Hey
I was busy stumbling across the internet and I came across this site. Called Word Press Customization its a well design site, about creating Wordpress theme blogs. Anyway, the header particularly struck me as something that would be easy to recreate in Photoshop. This tutorial can be applied to nearly any logo. But i'm gonna try and match the original, I wanted something to aim for. The image on the right is the cropped version of what the final piece should look like. Click any of the image to enlarge.
Step 1) The first step is to create the canvas and download the Wordpress logo. Click the image below for the full size. You need to create your canvas as large as you want it. I recommend around 1600 pixel x 800 pixels high. The larger the better. Set the colour to black.
Step 2) Place the logo in the centre of the page on a new layer. You don't want the logo to be overly large, but then again don't make it tiny.
Step 3) The next step is to start creating the effects. Duplicate the logo layer. Merge this layer with the black background layer (Layer > Merge Layers). This merging of the layers will be used to help create the lens flare. The next step is to use the lens flare function. Go to Filter > Render > Lens Flare and set the options to 105mm Movie Prime, and about 70-100%. Change these values depending on how your image looks. Click Ok when you are done.
Step 4) Create a new layer above the background layer, but below the logo layer. Using the eye dropper tool (I) select a light blue colour from the logo. Using the colour fill the new layer you have just created. Set the layer blend mode to colour. The white lens flare you have just create should now be a cool blue colour. Adjust the opactiy of the new layer if needed.
Step 5) The next step is to apply some lighting behind the logo. Duplicate the logo layer. You can at this point place it behind the logo or wait till the end of this step. With this new layer go to Image > Adjustments > Brightness/Contrast and set the brightness to full.
The next step is to blur out the layer. Go to Filter > Blue > Gaussian Blur and blur out the image. I've chosen a value of 30. You may need to change this depending on the size of your image.
Step 6) Set the blend mode of the layer to Hard Light, duplicate this layer and change this blending mode to Overlay. This will create a subtle light around the logo.
The logo now shines. Since the white shine was created with the logo it doesn't look to fake, since the original logo was used.
Step 7) You could at this point finish. Since the image does look good. But I want mine to match the one I have found.
The next step is to add a streak of white. Create a new layer underneath the logo (mine is shown ontop) and add a white streak with a soft brush. It wants to be around 30 - 40 pixels. Make a nice simple sweeping action around the bottom. Apply, again, a Gaussian Blue of about 5. To blur this out. Set the mode to Overlay.
Step 8) Duplicate this layer you have just created, and smash Cmd + F (Ctrl + F on Windows) half a dozen times, this is to reapply the blur. Change this layer blend mode to soft light (seeing a pattern with the blending modes?)
Step 9) Duplicate the last layer again, and remove the blending mode. Reduce the opacity. This can be an optional step, since my white flare looked a little to blue.
Step 10) One of the features of this logo lens flare is the small circles. This "traditionally" looks like a lens flare. It is easier at this stage to create one manually using the brush options in Photoshop.
To create the brush style find a hard brush about 20 pixels in size. Open up the Brush Dialog Box (F5 Window > Brushes). In the Shape Dynamics box change the jitter to 100%. This will make the brush strokes move about.
Next in the Scattering section change the scatter to about 600% and the Count Jitter upto 100%. This will move the placement of the brushes strokes around on the x and y axis.
Step 11) Using a yellow/orange colour apply a small amount of jitter on a new layer. Do not over do this. It wants to be a subtle as possible. Do the same with a blue colour.
Step 12) On these new layers (I have 2) change the blending options to screen to reduce the amount they are visible by. It is a good idea at this point to erase and re-do any parts you don't like. As well as this experiment this the Gaussian Blur in blurring out the parts.
Step 13) The next step is to add a swoosh at the bottom of the logo. On a new layer again use the Circular Marquee tool to create a circle on this layer. It doesn't have to be perfect. Then go to Edit > Stroke and set the stroke to 3-4px depending on how it looks. If it is to big/small undo and change the size. Change the colour to white.
You should have something like this.
Step 14) De-select the Marquee (Cmd/Ctrl + D). With the Swoosh layer still selected go Filter > Distort > Twirl. Twirl this layer. At this point it doesn't matter how you twirl it. I wouldn't recommend doing it to much. If you don't like what has been achieved undo and re-apply the filter. When you have a nice twirl, remove with the eraser the top part. Move (V) is necessary to a new part of the canvas.
Step 15) Set the Blend Mode to Overlay and repeat the twirl if necessary.
Step 16) Crop into a letter box shape and save out. You can click the image below for the full version.
I hope you liked this tutorial, it can be applied to nearly any logo. Please leave a comment.
From great-design.blogspot
Graphicvn
Monday, October 22, 2007
Nice navbar
Begin by creating a new file (File>New) with 400x70 px and 72 dpi, and fill it with #363636
Now use the rounded Rectangle Tool , and fill it with #0072bc and add a white stroke
It’s time to create one more new file with 4x4 px and 72 dpi. Choose after that the Pencil Tool (B) of 1 px to create a pattern, like that one from below, colored with #003D76
Choose now the Custom Shape Tool (U) and choose a nice shape. The shape’s color is white.
Now create a small box with #80b9de colored stroke and set the fill % at 0.
Repeat the step but now set only the opacity at 50 %
See the result:
Now use the rounded Rectangle Tool , and fill it with #0072bc and add a white stroke
It’s time to create one more new file with 4x4 px and 72 dpi. Choose after that the Pencil Tool (B) of 1 px to create a pattern, like that one from below, colored with #003D76
Choose now the Custom Shape Tool (U) and choose a nice shape. The shape’s color is white.
Now create a small box with #80b9de colored stroke and set the fill % at 0.
Repeat the step but now set only the opacity at 50 %
See the result:
Friday, October 19, 2007
Fossil Butterfly In Resin
1. Create a new layer, use Gradient tool with color #823D29 and #E3DC8D and make a gradient background like this:
2. Go to Filter -> render -> clouds
3. Use pentool or ellipse tool to draw an ellipse shape with gray color
4. Go to Layer in menu bar, choose Layer style and do as the picture below:
Drop sadow: color #4F372C
5. Inter Shadow: color #4F372C
6. Outer Glow: color #ECD12D
7. Inter Glow: color #2F4C97
8. Bevel and emboss
9. Contour
10. Satin
11. Color Overlay
12. Pattern Overlay: click in the small box beside the pattern and choose rock pattern, you can choose any pattern you like, click OK
Pick a butterfly picture like this
Remove the background of butterfly by some tools like lasso...Set opacity 87% and flow 90% in layer box
Duplicate layer ellipse and put it on butterfly layer then set opacity 32% and flow 50%
Finally, you have a fossil butterfly in resin
Another result
From photoshop8x
2. Go to Filter -> render -> clouds
3. Use pentool or ellipse tool to draw an ellipse shape with gray color
4. Go to Layer in menu bar, choose Layer style and do as the picture below:
Drop sadow: color #4F372C
5. Inter Shadow: color #4F372C
6. Outer Glow: color #ECD12D
7. Inter Glow: color #2F4C97
8. Bevel and emboss
9. Contour
10. Satin
11. Color Overlay
12. Pattern Overlay: click in the small box beside the pattern and choose rock pattern, you can choose any pattern you like, click OK
Pick a butterfly picture like this
Remove the background of butterfly by some tools like lasso...Set opacity 87% and flow 90% in layer box
Duplicate layer ellipse and put it on butterfly layer then set opacity 32% and flow 50%
Finally, you have a fossil butterfly in resin
Another result
From photoshop8x
Colouring the picture
Last tutorial, I showed you how to draw a girl, and now I'm going to show you how to colour that picture.
1 first , we have a sketch picture .
You put Layer sketch in the top and choose "multiply" in layer box
2. You use brush , choose the "color" in Mode box . opacity 50% .
You are painting eyes with blue color or whatever color you like deep blue
3. painting the skin : u create a layer , put the layer behind the layer sketch .You choose "multiply" for this layer . I click in color box and choose the color like color of skin #FFE4B8
#FFDCAD #FCC283 #EDA14F
Use the soft brush with opacity 60% .
You begin with the most pale color . #FFE4B8 . After that , you paint the shadow color with opacity less than 50%
4.shirt
You select all the shirt in this picture . and then , you click in fill --pattern and choose the pattern that you like , I choose a green pattern
5. painting hair . You still using soft brush and choose the color FFC835 , yellow color , or what color you like . But I think you should choose the light color to make the girl more beautiful . You painting all of the hair
Choose soft brush , opacity : 30% . color : white , paint the light in the hair.
Painting flower : choose pink color and painting with soft brush, Normal and opacity 100 %. After that , you choose Overlay and paint the line in flowers with opacity 50%
I choose this brush to paint all points in the flower.
You use the pentool to draw the light in her eyes. After that, you use white colour to fill it. Choose hard brush and paint the small light with blue and white colour.
This is my final result:
1 first , we have a sketch picture .
You put Layer sketch in the top and choose "multiply" in layer box
2. You use brush , choose the "color" in Mode box . opacity 50% .
You are painting eyes with blue color or whatever color you like deep blue
3. painting the skin : u create a layer , put the layer behind the layer sketch .You choose "multiply" for this layer . I click in color box and choose the color like color of skin #FFE4B8
#FFDCAD #FCC283 #EDA14F
Use the soft brush with opacity 60% .
You begin with the most pale color . #FFE4B8 . After that , you paint the shadow color with opacity less than 50%
4.shirt
You select all the shirt in this picture . and then , you click in fill --pattern and choose the pattern that you like , I choose a green pattern
5. painting hair . You still using soft brush and choose the color FFC835 , yellow color , or what color you like . But I think you should choose the light color to make the girl more beautiful . You painting all of the hair
Choose soft brush , opacity : 30% . color : white , paint the light in the hair.
Painting flower : choose pink color and painting with soft brush, Normal and opacity 100 %. After that , you choose Overlay and paint the line in flowers with opacity 50%
I choose this brush to paint all points in the flower.
You use the pentool to draw the light in her eyes. After that, you use white colour to fill it. Choose hard brush and paint the small light with blue and white colour.
This is my final result:
Subscribe to:
Posts (Atom)