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 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
Creating a password box
A password box is the same with a text box, but whatever is typed is hidden by asterisks or bullets. If you want to create a password box type the following in your favorite html editor: password:<input type:"password" name="password" size="10" maxlength="10" /> In size and maxlength you can put anything you want. Size is the … Continue reading Creating a password box
Gradations: Do not confuse the terms dpi and lpi
Dpi (dots per inch) show the number of distinct pixels that can be created on each linear inch of output on screen or in printing. Dpi is a measure of resolution. Lpi (lines per inch) measure frequency of screen. The normal range of half tone screens is from 75 to 200 lpi or even higher. … Continue reading Gradations: Do not confuse the terms dpi and lpi
The history of CSS
Back to 90s when HTML 4 appeared, the W3C decided that structure and formatting instructions should be added to the same document with HTML code in order to make it more powerfull. Then the idea begun: a new passion in web publishing, where formatting instructions could be saved seperately from the content and could be … Continue reading The history of CSS
What’s new in Adobe Photoshop CS3
Recently the new version of Adobe Photoshop was released. One month ago, I atended a presentation for the new Creative Suite 3, organised by Anodos (Adobe's distributor and reseller in Greece). Greece is the first country in the world, where CS3 was presented (because of local time). What made me the biggest impression of all … Continue reading What’s new in Adobe Photoshop CS3
Few words about image formats for web
All of us know three famous image formats for publishing pictures on the web: .gif, .jpeg (.jpg), .png. Let's see their features and which is suitable for each use. Compuserve GIF (.gif): GIF format is suitable for small icons, buttons, logos and images with animation. It uses 8-bit color depth and compresses regions on the … Continue reading Few words about image formats for web