How to: Create an icon for your app in Mac OS X

Mac OS X comes with great and powerful tools pre-installed. The scenario is simple: you have coded your app and designed a great logo for it. How you create the OS X icon for your app? The answer is: very easily. First of all open the logo in illustrator if it is .eps file or … Continue reading How to: Create an icon for your app in Mac OS X →

How to: Create a Web Photo gallery in 5 mins

On this guide you will learn how to create a Web Photo gallery (Flash or pure HTML) in 5 minutes using Adobe Bridge and Adobe Photoshop. No Flash knowledge is needed! Create a folder on your computer and name it as you like (here you will store your final files that need to be uploaded … Continue reading How to: Create a Web Photo gallery in 5 mins →

Web 2.0 logo creation (video guide)

Here is a video edition of our Web 2.0 logo creation tutorial that you loved. Video is streamed via youtube as it is 8 mins long and would be hard for our bandwitch to have it stored in our host. The quality is not the best, but it will help you alongside with the original … Continue reading Web 2.0 logo creation (video guide) →

Create a Web 2.0 logo using Abobe Photoshop part 2

Here is a second tutorial (here is the first one) for creating a Web 2.0 logo like the one above using Adobe Photoshop. Create a new Photoshop file (File>New). I made it in a 4500x4000px file with RGB color and 300dpi resolution, but you can do it in a smaller one. Create the talk bubble … Continue reading Create a Web 2.0 logo using Abobe Photoshop part 2 →

Create a skype-like logo using Adobe Photoshop

It is much easier to create a skype-looking logo than you imagine. Create a new file in Photoshop (File>New) and type anything you want using the type tool. Apply Bevel and Emboss, Color overlay and Stroke as you see them in the screenshots below and your logo is ready. Note that stroke size depends on … Continue reading Create a skype-like logo using Adobe Photoshop →

Gradients for shiny web 2.0 logos

Here are five shiny gradients to use for your web 2.0 designs. Note that colors used in these gradient are in RGB mode. The color codes are written in the screenshots. We used Adobe Photoshop CS3 to make the gradients, so if you use a different program, colors may be a little bit different due … Continue reading Gradients for shiny web 2.0 logos →

Create text logos using Adobe Photoshop

After the web 2.0 logo creation guide, here is a simple tutorial for adding effects in type layers and make them looking like logos. Open Adobe Photoshop, create a new document in CMYK format, type anything you like, select the type layer and apply drop shadow, inner shadow, outer glow, bevel and emboss (with contour), … Continue reading Create text logos using Adobe Photoshop →

Create a Web 2.0 logo using Abobe Photoshop

Here is an extensive tutorial on how you can create a great looking web 2.0 logo (like the one above that I created for the tutorial). Open Adobe Photoshop and create a new file (file>new): 4500x4000 pixels at 300dpi is a nice resolution to choose if you want your logo to be printable. It will … Continue reading Create a Web 2.0 logo using Abobe Photoshop →

Create a web 2.0 like button in Photoshop part 2: Round Button

Here is an easy tutorial on how you can build a round button for your web site using adobe photoshop. Create a new file (File>New) at 72dpi, RGB mode and create a circle using the eclipse tool. Apply the following effects on the circle layer and your button is ready. We iclude the .psd file … Continue reading Create a web 2.0 like button in Photoshop part 2: Round Button →

Create a web 2.0 like button in Photoshop

Create a new document (file>new) with 72dpi resolution. Create a rounded rectangle using the rounded rectangle tool and apply the layer effects as you see them in the images below: The light blue I used for the gradient is #37caef. The final result should look like the button in the image below. Write any text … Continue reading Create a web 2.0 like button in Photoshop →