Top Banner
How to create a jewel in Adobe Photoshop CS5 Subject Descriptors: Jewel Application (Version): Adobe Photoshop CS5 Task Description: How do I create a jewel? Tutorial Date: 21 May 2009, by Arnousone Chanthalyxay. Updated 18 June 2010, Kasidy Stafford Select "File" How to create a jewel in Adobe Photoshop CS5 - 1
31

how To Create A Jewel In Adobe Photoshop Cs5 - USU - Hometeacherlink.ed.usu.edu/tlresources/training2/usu-it/photoshop/How... · How to create a jewel in Adobe Photoshop CS5 Subject

Apr 28, 2018

Download

Documents

tranmien
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: how To Create A Jewel In Adobe Photoshop Cs5 - USU - Hometeacherlink.ed.usu.edu/tlresources/training2/usu-it/photoshop/How... · How to create a jewel in Adobe Photoshop CS5 Subject

How to create a jewel in Adobe Photoshop CS5

Subject Descriptors: JewelApplication (Version): Adobe Photoshop CS5Task Description: How do I create a jewel?Tutorial Date: 21 May 2009, by Arnousone Chanthalyxay. Updated 18 June 2010, Kasidy Stafford

Select "File"

How to create a jewel in Adobe Photoshop CS5 - 1

Page 2: how To Create A Jewel In Adobe Photoshop Cs5 - USU - Hometeacherlink.ed.usu.edu/tlresources/training2/usu-it/photoshop/How... · How to create a jewel in Adobe Photoshop CS5 Subject

Select "New"

How to create a jewel in Adobe Photoshop CS5 - 2

Page 3: how To Create A Jewel In Adobe Photoshop Cs5 - USU - Hometeacherlink.ed.usu.edu/tlresources/training2/usu-it/photoshop/How... · How to create a jewel in Adobe Photoshop CS5 Subject

Make any adjustments.

I will be using a 700x700 pixels file.

How to create a jewel in Adobe Photoshop CS5 - 3

Page 4: how To Create A Jewel In Adobe Photoshop Cs5 - USU - Hometeacherlink.ed.usu.edu/tlresources/training2/usu-it/photoshop/How... · How to create a jewel in Adobe Photoshop CS5 Subject

Click on "OK"

After making all adjustments, click on "OK"

Fill the background layer with a color you desire.

Select a color and then use the paint bucket tool to fill in the background layer.

How to create a jewel in Adobe Photoshop CS5 - 4

Page 5: how To Create A Jewel In Adobe Photoshop Cs5 - USU - Hometeacherlink.ed.usu.edu/tlresources/training2/usu-it/photoshop/How... · How to create a jewel in Adobe Photoshop CS5 Subject

Create a new layer.

Click on the "New Layer" icon.

How to create a jewel in Adobe Photoshop CS5 - 5

Page 6: how To Create A Jewel In Adobe Photoshop Cs5 - USU - Hometeacherlink.ed.usu.edu/tlresources/training2/usu-it/photoshop/How... · How to create a jewel in Adobe Photoshop CS5 Subject

Select the "Elliptical Marquee Tool"

Click and hold down on the icon and then select the "Elliptical Marquee Tool"

How to create a jewel in Adobe Photoshop CS5 - 6

Page 7: how To Create A Jewel In Adobe Photoshop Cs5 - USU - Hometeacherlink.ed.usu.edu/tlresources/training2/usu-it/photoshop/How... · How to create a jewel in Adobe Photoshop CS5 Subject

Draw a circle in the middle of the layer.

Hold down "Shift" on your keyboard to create a perfect circle.

How to create a jewel in Adobe Photoshop CS5 - 7

Page 8: how To Create A Jewel In Adobe Photoshop Cs5 - USU - Hometeacherlink.ed.usu.edu/tlresources/training2/usu-it/photoshop/How... · How to create a jewel in Adobe Photoshop CS5 Subject

Select the "Gradient Tool"

Click and hold down on the icon and then select the "Gradient Tool"

Click on the gradient type.

Just click in the middle of the icon.

How to create a jewel in Adobe Photoshop CS5 - 8

Page 9: how To Create A Jewel In Adobe Photoshop Cs5 - USU - Hometeacherlink.ed.usu.edu/tlresources/training2/usu-it/photoshop/How... · How to create a jewel in Adobe Photoshop CS5 Subject

Change the "Opacity Stops" to 100%

Just click on the little droplet and then change the "Opacity" to 100%

How to create a jewel in Adobe Photoshop CS5 - 9

