Basic Photoshop n Text Design


Waa.Today I got a request from someone to show some basic of photoshop.So I’m gonna tutor some basic photoshop.Not about artwork.About workspace,tool n others.

The second tutorial is how to make a a text effect like this.Design it myself =D


#This is based on Adobe Photoshop CS3 Extended

Workspace

There are many objects on the Photoshop workspace including palettes, tool options and drop down menus. Here I will briefly describe the purpose of each of the interace compenents and point them out.

untitled-1.png

Tools Palette:
Self explanatory - the palette that contains the tools that can be used to directly edit the image.
Tool Options:
A selection of options that relate to the currently selected tool and alter its effects.
Drop down menus:
Standard drop down menus as seen in most Windows and Macintosh applications. Offers access to most of Photoshop’s features.
Info Palette:
Shows information about the current image, or shows a thumbnail via which you can navigate the image. Information provided includes crop/selection area, file size, image dimensions, etc.
Colours/Styles Palette:
Allows you to select a colour via RGB sliders or preset web-safe colours (’Swatches’). Also lets you apply layer styles - preset combinations of layer styles (effects) that can achieve effective results if you’re in a hurry. Use the expansion arrow (just undereath the close button) to load more styles that are included with Photoshop.
History Palette:
Gives a list of actions that can be undone - lists around one hundred. You can save snapshots to return to at key points in your image creation, or return to the saved file/a recent step. Also contains actions and tool presets for the currently selected tool.
Layers Palette:
The layers palette has many features, too many to list here. They are described later in the tutorial.

Layers

Layers are an integral element of Photoshop. They allow you to edit images more easily, and use transparency to its full effect. By default the background layer (Locked and labelled “Background“) is white, and any subsequently created layers are transparent by default.

Tool

For tool tutorial you can view Video Tutorial here.

Text Effect Tutorial

First.New.Create any pixel object.Background white.

The write a text.Any text.But I recommended large n bold font.
After that.Right click on the layer > Blending Option.
Stroke and the pixel is around 8-19.As long as it fill inside the font.

Then right click the layer again.Rasterize type > right click again > Convert To Smart Object > Right Click Again > Rasterize Layer.Till it become normal layer.

Then,use the magic wand tool to select all the font by holding shift button and select all the font.Right click on the selected and Layer Via Cut.

Then crop the image that you want to use and drag it inside the font.It’ll become a new layer.Make sure the layer is between the font and the red stroke.

This is a little bit tricky.But I think U can understand if U read properly.Select the font’s layer.Again.Use the wand tool.Select all the font.Next.Go to opacity.Use 0 opacity.

Next,Merge the image layer n font layer.

Then.Go Select, and click inverse.Press delete. Then select > deselect to see the result.Not finish yet!
Right click on the layer.Select blending option.Go to Bevel and Emboss.
Use the default setting.If you like,U can also edit a little bit.Didn’t hurt right?

Then right click on the red’s layer.Blending option.Bevel and Emboss also.But here is little bit different.Double-click on the Gloss Contour.Not the arrow.The contour.Arrange it negatively.Means the higher part goes down.The lower part goes up.Click oke.

Then go to color overlay.Use any color.Recommend grey.
Then it finish!.Haha.Here are the result.

U can also skip the red’s layers tutorial.It didn’t that much important.Dun create a stroke at the beginning.It only bevel and emboss on the text.Customize by create new art.That how I create this art.Keep on be creative =D

Haha.Hope U guys enjoy my un-professional tutorial =D

Posted in Photoshop Tutorial

15 Responses to “Basic Photoshop n Text Design”

  1. fat Says:
    MyAvatars 0.2

    wow!
    Nice tip…
    hak3!
    buleyh aku gna…
    ang niey mmg pndae r!

  2. VileDante Says:
    MyAvatars 0.2

    no prob
    pandai?
    aku xsepandai helmie ya
    =D

  3. g0men Says:
    MyAvatars 0.2

    huih..
    awat yg buat contoh sakura nih..??

    *good job!!! =)

  4. VileDante Says:
    MyAvatars 0.2

    nk cr hentai
    tp takowt kena ban
    cr je laa yg kiut2 skit
    =D

  5. g0men Says:
    MyAvatars 0.2

    wakakkaa..
    good²

  6. ena chumeyl. Says:
    MyAvatars 0.2

    wakaka.
    aku nk pakai photoshop.
    sades. x cukup umoq.;[
    nice tips.
    nnt mau berguru dengan ang la.
    ngee.

  7. VileDante Says:
    MyAvatars 0.2

    @g0men
    thx
    @ena
    ckp aih umoq
    berguru?
    aku xlaa sebakat mana

  8. -FiNaZ- Says:
    MyAvatars 0.2

    huisyh…
    bez tul ar tuto nie..
    nnt nk wat ar…

    thanks mie..

  9. VileDante Says:
    MyAvatars 0.2

    hehe.sila2

  10. helmie. Says:
    MyAvatars 0.2

    haha~
    aku xpnh taw pown bwat cmne~
    haha! seyes xtaw. :bb
    wee~
    thanks for the tuto~
    :bb

  11. VileDante Says:
    MyAvatars 0.2

    nampak cam taw ja

  12. awin Says:
    MyAvatars 0.2

    wakakka..da lame x tgk mie kasi tutor~~
    leh kol cikgu ni…
    cikgu mie~~
    wakkakakakakakkak..xp

  13. VileDante Says:
    MyAvatars 0.2

    =.=”
    apa cikgu cikgu?
    xdak kelayakan laa

  14. syuxx Says:
    MyAvatars 0.2

    kalau letter spacing dia lagi rapat lagi bagus.
    nice tutorial!!

  15. VileDante Says:
    MyAvatars 0.2

    letter spacing?
    maksud hg rapat kan lg text tuh?

Leave a Reply

Markup Controls
Emoticons Smile Grin Sad Surprised Shocked Confused Cool Mad Razz Neutral Wink Lol Red Face Cry Evil Twisted Roll Exclaim Question Idea Arrow Mr Green