Anda di halaman 1dari 70

Designing a simple

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.

Follow the below steps to create the above website banner :


Step 1 : Creating the banner size
Open a new file by clicking on File>Open. Make the file size width of 780px and height of 120px. You can go
till 140px for the height. You can make a banner flexible according to your design.
Step 2: Giving the background color
Create a new layer. Name it bgcolor. Give a background color by doing the following:

Change the foreground color to #E4D1B8.

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.

Step 3 : Giving the inside background color


Create a new layer. Name it insidecolor. Select
Rectangular Marquee Tool seen in the tools panel on
the right. Make the rectangle size width of 760px and height of 100px inside the background. Fill it with color
# C64866 using the paint bucket tool.
Step 4 : Creating the logo background
Create a new layer. Name it logobkg. Select Rectangular Marquee Tool. Make the rectangle size width of
120px and height of 100px. Put the rectangle in the left side of the banner. Fill it with black color # 000000.

Step 5 : Creating a logo using the custom shape tool


Create a new layer. Name it logo. Choose the
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 Ornaments.
Look for the ornament which is in the banner.
Drag it in the logo space and position it so it comes in the middle of the logo background. Now you have a
temporary ornament as a logo which can be replaced with your company logo if needed.

Step 6 : Creating the vertical lines in the banner


Create a new layer. Name it band. Select Rectangular Marquee Tool. Make the rectangle size width of 7px
and height of 120px. Put the rectangle in the middle of the banner. Fill it with color # E8B0BD. Make four
copies of the layer band.
To make a copy, right click on the layer and click on duplicate. A screen named Duplicate Layer will appear.

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.

Congratulations! Your website banner with the logo is ready!


An example of a layout that you can create with this header is shown below. Click here to view the website.
Download the website files here.

To give a Front page magazine image effect:


Follow the following steps:
1.
2.
3.

4.

Open a new file by clicking on File>Open.


Open a photo by clicking on File>Open.
Drag the photo to your new file canvas. Adjust the size of your photo to your canvas size. Click
on CTRL+T to get Transform Tool. Adjust the size of the photo. Click Ok. Your photo is ready to
work on.
Go to Filter>Blur>Gaussian Blur. Click on ok.

5.

A screen named Gaussian Blur will appear. Click 7 pixels on Radius. Click OK.

6.

Press Ctrl+shift+F to get Fade Option.

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

Create a Collage using Photoshop


Learn how to blend images or photos and create a collage with them using Photoshop. Mostly used for
making headers of a website.
We will create a simple collage of 3 photographs named photo1, photo2, photo3 in here, but you can add as
many photos as you want. A collage is made of a minimum of 2 photographs.

Follow the steps and respect the rules:


Step 1 : Creating the file with the photographs of the collage
Create a new file in Photoshop by clicking on File>Open. Open 3 photographs or image by clicking on
File>Open and choosing the 3 images you would like to blend. Drag the photographs to your new file
canvas in 3 different layers. Adjust the size of your photos to your canvas size.

Photo1 in layer 1

Photo2 in layer 2

Photo3 in layer 3

Step 2 : Filling the background color for the canvas


If you want to put a background color choose the same color of the photo1, in here choose blue color and
paint the background with Paint Bucket Tool.

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

Work on layer1 Photo1. Select with


Marquee Tool the rectangle you want to blend. Click on Select
>Feather. A screen named Feather Selection will appear. Click 30 pixels on Feather Radius. Click OK.

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:

Bravo! Your collage is ready!

Create Bubbles using Photoshop


Learn how to create bubbles using Photoshop. It's very easy. Make many bubbles as seen below.

1.

Open a new file by clicking on File>Open.

2.

Make a blue color background by choosing the a blue foreground color

3.

the canvas using the


Paint Bucket Tool.
Make a circle with Elliptical Marquee Tool. Press the shift key, so that the circle comes round.

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.

Create a website header using Photoshop

