Create a Final Fantasy VII Lifestream-Like Abstract Design in Photoshop

Create a Final Fantasy VII Lifestream-Like Abstract Design in Photoshop

Posted on June 26th, 2011 under Abstracts,Basics

In this tutorial, I will show you the steps I took to create this Final Fantasy VII Lifestream Like Abstract Design in Photoshop. This is a beginner level tutorial with lots of detailed screenshots. Have a try :)

If you happen to be a fan of Final Fantasy VII like me, you will know what I’m talking about and where the idea came from. If not, check out this image here.

I tried to keep the steps as few as possible for this tutorial – so if you’re a Photoshop beginner, you won’t be overwhelmed with information. In this mean time, you can check out my other basic Photoshop tutorials here.

Here is a preview of the final effect I have for this tutorial: (click to enlarge)

life stream flatten 2 500x317 Create a Final Fantasy VII Lifestream Like Abstract Design in Photoshop

PSD File Download

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. Signup now and get exclusive :) Find out more about the VIP Members Areas

vip sign up 250 Create a Final Fantasy VII Lifestream Like Abstract Design in Photoshop

Ok Let’s get started!

Step 1

Create a new document with black background, size doesn’t really matter in this tutorial. Press the “P” key to select the Pen Tool, draw a work path as shown below:

Hint: you can check out this Pen Tool Guide if you happen to fresh to Pen Tool.

1 draw 500x308 Create a Final Fantasy VII Lifestream Like Abstract Design in Photoshop

Once you’ve drawn the path, select the brush tool and apply the following settings: (5px, 95% hardness)

1 brush 500x156 Create a Final Fantasy VII Lifestream Like Abstract Design in Photoshop

Press “P” to select the Pen Tool again, right-click on the path and choose “Stroke Path”:

1 stroke option Create a Final Fantasy VII Lifestream Like Abstract Design in Photoshop

Stroke the path with the brush we selected, tick the Simulate Pressure setting:

1 brush stroek 500x214 Create a Final Fantasy VII Lifestream Like Abstract Design in Photoshop

Here is the stroke effect: (I used the green colour here)

1 stroke 500x171 Create a Final Fantasy VII Lifestream Like Abstract Design in Photoshop

Duplicate this layer once, hit Ctrl + T and rotate it slightly counter-clockwise, move it to left a little as shown below:

1 rotate 500x179 Create a Final Fantasy VII Lifestream Like Abstract Design in Photoshop

Repeat this process, duplicate a few more lines, rotate and move each line slightly to form the following effect:

1 rotate 2 500x206 Create a Final Fantasy VII Lifestream Like Abstract Design in Photoshop

When you’re happy with the shape, merge those layers together by selecting all of them in layer palette, right-click on one of the layers and choose “Merge Layers”. Duplicate the merged layer a few times, rotate, resize them with Free Transform Tool to form the effect shown below:

1 effect2 500x314 Create a Final Fantasy VII Lifestream Like Abstract Design in Photoshop

Adjust the layer opacity of each duplicated layer to create some image depth:

1 opacity1 500x326 Create a Final Fantasy VII Lifestream Like Abstract Design in Photoshop

Step 2

Now we can paint some crystal dots around the stream symbolising some sort of life form. We can use brush dynamics to achieve this effect. So grab the brush tool with the following settings:

2 brush 500x31 Create a Final Fantasy VII Lifestream Like Abstract Design in Photoshop

Scattering

2 scatter Create a Final Fantasy VII Lifestream Like Abstract Design in Photoshop

Other Dynamics

2 other dyn Create a Final Fantasy VII Lifestream Like Abstract Design in Photoshop

and make sure you tick Airbrush and Smoothing options.

Use this brush to paint some dots around the stream lines with green/blue colour:

2 paint1 500x292 Create a Final Fantasy VII Lifestream Like Abstract Design in Photoshop

After you’ve done the painting, apply the Sharpen filter on this dots layer:

