<

Trace a Cell in Photoshop ~

common object example

Learn These Tools & Concepts:

checkPen Tool

checkFolders

checkGradients

checkManipulate Lines

• It can be Difficult to portray the minute details of the cell with accuracy while at the same time, making it look artistically appealing.

• Shape Dynamics may be the answer. It is an important part of Photoshop and is good to know.

Other People's Work:

Here are examples of work inspired by this tutorial.
cell exampleexampleexamplecell example

Step #1: Open a Blank Document in Adobe PhotoShop ~

x Open PhotoShop & create a new canvas. Hit Cmd+N or go to: File > New

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

x Make your canvas 800px wide by 600 px tall

800 x 600

x It's a good idea to choose Transparent in the Background Contents too.

background contents transparent


Step #2: Find an Image ~

x Go online and find an image you want to copy on the internet.

x Right-Click, copy or save it somewhere you can find it.

copy image

x Or - if it wont copy - hit Print Screen on the keyboard.

print screen


Step #3: Paste it in PhotoShop ~

x Paste your screen print into the new canvas.

x Go to: Edit > Paste or hit Ctrl+V

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

x Adjust image to fit the canvas. Select the Move Tool

move too


Step #4: Change the Size ~

x Now, you may be asking, "How can I make it Bigger or Smaller?"

x First you must Zoom Out.

x Select the Zoom Tool

zoom tool

x Click Zoom Out zoom outon the menu bar

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

x Click the image to Zoom Out

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #5: Transform the Size ~

x Hit Ctrl+T

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


 

Step #6: Folders and Layers ~

x Lock the Background layer

lock layer

x Make a New Folder by clicking on folder layer

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

x Rename the folder.

x Then, make a New Layer.

new layer

x Name the Layer whatever it is you're going to draw …

name the layer

 

Step #7: Pen Tool ~

x Get the Pen Tool pen tool

x Select Paths on the Menu Bar.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

x To make curves using the Pen Tool you must Click-and-Pull.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

x When you get back to the beginning, you see the Closed Shape icon.

closed shape

x Remember to close the shape by hovering over the starting point and click.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #8: Make Selection ~

x Right-Click somewhere in the shape & hit Make Selection

make selection

x Hit New Selection and then OK

Hit Ok again

x Now the selection has marching ants.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #7: Select your Colors ~

xDouble-Click on the Color square in Photoshop

.

x Select your color.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

x Now do the other side.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #8: Fill Your Selection with a Radial Gradient~

x Select the Gradient Tool which is behind the Paint Bucket

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

x Select Linear Gradient on the menu bar.

5

x Select your gradient in the Gradient Picker

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

x Drag the Gradient Tool across the selection

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #9: Bevel and Emboss ~

x o to: Layer > Layer Style > Blending Options

blending options

x Add Bevel and Emboss and Drop Shadow plus any others you want …

bevel emboss

x Adjust the setting to your liking …

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Last Step: Save and Attach ~

x Save your work as a .psd file [ your_name.psd]

x Attach it & continue working …