Part 1 on How to Make a Web site with Photoshop and


Dreamweaver
This tutorial is part of a 4 page tutorial on how to create a simple web site using Photoshop and
Dreamweaver.
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
This header design is used in the layout in the tutorial How to make a website layout in Photoshop. Click
here to view the finished Photoshop layout.
We are going to make a header like the banner below:

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.

The above is the final effect you will create.

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.

How to design a website layout in Photoshop

Part 2 on How to Make a Web site with Photoshop and


Dreamweaver
This tutorial will teach you how to design the web site layout seen below in Photoshop. Click here to view the
finished layout. You will also learn how to convert this to an optimized html site in the next few tutorials.
This tutorial is part of a 4 page tutorial on how to create a simple web site using Photoshop and
Dreamweaver.
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

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 :

Header - This could be a graphic banner


Logo
Buttons - Links for home, about us, contact us etc.
Pictures
Content area
Copyright Information

Follow the following steps to design your website layout in Photoshop:


1.

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

Copyright, e.g. "Copyright 2005 www.YourWebBusiness.com. All Rights Reserved.


Choose Horizontal Type Tool. A text layer appears automatically. Enter the button text on the
top banner too: "home l sitemap l news l downloads".
Add a new layer. Now make the gray horizontal line color #808080 with single Marquee
tool.Go to Edit>Stroke. Choose Stroke width 1 pixel. Color #808080. Location Center. Click
OK.

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.

10. Choose the

Horizontal Type Tool and write your company name or website name.

11. Choose the


Horizontal Type Tool and enter content in the middle.
12. Insert your header (See our tutorial on creating an eye-catching header). This could also be any
image you choose. The image needs to be a horizontal banner. Open your image file. Go to
move tool. Drag from your image file to this layout in the middle of the layout.
13. Draw the boxes seen on the right with the Polygonal Lasso Tool.

Go to Edit>Stroke. Choose Stroke width 1 pixel. Color is

#808080. Location Center.


Name your layer borderpics. Make two more Boxes. Adjust them equally in the right side of the
layout. Insert the images by dragging them to your layout and naming the layers.
14. Drag the layer borderpics on top of the 3 pic layers. The edges of the pictures have to be cut
according to the design of the box.
15. Now create the white bands with text at the bottom of each of the right graphics with the
rectangle marquee tool. Fill the box with white color with Paint tool. Name it "whitebandpics".
Choose the Horizontal Type Tool. A text layer is created automatically. Now enter the text for
Gifts. Follow the same for the rest of the pictures. You can click here for the images - pic1, pic2,
pic3. You can drag these images to your layout.

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.

Shiny Starburst Effect


Follow these simple steps to create a shiny starburst effect in
Photoshop.
Step 1
Open your canvas. Press D. (to set default foreground and
background colors) Press Alt+Backspace to fill canvas with black
color. Duplicate the layer ( right click on the current layer on the
layer's panel and select 'duplicate layer '). Continue working on this
new layer.

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

This tutorial teaches you how to create a 3D


ball in a few simple steps using Photoshop
CS.
Step 1
Open your canvas. Press D. (to set default foreground and background colors)
Press Alt+Backspace to fill the canvas with black color. Create a new layer by
clicking on the

'Create a new layer' icon at the bottom of the layers panel.

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

Click on the black foreground color


on the toolbar and select your favorite color, I selected blue. Now
press Alt+Backspace, the circle is shaded with the color now.
Step 4
Create another new layer the same way how you did in the first step.

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.

Create a Rainbow in Photoshop


This tutorial teaches you how to create a rainbow in a few
steps using gradient presets in Photoshop CS.
Step 1
Open an image on which you wish to add the rainbow. Press
D. (to set default foreground and background colors) Create a
new layer by clicking on the
'Create a new layer' icon at
the bottom of the layers panel.

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)

The Gradient Editor will be displayed


