Showing posts with label Photoshop. Show all posts
Showing posts with label Photoshop. Show all posts

Animated Rainbow Wallpaper

0

Hello! In this tutorial, I will show how I created the Rainbows wallpaper. First, create dark sky in the background. For that, set forecolor to dark blue and back color to black, switch to Gradient tool (G), change gradient type to Radial, and create gradient from bottom to top of document.

http://www.eyesontutorials.com/images/Effects/VladStudio/tut33_RainbowWallpaper/rainbows_1024x768.jpg



Rainbows - making of - Step 1

To add some highlight, create new layer, and use large soft white brush to add a spot. Then, transform it (Ctrl-T) - stretch it horizontally.
Rainbows - making of - Step 2

Change layer blend mode to Overlay.
Rainbows - making of - Step 3

Next step is to create a cloud. Change forecolor to light blue, switch to Shape tool (U), select Ellipse, switch to 'Add to shape area' mode (2nd button in top row, so that all shapes you create are in single layer). Then, holding Shift, add several circles, overlapping
  
each other a bit.
Rainbows - making of - Step 4

Add the following layer effects: - drop shadow (black, mode = overlay, opacity 30-40%, distance 3-4px, size 10-15px)
- inner glow (white, overlay, size = 5-6px)
- gradient overlay (black-to-white, mode = overlay, opacity 75%, angle 90)
- bevel and emboss (size 30px, soften 5px, highlight white 75% screen, shadow multiply 40% blue)
- satin (black, mode = overlay, distance 6px, size 14px, try different contours)

Our cloud is ready!
Rainbows - making of - Step 5

Add another small cloud in front of bigger cloud. When you add layer effects to smaller cloud, decrease all sizes and percents accordingly.
Rainbows - making of - Step 6

And then, more and more clouds!
Rainbows - making of - Step 7

Next, we need a rainbow. We will make rainbow with shapes, each color in one shape layer. Create new layer (behind layers with clouds). Set forecolor to red, select ellipse shape tool (U) and make a red circle (as always, holding Shift to preserve proportion)
Rainbows - making of - Step 8 
 with Path selection tool (A), select the circle you just made, copy-paste it (Ctrl-C, Ctrl-V), scale down a bit (hit Ctrl-T and resize with your mouse holding Shift). Then change path mode to Substract.
Rainbows - making of - Step 9

Switch to Pen tool (P), change mode to Substract, then carefully add a shape that hides unnecessary part of circle.
Rainbows - making of - Step 10

I wanted that the rainbow is cut 2-3 pixels before it connects to cloud. It is very easy to do: select layer with cloud, switch to Path selection tool (A), select the circle that touches the rainbow, copy it (Ctrl-C).
  
Rainbows - making of - Step 11

Then go back to the layer with rainbow, click a rainbow path to select it, paste (Ctrl-V), scale up a bit (Ctrl-T, then resize with the mouse holding Shift), and finally, change path mode to Substract.
Rainbows - making of - Step 12

Now that one color is ready, repeat these steps to create another color.
Rainbows - making of - Step 13

And another and another, until the rainbow is ready.
Rainbows - making of - Step 14

Now you know how to create rainbows - why not add some more?
Rainbows - making of - Step 15 
Here goes the trick. I wanted one of my rainbows to 'dissolve' into separate lines, each color flying in separate direction. Here is how to do it: for each layer with color, select the shape with Path selection tool(A), then switch to Pen (P) or Rectangle (U) (does not really matter), change shape mode to Substract, and add a shape that hides part of the circle. Repeat with each color of rainbow - it will look nicer if lines are cut in different locations.
Rainbows - making of - Step 16

Now we need to add 'flying' lines of colors. We could do that with Pen tool only, but unfortunately Photoshop does not have curved lines with fixed width, or path offset (as Illustrator). And I wanted the lines to have fixed stroke width. So we will have to add paths and then transform them into pixels. So, open Paths palette (from Windows menu), switch to Pen tool, then on bottom of paths palette, click New button. New path will appear (called Path 1).
Rainbows - making of - Step 17
Click image to expand.

Start your path by clicking exactly the middle of where red line is cut, and dragging (and releasing) the mouse continuing red line direction.
Rainbows - making of - Step 18
Click image to expand.

Continue your path until it is outside document boundaries.
Rainbows - making of - Step 19

Switch
  
to Brush tool (B), set forecolor to the same red color as the rainbow red, then carefully choose brush size that matches size of rainbow line (in my case, 3px). Then, hit Stroke button on bottom of Paths palette (2nd in the row). You can click Stroke button several times to make line wider. If line does not match, undo and change brush size. You should be careful and patient doing that :-)
Rainbows - making of - Step 20

Next step is to blur edge of line, to add some depth to our artwork. Turn on Quick Mask (Q), then switch to Gradient tool (G), select black-to-white gradient, and apply gradient as shown here.
Rainbows - making of - Step 21

Turn off quick mask (hit Q again): you should see the selection similar to this.
Rainbows - making of - Step 22

Go to Filters menu - Blur - Gaussian blur, and apply 3-5 pixels blur. You can also try Lens blur - it may look better (or not) but take much more time to apply.
Rainbows - making of - Step 23

