Archive for February, 2008

Making a flowing liquid effect in Photoshop

In this tutorial we will create a flowing liquid effect in Photoshop. We’ll use for this an image of a overturned glass and make it look like the contents of the glass is spilled on the surface the glass sits on.

Step 1

Make a photo of an overturned glass on a surface, just like in the image below, or download one from a stock photo website. I am using a free stock photo from stock.xchng. You can download the image here. I flipped horizontally the original image.

Making a flowing liquid effect in Photoshop - Step 1

Step 2

Create a new layer (Layer-> New -> Layer or simply Ctrl+Shift+N). We’ll use this layer to create the basic shape of the liquid. This can be a little tricky so take your time with it. Try to imagine how the liquid would pour through the opening of the glass and lie on the table. Use a hard edged brush to create the shape and give it a gray color. The color I am using is #848484.

You can download the PSD file with just the basic liquid shape here.

Making a flowing liquid effect in Photoshop - Step 2

Step 3

Use the Dodge Tool to add some random highlights to the Shape. Use these settings for the Dodge Tool as shown in the image below (Soft Edged brush, size 45, Range : shadows, Exposure 20%).

The Dodge / Burn Tool menu :

The Dodge / Burn Tool

Dodge Tool settings :

Dodge Tool settings

The result :

Making a flowing liquid effect in Photoshop - Step 3

Step 4

Use the Burn tool to add some shadows to the Shape. Use these settings for the Burn Tool as shown in the image below (Soft Edged brush, size 35, Range : shadows, Exposure 15%).

Burn Tool settings :

Burn Tool settings


Wallpaper Designs #3

Design is all about colors and shapes

Design is fun

Design Web 2.0


Making a web 2.0 logo in Photoshop

This Photoshop tutorial will explain how to make a web 2.0 glossy logo or icon if you like. I tried to keep it as simple as possible. If you have any questions post them in the comments below.

I am starting with a 400×300 px white canvas. Draw your basic shape. I have started with a custom shape from Photoshop’s presets.

Step 1

Fill the shape with a nice orange color (I am using #ff6600)

Making a web 2.0 logo in Photoshop - Step 1

Step 2

Apply Bevel and Emboss to the layer using the following values :

Structure

Shading

Making a web 2.0 logo in Photoshop - Step 2

Step 3

Stoke the layer with an orange color 3 pixels in size (I am using the same orange as the fill : #ff6600)

Making a web 2.0 logo in Photoshop - Step 3

Step 4

Apply an inner glow, size 40px.

Making a web 2.0 logo in Photoshop - Step 4

Step 5

Create a new top layer and using the Elliptical Marquee Tool create an oval over the top of the original shape layer. Fill this layer with gradient from white to transparent (white at the bottom, transparent at the top). Give this layer a 50% opacity. You may rotate this layer so it will look cooler.

Making a web 2.0 logo in Photoshop - Step 5


Free Valentine’s Day vectors collection

This is a free eps and png vector and vectorial icons collection.

1. CreateSk8

CreateSk8 - Free Valentine's Day vectors collection

2. Round Pixel - candy red hearts and decorations (format Illustrator *.ai)

Round Pixel - Free Valentine's Day vectors collection

3. Icon Drawer dot com (format *.png)

Icon Drawer dot com - Free Valentine's Day vectors collection

4. Dezignus Love Icons - boxes, hearts, candles, glass stars, love boxes, st’ valentine’s day flowers, heart balloons, red roses (format *.eps)

Dezignus Love Icons - Free Valentine's Day vectors collection

5. Valentine by Aramisdream on deviantART

Valentine by Aramisdream on deviantART - Free Valentine's Day vectors collection

6. Dr. Depot Hearts and Spines - Beautiful illustration of a heart with metallic spines and flowers.

Dr. Depot Hearts and Spines - Free Valentine's Day vectors collection

7. Hearts 128×128px transparent PNG icons

Hearts 128x128px transparent PNG icons

8. Love Flowers by HenocBeseleel on deviantART

Love Flowers by HenocBeseleel on deviantART


The STEP Best of Web Design 2008 competition

STEP Inside design magazine is a bi-monthly published design magazine that addresses graphic designers at advertising agencies, design firms, and corporate design departments.

The STEP Best of Web Design 2008 competition

“Because it’s Web-specific, and because we create an article explaining why each winner is so noteworthy, STEP’s Best of Web is the preferred competition for online designers who want their work shown in the best possible light, as well as for those who want to learn about groundbreaking work being done on the Web.”, says Tom Biederbeck, STEP inside design magazine.

Participants can submit entries entire websites, web banners, pop-up’s, advertising graphics or motion graphics in the Consumer, Business, Self-Promotion, Nonprofit/Public Service or Miscellaneous categories. There’s only one requirement : the entries must have appeared online first between April 1, 2007 and April 1, 2008 (the deadline for all entries).

More information and the submission form can be found on the STEP inside design magazine’s website.


Page 2 of 3«123»
zaBox.net - Your network. Your Friends Web Design blogs Top Blogs Web Design Blogs - Blog Top Sites TopOfBlogs BlogCatalog Web Design & CSS (Themes) - TOP.ORG