Академический Документы
Профессиональный Документы
Культура Документы
website banner
with a logo using Photoshop
Simple step-by-step tutorial on how to create a web site banner and logo in Photoshop. The sample .psd
and completed website are also included.
A banner or a header is a graphic that is found at the top of a web site which usually displays the company
name and the logo. It is often the first thing a person sees when they open the website. The blending of
colors should be attractive, informative, comfortable for the eye and help to convince the viewer to stay on
your site.
Let's start with our banner. Here we have a general banner and the colors used are soothing to the eyes. It
can be used for a fashion and beauty banner or a personal or holiday banner as well.
Click on the
Paint Bucket Tool seen in the tools panel on the right.
Click on the canvas with your mouse. Your background color is now changed to the new color.
Enter name of the layer as band copy. Click on OK. Do the same with band copy2, band copy3, band copy4.
Place the bands properly in the banner.
Step 8 : Creating the Logo Border
Create a new layer. Name it border. Select Rectangular Marquee Tool. Make the rectangle size width of
20px and height of 100px. Fill it with color # A63D56. Put the rectangle on the right of the logo background.
Make a copy and place the new rectangle on the left of the logo background.
Step 9 : Creating the dashed lines
Now select the
Horizontal Type Tool (text tool). Type" _________" using the hyphen key. Place it on
the top of the banner. Make a copy, right click on the layer and click on duplicate. Place it at the bottom of
the banner.
Step 10 : Adding your Company Name
With the text tool
type your company name or website name with the color # FCF3E5.
4.
5.
A screen named Gaussian Blur will appear. Click 7 pixels on Radius. Click OK.
6.
7.
8.
9.
10.
11.
A screen named Fade will appear. Change from Mode Normal to Mode to Screen.
Again go to Filter>Blur>Gaussian Blur. Click on ok .
Click 8 pixels on Radius. Click Ok.
Press Ctrl+shift+F to get Fade Option.
A screen named Fade will appear. Change from Mode Normal to Mode to Soft Light.
Congratulations! You have created your Front Page Magazine image special effect
Photo1 in layer 1
Photo2 in layer 2
Photo3 in layer 3
Method: Click on
Set foreground color. Choose Blue color. Go to
Paint Bucket Tool. Click
on your canvas in the background layer. It will fill the background with Blue color.
Step 2 : Blending the photographs
Copy the selected rectangle and paste it inside the feathered selection.
A new layer will appear. Name it collage1. Delete layer1.
Follow the same steps for Layer2, photo2 and layer3, photo3. You will find that the feather effect blends the
images with each other. You can adjust the amount of feathering and the area of feathering to make the
images blend more smoothly. Finally, you can double click on the layer and adjust the opacity in the blending
options for the collage to blend with the background.
Your Layers panel will look like this:
1.
2.
3.
and filling
4.
Go to Dodge tool.
Select Brush as 29 or more depending on your bubble and Range
as Highlights and Exposure as 50%.
5.
Then on the left corner of the bubble drag the dodge tool four times in the same place to give
the highlight in the bubble.
6.
Make gentle strokes around the bubble with the dodge tool to get the following effect.
Your Bubble is ready, just press ctrl+D to deselect the outline of the circle.
You can make as many bubbles as you want like that, even small and big, just repeat the process.
Congratulations! Your Bubble is ready.
Steps to Follow :
1.
2.
3.
Click here to open and save the candle image. Right click on the image to save the picture.
Save the picture in a website folder.
Open Photoshop and click on File/Open and select the header image from your website folder.
Name the layer header in the layers panel. Right click on the layer and select Duplicate Layer.
Name the second layer candle.
4.
Click on layer header and press shift+ctrl+u to desaturate the picture. You won't be able to see
the desaturation as the layer is behind the candle layer. You can close the eye of the candle
layer in the layers panel if you would like to view the effect of the desaturation.
5.
Now work on the candle layer. Select Elliptical marquee tool. Drag it to the candle. Select
feather radius as 15.
6.
Now click on Select>Inverse from the top menu and then delete.
7.
Now press ctrl+D to deselect the candle. Make a new layer called candleborder on top of the
candle layer. Use the line tool to create a vertical line on the left and on the right of the lit
candle.
If you would like to use this header in the next tutorial on creating a website layout, You have to merge the
layers to create a single graphic. You need to do the following steps :
1.
Click on the link icon next to the eye icon in the layers panel for all the layers.
2.
Go to Layers>Merge Linked.
Your header is ready to insert in the layout. Click here to learn how to create a website layout using this
header in Photoshop.
This tutorial is part of a 4 page tutorial on how to create a simple website using Photoshop.
We have designed a layout with a black background with an area for the logo, an eye-catching graphical
header, navigation links, content and images.
Remember while designing your layout, you need to define spaces for the following :
Open a new file in Photoshop by clicking on File/New and enter a width of 750pixels and height
of 450px.
2.
Color the background with Black by choosing black in the foreground color
3.
selecting the
paint bucket tool and click on the canvas. Your background will now be
black.
Add a new layer by clicking on the Add Layer icon in the Layers panel. If your Layers panel is
and
not open then go to Window/Layers. Name the new layer copyright . Select
Rectangle
Marquee Tool and drag to make the bottom banner with a width of 750pixels by 21 pixels.
Color this banner with color #303030.
4.
5.
6.
7.
8.
9.
Choose
Horizontal Type Tool. A text layer is created automatically. Now enter the text for
Right click on the layer and select duplicate layer 3 times, because you have 4 lines. Put the
lines in their corresponding place: in bottom, middle, top.
Now you can enter the button text on the second top banner in a new layer e.g. About us l
services l products l clientele l contact us.
Now define the logo area with the
rectangular marquee tool. Go to Edit>Stroke. Choose
Stroke width 1 pixel. Color is #808080. Location Center. Fill inside with Black color with Paint
tool. Name it Logo area.
Horizontal Type Tool and write your company name or website name.
Now when your design is ready, you can go to the next step to creating your website which is to
make slices.
This tutorial is part of a 4 page tutorial on how to create a simple website using Photoshop.
Tutorial 1 : Creating a unique website header
Tutorial 2 : Designing your website layout in Photoshop
Tutorial 3 : Slicing your layout in Photoshop
Tutorial 4 : Creating your web site in Dreamweaver
Let us begin with the slicing tutorial. We need to slice the layout to save the necessay images in web format
and use them in html. Click here to view the layout we are using on our 4 part tutorial on creating a website.
Follow these steps to slice your layout.
1.
2.
Open the file you want to slice clicking on File>Open. You can open the above layout.
Important : You have to organize your layout in such a way that you should be able to put them
into rows and columns in a table in Dreamweaver.
You can write down how you are going to slice your layout to get the idea. Anything that is text
and backround colors can be done easily in Dreamweaver. Only images and graphis have to
be sliced in Photoshop.
Here we will slice only 3 images i.e. the logo, banner and the graphics on the right. Now you
can start to slice your layout. Select the
slice tool and draw a box to define the area you
want to slice. We will first create a slice for the logo. Next, use the slice tool again to drag
across the banner and create the next slice. Repeat for the graphics found on the right with the
dotted line. Create one slice for all the 3 images. View the completed layout to check the slices.
3.
4.
5.
6.
Next, we will name the slices. Go to the slice tool in the menu palette and select the Slice
Select Tool.
Now double click on the slice. A screen named Slice Options will come.
Enter the type of the slice, as an image and name of the slice. For the logo slice, give the name
logo. Repeat this step to name the banner slice and the graphics slice. You can name them
banner and pic_right.
Go to File > Save for web. A screen named Save for web will come. Select the logo slice and
choose gif from the drop down menu. next, select the banner and pic_right slices and select
JPEG and maximum from the drop-down menus.
Tip : Remember photographs should always be exported as JPEG and solid colors can be
exported in .GIF formats Adaptive Colors 256.
Now the slices are ready to be exported. Select the 3 sliced images in the save for web pop-up
box by using the shift key. Click on Save.
A screen named Saved Optimized As will appear. Save your slices in your website folder.
Make sure your image file is in the same path as your work file. Choose the following options
for the rest of the options:
Save as type: Choose Images Only
Slices: Choose selected slices.
Now click on Save. Check that the 3 images have been saved in the images folder in your web site folder.
Proceed to creating the website in Dreamweaver.
This tutorial is part of a 4 page tutorial on how to create a simple website using Photoshop.
Step 2
Select the gradient tool from the
tool bar, place the cursor at the
bottom of the canvas, click and drag
it to the top of the canvas. Now your
canvas has a black and white
gradient fill.
Step 3
Click on Filter>Distort>Wave the
Wave window appears, give the
settings as in the image on the right.
Step 4
Click on Filter>Distort>Polar
Coordinates. The polar coordinates
window opens up, give the settings
as 100% and check the
'Rectangular to Polar' option.
Step 5
Click on Image>Adjustments>Hue/
Saturation and change the settings
to : Hue - 200, Saturation - 25 and
Lightness - 0. Check the Colorize
option
Step 6
Next click on Filter>Render>Lighting Effects and set the Light type to Omni let the other settings be
default.
Here's the shiny star!
3D Ball
Step 2
Select the Elliptical marquee tool
from the toolbar, with the shift key down draw a circle on the canvas.
The circle is marked with a dashed line.
Step 3
ep 5
ow we'll use the airbrush to give some shading. Click on the brush tool
on the toolbar. Just
elow the main menu you'll see the brush settings. Give the settings as in the image below.
ess D to make the foreground color to black. With the brush paint gently around the ball, keep
e position of the brush as seen in the image on the right.
Step 6
Create a new layer. Press x to set the foreground color to white. With the same sized brush paint the edge
as seen in the image below and also shade the top of the ball.
Step 2
With the new layer selected, click on the Gradient tool on the tool bar. Now the gradient properties will be
displayed just below the main menu as in the image below. Give similar settings as in this image. Next click
on the gradient image (marked in red below)
Step 6
This is how the settings look after
all the changes.
Step 7
After you create the new gradient, click on OK. Now you'll see this gradient in the gradient properties bar
(below the main menu).
Step 8
From the gradient properties select the radial gradient, place the cursor at the
bottom left corner and drag it to the top middle edge of the image. (Try out different
positions till the rainbow position suits your image)
Step 9
On the layers panel change the opacity to 30%. In the final image if you wish to erase any part of the
rainbow that appears out of place you can use the eraser tool with a brush size between 24 to 36 and erase
the unwanted portion.
Here we go! The picture with a colorful rainbow!
custom shape tool seen in the tools panel on the right. Click on the Shape drop
down menu seen on the top toolbar. Click on the arrow and select Nature. Select Fill pixels
(third button seen in the tools panel in the left). Look for the sun symbol which is there and drag it to the
canvas with the size you want.
tool
. Select Color harmonies2 from the dropdown menu of gradient tool and chose the gradient which
has orange to yellow gradient. Now click on the sun and drag from top to down. Your sun have the sun effect
now.
Step 3:To make the text appear on top of the sun.
Click on
and the below panel will appear on top of the photoshop file.
Select T
and the below screen will appear.
Warp Text Screen Click on style as Arc Say ok.
Easy isn't it? Click here to learn how we designed website template 2.
Here is the logo we designed for the Free Photoshop website template 3.
Your logo is ready!!! Click here to learn how we designed website template 3 .
Smart Star Logo
custom shape tool seen in the tools panel on the right. Click on the Shape
drop down menu seen on the top toolbar. Click on the arrow and select Symbols. Look for the first symbol
which is in the banner.Select Fill pixels
the fire symbol to the canvas.
Step 2:Now click on magic wand tool
Step 1 : Open a new file by clicking on File>New. Give a size of 300px by 400px.
Choose pink color with Eye dropper Tool. Click on OK. Select
canvas. It will fill the rectangle with pink color.
Step 3 : Add a new layer by clicking on the Add Layer icon in the Layers panel. If your Layers panel is not
open then go to Window/Layers. Name the new layer design. Go to Select/Inverse.
Select the drop down triangle. Select Special effect brushes/Azalea. Click on the canvas around the
rectangle and fill it with scattered roses.
Step 5 : Add a new layer by clicking on the Add Layer icon in the Layers panel. Select Butterfly from the
same drop-down menu and drag on canvas.
Step 6 : Now you can add text to your middle rectangle. Select Choose
Horizontal Type Tool. A text
layer is created automatically. Now enter the text as you want. Here it is "Become Someone' s Hero".
Your e-card is ready.
We have created more backgrounds using the same steps given above.
Here we are going to remove all the red patches in this man's face. We recommend using an easier
photograph with less patches.
Step 1 : Open your photo which needs to be retouched by clicking on File>Open.
Step 2
Use Healing Brush Tool.
Choose your brush size to 24px. Then to use the Healing Brush Tool:
press alt+click to select the area you want to clone (1) and
then go to the area where you want to copy (2) and click or drag.
A plus sign will show you the previous area. View the demonstration below.
Move your mouse to the area you want to clone(1). Here we want to use the skin on the man's nose to
replace the red patches on his face(2).
Now press alt+click on the area(1). The above sign will appear.
Select the brush size according to the area you want to retouch. Here we have chosen 24 pixels.
Now to use the Stamp tool press alt+click to select the area you want to clone (1) and then go to the area
where you want to copy (2) and click or drag. A plus sign will show you the previous area.
Both the Stamp tool and Healing Brush tool will give you the same result as seen above.
Repeat the same method as many times as required to make the face look clear.
a torn paper
Open the image that you would like to create this effect on, by clicking on File/Open and
choosing the image.
2.
With the rectangular marquee tool, select just inside of your image
3.
4.
You can tear off this image from the middle with the same effect.
1.
2.
Select delete.
3.
4.
Select the part to be torn with polygonal Lasso tool just outside.
5.
6.
Glow Effect
Change the lighting effect of any image using the Lighting filter.
Open an image on your canvas by clicking on File>Open, select
Disfigure/Distort an Image
Open an image on your canvas by clicking on File>Open and select the image you want to
open, then click 'Open'. The effect looks good only on bitmap images, but you can try it out on
photos too. The effect varies for different images.
Click on Filter>Texture>Stained Glass the Stained Glass window appears, give the following
properties : Cell size - 5, Border Thickness - 1, Light Intensity - 0. Then click on OK.
Ripple Effect
Give a ripple effect to an image using filters
Open an image on your canvas.
Click on Filter>Distort>Zigzag. The ZigZag window will open.
Give the settings as follows : Amount - 6, Ridges - 14, Style - Pond Ripples and click OK.
Here's your final image.
Canvas Texture
top
Click on OK.
Glass Texture
Open an image on your canvas by clicking on File>Open and selecting an image to open.
Click on Filter>Distort> Glass. The Glass properties window appears. Give the following
3D Pyramid Texture
Open an image on your canvas by clicking on File>Open and browse for the image you want to
open.
Click on Filter>Stylize>Extrude. The Extrude window will open. Give the settings as follows :
Type - pyramids Size - 15 Depth - 15, select Level Based, check
Mask Incomplete Blocks.
Tile Effect
Open an image on your canvas by clicking on File>Open and browse for the image you want to
open.
Click on Filter>Stylize> Tiles. The Tile window will open. Give the settings as follows : Number
Halo Effect
Learn how to create a halo effect around the head using Photoshop CS.
Step 1
Open an image on your canvas. Use an image which is not too big.
Step 2
Select the Magic Lasso tool from the toolbar and select the background. Your image will look like this after
selection.
Step 3
Click on Select>Modify>Smooth from the menu. Give a
smoothness from 2 to 4.
Step 4
Next click on Filter>Modify>Neon Glow, the neon glow
window will appear like the one on the right.
Play around with the settings till your glow seems fine and click on OK.
Here's the image with a halo.
Step 1
Open an image on your canvas by clicking on File>Open and browse for the
image you want to open.
Step 2
Make a circular selection using the Marquee
tool on the part of the image that you would like
to give the crystal ball effect.
Step 3
Click on Filter>Distort>Spherize The Spherize
window opens. Give the settings as seen in the
screenshot on the right.
Amount - 100%
Mode - Normal
Click on OK.
The image inset will be in the shape of a sphere, here's the final image!
BEFORE
AFTER
Step 1 : Open an image. Place it somewhere on top and have enough place to but another picture below.
Step 2 : Open the same image again. Rotate picture2 (ctrl+T; free transform) and transform it horizontally
(image>rotate canvas>flip canvas horizontally)
Step 3 : Select picture2 and go to Filter on your menu bar> distort >ocean ripple, and press ok.
Step 4 : Now you will have an image that has a water reflection. What we want to do next is to have a light
effect that concentrates in the center of the whole image. To do this go to your top menu bar, Filter>
Render> Lighting Effects. Under Lighting Effects on Style select Soft Omni>OK.
Step 1 : Open a new file by clicking on File > Open. Create a new layer.
Step 2 : Open a image by clicking on File > Open. And select the image to your new file canvas.
Step 3 : Now to create different lighting effects go to Filter > Render > Lighting Effects.
Step 4 : In the lighting effects let us use the style Flood Light. We can make the changes to the image as
shown in the below window.
Step 5 : After giving the Flood Light effect the image will look like this, as shown below.
You can use the other lighting styles to achieve different lighting effects.
Blue Omni
In the lighting effects choose the style Blue Omni. Make the changes to the image as shown in the below
window.
Soft Spotlight
In the lighting effects choose the style Soft Spotlight. Make the changes to the image as shown in the
below window.
Flashlight
In the lighting effects choose the style Flashlight. Make the changes to the image as shown in the below
window.
Step 3: Adjust the size of the Photo to your canvas size. You can use the Transform tool (Ctrl + T ) to
resize the Photo.
Step 6: The brush size and all other properties can be changed accordingly in the liquify property window as
shown below.
Step 7: Select the area you would like to modify and drag the mouse to achieve the desired effect. The
photo can be changed as shown below.
You can manipulate photographs in many ways, using the following tools in the liquify window :
Warp tool(W)
BEFORE
AFTER
Step 1 : Open an image. Resize it so that 3 more pictures can fit next to it. Example above.
Step 2 : Once all 4 images are together select an image>Filter>Artistic>Poster Edges, (everything
should be=0)
Step 5 : Repeat the same steps for the other three images. Colors should be different for each images.
Congratulations! You have achieved a cool looking pop art effect in 5 simple steps!
Before
After
After
Step 1 :
Open a new file by clicking on File>Open. Open your picture in Layer 1.
Step 2 :
Write your text. Go to
Go to Window>Characters. A screen will open. Select Font as Arial Black. Select Size as 120pt. We have
written ENTHEOS.
Step3:
Go to Layer Style.
Leave the default selections. Blend Mode - Multiply. Opacity - 75%. Angle - 120. Use Global Light ticked. Distance - 5px. Spread - 0. Size - 5px. Click on OK.
Step 4:
Now go back to 1st layer and duplicate it.
To duplicate a layer, right click on it. Select Duplicate Layer . By default the name of the new layer will be
Layer1 copy. Put this layer on top of the text layer.
Step 5:
Now press on Alt with left hand. Drag your mouse with right hand in between both the layers. A black and
half white circle will come between the layers. Now click on this circle. The Magic has happened.
The Layer 1 copy will have an arrow pointing downwards to the text.
Step 6 :
Now remove the eye icon for layer 1 to make it invisible. See the magic. The text has taken the texture of the
picture you have placed. You can move the picture around to see the text taking the different parts of the
picture.
You can also keep layer 1 visible and move the text around with the Move Tool. You can place it wherever
you feel it is best looking.
Learn how to create Multicolor Smarties with different Layer Styles such as Inner Glow and Bevel and
Emboss.
Step 1 :
Open a new file by clicking on File>Open. Go to
Elliptical Marquee Tool. Draw a circle in the size of
Smarties. Press Shift while drawing so that the circle will come round.
Eyedropper Tool. Go to
Select Technique as Smooth. Select Depth as 90%. Select Direction as Up. Select Size as 60px. Select
Soften as 9px.
Step 4 :Go to Shading.
Select Angle as 135. Select Altitude as 40. Select Highlight Mode as Normal. Select Opacity as 75%.
Select Shadow Mode as Normal. Select Opacity as 75%. Click on OK.
Step 5 : Go to Inner Glow Structure.
Select Blend Mode as Normal. Select Opacity as 25%. Select Color as Black. Select Technique as
Softer. Select Source Edge as 5px. Click on OK. Your smartie is ready.
Step 6 : You can add more Smarties. Go to Elliptical Marquee Tool. Draw a circle in the size of Smarties.
Press shift while drawing so that the circle will come round.
Step 7: Select a dark Violet Color 5D4D8A with the Eyedropper Tool. Go to Paint Bucket Tool. Fill the
circle by clicking in the middle of the circle.
The circle will become a Smartie automatically. Use all the colors of the Smartie and make more by
repeating the Step 6 and Step 7. Make sure you are working on the same layer.
The following colors are Smarties colors:
-Orange Color DC6538
-Red Color
D43468
-Blue Color
5DC7EF
-Yellow Color F3F26F
-Green Color
-Pink Color
-Violet Color
30AF26
CE2EB5
5D4D8A
Step 1 :
Open a new file by clicking on File>Open. Open the picture which will show on the other side of the glass.
Duplicate the picture 4 times for all the 4 effects. To Duplicate a layer, right click on it. Select Duplicate
Layer.
A screen named glass will appear. Select Distortion as 3, Smoothness as 1. Select Texture as Block and
Scaling as 58%.Click on OK.
Step 3 :
Now select the second image you opened. Go to Filter>Distort>Glass.
A screen named glass will appear. Select Distortion as 3, Smoothness as 1. Select Texture as Frosted
and Scaling as 58%.Click on OK.
Step 4 :
Now select the third image you opened. Go to Filter>Distort>Glass.
A screen named glass will appear. Select Distortion as 3, Smoothness as 1. Select Texture as Tiny Lens
and Scaling as 58%.Click on OK.
Step 5 :
Now select the fourth image you opened. Go to Filter>Distort>Glass.
A screen named glass will appear. Select Distortion as 3, Smoothness as 1. Select Texture as Canvas
and Scaling as 58%.Click on OK.
Step 1 :
Open a new file by clicking on File>Open. Give a dark background color because you can not see smoke in
day light much. Here we gave Black color. Create a new layer. Draw the image of the smoke with
Polygonal Lasso Tool. Give a lighter color gradient to the new shape. Make sure it' s a Linear
gradient. Here we have given Purple to White gradient.
Step 2 :
Select
corners.
DodgeTool and select Range as Highlights, Brush as 18px, Exposure as 50%. Brush all the
Step 3:
Go to Filter>Distort>Wave.
Select Number of generators as 4, Wavelength min 10 max 250, Amplitude min 15 max 35
Scale 100% for horizontal and vertical. Click on Randomize as much as you think that the picture looks
like a smoke. Click on OK.
Step 4: Go to Edit >Fade Wave. Select Opacity as 50%. Click on OK.
Step 5: Give Opacity as 50% in the layer style on right at the top.
Step 6: Go to
Smudge Tool and make all the edges smooth by dragging the hand in the picture.
Step 1
Start out with a photograph to which you wish to give an icy look.
I've used a scenery. It has a different effect on different images.
Step 2
Duplicate your layer. (With the current layer selected drag it to
the fifth icon below the Layers panel) Now you'll see two layers
on thethe
layers
panel.
thethe
steps
topmost
Give
settings
as Now
in thecontinue
snapshotallon
rightwith
andthe
click
OK.
layer selected.
Step 5
Step 3
Now rotate image back to normal, click on Image>Rotate Canvas>90 CCW.
Click on Image>Rotate Canvas>90 CW. Next click on
Filter>Stylize>Wind.
This opens up the Wind window. On the
Step 6
right is a snapshot of the widow.
Click on Image>Adjustments>Hue/saturation. The Hue saturation window will open. I've used these
values, but I suggest you to experiment since the effect differs for different images. Hue - 210, Saturation 29, Lightness - +23
Step 7
Next click on Filter>Artistic>Plastic Wrap. The Plastic Wrap window appears as in the image below right,
experiment these settings and click OK.
a shade of wood color with Eye dropper Tool. Click on OK. Select
canvas. It will fill the background with brown color.
A screen named texturizer will appear. Select texture as Brick. Select scaling as 200%. Select relief as
15. Select light direction as top left. Click on Ok.
1.
2.
3.
Select
custom shape tool from the tools panel.
Click on the Shape drop down menu seen on the top toolbar.
Click on the arrow and select Object.
4.
5.
6.
7.
8.
9.
10. Select Noise Samples from the dropdown menu of gradient tool and chose the gradient which
has red gradient.
11. Choose Mode as linear burn.
12. Now click inside the shape and drag from top to down. Your shape with gradient is ready.
Click here to learn how to design logos using shapes in photoshop.
Solarize an image
Painting Effect
Cross-Stitch Effect
Relief - 6.
Click on OK and here's your result.
Step 1
Open an image. Select the
on
Step
Text
Step
Click on the Style drop down menu and you get a list of styles from which you can select.
Step 4
Select the orientation of the warp effect - Horizontal or Vertical. To adjust how much warp is applied to the
layer, drag the slider for Bend until you achieve the desired effect. To change the perspective of the warp,
drag the sliders for Horizontal Distortion and Vertical Distortion until the perspective is as you want it. When
you are satisfied with the text, click OK.
Step 5
The result.
Step 1
Open a new file and create a new layer. Press D. (to set the default foreground (black) and background
colors (white))
Step 2
Use the brush tool, set the properties as in the image below. Draw lines as in the image on the right using
your favorite colors.
Step 3
Select Filter>Distort>Twirl, the twirl window will open. Give the angle settings as 999
(maximum) and click OK.
Here's the twirl effect.
Glowing Twirl
Learn how to create this glowing twirl using the polar coordinates filter in Photoshop.
Step 1
Open a new file and create a new layer. Press D to set the default foreground color
(black) and background color (white))
Step 2
Select the gradient tool from the toolbar, place the cursor at the bottom of the
canvas, click and drag it upwards to the top of the canvas. Your canvas will have
a gradient fill now.
Step 3
Click on Filter>Distort>Wave. The
Wave window opens as in the image
on the right. The settings and values
given by me are as follows.
Number of Generators - 10
Type - Square
Wavelength Min-10 Max 120
Amplitude Min 5 Max 35
Scale Horizontal, Vertical - 100%
Undefined Areas - Repeat Edge
Pixels
Click on OK.
Step 4
Click on Filter>Distort>Polar Coordinates. In the polar coordinates window give the value 100% and
select 'Rectangular to Polar'.
Step 5
Click on Image>Adjustments>Invert to invert the color. Next click on Image>Adjustments>Curves and
adjust the curve till you are satisfied with the image. Then click on Image>Adjustments>Levels and adjust
the sliders till the color levels seem OK to you.
Step 6
On the layers panel set the blending mode to 'multiply'. Next click on Filter>Distort>Twirl and set to 100%
and angle - 80.
Step 7
Click on Layers>Flatten>Image.
Here we go!
Rain Effect
Learn how to create an artificial rain effect. Follow this simple
tutorial that gives a rain effect to any image using Photoshop CS.
Step 1
Open an image and on the layers panel add a new layer by clicking on the fifth icon below the layers panel.
A new layer is created with the name 'layer 1' and your previous layer would have the name 'background'
These names can be changed by you. For now we'll leave them as they are.
Step 2
With the new layer selected click on
Filter>Render>Clouds. Change the
Opacity to 63. (This is present on the top
right of the layers panel)
Step 3
Click on Filter>Noise>Add Noise. Your
image looks grainy! Don't panic. We'll turn
these grains to rain drops in a moment.
Give the settings as in the image on the
left.
Amount - 60
Distribution - Gaussian
Check Monochromatic
Step 4
Click on Filter>Blur>Motion blur. The Motion blur window appears. Give the values Angle - 73 and
Distance 10 as seen in the snapshot below. You can try varying the values and when a suitable image
appears you can click OK.
Step 5
With 'layer 1' still selected, move your mouse over the Layers panel. There is a drop down menu on the top
left of the panel, this is used to set the blending mode for the layer, now set the blend mode to 'screen'.
Check your image now.
Can you make out the difference now!
Here is my result with the artificial rain effect!
Embossed Image