Getting Started With Photoshop

free web hosting
Free Web Hosting, No Ads > Xisto Network Sites > The GFXTrap Forum - Trap17 Graphics Site > Tutorials

Getting Started With Photoshop

Masuko Shintaro
A guide for beginners that are using Photoshop for the first time.

Step 1: Downloading Brushes

Ok, before you get started I suggest you get some decent brushes, some good ones can be found here: http://search.deviantart.com/searchcraft/?...otoshop+brushes
(Note: I have already searched Photoshop Brushes for you, that's where you'll find most brushes.)

Now for actually downloading. Click the pic of the brush set you think looks good which will link you to the download page, once you're there under the picture there will be "Download to Desktop". Click "Download to Desktop" and the download box will pop up, if it's a zip file just Open it and extract it to C: > Program Files > Adobe > Photoshop (version) > Presets > Brushes or if it's the direct file save it here: C: > Program Files > Adobe > Photoshop (version) > Presets > Brushes. (Note: These instructions are only for the site I directed you to, so for the rest you're on your own, except the part where you save the file that is.)

Oh ya, you'll need to reopen Photoshop to update Brushes.


Step 2: Creating a Image

It's as easy as 1, 2, 3. Go File > New, or for a shortcut, Ctrl + N.


Step 3: Your First Image

To get started with your image, you'll probably want to fill it with black. So, on the left of your screen there are your tools, so select the Paint Bucket Tool. When you've done that, look at the bottom of your tools list and you'll see the two color boxes. Change one to white by clicking on it and clicking the top left corner of the big box of colors, change the other to black by clicking on it and clicking the bottom right of the big box of colors. Ok, now for filling the background with black, select the black box and make sure the Paint Bucket Tool is out, then click on your picture.
Once thats done you will want to create a new layer to brush on so, On the bottom right of your screen you will see 6 buttons, click the second one from the right, that will create a new layer. So now you'll want to get brushing! Select your white box to switch to white, then select your Brush tool near the Paint Bucket tool. Once you've done that, pick your brush set I told you to download in Step 1. Ok, you've done that, so now you'll need to click/drag the brush around your image. And there, you've got a basic image.


Step 4: Adding Color

Ok, so you've got a boring, colorless image right? So let's make it a little more interesting and colorful. You know the New Layer button? Well, beside to the left, there's the button that's half white, half black, kinda like old age TV color. Click that button which will open a drop down list. On the list click Color Balance, so a box will pop up, adjust your Midtones, Shadows and Highlights color to change the color. And there, you're picture isn't so boring now, is it?


Step 5: Adding Text

Well, this is pretty easy. Before you do this, you might wanna download some fonts, this is a pretty good site for some: http://www.dafont.com/themes.php

Just like I gave you instructions for brushes, I'll do for fonts. That is the themes page, so pick a theme. When you do that, find an interesting font, and click "Download PC / Mac OS X" and same with brushes, if it's a zip file, open it and extract to C: > WINDOWS > Fonts.

Now for adding the text. Well first, you'll need to reopen Photoshop to update the Fonts. Ok, select the Text tool, again, near the other two tools I introduced to you. Once it's selected, Click somewhere on the image and start typing. And there's your text.


Step 6: Boring ol' text

Got some boring text, that's not colorful? Again, just like your brushing, it needs to be colored. But this time you cant use that handy Color Balance button can you eh? Well, right click your text layer and click Blending Options, In there, you will most likely want to add Color Overlay, of course, so go there and pick the color. Once you've done that, go to Stroke to make the text stand out more, I suggest making the size 1 - 2 and changing the color (With the color box, in the Stroke options) to black.


There's your first image, for more help talk to me, or some other good photoshop user, find some tutorials (Like we have in our Tutorial category) or just explore Photoshop.

Tell me if you found this useful.

Happy Image Making!

Notice from jlhaslip:
*edit to repair link for Brushes download as per Maine's post.*

 

 

 


Reply

OpaQue
Nice tutorial. I formatted it a bit smile.gif

