1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

How do i do this photoshop text effect?

Discussion in 'Graphic Design' started by BlackxHat, Aug 9, 2012.

  1. BlackxHat

    BlackxHat Power Member

    Joined:
    Oct 6, 2009
    Messages:
    591
    Likes Received:
    78
    open this pic in photoshop and zoom in 400% to see what i mean http://i.imgur.com/tDDY1.gif

    I want to replicate this exact same pic. How do i replicate the outline in the text? Is it shadow and 3D? if someone can do it and send me the PSD, i'd really appreciate it
     
  2. glew

    glew Junior Member

    Joined:
    Feb 10, 2008
    Messages:
    141
    Likes Received:
    93
    Hey BlackxHat,

    I don't think it's a shadow at all. I'm pretty sure it's the way the image was saved. It was saved as a gif with only 8 colors. That's why the blue outline is kind of pixelated. I tried my best to replicate it, but it was hard to get just right mainly because I have no idea what font was used.

    Anyway here's my try at it - http://imgur.com/uYS2r

    and here's the PSD - http://www.mediafire.com/?rthd2gs1k84z4of

    Not sure if it works for ya, but it's worth a shot.
     
  3. utuxia

    utuxia BANNED BANNED

    Joined:
    Feb 14, 2011
    Messages:
    673
    Likes Received:
    111
    Looks like a drop shadow.
     
  4. BlackxHat

    BlackxHat Power Member

    Joined:
    Oct 6, 2009
    Messages:
    591
    Likes Received:
    78
    it looks good but how did you add the blue though? I see in ps it says u put an effect, and it says stroke below that


    [​IMG]

    i want to try to modify it, the color and stuff.
     
    Last edited: Aug 9, 2012
  5. BlackxHat

    BlackxHat Power Member

    Joined:
    Oct 6, 2009
    Messages:
    591
    Likes Received:
    78
    im really lost on how to change the color of the outline in that PSD
     
  6. tchashow

    tchashow Power Member

    Joined:
    Oct 27, 2009
    Messages:
    606
    Likes Received:
    266
    Occupation:
    Broke student
    Location:
    U.S. - Da South

    You just double click the layer for the text and you should see blending options. Click on stroke and it will give an outline around it. To customize the outline just double click stroke and you can change the color, opacity, width, etc.

    In the original post with your picture it looks to be a drop shadow to me except a different color. You add a drop shadow the same way. Go to blending options, click drop shadow and to customize the drop shadow just double click on that option and you can change the color of the shadow in there.
     
  7. SmartMan

    SmartMan BANNED BANNED

    Joined:
    Jul 25, 2012
    Messages:
    673
    Likes Received:
    1,244
    You Guys forgot Bevel and Emboss! Thats what there in that image which seems like black shadow on inner side of font and a drop shadow or stroke in blue color. Thats it.

    OP, I uploaded the PSD for you.

    ow.ly/cQDlm
     
    • Thanks Thanks x 1
  8. glew

    glew Junior Member

    Joined:
    Feb 10, 2008
    Messages:
    141
    Likes Received:
    93
    My thinking was he wanted an exact copy of the image

    I did try bevel & emboss, but obviously the outline was to perfect which is why mine came out a bit different.

    Guess I just overlooked that part :rolleyes: That's why you are the SmartMan lol
     
  9. WizGizmo

    WizGizmo Super Moderator Staff Member Premium Member

    Joined:
    Mar 28, 2008
    Messages:
    3,833
    Likes Received:
    55,431
    Thread moved to our new "Graphic Design" section.

    "Wiz"
     
  10. Zapdos

    Zapdos Power Member

    Joined:
    Oct 22, 2011
    Messages:
    597
    Likes Received:
    708
    Location:
    Eastern North Carolina
    Looks like a 1px stroke with transparent text, an inner-glow of black and inner-shadow of blue.
     
  11. zacamore

    zacamore Registered Member

    Joined:
    Nov 1, 2010
    Messages:
    53
    Likes Received:
    14
    Looks like Bevel & Emboss - at such a small size you could use the Drop Shadow but B & E has more subtle tweeks available if you want to do larger. Anyway, try the B & E set to outer bevel, change the technique to one of the chisel options, direction down, size around 1px, angle -45 deg, choose the desired colour for highlight mode.

    Then adjust the Lossy slider when outputting the GIF file as this will change the pixelization around the text etc.

    Hope that helps
     
  12. herocute

    herocute Registered Member

    Joined:
    Jul 30, 2012
    Messages:
    70
    Likes Received:
    23
    You can do this by creating a text with white font. Then applying Drop Shadow with a Normal blend mode. And then increase the spread and opacity. Lastly, choose a good angle.

    I don't know if the distortion was an affect, or caused by its poor quality lol. If it is an effect, playing with Bevel and Emboss will give your text some texture.
     
  13. cas77

    cas77 Junior Member

    Joined:
    Mar 17, 2009
    Messages:
    109
    Likes Received:
    26
    Why not be creative.. and use your own imagination.. Instead of replicating?
     
  14. GreyWolf

    GreyWolf Executive VIP Jr. VIP

    Joined:
    Aug 17, 2009
    Messages:
    1,930
    Likes Received:
    5,387
    Gender:
    Male
    Occupation:
    Artist / Craftsman
    Location:
    sitting at my PC
    Sometimes when you see something you like, the best thing to do is try duplicating it to learn the technique. Once you figure out how to do it, then you can be more creative in the future.

    Just like with learning to paint. There's a reason artists spend some time duplicating paintings from the masters.
     
  15. xTiger

    xTiger Junior Member

    Joined:
    Jul 9, 2012
    Messages:
    176
    Likes Received:
    129
    Location:
    Getting Richer
  16. mbreezy

    mbreezy Regular Member

    Joined:
    Jun 27, 2012
    Messages:
    341
    Likes Received:
    120
    How I'd go about doing it:

    -new image w/ transparent background

    -use white text

    -add a layer style by clicking Layer at the top of the screen and then Layer Style(or the "fx" button on bottom right of the screen)

    -chose Stroke with your opacity set to 100%


    Second way I'd go about it is google search "how to outline your text in photoshop".

    Instead of using the Stroke Layer Style you can also use the Drop Shadow option. I think that was actually what was used on the original image because of the Noise level on the outline of the text.

    If you use the drop mode I suggest using Blend Mode Normal, Angle 0% (or uncheck "use global light") and Distance set to 0(so your drop shadow is centered over the text.
     
  17. soupypoopie

    soupypoopie Newbie

    Joined:
    Sep 3, 2012
    Messages:
    10
    Likes Received:
    0
    simple drop shadow how much text do you want to do?
     
  18. bxuhub

    bxuhub Regular Member

    Joined:
    Oct 4, 2011
    Messages:
    456
    Likes Received:
    24
    Occupation:
    Internet Addict
    Location:
    Philippines
    Home Page:
    Hi! It seems like a combination of bevel and emboss and a full opacity drop shadow. You can set the angle of the emboss to 120 degrees and the shadow maybe between 90 degrees to 95 degrees. Then use white as color fill for your text and blue for the drop shadow. :)