as in the image on the right.
Step 3
From the presets, select the sixth
colored box on the second row
(marked in black). Below you'll see
the colored bar with pencil icons
called tab stops.
Step 4
Drag on these color tabs and reduce
the width and opacity using the
opacity tabs above. Experiment the
different tab stops and you will have
an idea what each tab stop is meant
for. If you wish to remove any tab stop
just drag the tab stop out of the
window.
Step 5
Add a new tab stop with the color
orange. To create a new tab stop just
click on the bottom border of the
rectangle, a new color tab stop with
the same color to its next color stop.
By clicking on this color tab stop you
can change the color. Drag the colors
to the right side.

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!

Simple logo design ideas using custom shapes in Photoshop

Learn how to create logo designs using shapes, styles,


gradients in Photoshop.
Logos are very important parts of web designing and they can be made with letters and graphics. Here we
will learn to design simple logos using custom shapes in Photoshop.

Click here for ready-made Photoshop logo designs

Smart, Colorful and unique Bird Logo

Let's start designing the logo. It's very simple.


Step 1: Open a new file by clicking on File>Open.
Step 2: Create a new layer. Name it logo.

Step 3: Choose the

custom shape tool seen in the tools panel on the right.

The above panel will appear.


Step 4: Click on the Shape drop down menu seen on the top toolbar. Click on the arrow and select
Animals. Select style as Buttons. Look for the multicolor button which is there. Look for the bird which is in
the banner and drag it to the canvas with the size you want.

Wow! Your nice colorful Bird logo is ready!


Bright Sun Logo

Follow the steps:


Step 1:Choose the

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.

Step 2:Now click on magic wand tool

and select the sun. Now create a gradient. Select Gradient

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.

Now you can write your company name.

Your logo is ready!


Here is the logo we designed for the Free Photoshop website template 2.

Follow the steps:


Choose the
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 Ornaments. Look for the ornament which is in
the banner of website header 2. Here give color as Black. Drag the shape to the canvas.

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.

Follow the steps:


custom shape tool seen in the tools panel on the right. Go to Shape tool
Click on this Shape
drop down menu. Click on the arrow and select Symbols. Look for the star symbol which is in the banner
of website header 2. Click on the color as #A83C56.
Drag the star in the canvas.

Your logo is ready!!! Click here to learn how we designed website template 3 .
Smart Star Logo

Follow the steps:


Choose the
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 style as Texture. Look for the
pixelated texture which is there. Look for the star which is in the banner and drag it to the canvas with the
size you want.

Your logo is ready!


Attractive Fire Logo

Follow the steps:


Step 1:First choose the

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

(third button seen in the tools panel in the left). Drag

and select only the flames.

Step 3: Now create a gradient. Select Gradient 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 flames
and drag from top to down. Your flames have the color effect of fire.
Step 4:Now choose the wood with magic wand tool and select the wood. Now choose a wood color like
brown and fill it while choosing paint tool. Now go to filter/pixelate/fragment to get the wood effect.

Your fire logo is ready!


Congratulations! Your logo design is ready!

Backgrounds using Brushes in Photoshop


Learn how to create beautiful backgrounds using brushes in Photoshop. Make unique designs for postcards
and ecards. Try out these great background ideas!

Step 1 : Open a new file by clicking on File>New. Give a size of 300px by 400px.

Step 2 : Select rectangular Marquee tool

and drag it to make a rectangle of size 162px by 279px.

Choose pink color with Eye dropper Tool. Click on OK. Select
canvas. It will fill the rectangle with pink color.

Paint Bucket Tool. Click on your

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.

Step 4 :Select Brush tool

and this panel will appear.

Click on Brush drop down panel.

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.

Sparkling Star effect


This brilliant postcard is having a fairy night look with shining stars. We have used in here the combination of
Starburst Large and Star Large effect, which are both available in Assorted Brushes. Go to Assorted
Brushes/Starburst Large and Assorted Brushes/Star Large.