Page 10: how To Create A Jewel In Adobe Photoshop Cs5 - USU - Hometeacherlink.ed.usu.edu/tlresources/training2/usu-it/photoshop/How... · How to create a jewel in Adobe Photoshop CS5 Subject

Change the "Color Stops"

- To change the color stop, double click on the color stop. After you have selected a color click on "OK"- To add a color stop - click anywhere below the gradient bar.- To delete the color stop - drag them away and let go. - To create this gradient, use the following HSB settings (from left to right): 1) H = 207 S = 100 B = 0 2) H = 200 S = 100 B = 11 3) H = 202 S = 100 B = 32 4) H = 132 S = 29 B = 93

How to create a jewel in Adobe Photoshop CS5 - 10

Page 11: how To Create A Jewel In Adobe Photoshop Cs5 - USU - Hometeacherlink.ed.usu.edu/tlresources/training2/usu-it/photoshop/How... · How to create a jewel in Adobe Photoshop CS5 Subject

How to save the gradient.

Name the gradient and then click on "New"

How to create a jewel in Adobe Photoshop CS5 - 11

Page 12: how To Create A Jewel In Adobe Photoshop Cs5 - USU - Hometeacherlink.ed.usu.edu/tlresources/training2/usu-it/photoshop/How... · How to create a jewel in Adobe Photoshop CS5 Subject

Click on "OK"

After you have made your gradient, click on "OK"

Select the "Radial Gradient"

Check the "Reverse" box.

How to create a jewel in Adobe Photoshop CS5 - 12

Page 13: how To Create A Jewel In Adobe Photoshop Cs5 - USU - Hometeacherlink.ed.usu.edu/tlresources/training2/usu-it/photoshop/How... · How to create a jewel in Adobe Photoshop CS5 Subject

Fill the circle.

Drag from just below the center to a ways past the top of the circle.

How to create a jewel in Adobe Photoshop CS5 - 13

Page 14: how To Create A Jewel In Adobe Photoshop Cs5 - USU - Hometeacherlink.ed.usu.edu/tlresources/training2/usu-it/photoshop/How... · How to create a jewel in Adobe Photoshop CS5 Subject

Press "Ctrl + j" to make a copy of the layer.

Make sure that the layer is selected.

How to create a jewel in Adobe Photoshop CS5 - 14

Page 15: how To Create A Jewel In Adobe Photoshop Cs5 - USU - Hometeacherlink.ed.usu.edu/tlresources/training2/usu-it/photoshop/How... · How to create a jewel in Adobe Photoshop CS5 Subject

Set the layer blend to "Overlay"

How to create a jewel in Adobe Photoshop CS5 - 15

Page 16: how To Create A Jewel In Adobe Photoshop Cs5 - USU - Hometeacherlink.ed.usu.edu/tlresources/training2/usu-it/photoshop/How... · How to create a jewel in Adobe Photoshop CS5 Subject

Set the "Opacity" to 30%

Create a new layer.

Create a new layer by clicking on the "New Layer" icon.

How to create a jewel in Adobe Photoshop CS5 - 16

Page 17: how To Create A Jewel In Adobe Photoshop Cs5 - USU - Hometeacherlink.ed.usu.edu/tlresources/training2/usu-it/photoshop/How... · How to create a jewel in Adobe Photoshop CS5 Subject

Hold down "Ctrl" and then click on the image of layer 2.

This will create a circle selection the exact size of your jewel.

How to create a jewel in Adobe Photoshop CS5 - 17

Page 18: how To Create A Jewel In Adobe Photoshop Cs5 - USU - Hometeacherlink.ed.usu.edu/tlresources/training2/usu-it/photoshop/How... · How to create a jewel in Adobe Photoshop CS5 Subject

Press "Shift + d"

This will change the color palette back to default; black on top and white behind it.

How to create a jewel in Adobe Photoshop CS5 - 18

Page 19: how To Create A Jewel In Adobe Photoshop Cs5 - USU - Hometeacherlink.ed.usu.edu/tlresources/training2/usu-it/photoshop/How... · How to create a jewel in Adobe Photoshop CS5 Subject

Change the gradient type to "Foreground to Transparent"

Click the drop down menu and then select the "Foreground to Transparent"

Fill the circle.

- Drag from just above the center to just short of the bottom of the circle. - If you need to you can hide layer 3 and 2 to be able to see the gradient that you are applying. - Hide the layer by clicking on the "eye" icon next to the layer. - You can unhide the layer by clicking where the "eye" icons use to be.

How to create a jewel in Adobe Photoshop CS5 - 19

