Results 1 to 3 of 3

Thread: [TUT]Lost

  1. #1
    Josh's Avatar

    Badge

    Join Date
    Dec 2009
    Location
    Florida .
    Posts
    10,474
    Points
    11,219
         User Info     Contact     Gamer ID
    Join Date
    Dec 2009
    Location
    Florida .
    Posts
    10,474
    Points
    11,219

    Default [TUT]Lost

    Useful resources

    Step 1

    Let’s start from Illustrator. Create a new document and write “lost” using a bold sans serif font. Mine is Myriad Pro (Default), but you can experiment with a different one (I suggest you to try with a very bold font like Mod).



    Step 2

    We have to duplicate the text “lost” many times horizontally and vertically; a trick for you: go to Effect>Distort&Transform>Transform, enter 20 copies and move the text horizontally for 46pt.



    Step 3

    At this point we need to duplicate the entire line of text vertically. Before applying again the Transform filter, we need to expand the text. So go to Object>Expand Appearance. Then switch to the Transform effect and this time move it vertically (-16pt). Finally go to Object>Expand Appearance to expand the text again after the second transformation.



    Step 4

    Write again the word “lost,” this time increase the font size (around 200pt). Then go to Type>Create outlines to turn the text in shapes.



    Step 5

    Now we need to remove the the word “lost” (great) from the repeating grid of small “lost” words. To do this, start selecting the grid of words and go to Object>Compound Path>Make, then select both the grid and the large LOST word and press the Minus Front button from the pathfinder window.



    Step 6

    We are ready to give depth to the grid. Firstly switch the grid color from Black to White, then go to Effect>3D>Extrude&Bevel and enter the following values:



    Step 7

    Let’s switch to Photoshop. Create a new document. Mine is 19201200 px at 72 pixels/inch of resolution since it is destined to be a wallpaper. From Illustrator copy the 3d text (ctrl+C) and paste it in Photoshop (ctrl+V) as a smart object.



    Step 8

    Select the background layer, grab the Paint bucket tool (G) and fill it with black.



    Now we have to modify the colors of the 3d text. So select its layer and go to Image>New Adjustment layer>Gradient map and add a gradient going from #0f0e0f to #727272



    Since we want to affect only the 3d text with this adjustment layer, add a clipping mask by holding down alt and clicking between the adjustment layer and the 3d text one (a little arrow will appear near the gradient map layer – into the layers window).



    Step 9

    To darken the edges of the composition, create a new layer, grab a large soft (hardness 0%) brush and paint over them.



    Step 10

    The text is too clean in my opinion. To dirty it, we can use one of our resources: download our scratched metallic textures, choose the item you prefer from the pack, then paste it into the Photoshop canvas and desaturate it by pressing shift+ctrl+U.



    Set the layer blending mode to overlay and reduce opacity to 40%.



    Step 11

    The center of the composition is too dark. To lighten it create a new group and set the blending mode to overlay. Create a layer inside the group, grab a large soft white brush and click over the center:




    Step 12

    I don’t like this black/white color combination. So, to add more color, let’s create another gradient map adjustment layer and place it on top of all the other layers. Add a gradient going from blue (#002874) to yellow (#f9e600) and set the layer to overlay with opacity 35%.



    Step 13

    The tutorial could stop here, the result looks cool in my opinion. Someone suggested me to add the photo of an island to the background to enrich the scene. Nice idea! Download this photo of an island and place the image between the 3d text and the background layer. Press ctrl+T to activate the free transform tool and re-size the photo.



    Step 14

    With the eraser tool (or a layer mask if you prefer), eliminate the exuberant part of the island photo:



    Step 15

    The last touch is to remove the texture’s effect from the island photo. Select the texture’s layer, ctrl+click on the 3d text thumbnail (in the layers window), and add a layer mask by pressing the apposite button in the layers window. In this way we will retain only the area of the texture that covers the 3d text. Finito!

    Here is the result of our efforts:


    0 Not allowed! Not allowed!
    Collabo with my boi Artemis :3



  2. #2
    Jungler Strike's Avatar
    Join Date
    Apr 2011
    Location
    Gotham
    Posts
    6,319
    Points
    9,420
         User Info     Contact     Gamer ID
    Join Date
    Apr 2011
    Location
    Gotham
    Posts
    6,319
    Points
    9,420
    Gamer IDs

    PSN ID: xSTR11K3Rx Steam ID: xSTRiiK3Rx

    Contact info:

    Youtube Channel: http://www.youtube.com/xSTRiiK3Rx/

    Default

    Sweet tutorial kiu

    0 Not allowed! Not allowed!

    ^Ty goober^
    Quote Originally Posted by xX_BiGFooTT_Xx View Post
    compensate my cock faggot

  3. #3
    Josh's Avatar

    Badge

    Join Date
    Dec 2009
    Location
    Florida .
    Posts
    10,474
    Points
    11,219
         User Info     Contact     Gamer ID
    Join Date
    Dec 2009
    Location
    Florida .
    Posts
    10,474
    Points
    11,219

    Default

    Thanks bro. I'll be postin more .

    0 Not allowed! Not allowed!
    Collabo with my boi Artemis :3



Bookmarks

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -10. The time now is 06:30 PM.
Powered by vBulletin®
Copyright © 2018 vBulletin Solutions, Inc. All rights reserved.