Beautiful Rose with Chroma


This beautiful card is having a pink rose which you can get from Brush tool-Special effect brushes/Large
Roses with Chroma. Make the Brush size as 292px.

Attractive background with sunspots.


This background design is used in this card by selecting Window/Styles and choosing Textures from the
drop-down menu and then choosing Sunspots.
Add a new layer, click on the style, choose the paint bucket tool and click on the canvas. Isn't it so simple
and beautiful?
Try many many backgrounds with all the styles that are available in there.

Retouch an image using photoshop


Photoshop is a very powerful image editing package. With the use of the Healing Brush Tool and the Stamp
Tool you can remove patches, dots, pimples from a face. Transform your photo. Learn how to repair a photo.

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.

Click to select. A top aligned window will appear.

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.

We want to clone the skin where the red patch appears(2).


So click and drag the circle which appears to the area where you want to copy(2). The + sign is showing you
the area(1) which is being copied. The + sign will come along with the circle.
Repeat the same method as many times as required to make the face look clear.
Step 3
Use the Clone Stamp Tool.

Click to select. A top aligned window 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.

Congratulations! Your image is ready without any patches.


Tip given by Lunacore : When you're done, copy the red channel, paste it onto a new layer and try to
allign it with the layer underneath and then set the blending more of this layer to luminousity
and the opacity to 60% (PSD example attached) and watch a little Create

a torn paper

edge effect using Photoshop

Learn how to create a torn edge effect for photographs in


Photoshop
1.

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.

Choose Select>Inverse. Now, only the outside edge is selected.

4.

Choose Filter>Distort>Ripple. Select 100% and size as Medium.

You can tear off this image from the middle with the same effect.
1.

Select the part to be torn with polygonal Lasso tool.

2.

Select delete.

3.

Click on Ctrl+D to Deselect.

4.

Select the part to be torn with polygonal Lasso tool just outside.

5.
6.

Click on Ctrl+D to Deselect.


Choose Filter>Distort> Ripple. Select 100% and size as Medium.

Congratulations! Your image is torn from middle.


miracle happen!

Cool Photoshop Effects

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

the image you want to open and click on 'Open'.


Click on Filter>Render>Lighting Effects . The Lighting Effects window opens, change only the
Light type to 'Omni' let the other settings be the default. If you wish to, try changing the default
values and check out the result effect.

Disfigure/Distort an Image

Open an image which you want to disfigure.

Select Filter>Liquify. The Liquify window opens, a circular


cursor with a plus sign appears. Drag this tool on your image
and play around till you are satisfied with what you've done to
the image. Then click OK.

Stained Glass Effect

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.

Great Looking Textures

Canvas Texture

Open an image on your canvas by clicking on


File>Open and selecting an image.

Click on Filter>Texture>Texturizer. The Texturiser properties window appears.


Give the following values : Texturizer, Texture - Canvas, Scaling - 75% , Relief - 9 , Light -

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

settings :Glass, Distortion - 9 , Smoothness - 4 , Texture - Canvas, Scaling - 100%


Click on OK and check out your result.

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

of tiles - 5, Maximum offset - 5, select Background color.


Here's your final result.

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.

Through a Crystal Ball Effect


Learn to give a through-a-crystal-ball effect in Photoshop. This effect looks
great on images!
The Spherize filter gives objects a 3D effect by wrapping a selection around
a spherical shape, distorting the image, and stretching it to fit the sphere.

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!

Reflection with water ripple and lighting effects in Photoshop


In this tutorial you will learn how to create water reflection with ripple and lighting effects in Photoshop in 5
simple steps.

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 5 : Do the same for picture 2.


Congratulations! You have achieved the reflection with ripple and lighting effect in Photoshop in 5
simple steps!

Lighting Effects in Photoshop


In this tutorial you will learn how to create different lighting effects using the render filter to get professional
and beautiful effects on photographs.

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.

