Create the web 2.0 reflection effect with Adobe Illustrator

Few days before, I wrote a tutorial on how you can build a web 2.0 logo with Adobe Photoshop. Here is another one for adding the reflection effect in a logo (like mine above) using Illustrator, which makes the reflection more flexible and easy to scale and manage. Open your logo in Adobe Illustrator and … Continue reading Create the web 2.0 reflection effect with Adobe Illustrator →

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 →