comment créer un effet 3d sur photoshop

Upload: sevenparadize

Post on 03-Apr-2018

222 views

Category:

Documents


0 download

TRANSCRIPT

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

    1/40

    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 called

    Code 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.

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

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

    2/40

    Select the new layer with the last letter, use the Free Transform Tool (Ctrl+T) to Flip it

    Horizontally, to do that right click and select Flip Horizontal.

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

    3/40

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

    4/40

    Use the Text Tool (T) to write an other word under the first one, I wrote On under the

    Rock 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 vertical

    rectangles on the N letter.

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

    5/40

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

    6/40

    Now lets add some flash shapes, select the Pen Tool (P) and create the first flash shape

    under the R letter, when you like the result, duplicate this shape, place the new one underthe last letter and flit it vertically, Ctrl+T then right click and select Flip Horizontal.

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

    7/40

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

    8/40

    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 few

    times.

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

    9/40

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

    10/40

    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 sur Photoshop.

    11/40

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

    12/40

    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 sur Photoshop.

    13/40

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

    14/40

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

    15/40

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

    16/40

    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 those

    parameters:

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

    17/40

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

    18/40

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

    19/40

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

    20/40

    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 sur Photoshop.

    21/40

    Apply the Color Halftone filter on this gradient layer, Filter Pixelate Color Halftone with

    a 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 sur Photoshop.

    22/40

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

    23/40

    Make a selection of the Rock On Src layer, to do this, right click on this layer Select

    Pixels, 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 sur Photoshop.

    24/40

    Add a new Gradient Fill layer, Layer New Fill Layer Gradient with a White to Black

    gradient with a0% opacity on the black colour, and a 90 angle :

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

    25/40

    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 sur Photoshop.

    26/40

    Step 5 Text Effect Part 3

    Duplicate the Rock On Src layer again, rename the new layer Rock On GradientHighlight, change theOpacity 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 sur Photoshop.

    27/40

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

    28/40

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

    29/40

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

    30/40

    Step 6 Text Effect Part 4

    Duplicate the Rock On Src layer again, rename the new layer Rock On Emboss, change

    the 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 sur Photoshop.

    31/40

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

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

    32/40

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

    33/40

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

    34/40

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

    35/40

    Lets add a little more details and highlights on this text with a cool light stroke. Duplicate the

    Rock On Src layer again, rename the new layer Rock On Stroke. Use the Move Tool(V) to move this layer10px 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 sur Photoshop.

    36/40

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

    37/40

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

    38/40

    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 sur Photoshop.

    39/40

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

    40/40

    Source: SupercolorsTuts