After giving the Blue Omni effect the


image will look like this, as shown
below.

Soft Spotlight
In the lighting effects choose the style Soft Spotlight. Make the changes to the image as shown in the
below window.

After giving the Soft


Spotlight effect the image
will look like this, as shown
below.

Flashlight
In the lighting effects choose the style Flashlight. Make the changes to the image as shown in the below
window.

After giving the Flashlight


effect the image will look
like this, as shown below.

Manipulating facial expressions in photographs using the Liquify


tool in Photoshop
In this tutorial you will learn how to change facial expressions in a photograph using the Liquify tool in
Photoshop.
Step1: Open a New file by clicking on File>Open. Create a new layer.
Step 2: Open a Photo by clicking on File>Open. Drag the photo to your new file Canvas.

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 4: Select Filter>Liquify, the Liquify window will open.

Step 5: In the Liquify window, select the Warp tool (W)


size of the brush.

, a small circle will appear which represents the

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)

Turbulence tool (A)

Twirl Clockwise tool(R)

Twirl Counter Clockwise tool(L)

Plucker tool (P)

Bloat tool (B)

Examples are shown below :


Liquify> Warp tool(W)

Liquify> Bloat tool(B)

Liquify> Twirl Clockwise tool(R)

Pop Art Effect in Photoshop


In this tutorial you will learn how to create a pop art effect like the well known Marilyn Monroe artwork.

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 3 : Next select background colors


Step 4 : Go to Filter>Artistic>Neon Glow

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!

Superimpose A Picture In Text


Learn how to give your text a background of any image you want. It's magic!

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

Horizontal Type Tool. Open the Characters window.

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.

Select Drop Shadow.

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.

Congratulations! Your Superimposing picture in text effect is ready!

Create Colorful Smarties, Gems, M&M's in Photoshop CS

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.

Step 2 : Select a Pink Color CE2EB5 with the


the circle by clicking in the middle of the circle.

Eyedropper Tool. Go to

Paint Bucket Tool. Fill

Step 3 : Go to Layer Style right below your layers window.

Click on Bevel and Emboss.


Select Style as Emboss.

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

Congratulations! Your smarties are ready.

Create different glass effects in Photoshop CS2


Learn how to create a Glass Block effect, Frosted glass effect, Tiny Lens structure effect in an image which
will show on the other side of the glass.

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.

Step 2 : Now select the first image you opened. Go to Filter>Distort>Glass.

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.

Congratulations! Your different Glass effects are ready!

Create a Smoke Effect in Photoshop CS


Learn how to create a Smoke Effect with an association of Filters and Tools such as Dodge Tool, Burn Tool,
Wave Effect, Smudge Tool.

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.

Select Brush as 25, Mode as Normal , Strength as 50%.


Congratulations! Your smoke effect is ready.

Icy Image Effect


Learn how to convert a summer picture to a winter scene. This
tutorial will teach you how to give an icy look to a photograph
using Photoshop CS.

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.

Step 4 the final result.


Here's

Create a wood texture using Photoshop


Learn how to create an exceptional wood texture finish using Photoshop. Transform your background like
wood finishing.
Step 1: Create a Brown background for your canvas

Open a new file by clicking on File>Open. Click on

Set foreground color. Choose brown color or

a shade of wood color with Eye dropper Tool. Click on OK. Select
canvas. It will fill the background with brown color.

Paint Bucket Tool. Click on your

Step 2 : Add Noise


Go to Filter>Noise>Add noise. A screen named Add Noise will appear. Select amount as 60% and
distribution as gaussian. Check on Monochromatic. Click on Ok.

Step 3 : Give a Motion Blur Effect


Go to Filter>Blur>Motion Blur. A screen named Motion Blur will appear. Select angle as 0 and distance
as 5. Click on Ok.

Step 4 : Use the liquify filter


Open Go to Filter>Liquify.

A window named Liquify will appear.


