6738884 Adobe Photoshop Tutorial 2

Embed Size (px)

Citation preview

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    1/55

    MATRIX TEXT

    1. Set #003100 (Dark green) as your foreground color. Now Use the text tool and type outwhat you want, I used Arial Black, 36pt.

    2. Go to Filter > Blur > Gaussian blur and click ok for rasterizing the layer. Set radius to 1.

    3. Now go to Filter > Distort > Ocean ripple and set these settings:Ripple size: 5Ripple Magnitude: 10

    4. Duplicate the layer and go to Filter > Sketch > Water paper and set this settings:Fiber length: 42Brightness: 70Contrast: 64

    5. In the layers toolbar set the blend mode to Hardlight, or whatever you think looks better.Merge the two layers (Ctrl+E).

    6. Duplicate the layer and go to Filter > Blur > Motion Blur and use these settings:

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    2/55

    Angle: 90Distance: 33Set the blend mode to Hardlight.

    This tutorial will teach you how to make text explode with light.

    Create a new document in your copy of Photoshop.

    Settings :

    Now type some text with your pen tool

    Use 48 pt, color black, the font is your choice.

    The longer the text line, the more blur you will have to do. To keep it simple type in the wordTutorialMan with caps and lower case.

    Now we are going to rasterize our text layer. Right click on your text layer and selectRasterize. Your text layers will now switch from vector to pixel.

    We're going to add a new layer now. Right click on the text layer you just rasterized and select

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    3/55

    Duplicate Layer

    Select the new layer on your layer panel as your current editing layer.

    Set your foreground color to white and click Edit > Fill.

    Setting :

    Now we are going to Blur your pixels: Select the menu Filter > Blur > Gaussian Blur.

    Setting: 5.2

    Changing your coordinate scale actually interprets that your pixel points have been in apolar graph and regraphs them in a rectangular graph which is the normal graph most arefamiliar with. (if you took advvanced math in hs you may remember the polar graph) What weare doing is changing the way the pixels are oriented, applying an effect to them in that newstate, then will change the graphing method back.

    Select Filter > Distort > Polar Coordinates.

    Setting : Polar to Rectangular

    Rotate your canvas to get your wind to orient correctly. Image > Rotate Canvas > 90 CW

    Apply a wind to your active layer. Filter > Stylize > Wind.

    Settings :

    A little break in between. Your project should look something like this.

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    4/55

    Apply wind a second time. Filter > Stylize > Wind

    Adust the levelsby clicking Image > Adjust > Auto Levels

    Click Image >Adjust >Invert

    Apply wind a third time. Filter > Stylize > Wind

    Apply wind a fourth and last time. Filter > Stylize > Wind

    Rotate your canvas back to normal by clicking Image > Rotate Canvas > 90 CCW

    Change your coordinates back by clicking Filter > Distort > Polar Coordinates.

    Setting : Rectangular to Polar

    On the layer panel Set Layer Mode to Hard Light.

    Now it is time to colorize your image. Click Image > Adjust > Hue/Saturation.

    Be sure to :

    Check the "Colorize" checkbox and play with the settings ofSet saturations up to the topSelect the Hue of choiceset your saturation down to the level you want .And you should get something like this

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    5/55

    1. First let's create some text. Here we used Impact.

    2. Then we want to turn this text into a shape. This will allow us to transform its shape in anyway we want. We can skew it and give it perspective. To do this go Layer > Type > Convertto Shape. After this is done, we will no longer have the ability to edit the text. So make sure

    you have your text the way you want it before you do this.

    Above is what your canvas will look like when you have converted the text into a shape.

    Next we are going to transform it. Go Edit -> Transform -> Perspective. Grab either thetop or the bottom left corners of the transformation box. Pull the handle on the corner up ordown depending on which corner you chose. This will apply a perspective transformation tothe text shape.

    Now that this is done, we will need to rasterize the shape in order to remove the shape path.Go Layer -> Rasterize -> Shape. This will create a truly rasterized image.

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    6/55

    Notice how clean and crisp the text is after doing this. If we were to rasterize the type beforewe transformed it, we would end up with a fuzzy edge. By first transforming our text into avector shape, we prevent this from happening.

    This is a great little trick that you will probably find use for at some point. It only takes a

    second to do, but it makes a much better final product if you transform the shape first ratherthat rasterizing and then transforming.

    --------------------------------------------------------------------------------------------------

    1. Open a new document. (The size I used is 500x100) Now type some text, doesn't reallymatter what. (I used Arial Black 36pt)

    2. Now hit CTRL + A(=select all), CTRL + C(=copy) and then CTRL + V(=paste). You havenow copied the layer. Move the new layer exactly above the original text layer.Hit CTRL + T(=transform) and click the right mouse button, select "flip vertical". Now movethe layer down by dragging it or using the arrow keys.

    3. Hit CTRL + T again and now select "Perspective". Move the lower right box to the right.

    You should now have something like this:

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    7/55

    4. Now simply go to the layers window and lower the opacity of the "reflection layer" to

    whatever you want. (I used 25%)

    ------------------------------------------------------------------------------------------------

    1. Use the Rectangular Marquee Tool to select a long rectangle then fill with white as below.

    Rotate the canvas 90 degrees Apply Filter > Distort > Shear with the shape below rotatethe canvas back 90 degrees the result should be similar to below.

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    8/55

    using an eraser with the above settings erase the ends of the tenticle as shown

    Duplicate the layer and position as required then hide the background and use layer > MergeVisibleReveal the background and it should look something like this.

    Select layer > Layer style > Outer Glow and use settings similar to below adjust as youlike.

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    9/55

    Finally select Filter > Blur > Blur more. The results should look something like this.

    Here is an example of it in use.

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    10/55

    1. First, set your image to 400x400. Or anyother size you want. Then press D to put yourcolors to default.

    2. Next go to Filter > Render > Clouds, you should now have something like this:

    3. Now go to Filter > Pixilate > Mezzotint >> Pick Short Strokes

    4. Go to Filter > Blur > Radial Blur

    5. Press Ctrl+F to Blur Again.

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    11/55

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    12/55

    15. Again, Duplicate the current layer. Then Set the blend Mode to overlay

    16. Merge layers (Ctrl+E) and your done.When you are done it should look like this:

    -----------------------------------------------------------------------------------------------

    Set the brush as above and brush across the canvas until you have a similar look to the onebelow.

    Apply the filter > Distort > Ripple Effect with the standard settings repeat a further fourtimes until you achieve the look similar below.

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    13/55

    Apply the Filter > Blur > Radial Blur Zoom 50%click Edit > Fade Radial Blur > 75%.

    Set the eraser as above and brush lightly across the canvas until you have a similar look to theone below.

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    14/55

    Apply a Filter > Blur > Gaussian Blur. Set the radius so you get the required detail ofairbrushing Apply Edit > Transform > Distort to create the required shape depending on theblur applied it should come out something like below.

    Here is an example of it in use.

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    15/55

    I have started with a render with the standard colorisation below

    Set the brush as above and brush across the area required for general volume lighting similarto that shown below.

    Apply Filter > Blur > Radial Blur Zoom 100%. The result should be similiar to below

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    16/55

    using the above eraser settings. Lightly brush over the lighting like the image below

    Apply Filter > Blur > Gaussian Blur radius 2.5.

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    17/55

    Using the above settings for the lasso tool while holding shift select from parts of the renderas shown below.

    Now simply delete these unwanted areas from the volume light area.

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    18/55

    Here is an example of it in use.

    DeluxiTimes viewed: 29993 Rating: 6/10

    Layer 1Create a normal gradient fill.

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    19/55

    Layer 2Duplicate the gradient layer and apply filter > Render > Difference Clouds 5times. Set the layer to soft light.

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    20/55

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    21/55

    Layer 4Now on to the render, Apply Filter > Distort > Radial Blur Zoom 100%. ApplyImage > Adjustments > Brightness/Contrast: Brightness -100, Contrast -100.

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    22/55

    Layer 5Another render copy. Apply Filter > Blur > Gaussian Blur: Radius 10. Apply Image> Adjustments > Brightness/Contrast: Brightness -100, Contrast -100. Move thelayer slightly to offset the shadow.

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    23/55

    Layer 5Another Render copy. This time simply as standard, Normal.

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    24/55

    Layer 6Duplicate layer 5 and set to screen.

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    25/55

    Layer 7, 8, 9Create 3 areas of exploding pixie dust. For light background areas set the layer tooverlay. For dark backgrounds keep on normal.

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    26/55

    Layer 10, 11, 12Create 3 areas of simple airbrushing. Duplicate each to improve contrast.

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    27/55

    Layer 13, 14, 15Create 3 areas of more detailed airbrushing.

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    28/55

    Layer 16, 17Duplicate the Render Twice, slightly offsetting each. This adds much larger scale tothe structures. Use the eraser to rub out the middle unwanted area.

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    29/55

    Layer 18Duplicate the original gradient layer and carefully erase the central part, so that theimage comes through from underneath but fades towards the edges.

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    30/55

    Layer 19Create a hue/saturation layer colorize with saturation set at 0. Set the opacity to80%.

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    31/55

    Layer 20Create a color balance layer.Highlights: Yellow -66Midtones: Blue +20, Red +35Shadows: Blue +15

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    32/55

    Layer 21Create a levels layer: Red input levels: 0, 1.3, 255

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    33/55

    Layer 22Create a Brightness/Contrast layer: Brightness +15,Contrast +25

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    34/55

    Final image:

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    35/55

    Layer 1Create a normal gradient fill

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    36/55

    Layer 2Duplicate the gradient layer and apply Filter > Render > Difference Clouds 5 times. Setthe layer to soft light.

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    37/55

    Layer 3Duplicate the gradient [layer 1] and set to multiply.

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    38/55

    Layer 4Usings the render Apply Filter > Distort > Twirl : -75 degrees. Set the layer to soft lightopacity 65%

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    39/55

    Layer 5Usings the original render apply Filter > Distort > Twirl: +75 degrees. Set the layer to softlight opacity 65%.

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    40/55

    Layer 6With the render, Apply Filter > Distort > Radial Blur: Zoom 100%. Apply image >Adjustments > Brightness/Contrast: Brightness -100 , Contrast -100.

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    41/55

    Layer 7Another render copy, Apply Filter > Blur > Gaussian Blur: Radius 10. Apply image >Adjustments > Brightness/Contrast: Brightness -100, Contrast -100. Move the layerslightly to offset the shadow.

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    42/55

    Layer 8, 9Create an area of simple airbrushing. Duplicate and offset.

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    43/55

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    44/55

    Layer 13With a black brush create a large area of airbrush in three lines at the center bottom of theimage.

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    45/55

    Layer 14, 15Create two sets of tenticles on either side of the center.

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    46/55

    Layer 16, 17Create 2 areas of more detailed airbrushing at the start and sides of each of the tenticles.

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    47/55

    Layer 18, 19Create 2 areas of exploding pixie dust. Set the layers to soft light

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    48/55

    Layer 20, 21Create a basic layer with the render on again. To lighten the render duplicate this layer and setto screen, opacity 50%.

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    49/55

    Layer 22Duplicate the render again. Apply image > Adjustments > Color Balance. Setting thehighlights to yellow and mid to green. Set the layer to hard light, opacity 65%.

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    50/55

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    51/55

    Layer 24Duplicate the original gradient layer and carefully erase the central part, so that the imagecomes through from underneath but fades towards the edges.

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    52/55

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    53/55

    Layer 26Create a color balance layer:Highlights: Yellow: -80, Magenta -10Midtones: Blue +67, Green +40

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    54/55

  • 8/8/2019 6738884 Adobe Photoshop Tutorial 2

    55/55

    http://www.tutorialguide.net/design/adobe_photoshop/