Reply

MaineFishing45
Should this be moved to the PhotoShop (gfx) tutorial sections? And maybe pin, it since this is something most people will look for like me if you are a beginner, and really never know crap about photoshop. smile.gif

Anyways this is a great resource. I will share this link with some friends that need help with photoshop too. The only thing you could do is expand on some of the other features and stuff. Like button making. But again, nice tutorial! smile.gif

You might mean this link: http://search.deviantart.com/searchcraft/?...otoshop+brushes

The other one, takes you to a blank search page.

Reply

Masuko Shintaro
Yeah, it should be moved to the Photoshop page.. Did you already move it? If not please do.

Reply

AnGeL KiSS
Oh this is a great tutorial, I've been using Psp for a long time and only use Photoshop for the brushes and stuff, I'm usually confused and stuck but thanks for sharing(:

Reply

Masuko Shintaro
Thanks for the comments, this is my first tutorial. I'm going to start fooling around with Photoshop and see if I can find new effects, if I do I'll post tutorials of them. smile.gif

Reply

AnGeL KiSS
That'd be great, I want to learn how to have a image have a line stretch on PS but I don't know how to huh.gif If you know how to & would like to make a tutorial on it, I'd love you smile.gif

Reply



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.
Confirm Code:

Similar Topics

Keywords : started photoshop

  1. Adding Jigsaw Puzzle Effect With Photoshop - (2)
    Should the occasion arise that you want to add a puzzle effect to a picture, there is a simple
    method built into Photoshop. Like a lot of other abilities, the hard part is finding it. Let me walk
    you through how I do it. There are a variety of other ways and I would love to hear your way also.
    So I have this picture of my cat that I want to look like a puzzle: I tune it up how I like it
    and size it, etc. Then click on Filter/Texture/Texturizer Once you click that a box appears:
    On the right hand panel you see Ok, Cancel. Texturizer then Brick or Sandston...
  2. How To Change The Gradient Type And Make A Gradient On Adobe Photoshop Cs3 - (1)
    How to change the Gradient type on Adobe Photoshop CS3 Open Adobe Photoshop CS3 On your current
    piece of work or on a new blank canvas, select the area you would like to apply the gradient to.
    Once you have the area selected you would like to work on, hover your curser over the Gradient Tool
    button (Default Location: Left edge of the Program window, center of the tools menu). Apply pressure
    to the mouse so you click the Gradient Tool Button. Once you have this Tool selected, you can
    choose which gradient you would like to use. Choices : Linear Gradient (Defaul...
  3. Making A Simple Signature With Adobe Photoshop - A tutorial to basic signature designing: By Accure (3)
  4. Simple Sig Tutorial - photoshop sig tutorial : New to photoshop? (24)
    Mytutorial which i made for people who are new in photoshop: This is my first tutorial so maybe
    there are few mistakes ......
  5. 1,2,3px Borders - Adobe Photoshop CS2 (3)
    1px Border. Step 1. Get out your signature or other graphics that you are making. Make a new
    layer. Step 2. CTRL + A then edit>stroke>1px inside. You can choose what ever color you want.
    Step 3. Set the layer to soft light, overlay, darken, etc. What ever suits it best. End Result, you
    know have a line the color of your choice around your signature or graphics. 2px Border. Step
    1. Get out your signature or other graphics that you are making. Make a new layer. Step 2. CTRL + A
    then edit>stroke>2px inside. You can choose what ever color you want. Step 3. CT...
  6. Rounded Edges In Photoshop - An easy way to do this (13)
    I'll show you how to make rounded edges and a border around a picture. 1) Open you picture in
    photoshop. I'm chose this lovely picture to work with: 2)Select the elliptical marquee tool
    and make shore you keep these settings: 3) Use the elliptical marquee tool to draw a circle
    selection in one of the corners of your picture like this. Pick a size depending on how rounded you
    want your image. 4) Repeat this in every corner of your image until you have something like this.
    Try to make all the circles look as much alike as possible. 5) Now select the re...
  7. Turning An Image Into A Cartoon Style - Photoshop - Tutorial on cartooning images. (30)
    This tut will show you how to make a photo look cartoonish in three easy steps... 1)Open your
    image in photoshop, doesnt really mater what size or shape anything really a landscape, city, or a
    person. I am using a picture of a football player in this example 2)Go up to
    Filter>Blur>Gaussian Blur and set the radius at 3.0 or higher depending on the effect your looking
    for. 3)Last go Edit>Fade Gaussian Blur. A window will pop up... set the mode to darken for tha
    cartoonish effect or to any other mode for plenty of other effects. Lower the opacity if you
    don't...
  8. Mario Signature (adobe Photoshop) - (15)
    Tutorial Name: Mario Signature Created by: Tidus Program used: Adobe Photoshop Notes: A
    friend of mine made this tutorial a while ago and said I could repost it. I think its a good
    tutorial and helps those who are still getting new to photoshop. This tutorial is copyrighted to him
    and shouldn't be reposted by others unless you have his permission. Tidus's Second Tutorial
    This is the ending result that you should get after you have completed this tutorial. 1) Okay,
    the first step is open a new document thats 385x115. You can use whatever size you want...
  9. My First Sig Tutorial (c4d+coloring) (photoshop) - your comments please (11)
    First of all open a new document with white background and size 355 / 105 import your render to a
    new layer , name the layer original and hide the layer create a new copy of the original layer
    here's the render i choosed ..... go to Image > Adjustments > Hue saturation choose
    colorize and drag the hue slider to 121 create another copy of the orignal layer go to Filter >
    Blur > Radial blur set amount to 10 , blur method to spin and quality to good now set the blending
    mode of the layer to vivid light go to Image > Adjustments > Hue saturation choose color...
  10. Exporting Transparent Images In Photoshop To Flash - Needed: Photoshop 7 or CS, Flash MX (4)
    First of all, it is important that you make sure the image you wish to export is on a transparent
    layer. The transparent layer is a checkered background in photoshop. You can see this checkered
    background in the image to the left. In this example, I created a quick glass icon which has
    different levels of transparency. This is the image I will be exporting, whilst preserving
    it's transparency. Once your image is on a transparent background, head to file > save for
    web. You can only export complex transparency using the .png filetype. So from the drop down...
  11. How To Make Cool Rain Effect - (photoshop tut) (53)
    Here i am going to show you how to create realistic rain effect using photoshop CS, this tutorial is
    suitable for immeadiate beginners too, now the first thing you need is to get a good source image ,
    i used this house which is shown at a kool angle and a dog lookin out of the window supposedly
    because it is raining dublicate the layer ( press Ctrl+J ) or just drag the layer to the create
    new layer button at the bottom of layers tool box , now go to Image > Image Adjustments > Levels
    and make your settings as shown in the image below ... even tough the image w...
  12. Photoshop - Lightning Tutorial - How to make realistic lightning in photoshop. (17)
    This tutorial will teach you how to make realistic lightning. 1) Open a new file, set the
    canvas size to about 400 x 300 pixels. 2) Set your foreground color to white and background color
    to black. 3) Go to Filter > Render > Clouds. 4) Go to Filter > Render > Difference Clouds.
    5) Go to Image > Adjust > Invert. 6) Go to Image > Adjust > Levels. 7) Move the arrow in the
    middle all the way to the right. 8) To change the color of the lightning like I did, go to
    Image > Adjust > Color Balance. 9) That's all there is to making realistic ligh...
  13. Adobe Photoshop Fire Text - (5)
    1. Create a new image, any size will do, but I used 400x150 (standard sig size) 2. Fill the newly
    created image with black 3. Create a new text layer with whatever text you want to use 4.
    Merge the text layer with your background layer (Click on your text layer, press Ctrl + E) 5.
    Filter, Stylize, Wind...Use Settings Below 6. Repeat by pressing Ctrl + F 7. Repeat steps
    5-6, changing the direction of the wind to Right 8. Now rotate the canvas 90 degrees CW 9.
    Repeat steps 5-7 10. Rotate the canvas 90 degrees CCW, this will return you to the origina...
  14. Adobe Photoshop --- Cyber Abstract - (14)
    Step 1. Open a new document, make it 800x600pixels and make the background white. Then press D on
    your keyboard, this will make the colors reset to their default. (black and white) Step 2. Go to
    Filter=>Render=>Difference Clouds, press ctrl+F to repeat this step again. Step 3. Next go to
    Filter=>Pixelate=>Mezzotint, and use Long Lines Step 4. Go to Filter=>Blur=>Radial Blur and use the
    settings shown in the image below: (make sure you pull the blur center up to the left corner!
    THIS IS IMPORTANT!) Here is what I got: Step 5. Press Ctrl+U from your ke...
  15. Photoshop Registration - concerning the pop-up window (6)
    hey, when you start installing photoshop, does the registration window pop up at the beginning ? or
    it doesn't come out until your 30 day trial is over? because i've reformatted my comp like 3
    times and i have ps on te cd saved but whenever i try to install it it never asks me to register
    it... also which is better? PHOTOSHOP cs OR PHOTOSHOP the newer version? and will the brushes for
    ps8 work on the newer one? thank you!...
  16. Photoshop Cs Tutorial - Make Your Pics A Little Spooky - How to Add ghost in your pics. Let peoples wondering is ir a real ghos (5)
    First, you need source pic. I labelled the source pic as S . Heres my source pic: Look spooky
    isn't it? And here's my original pic. I label my original pic as O. Next, i paste the
    S picture on the O picture using adobe photoshop and erase the undesired area. Adjust the S
    position.. Here's the result: Select the S layer and and adjust the opacity and fill until
    you get the most spooky look. Go to filter and select blur-gaussian blur.. Select smudge tool and
    smudge the S picture until you get a better and real ghost shape. Repeat this step un...
  17. Photoshop -- Double Stroke - Learn to create a neat-o text effect (2)
    Lets do this! 1. Create a new photoshop document with the dimensions 88x31. If your lost
    already... quit. 2.Alright make some random background and then put some random black-colored
    (#000000) text on it. Kind of like the picture below. 3. Select the text layer you have just
    created and click on the little f symbol near the bottom of the layer window. A sub menu should pop
    up. Click on stroke. 4. Some editing window should appear. Change all the values to what you
    see in the following image, make sure the stroke color is white (#FFFFFF). After this tu...
  18. [photoshop] Cartoon Vector - (25)
    How to turn a picture of an actual person into a cartoon... (1) Filter> Blur> Gaussian Blur
    Settings: 9px (2) Press Shift+Ctrl+C now in Mode set it to darken and opacity to 100% if it
    isn't already. And that's it! Simple, eh?...
  19. Adding Signature Stamp In Photoshop - (2)
    I take pictures for my wife's eBay auctions. She likes her name inserted on the photos. While
    there are many ways to do this, my solution is quick, easy and flexible. Open a new file with a
    transparent background. Size isn't important. Select the text tool and choose your font. I used
    a script font. Type the signature. Now click on Edit/define brush preset A box will pop up
    to name the brush. Open the picture you want to sign. Select the brush tool. From the drop
    down menu select the brush. It will be the last one. Select the color on the...
  20. [photoshop]grunge Abstract Sig ~ Samma - Includes Multi Color Method (9)
    Im not sure if this has been done before... I havent seen a grunge abstract tut before, but anyways
    here it is /tongue.gif' border='0' style='vertical-align:middle' alt='tongue.gif' /> Outcome:
    1. Fill the canvas with black, and brush with white using a grunge brush. After you have
    completely filled the whole layer with the grunge brush, go to Image > Adjustments > Auto Contrast,
    then go to Filter > Sharpen > Sharpen Edges, then finaly go to Edit > Fade Sharpen Edges and do an
    opacity of 50%. Make a new layer. Repeat Step 1. another 2 times using different gru...
  21. Make An Energy Blast In Photoshop - (14)
    1. Start out with a new 250x250 image. Choose a white background. Then press D on your keyboard to
    reset the colors. 2. Go to filter > render > clouds 3. Now go to Filter > Pixelate > Mezzotint.
    Select long lines from the drop down menu. 4. Next go to Filter > Blur > Radial Blur. Choose 100,
    zoom, and best. 5. Finally, to add some color, go to Image > Adjust > Hue/Saturation. You can do
    this quickly by pressing Ctrl+U. You can adjust the colors there. Make sure you check "colorize".
    Seems some of the images don't work...
  22. Photoshop Cs2: Full Signature Tutorial - Made by Tramposch (11)
    This is a tutorial on how to make a signature like this: First of all, you need to find your
    render, try to find one that doesn't have a lot of space around its arms, or doesnt have a cape,
    because then it will not looks so great with empty space. For the signature I used this render:
    http://i97.photobucket.com/albums/l217/Tra...oredcore2er.png 1) Open a new document, with a white
    background, any reasonable signature size will do (don't make it too large /wink.gif"
    style="vertical-align:middle" emoid=";)" border="0" alt="wink.gif" /> ). 2) Go Edit---&#...
  23. Reflecting Text Tutorial - Adobe Photoshop CS2 (5)
    Here you will learn how to create cool reflecting text effects! Step 1. Once your ready to add
    text onto your signature your ready to being. With your text tool type what ever it may be. I
    suggest for this effect your text be on something black And your text white. Step 2. Now we want
    to duplicate that layer to do this select the layer and hit ctrl+j. Step 3. OK now that we have two
    of the same layer select the duplicated layer and hit ctrl+t. Right click it and hit flip
    vertically. Step 4. You want to move it down just a bit. Make sure that nothing touches. ...
  24. Make A Multi-color Sig {photoshop} - (9)
    This tut is from my forums at www.halo2krew.com so please give credit if u use it This tut is on
    how to make a multicolor sig. You will have to know the basic commands and tools in Photoshop becaus
    I wont explain everything in detail. 1. Make a new document- 400x100 is what Im doing 2. Most
    people like to fill in the canvas with black or do clouds but im just going to start brushing right
    away. So take out your brushes and press "d" to reset your colors. Then brush with your grunge
    brushes on your canvas untill you get this dark, 3. Now Make a new layer and Brush ...
  25. How To Double Stroke Images - Using Photoshop (22)
    (I am aware that there is an existing tutorial on double stroking text, but this is very different.)
    How to double stroke images using Photoshop by Strawberrie 1. Open up/copy&paste the
    image you want to double stroke onto a new layer (Shift+Ctrl+N) in Photoshop. 2. Go to Edit >
    Stroke. Set the width to 3 px and color to whatever you wish your furtherest inside border to be (in
    this case, black). You should get something like this: 3. Go to Edit > Stroke again. Set the
    width to 2 px and color to whatever you wish your middle border to be (in thi...
  26. How To Make Grid Using Adobe Photoshop - (0)
    Description Learn to create a neat grid using Adobe Photoshop! Great for many types of
    graphics! Try It Out We're going to start by opening up a new Photoshop Document. You may
    use any image you want, as long as its a resonable size. I chose to use Banjo Bob here
    /biggrin.gif" style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif" /> Click
    File -->New Document. Change the Dimensions to 10x10 and the Contents to transparent. Click OK.
    Now, using the zoom tool, zoom in as much as possible. Make your image look the same as this one: ...
  27. Complete Signature Tutorial - Adobe Photoshop 7+ (18)
    Well here's my 3rd tutorial, it took about a hour and a half to make and I hope it helps people
    out. I use this technique in a lot of my signatures. Easy Full Signature In this tutorial I will
    show you how to make a signature like this: Resources used in this tutorial: Dark Crystal
    Script Font Rust and Grunge Brushes Link Render Brushing the background 1) Create a new
    canvas (I used 340x120) 2) Fill the background layer with black 3) Load your brushes 4) Set your
    foreground to white 5) Create a new layer (CTRL+Shift+N) 6) Brush the background...
  28. Reflective Text - For Photoshop! (6)
    1: Open up your canvas with the text on it. Duplicate the text layer. 2: Then go
    Edit>Transform>flip vertical 3. You ratserize the text layer. 4. then you take the rectanglar
    marqee tool, and make selection over the text (the duplicated one)about half ways up of the text 5.
    Then right click > feather > put about 5px. Now press delete. And there you go, reflective text
    You'll get something like this or even better. /biggrin.gif"
    style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif" />...
  29. How To Design A Scan Line Fill Effect In Photoshop - (2)
    How to design a scan line fill effect in Adobe Photoshop First you need a pattern to fit on
    pictures. To create pattern: 1- Create a new 2*4 image (width=2 px, length=4 px) and set background
    to Transparent. 2- Click the Zoom Tool and zoom on the image (1600%) 3- Select the Pencil Tool and
    specify foreground to black and set master diameter to 3px . 4- Drag in top of the image to paint.
    (Click in image). 5- Hold down CTRL and press A (CTRL+A) to select the image and then select
    Edit > Define Pattern and then type a name and click ok. To apply fill effect: 1- Open...
  30. Glossy Effect Tutorial [photoshop] - (11)
    Most people know how to do this but for you people new to photoshop it is a helpful trick!!
    ...