2 sharpen Create a Final Fantasy VII Lifestream Like Abstract Design in Photoshop

As you can see, now the dots look sharper and crystal-like:

2 sharpen eff 500x268 Create a Final Fantasy VII Lifestream Like Abstract Design in Photoshop

and here is the overall effect so far:

2 effect3 500x205 Create a Final Fantasy VII Lifestream Like Abstract Design in Photoshop

Optional: You can also paint some dots on the background to add some depth for the image. You can use a softer brush as shown below and use it to paint around the canvas:

2 brush 2 500x110 Create a Final Fantasy VII Lifestream Like Abstract Design in Photoshop

2 dots 500x301 Create a Final Fantasy VII Lifestream Like Abstract Design in Photoshop

Step 3

Now we can add some starry background to the image by creating a new layer just above the background layer, and use some space brushes to paint over it.

We can then flatten the image, then duplicate the background layer and apply some Motion blur to the duplicated layer:

3 mo blur Create a Final Fantasy VII Lifestream Like Abstract Design in Photoshop

3 mo blur set Create a Final Fantasy VII Lifestream Like Abstract Design in Photoshop

Change the blending mode of this motion blur layer to “Screen” and drop its opacity to around 60%:

3 screen 500x350 Create a Final Fantasy VII Lifestream Like Abstract Design in Photoshop

and here is the final effect of this tutorial: (click to enlarge)

life stream flatten 2 500x317 Create a Final Fantasy VII Lifestream Like Abstract Design in Photoshop

That’s it for this tutorial! Hope you enjoy it and find it useful! Till next time, have a great day!

Fresh Posts from PSD Vault

Creativity Fine-Tuning: Best of PSD Vault Flickr Group – Vol. 61 Comment and Win 1 of the 3 VIP Accounts from Grafpedia! Design a “Texts Drop in Water” Typography Effect in Photoshop 20 Unique and Beautiful Typography Artworks to Boost Your Creativity VIP Exclusive Photoshop Tutorial – Create “Moon Dance” Photo Manipulation in Photoshop Imagination Unleashed: Best of PSD Vault DeviantART Group – Vol. 29
  • http://hangaroundtheweb.com rajasegar

    Great tutorial and techniques well explained!
    Thanks for sharing…
    Bookmarked!!

  • Boli_06

    when i used it .. it gave a solid stroke effect unlike urs which has a vanishing thread effect. :( (

  • http://www.psdvault.com PSD Vault

    @Boli_06: you need to select the “simulate pressure” option when stroking the path. If for some reason this option is not there, perhaps this link would help: http://forums.adobe.com/thread/375894

  • ardigore

    thx psd for your all tutorial … :)

  • ardigore

    thx psd for your all tutorial … :)

  • ThatGuy

    I have this same problem. The option is there however the effect is not appearing

  • Arnie

    Hey,

    you have to check your brush-settings:

    Select your brush tool, press F5 (on pc) or go to panels “Windows” -> “Brush”. Activate the formfunctions for your Brush – there should be everything disabled.
    Now, when you activated this function set the jitter to 1% and  set its controloption to pen-pressure.

    Now it should work.

    Arnie

  • Jeedreek

    you must go to window/brush and add shape dynamics.
     

  • Gagandeep Singh

    simply awesome.. never thought it would be so easy to have such an effect.. Though but I am coding programmer but I love visuals too.. ;-)

  • eyenine

    What’s the Alpha-numeric code of the colors used for every section?

    Anyway, nice tutorial!!

  • eyenine

    I tried using Gaussian blur instead of motion blur. For me, it was better.

  • Markowicz Materialized

    For those who didn’t get the same result!
    Click on brush tool than go to Window->Brushes,activate the formfunctions for your Brush.Check on Shape Dynamics and set Size Jitter to Pen Pressure also
    check Transfer and set Opacity Jitter to Pen Pressure too.
    :)

  • http://www.webresourcesfact.com/ Laxmikantmrajput

    Very useful tutorial for designer.