Comment créer un effet 3D rétro sur Photoshop

Embed Size (px)

Citation preview

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    1/41

    In this Tutorial I will show you how to create a 3D Halftone Text Effect in Photoshop that canbe used as a cool rock band cover using some cool flash shapes, the Text Tool and a lot of different layer styles. Lets get started!

    Step 1 THE New Document and Text

    Open up Photoshop and create a new document, for the size I used 1250x1000px .

    In this step well create the typographic element, select the Text Tool (T) , I used a font calledCode Pro by FontFabric, you can use any font you like, I wrote Rock in black using thisfont. Then rasterize the font, Type Rasterize Type Layer .

    http://supercolortuts.com/category/tutorials/photoshop/http://supercolortuts.com/source-files/http://supercolortuts.com/category/tutorials/photoshop/http://supercolortuts.com/category/tutorials/
  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    2/41

    Select the Rectangular Marquee Tool (M) , make a selection around the last letter, K for me, right click on the selection and select Layer via Cut .

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    3/41

    Select the new layer with the last letter, use the Free Transform Tool (Ctrl+T) to Flip itHorizontally, to do that right click and select Flip Horizontal .

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    4/41

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    5/41

    Use the Text Tool (T) to write an other word under the first one, I wrote On under theRock Text with the same font and rasterize this type layer, Type Rasterize Type Layer .

    If youre using the same font than me, select the Rectangle Tool (M) , create two small verticalrectangles on the N letter.

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    6/41

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    7/41

    Now lets add some flash shapes, select the Pen Tool (P) and create the first flash shapeunder the R letter, when you like the result, duplicate this shape, place the new one under the last letter and flit it vertically, Ctrl+T then right click and select Flip Horizontal .

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    8/41

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    9/41

    Merge all the layers (text and shapes), Layer Merge Layers (Ctrl+E) then use the FreeTransform Tool (Ctrl+T) , right click on the selection, select Skew , select the right middlepoint and pull it up 8. Keep this text layer, rename it, Rock On Src, well duplicate it a fewtimes.

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    10/41

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    11/41

    Duplicate the Rock On Src layer again, rename the new layer Rock On Gradient, applya Gradient Overlay layer style on the new layer, with two blue colours, going from #4CACFB #4BB9E8 with those parameters:

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    12/41

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    13/41

    Step 2 Text Effect Part 1

    Duplicate the Rock On Src layer again, rename the new layer Rock On Highlight, changethe Fill to 0% and the Opacity to 90% , then add some Bevel and Emboss and Satin Layer Styles on it with those parameters:

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    14/41

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    15/41

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    16/41

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    17/41

    Step 3 Text Effect Part 2

    Duplicate the Rock On Src layer again, rename the new layer Rock On Emboss, changethe Fill to 0% and the Opacity to 90% , then add a Bevel and Emboss Layer Style with thoseparameters:

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    18/41

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    19/41

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    20/41

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    21/41

    Step 4 Halftone Effect

    Now lets create the cool halftone effect on the text, create a new layer, select the GradientTool (G) with a Black to White gradient, create a gradient from the top to the bottom of thecanvas.

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    22/41

    Apply the Color Halftone filter on this gradient layer, Filter Pixelate Color Halftone witha 6px Max. Radius and 45 for all channels. Change the Fill of this layer to 50% and itsBlending Mode to Soft Light .

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    23/41

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    24/41

    Make a selection of the Rock On Src layer, to do this, right click on this layer SelectPixels , then reselect the color halftone layer and create a Layer Mask on it with thisselection, Layer Layer Mask Reveal Selection .

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    25/41

    Add a new Gradient Fill layer, Layer New Fill Layer Gradient with a White to Blackgradient with a 0% opacity on the black colour, and a 90 angle :

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    26/41

    Change the Fill of this Gradient Fill layer to 50% . Create a Clipping Mask with this filllayer, Layer Create Clipping Mask .

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    27/41

    Step 5 Text Effect Part 3

    Duplicate the Rock On Src layer again, rename the new layer Rock On GradientHighlight, change the Opacity to 30% and the Fill to 0% . Add a Gradient Overlay layer style on this layer with a black to white gradient, a 0% opacity on the black colour and a 50%opacity on the white colour with those parameters:

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    28/41

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    29/41

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    30/41

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    31/41

    Step 6 Text Effect Part 4

    Duplicate the Rock On Src layer again, rename the new layer Rock On Emboss, changethe Fill to 0% and the Opacity to 90% . Use the Move Tool (V) to move the text 10px Up and20px Left . Place this layer behind the Rock On Gradient.

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    32/41

    Add a Bevel and Emboss layer style on this layer with those parameters:

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    33/41

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    34/41

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    35/41

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    36/41

    Lets add a little more details and highlights on this text with a cool light stroke. Duplicate theRock On Src layer again, rename the new layer Rock On Stroke. Use the Move Tool(V) to move this layer 10px Up and 10px Left and change the Fill of this layer to 0% .

    Place this layer between the Rock On Emboss and Rock On Gradient layers then applyan Outer Glow layer style with a purple colour to it with those parameters:

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    37/41

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    38/41

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    39/41

    Place this layer into a new group, change the Blending Mode of this group to Color Dodge .

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    40/41

  • 7/29/2019 Comment crer un effet 3D rtro sur Photoshop.

    41/41

    Source: SupercolorsTuts