Stone Texture Effect

Embed Size (px)

Citation preview

  • 7/30/2019 Stone Texture Effect

    1/29

    Notes:* the software used in this tutorial is Adobe Photoshop CS6, but

    you can use CS3+ versions as well.

    * you might want to check the Basix Page to see some useful

    topics on dealing with Photoshop basics, such as loading palettesand some shortcuts.

    Resources:* Black Texture by Ethenyl.

    * gradient-shapes for Photoshop by ilnanny.

    Note: You might need to load the Contours used in the tutorial,

    so check this image to see how to do so.

    Step 1- Create a new 1600 x 1200 px document. Set the Foregroundcolor to #4b4133 and the Background color to #190500, pick the

    Gradient Tool, click the Radial Gradient icon in the Options bar,

    then click and drag from the center of the document to one of

    the corners.

    http://textuts.com/index/http://ethenyl.deviantart.com/art/Black-Texture-100608349http://ilnanny.deviantart.com/art/gradient-shapes-for-Photoshop-169856748http://www.textuts.com/images/others/contours.jpghttp://textuts.com/index/http://ethenyl.deviantart.com/art/Black-Texture-100608349http://ilnanny.deviantart.com/art/gradient-shapes-for-Photoshop-169856748http://www.textuts.com/images/others/contours.jpg
  • 7/30/2019 Stone Texture Effect

    2/29

    - Place the Black Texture image on top of the Background then

    change its layers Blend Mode to Overlay.

    http://ethenyl.deviantart.com/art/Black-Texture-100608349http://ethenyl.deviantart.com/art/Black-Texture-100608349
  • 7/30/2019 Stone Texture Effect

    3/29

    - Go to Image -> Adjustments -> Levels, and change the Gamma

    value to 1.90 to brighten up the texture a little bit.

  • 7/30/2019 Stone Texture Effect

    4/29

    - Create the text with the color #7c7c7c. The font used

    is Piximisa, and the size is 300pt. If you have more than one line

    of text, place each line in a separate layer as we are gong to use

    a Gradient Stroke later on.

    Duplicate each text layer two times, so that you have two copies

    besides the original layer. Then, change the third text layer

    copys Fill value to 0% (the layer at the top).

    http://en.fonts2u.com/piximisa-regular.fonthttp://en.fonts2u.com/piximisa-regular.font
  • 7/30/2019 Stone Texture Effect

    5/29

    Step 2

    Double click the original text layer to apply the following LayerStyle:

    - Bevel and Emboss: Change the Style to Stroke Emboss. This

    effect requires the Stroke effect to work, so you wont see any

    difference until the Stroke effect is applied. For now, change the

    Gloss Contour to Cone, check the Anti-aliased box, and change

    the Highlight Mode color to #ffd570.

  • 7/30/2019 Stone Texture Effect

    6/29

    - Contour: Choose the Cone Asymmetrical contour, and check

    the Anti-aliased box. This will give a smoother result.

    http://textuts.com/images/tutorials/polishedstone/PolishedStone_02_1.jpg
  • 7/30/2019 Stone Texture Effect

    7/29

    - Stroke: Change the Size to 5, the Fill Type to Gradient, and

    choose the Gold Label 55z gradient from the Goldmedal.grd

    file in the gradients pack folder.

    http://textuts.com/images/tutorials/polishedstone/PolishedStone_02_2.jpg
  • 7/30/2019 Stone Texture Effect

    8/29

    - Drop Shadow: Change the Distance to 12, the Spread to 40, and

    the Size to 15.

    http://textuts.com/images/tutorials/polishedstone/PolishedStone_02_3.jpg
  • 7/30/2019 Stone Texture Effect

    9/29

    - This will create a shiny stroke for the text. The cool thing about

    the Stroke Emboss is that its an easier option for creating a

    simple stroke without the need for creating and stroking work

    paths then styling them.

    http://textuts.com/images/tutorials/polishedstone/PolishedStone_02_4.jpg
  • 7/30/2019 Stone Texture Effect

    10/29

    Step 3

    Double click the first copy of the text layer to apply the followingLayer Style:

    - Bevel and Emboss: Change the Technique to Chisel Soft, the

    Size to 21, the Highlight Mode to Soft Light, and its color to

    #eaffd4.

  • 7/30/2019 Stone Texture Effect

    11/29

    - Contour: Just check the Anti-aliased box.

    http://textuts.com/images/tutorials/polishedstone/PolishedStone_03_1.jpg
  • 7/30/2019 Stone Texture Effect

    12/29

    - Inner Glow: Change the Blend Mode to Vivid Light, and choose

    the Gradient fill type using the gradient CSP Agate Gradient XV

    from the CSP Agate Gradients.grd file in the gradients pack

    folder. Then change the Size to a quite big value such as 45, andcheck the Anti-aliased box. This will fill the text with a gradient

    glow, creating some nice marble-like waves.

    http://textuts.com/images/tutorials/polishedstone/PolishedStone_03_2.jpg
  • 7/30/2019 Stone Texture Effect

    13/29

    - Drop Shadow: Use the default values.

    http://textuts.com/images/tutorials/polishedstone/PolishedStone_03_3.jpg
  • 7/30/2019 Stone Texture Effect

    14/29

    - This will add the main texture to the text without using any

    filters; just a simple glow trick using the gradient. You can try

    applying some other gradients to see how they look if you like as

    well.

    http://textuts.com/images/tutorials/polishedstone/PolishedStone_03_4.jpg
  • 7/30/2019 Stone Texture Effect

    15/29

    Step 4

    Double click the second copy of the text layer to apply thefollowing Layer Style:

    - Bevel and Emboss: Change the Depth to 250, un-check the Use

    Global Light box, change the Angle to 11 and the Altitude to 37,

    choose the Cone Asymmetrical Gloss Contour, change the

    Highlight Mode to Vivid Light, and the Shadow Mode Opacity to

    50%.

  • 7/30/2019 Stone Texture Effect

    16/29

    - Contour: Just check the Anti-aliased box.

    http://textuts.com/images/tutorials/polishedstone/PolishedStone_04_1.jpg
  • 7/30/2019 Stone Texture Effect

    17/29

    - This will add a glossy effect to the text.

    http://textuts.com/images/tutorials/polishedstone/PolishedStone_04_2.jpg
  • 7/30/2019 Stone Texture Effect

    18/29

    Step 5

    - Create a new layer below the second text layer copy and call itTexture. Then set the Foreground color to #213926, and the

    Background color to #cbb99d.

  • 7/30/2019 Stone Texture Effect

    19/29

    - Ctrl + Click a text layers thumbnail (icon) to create a selection.

  • 7/30/2019 Stone Texture Effect

    20/29

    - Go to Filter -> Render -> Clouds, then go to Select -> Deselect

    (or press Ctrl + D) to get rid of the selection.

  • 7/30/2019 Stone Texture Effect

    21/29

    - Go to Filter -> (Filter Gallery) -> Artistic -> Poster Edges, and

    change the values as below:

  • 7/30/2019 Stone Texture Effect

    22/29

  • 7/30/2019 Stone Texture Effect

    23/29

    - Go to Filter -> (Filter Gallery) -> Artistic -> Sponge, and change

    the values as below:

  • 7/30/2019 Stone Texture Effect

    24/29

  • 7/30/2019 Stone Texture Effect

    25/29

    - Change the Texture layers Blend Mode to Overlay. This will

    add a subtle texture and a nice color to the text.

  • 7/30/2019 Stone Texture Effect

    26/29

  • 7/30/2019 Stone Texture Effect

    27/29

    - Make sure that the adjustment layer is on top of all layers then

    change its Blend Mode to Soft Light and its Opacity to 50%.

    - Create the Gradient using the colors #736357 to the left, and

    #213926 to the right.

  • 7/30/2019 Stone Texture Effect

    28/29

    - Add another Gradient Map Adjustment Layer on top of alllayers, and change its Blend Mode to Soft Light and its Opacity to

    30%. The gradient used is called Childhood_CC and is found in

    the BoahmedAllinone.grd file in the gradients pack folder.

  • 7/30/2019 Stone Texture Effect

    29/29

    The adjustment layers add nice coloring to the final result. Hope

    youve enjoyed the tutorial and found it helpful.

    If you enjoyed the post, feel free to subscribe to ourRSS feedand follow us on Twitteras well.

    http://feeds.feedburner.com/textutshttp://www.twitter.com/textutshttp://textuts.com/images/tutorials/polishedstone/PolishedStone-final.jpghttp://feeds.feedburner.com/textutshttp://www.twitter.com/textuts