Now the red line is completed! Repeat the same steps for each color.
Rainbows - making of - Step 24

Next step: in new layer, add some very small spots with white hard small brush (add some 1px dots, then 2px and 3px)
Rainbows - making of - Step 25 
Next step: stars. I thought that it it would be more romantic if the stars glow with horizontal and vertical rays. To do such star, switch to Shape tool (U), choose Polygon, set sides = 4, then open Options dropdown window, check Star, and set Indent sizes to 90-97%.
Rainbows - making of - Step 26

Add a shape (hold Shift to preserve proportions), then transform (Ctrl-T) to squeeze horizontally a little bit.
Rainbows - making of - Step 27

Next layer: wings (behind all layers of fairy). Made with Pen
  
tool
! Apply same effects as to hair layer.
Rainbows - making of - Step 28

Set shape layer blend mode to Overlay, then in new layer, add a dot with white soft brush....
Rainbows - making of - Step 29

Ta-da! A fairy! the last step is to add one fairy for each color.
Rainbows - making of - Step 30

... then set its blend mode to Overlay too!
Rainbows - making of - Step 31

Add more stars in similar way.
Next step: a fairy! A fairy consists of several shape layers, with layer effects applied to each layer. Here is the shape of the body (made with Pen tool).
Rainbows - making of - Step 33

Add layer effects: - inner glow (white, overlay 30-40%) - Gradient overlay (black-to-white, radial, overlay 30-40%)
Rainbows - making of - Step 34

Next layer: arms. (made with Pen tool too)
Rainbows - making of - Step 35

Next
  
layer: head (made with Ellipse tool (U) and then another shape in Substract mode, made with Pen). Add the same layer effects as to body layer.
Rainbows - making of - Step 36

Next layer: hair (behind head layer). Add the same layer effects, but change gradient type to Linear.
Rainbows - making of - Step 37 
Next layer: eyes. Made with Pen tool. Change blend mode to Multiply, no layer effects.
Rainbows - making of - Step 38
http://www.eyesontutorials.com/images/Effects/VladStudio/tut33_RainbowWallpaper/rainbows_1024x768.jpg

Make Abstrak Wallpaper 2

0






Preparations:
In this tutorial, we will try to mimic the nice abstract preview (shown on the left) that Axeraider70 made for his Ultimate Brush Pack 3. Hope this will give the beginners a better idea on how to use these great resources.
Download Ultimate Brush Pack 3 here.
Step 1 – Setting Up Background:
Create a document of size 750×550 pixels then make a new layer and name it as Back Glow.
Select Soft Brush tool, set its size to 700px and foreground color to #752341.
Paint a large dot of pink at the center like the one shown on the left.
  



Step 2 – Brush Layer Masks:
Other than simply stamp the brushes around, we can use them to create simple effects on layer mask too.
Select the Back Glow layer and create a New Layer Mask.
Load all the brushes in Ultimate Brush Pack 3. Select some of those grundgy brushes and paint them with black (#000000) around the border of the mask.



Step 3a – Setting Base Colors:
Create a new layer and name it as Base Color 1.
Using the same grundgy brushes used in Step 2, set the foreground color to #FF99B4 and paint a few spots of pink as shown in the diagram.



Step 3b – Setting Base Colors:
Set the Blend Mode of Base Color1 to Soft Light.
Now set the foreground color to #FED2DD and repeat Step 3a and 3b.



Step 4a – Colors and Contrast:
Create a new layer and call it as Black Shapes.
Briefly identify a center point on the document and find those brushes that stretch out in various directions. We will need to make these shapes look as they diverging out from the same point.
Set the foreground color to #000000 and use those brushes in different sizes as shown in diagram. Set the Blend Mode of this layer to Soft Light.



Step 4b – Colors and Contrast:
Create a new layer and call it as Blue Shapes.
Using the same grundgy brushes in Step 3a, paint a few spots of blue around.



Step 4c – Colors and Contrast:
Set the Blend Mode of Blue Shapes to Linear Dodge (Add).
This will blend the blue spots with those black ones under them and added some glow at the same time.



Step 4d – Colors and Contrast:
Create a new layer and call it as Pink Shapes.
Set the foreground color to #E25884 and repeat Step 4a with other brushes. Leave the Blend Mode of this layer as Normal.



Step 5a – Adding Glow Subjects:
Create a new layer and name it as Glow 1.
Set the foreground color to #FFFFFF and choose those brushes that you wish to make them your main glowing subjects. Paint them on this layer.



Step 5b – Add Glow Subjects:
Right-click on the layer and choose Blending Options. Activate Outer Glow and set Mode to Color Dodge, Color to #FF0000, Size to 30px and leave the rest as default settings.
Repeat Step 5a and 5b with a larger brush.



Step 5c – Add Glow Subjects:
Repeat Step 5a and 5b with random sizes all around.
Try not to overdo the addition of these glow subjects else they will "steal" the focus of those colored shapes at the background.



Optional:
There you have it! Your abstract art is done.
You can create different variations of the piece with the use of Hue/Saturation Adjustment Layer. For the Blue, I am using -140,0,0 and for the Yellow, I am using 43,0,0.
Hope you will find this tutorial useful.