Select Twirl Clockwise Tool (which is highlighted in the above screen) and drag it at different places in the
canvas starting from top. It will give a round effect of wood.
Click on Ok.

Great! You have succesCreate

a Brick wall texture using Photoshop

Learn how to create a Brick wall texture finish using Photoshop.


Change your background to a brick wall.
Step 1

Create a new file in Photoshop by clicking on File>Open. Click on


Choose brown color or a shade of brick color. Click on OK. Select the
canvas. It will fill the background with brown color.

Set Foreground Color.


Paint Bucket Tool. Click on your

Your canvas will look like this.


Step 2
Go to Filter>Texture>Texturizer>Brick.

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.

Your canvas looks like this now.


Congratulations! Your brick wall is ready!
sfully created your wood texture effect.

Simple Photoshop Tips


Learn new useful tips using Photoshop
Tip 1 : Use Cool simple Photoshop effects to give great effects to images. Click here to learn more.
Tip 2 : Use Photoshop textures to give great looking textures to images. Click here to learn more.

Tip 3: Exporting individual images in Photoshop

When you save images for the web using Photoshop.


After slicing your images, click on File/Save for web. The following screen will appear :

Save as type: Now the tip is: Choose Images Only.


Settings: Choose Other
The following screen will appear :

The next tip is:


Unclick the Put images in folder. This tip will help you avoid unnecessary creation of the image folder.
Slices: Choose selected slices.
Click here to learn about slicing and exporting images in photoshop

Tip 4: Giving gradients to shapes.

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.

Select Fill pixels


(third button seen in the tools panel in the left).
Look for the puzzle shape which is there and drag it to the canvas with the size you want.

6.

Click on magic wand tool

7.

Create a gradient. Go to Paint Bucket Tool

8.
9.

Select Gradient tool


.
On the top panel the following panel will appear.

and select the shape.


and click on the dropdown menu

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.

Simple Photoshop Effects

Solarize an image

Open an image on your canvas by clicking on File>Open and

browse for the image you want to open.


Click on Filter>Stylize>Solarize.
Click on OK and here's the effect

Painting Effect

Open an image which you want to convert to a painting.


Click on Filter>Brush Stroke>Spatter.The Spatter window will

open. Give the values as follows : Spatter, Spray Radius - 10,


Smoothness - 5.
Next, click on Filter>Blur>Blur.
Click on OK and here's your result.

Cross-Stitch Effect

Open a new file.


Goto Filter>Texture>Patchwork. A new window opens, give the values Square Size - 5 and

Relief - 6.
Click on OK and here's your result.

Shape your Text


You can make your text look creative by using the warp tool in Photoshop.
This allows you to shape your text in different styles. Shaped text gives a
designer look on icons, banners and headers.

Step 1
Open an image. Select the

on

horizontal type tool


from the
toolbar and type your text near or
the image - wherever you want it.

Step

Text

Select the text and right click the


mouse, from the pop up menu
select Warp Text... The Warp
window appears.

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.

Create a Twirl / Swirl Effect in Photoshop


Learn how to create an ordinary twirl using filters in Photoshop CS.
This is an interesting effect to create icons.

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

Learn how to emboss an image in a few steps


using Photoshop CS.
Step 1
Open an image on your canvas by clicking on File>Open and selecting the
image you want to emboss.
Step 2
Click on Image>Adjustments>Desaturate to make it gray.
Step 3
Right click on the layer and select Duplicate layer. (a duplicate layer will be created) Rename it if you wish
to.
Step 4
Click on Image>Adjustments>Invert. (You'll get an x-ray image)
Step 5
On the layers panel, set the opacity to 50%, now you'll have a blank gray image.
Step 6
Click on the move tool on the tool bar (it's the second tool on the first row of the tool bar) Now press the
down arrow key, then the right arrow key (for beveling) The left arrow key also does the same but gives an
inner bevel.
Here's my result, the embossed image.