Smart Photoshop











  

August 24, 2007

Animated Banner for Florist Site

Filed under: web-graphics — admin @ 1:49 pm

Creating an animated banner for florist site

Start by creating a file of banner size.
Insert an image of flowers.
Create a rounded rectangle using rounded rectangle shape tool. Reduce the opacity to 80%.
Insert a cutout of a flower.
Insert another cutout and place on the left side of the banner.
Type company name over the rounded rectangle.
Type other text details in separate layers.
Click add vector mask from the bottom of the layer palette
Create a rectangular selection using rectangular marquee tool. Press Ctrl+Alt+D to feather the selection. Click the mask thumbnail. Fill the selection with black color. Repeat this steps for the other two text detail layers.
Insert some small flowers.
Open animation window. For the first frame hide the three text detail layers.
Duplicate frame. Move the small flowers to the right. Move the mask of the first text layer to the right so that it’s completely visible.
Click tween button form the animation palette. Apply settings as shown.
Duplicate the last frame and hide the small flower layers for this screen.
Repeat the above steps for rest of the text detail layers.
Press Ctrl+Alt+Shift+S to save an optimized animated GIF.
 

 










 

February 28, 2007

Creating a Girly Heart Header

Filed under: web-graphics — admin @ 2:53 pm

Creating a Girly Heart Header

In honor of Valentine’s Day - I wanted to offer a photoshop tutorial on making a cute and girly - love heart header. 

1. Find a good heart image or use the pen tool to create something like this.
2. Apply these layer styles to it.
3. Use the rectangular marquee tool to add different strips of a varity of shades of pink and purple to the background.
4. Now add small versions of the heart in step 1 except make them a light gray. Scatter them randomly throughout.
5. Now add the navigation to the left hand side. We used a dark gray color and the font impact.
6. Repeat step 5, except with white font. Nudge the layer down and to the right two pixels to get a shadow effect. And your navigation menu is all complete!










 

December 4, 2006

Creating a Silver Alien Orb

Filed under: drawing — admin @ 10:51 am


Creating a Silver Alien Orb
1. Create a new document. Fill in the background with black. Then go to Filter > Render > Lense Flare. Use the 50-300mm Zoom. Repeat this four times in the locations indicated below.

2. Go to Filter > Artistic > Plastic Wrap. Use these settings below.

3. Resulting image below.

4. Go to Filter > Distort > Polar Coordinates. Be sure to go from rectangular to polar.

5. Now change the hue / saturation by going to Images > Adjustments > Hue / Saturation. Use the settings below. Be sure to note that we did NOT check the Colorize box.

6. Now go to Image > Adjustments > Brightness / Contrast. Change the settings until you get a similar image to that below. And when you are finished, you will have a VERY attractive silver orb.

7. But we know that silver is a cool color, there are other good looking orbs too. Below are other versions of the tutorial that use different colors and brightness / contrast settings. Look below.

8. Below is a fiery version. These variations go to show that you can get many different results from the same tutorial. All of them look amazing!


 

— Next Page »