Looking for started, photoshop

Searching Video's for started, photoshop
Adding
Jigsaw
Puzzle
Effect With
Photoshop
How To
Change The
Gradient
Type And
Make A
Gradient On
Adobe
Photoshop
Cs3
Making A
Simple
Signature
With Adobe
Photoshop A
tutorial to
basic
signature
designing:
By Accure
Simple Sig
Tutorial
photoshop
sig tutorial
: New to
photoshop?
1,2,3px
Borders
Adobe
Photoshop
CS2
Rounded
Edges In
Photoshop An
easy way to
do this
Turning An
Image Into A
Cartoon
Style -
Photoshop
Tutorial on
cartooning
images.
Mario
Signature
(adobe
Photoshop)
My First Sig
Tutorial
(c4d+colorin
g)
(photoshop)
your
comments
please
Exporting
Transparent
Images In
Photoshop To
Flash
Needed:
Photoshop 7
or CS, Flash
MX
How To Make
Cool Rain
Effect
(photoshop
tut)
Photoshop -
Lightning
Tutorial How
to make
realistic
lightning in
photoshop.
Adobe
Photoshop
Fire Text
Adobe
Photoshop
--- Cyber
Abstract
Photoshop
Registration
concerning
the pop-up
window
Photoshop Cs
Tutorial -
Make Your
Pics A
Little
Spooky How
to Add ghost
in your
pics. Let
peoples
wondering is
ir a real
ghos
Photoshop --
Double
Stroke Learn
to create a
neat-o text
effect
[photoshop]
Cartoon
Vector
Adding
Signature
Stamp In
Photoshop
[photoshop]g
runge
Abstract Sig
~ Samma
Includes
Multi Color
Method
Make An
Energy Blast
In Photoshop
Photoshop
Cs2: Full
Signature
Tutorial
Made by
Tramposch
Reflecting
Text
Tutorial
Adobe
Photoshop
CS2
Make A
Multi-color
Sig
{photoshop}
How To
Double
Stroke
Images Using
Photoshop
How To Make
Grid Using
Adobe
Photoshop
Complete
Signature
Tutorial
Adobe
Photoshop 7+
Reflective
Text For
Photoshop
3;
How To
Design A
Scan Line
Fill Effect
In Photoshop
Glossy
Effect
Tutorial
[photoshop]
advertisement



Getting Started With Photoshop



 

 

 

 

ADD REPLY / Got an Opinion! a humble request :-) RAPID SEARCH! Free Hosting [X]
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE