Smart Photoshop

Ornamental Plant Navigational Header

Filed under: web-graphics — admin @ 7:20 pm

Creating a navigational header for ornamental plant site

Start by creating a rectangle using rectangular shape tool. Fill with light gray color.

Double click the layer to open layer style window. Apply layer style with the settings shown.

Create a new layer fill it with any color. Double click the layer to open layer style window. Apply layer style with the settings shown.

From layer menu select layer style>>create layers. Select and merge both the resulting layers. Reduce the opacity to 20%.

Change the layer mode to color burn.

Create a thin rectangle strip using rectangular shape tool.

Duplicate layer and move to bottom.

Create a rectangle using rectangular shape tool.

Double click the layer to open layer style window. Apply layer style with the settings shown.

Create a rectangle, a little smaller than the previous one using rectangular shape tool. Apply same layer style as we use for the first rectangle.

Ctrl+Click the layer thumbnail to get the selection. Select the patterned layer. Press Ctrl+J to copy paste the selection in a new layer. Move this layer above all the layers in layer order in layer palette.

Change the layer mode to difference.

Create a ornament shape using custom shape tool.

Duplicate, rotate and place as shown in the image below.

Select and merge all the ornament shape layers. Double click the layer to open layer style window. Apply layer style with the settings shown.

Type link names using a nice font.

Double click the layer to open layer style window. Apply layer style with the settings shown.

Place a few ornament shapes above and below the link names.

Insert company logo and place it appropriately.

Comments (0)

Glass Surface Water Drop Animation

Filed under: animation — admin @ 10:58 am

Glass Surface Water Drop Animation

Start by opening an image of a glass.

Create an ellipse using elliptical shape tool.

Reduce the opacity to 20%.

Ctrl+Click the layer thumbnail to get the selection. From select menu apply modify>>contract. Contract the selection by 1 pixels. Create a new layer and apply a black to white gradient in linear mode.

Change the layer mode to screen.

Merge both the layers. Press Ctrl+T. Right click the layer and select warp. Adjust nodes to get the shape as shown.

Double click the layer to open layer style window. Apply layer style with the settings shown.

Change the layer mode to screen and reduce the opacity to 51%.

Create several duplicates of the drop. Press Ctrl+T and distort. Place as shown in the image below.

Open animation window. For the first frame hide all the drop layers except the top drop layer.

Duplicate frame and hide the first drop layer. Unhide the next drop layer. Similarly hide unhide the layers to create a falling drop effect.

For the last frame hide all the drop layers. Adjust delay durations as shown in the image below.

Press Ctrl+Alt+Shift+S to save an optimized animated GIF.

Comments (3)

Creating a 3D Logo

Filed under: web-graphics — admin @ 10:59 am

Creating a 3D Logo

Start by filling the background with gray color.

Type “B” with a bold font.

Press Ctrl+T. Right click the layer and select distort. Adjust nodes to get the shape as shown.

Press Alt key and keep hitting left arrow key to create a 3D depth.

Select and merge all the duplicate layers. Enable lock transparent pixels from layer palette. Fill with a dark blue color.

Duplicate both layers. Press Ctrl+T. Right click the layer and select flip horizontal. Swap the color of both the layers.

Ctrl+Click the layer thumbnail of the alphabet layers to get the selection. Press Ctrl+Shift+I to invert the selection. Select the merged 3D layers and press delete. This will remove the unwanted edges at the top and bottom.