Smart Photoshop











 

April 17, 2006

Stethoscope Logo

Filed under: web-graphics — admin @ 12:31 am

Creating a logo with stethoscope
Start by creating a rounded rectangle using rounded rectangle shape tool.
Press Ctrl+T. Right click the layer and select warp. Adjust nodes to get the shape as shown.
Press Ctrl+T. Right click the layer and select perspective. Adjust nodes to get the shape as shown. Rasterize the layer.
Ctrl+Click the layer thumbnail to get the selection.
Form select menu apply modify>>contract. Contract the selection by 5 pixels.
Press Delete to remove the selection.
Create a rectangular selection using rectangular marquee tool.
Press delete to remove the selection.
Press Ctrl+T. Right click the layer and select warp. Adjust nodes to get the shape as shown.
Create a couple of ellipses using elliptical shape tool.
Create a slit using rounded rectangle shape tool.
Press Ctrl+T. Right click the layer and select warp. From top bar select arc from the preset warp shapes. Apply settings as shown.
Place the layer as shown in the image below.
Create a path using pen tool.
Select a 5 pixels hard brush. Create a new layer. Apply stroke path with brush from the path window.
Similarly create the right side of the pipe.
Create a circle using elliptical shape tool.
Select the initial shape. Double click the layer to open layer style window. Apply layer style with the settings shown.
Copy paste the layer style on the ear pads.
Double click the layer to open layer style window. Apply layer style with the settings shown.
Apply stroke to the circle and fill with gray color.
Duplicate the layer and scale down. Fill with light gray color.
Merge all layers. Rotate and place interestingly above the company name.










 

April 11, 2006

Flash Effect Animated Sports Banner

Filed under: animation — admin @ 7:06 pm

Creating animated banner with flash effect
Start by selecting a few images to include in your banner.
Drag all the image to one psd file. Select the first image layer. Duplicate the layer. From filter menu select render>>lens flare. Apply settings as shown.
Similarly apply the same effect to the other images.
Create a rounded rectangle using rounded rectangle shape tool.
Create another rounded rectangle vertically using rounded rectangle shape tool. Fill it with a different color.
Duplicate it several times and place as shown in the image below.
Create a spiral shape using custom shape tool. Reduce the opacity to 30%.
Create a border selection using rectangular marquee tool. Press Ctrl+Shift+I to inverse the selection. Create a new layer and fill it with white color.
Type “Sportsclub.com” with a nice font.
Duplicate the layer. Form filter menu select blur>>motion blur. Apply settings as shown.
Duplicate the layer and press Ctrl+F to apply the effect again.
Open animation window. For the first frame keep the initial image layer visible and hide rest of the layers.
Duplicate frame. Unhide the layer shown below.
Duplicate frame. Hide all layers so that only background white is visible.
Similarly duplicate frames and keep hiding and unhiding images as done in previous steps.
For the 10th frame keep the more blurred text visible along with spiral and yellow rectangle layer.
For the 11th frame keep the lesser blurred text visible along with spiral and yellow rectangle layer.
For the 12th frame keep the solid text visible along with spiral, rectangle pattern and yellow rectangle layer.
Increase the delay durations in frames where images are fully visible. Press Ctrl+Alt+Shift+S to save an optimized animated GIF.










 

April 9, 2006

Walk Cycle of a Stick Man

Filed under: drawing — admin @ 7:02 pm

Drawing walk cycle of a stick man
Start by creating a circle using elliptical shape tool.
Using line tool create body of the stick man.
Using line tool create arms & legs of the stick man.
Create the rear arm and legs using a slightly different shade.
Since one pose is completed group the layers. Duplicate this group and hide the original one. In this group adjust the body parts as shown in the image below.
Similarly create more groups for each pose of walk cycle. Each image below belongs to one group of walk cycle pose.
We have created 7 different groups of poses. Good enough to create a nice walk cycle. Using custom shape tool create a tree shape. Place this layer behind the stick man layer groups.
Duplicate and place as shown in the image.
Merge the tree layers. Create 2 duplicates. Place one on each side of the original trees layers. Merge all tree layers.
Open animation window. For the first frame keep the position of tree layer as shown in the image.
Duplicate frame. Move the tree layer and move it towards left. Try to keep the appearance of tree layer as close as possible to the previous frame. This will ensure a smooth loopable animation.
Press the tween button in animation window. Apply settings as shown.
Delete the last frame. Now we have 7 frames and 7 poses groups.
Select each frame and keep hiding /unhiding walk cycle pose groups sequentially.
Press Ctrl+Alt+Shift+S to save an optimized animated GIF.
« Previous PageNext Page »