Page 20: how To Create A Jewel In Adobe Photoshop Cs5 - USU - Hometeacherlink.ed.usu.edu/tlresources/training2/usu-it/photoshop/How... · How to create a jewel in Adobe Photoshop CS5 Subject

Press "Ctrl + j" to copy the layer.

How to create a jewel in Adobe Photoshop CS5 - 20

Page 21: how To Create A Jewel In Adobe Photoshop Cs5 - USU - Hometeacherlink.ed.usu.edu/tlresources/training2/usu-it/photoshop/How... · How to create a jewel in Adobe Photoshop CS5 Subject

Change the layer blend mode to "Color Burn"

How to create a jewel in Adobe Photoshop CS5 - 21

Page 22: how To Create A Jewel In Adobe Photoshop Cs5 - USU - Hometeacherlink.ed.usu.edu/tlresources/training2/usu-it/photoshop/How... · How to create a jewel in Adobe Photoshop CS5 Subject

Change the "Opacity" to 50%

Create a new layer.

Create a new layer by clicking on the "New Layer" icon.

How to create a jewel in Adobe Photoshop CS5 - 22

Page 23: how To Create A Jewel In Adobe Photoshop Cs5 - USU - Hometeacherlink.ed.usu.edu/tlresources/training2/usu-it/photoshop/How... · How to create a jewel in Adobe Photoshop CS5 Subject

Select the "Elliptical marquee Tool"

Click and hold down on the icon and then click on the "Elliptical Marquee Tool"

How to create a jewel in Adobe Photoshop CS5 - 23

Page 24: how To Create A Jewel In Adobe Photoshop Cs5 - USU - Hometeacherlink.ed.usu.edu/tlresources/training2/usu-it/photoshop/How... · How to create a jewel in Adobe Photoshop CS5 Subject

Draw an ellipse that looks like the one below.

How to create a jewel in Adobe Photoshop CS5 - 24

Page 25: how To Create A Jewel In Adobe Photoshop Cs5 - USU - Hometeacherlink.ed.usu.edu/tlresources/training2/usu-it/photoshop/How... · How to create a jewel in Adobe Photoshop CS5 Subject

Press "Shift + d"

This will switch the color pallet to the default colors. (Black and White)

How to create a jewel in Adobe Photoshop CS5 - 25

Page 26: how To Create A Jewel In Adobe Photoshop Cs5 - USU - Hometeacherlink.ed.usu.edu/tlresources/training2/usu-it/photoshop/How... · How to create a jewel in Adobe Photoshop CS5 Subject

Press "Shift + x"

This will switch the color pallet so that white is on top and black is behind it.

How to create a jewel in Adobe Photoshop CS5 - 26

Page 27: how To Create A Jewel In Adobe Photoshop Cs5 - USU - Hometeacherlink.ed.usu.edu/tlresources/training2/usu-it/photoshop/How... · How to create a jewel in Adobe Photoshop CS5 Subject

Select the "Gradient Tool"

Click and hold down on the icon and then select the "Gradient Tool"

Change the gradient type to "Foreground to Transparent"

How to create a jewel in Adobe Photoshop CS5 - 27

Page 28: how To Create A Jewel In Adobe Photoshop Cs5 - USU - Hometeacherlink.ed.usu.edu/tlresources/training2/usu-it/photoshop/How... · How to create a jewel in Adobe Photoshop CS5 Subject

Click on the "Linear Gradient"

Fill the circle.

Drag from the bottom of the selection to the top of the selection.

How to create a jewel in Adobe Photoshop CS5 - 28

Page 29: how To Create A Jewel In Adobe Photoshop Cs5 - USU - Hometeacherlink.ed.usu.edu/tlresources/training2/usu-it/photoshop/How... · How to create a jewel in Adobe Photoshop CS5 Subject

Click the "Add Layer Style"

How to create a jewel in Adobe Photoshop CS5 - 29

Page 30: how To Create A Jewel In Adobe Photoshop Cs5 - USU - Hometeacherlink.ed.usu.edu/tlresources/training2/usu-it/photoshop/How... · How to create a jewel in Adobe Photoshop CS5 Subject

Select "Drop Shadow"

How to create a jewel in Adobe Photoshop CS5 - 30

Page 31: how To Create A Jewel In Adobe Photoshop Cs5 - USU - Hometeacherlink.ed.usu.edu/tlresources/training2/usu-it/photoshop/How... · How to create a jewel in Adobe Photoshop CS5 Subject

Final Result

How to create a jewel in Adobe Photoshop CS5 - 31