Monday, October 22, 2007

Creating A Lens Flare With The Wordpress Logo- Photoshop

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.Creating A Lens Flare With The Wordpress Logo 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.

Creating A Lens Flare With The Wordpress Logo
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.

Creating A Lens Flare With The Wordpress Logo
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.

Creating A Lens Flare With The Wordpress Logo
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.

Creating A Lens Flare With The Wordpress Logo
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.

Creating A Lens Flare With The Wordpress Logo
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.

Creating A Lens Flare With The Wordpress 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.

Creating A Lens Flare With The Wordpress Logo
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.

Creating A Lens Flare With The Wordpress Logo
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?)

Creating A Lens Flare With The Wordpress LogoStep 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.

Creating A Lens Flare With The Wordpress Logo
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.

Creating A Lens Flare With The Wordpress Logo
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.

Creating A Lens Flare With The Wordpress Logo
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.

Creating A Lens Flare With The Wordpress Logo
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.

Creating A Lens Flare With The Wordpress Logo
You should have something like this.

Creating A Lens Flare With The Wordpress Logo
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.

Creating A Lens Flare With The Wordpress Logo
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.

Creating A Lens Flare With The Wordpress Logo
I hope you liked this tutorial, it can be applied to nearly any logo. Please leave a comment.

From great-design.blogspot

Nice navbar

Begin by creating a new file (File>New) with 400x70 px and 72 dpi, and fill it with #363636
nav-5

Now use the rounded Rectangle Tool , and fill it with #0072bc and add a white stroke
nav-6

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
pattern
nav-8

Choose now the Custom Shape Tool (U) and choose a nice shape. The shape’s color is white.
nav-9

Now create a small box with #80b9de colored stroke and set the fill % at 0.
nav-10

Repeat the step but now set only the opacity at 50 %
nav-11

See the result:
nav-end

Extreme (Photoshop) Makeover

Speed Painting

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

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: