EXTERNAL PROVIDERS


Results 1 to 1 of 1
  1. #1
    Alderperson
    Anko's Avatar
    Sexy A.I. Girls
    Awards:
    Posting Award

    Status
    Offline
    Join Date
    Apr 2010
    Location: Bringin the art Here!
    Posts
    1,018
    Images:
    254

    Info Green Learn How to Create a Old Photo Film Vector Using Photoshop

    Learn How to Create a Old Photo Film Vector Using Photoshop

    Are you wary of using vectors in Photoshop? The truth is that Photoshop can be an excellent vector program if you get to learn it’s more advanced drawing features.
    This tutorial we’re going to dive in and walk you through the basics of Photoshop’s drawing capabilities.
    You’ll be learning how to create a realistic old photo film icon.
    Let’s get started!
    Final Image

    As always, this is the final image that we’ll be creating:

    Step 1

    Open Photoshop and hit Control + N to create a new document. Enter all the data shown in the following image and click OK. Enable the Grid (View > Show > Grid) and the Snap to Grid (View > Snap To > Grid). For starters you will need a grid every 2px. Go to Edit > Preferences > Guides, Grid & Slices and focus on the Grid section. Enter 2 in the Gridline Every box and 1 in the Subdivision box. Also, set the color of the grid at #a7a7a7. Once you set all these properties click OK. Don’t get discouraged by all that grid. It will ease your work later. You should also open the Info panel (Window > Info) for a live preview with the size and position of your shapes.

    Step 2

    Set the foreground color at #ebebeb, pick the Rectangle Tool and create a 130 by 208px vector shape.

    Step 3

    Select the rectangle made in the previous step and focus on the top side. Grab the Ellipse Tool, check the Add button from the top bar and add a 130 by 16px squeezed circle as shown in the following image. Continue with the Ellipse Tool, move to the bottom and add a second 130 by 16px vector shape as shown below. Focus on the Layers panel, double click on this vector shape and simply name it "body".

    Step 4

    For the following steps you will need a grid every 5px. Simply go to Edit > Preferences > Guides, Grid & Slices and enter 5 in the Gridline Every box. Focus on the top side of the shape made in the previous step. Set the foreground color at #6d7174, pick the Ellipse Tool, create a 140 by 20px vector shape and place it as shown in the first image. Make sure that this new shape stays selected and switch to the Rectangle Tool. Check the Add button from the top bar and add a 140 by 10px shape as shown in the second image. Return to the Ellipse Tool, check the Subtract button from the top bar and create a 140 by 20px vector shape as shown in the third image.

    Step 5

    Set the foreground color at #232326, pick the Ellipse Tool, create a 140 by 20px vector shape and place it as shown in the first image. Select this squeezed circle along with the shape made in the previous step and send them to back (Shift + Control + [ ).

    Step 6

    Focus on the Layers panel, select the two vector shapes made in the last two steps and duplicate them. Select these copies, go to Edit > Transform > Flip Vertical then drag them 220px down as shown in the following image.

    Step 7

    Focus on the top side of your illustration. Set the foreground color at #9494949, pick the Rectangle Tool, create a 60 by 20px vector shape and place it as shown in the first image. Select this new shape, send it to back (Shift + Control + [ ) and grab the Ellipse Tool. Check the Add button from the top bar and add a 60 by 20px shape as shown in the second image.

    Step 8

    Reselect the vector shape made in the fourth step and duplicate it (Control + J). Focus on the Layers panel, select this copy, lower the Fill to 0% then double click on it to open the Layer Style window. Activate the Drop Shadow, enter the properties shown in the following image and click OK.


    Step 9

    Next you need to mask the shape made in the previous step. Focus on the Layers panel, hold Control and click on the vector shape made in the seventh step. This will load a simple selection around that shape. Make sure that your selection stays active, reselect the vector shape made in the previous step and click on the "Add layer mask" button from the bottom of the Appearance panel. Keep focusing on the Layers panel, double click on this masked vector shape and check the "Layer Mask Hidden Effects" box from the Layer Style panel.

    Step 10

    Focus on the Layers panel, open the Layer Style window for the vector shape made in the seventh step and enter the properties shown in the following images. When you get to the Gradient Overlay section make sure that you save that linear gradient by clicking on the "New" button. You'll find your saved gradient inside the "Presets" box.





    Step 11

    Focus on the Layers panel, open the Layer Style window for the vector shape made in the fourth step and enter the properties shown in the following images. For the Gradient Overlay section use the linear gradient saved in the previous step.





    Step 12

    Focus on the Layers panel, open the Layer Style window for the grey vector shape made in the sixth step and enter the properties shown in the following images. Again, for the Gradient Overlay section use the linear gradient saved in the tenth step.





    Step 13

    Duplicate "body" (Control + J). Select this copy and replace the light grey used for the color with a light blue (#73c5ff). Make sure that this copy stays selected and pick the Rectangle Tool. Check the Intersect button from the top bar and draw a 70 by 230px vector path as shown in the second image. Lower its Fill to 0% then open the Layer Style window and enter the properties shown in the following image.


    Step 14

    For the following steps you will need a grid every 2px. So go to Edit > Preferences > Guides, Grid & Slices and enter 2 in the Gridline Every box. Set the foreground color at #73c5ff, pick the Ellipse Tool, create a 130 by 16px vector shape and place it as shown in the first image. Make sure that this new shape stays selected and switch to the Rectangle Tool. Check the Add button from the top bar and add a 130 by 4px vector shape as shown in the second image. Return to the Ellipse Tool, check the Subtract button from the top bar and add a 130 by 16px vector shape as shown in the third image.

    Step 15

    Select the vector shape made in the previous step, pick the Rectangle Tool, check the Subtract button from the top bar and draw a 70 by 20px vector shape as shown in the first image. Continue with the Rectangle Tool, check the Add button from the top bar and draw a 20 by 10px vector shape as shown in the second image. Focus on this little rectangle and switch to the Direct Selection Tool. Select the bottom, right anchor point and drag it 10px to the left. In the end your vector shape should look like in the third image.

    Step 16

    Reselect the vector shape made in the last two steps and duplicate it (Control + J). Select this copy, go to Edit > Transform > Flip Vertical then drag it 204px down as shown in the second image.

    Step 17

    Open the Layer Style window for the top, blue vector shape and enter the properties shown in the following images.




    Step 18

    Focus on the Layers panel, right click on the vector shape edited in the previous step and click on Copy Layer Style. Move to the bottom, blue vector shape, right click on it then click on Paste Layer Style. Open the Layer Style window for this bottom, blue vector shape and inverse the angles used for the Drop Shadow and the Inner Shadow.



    Step 19

    For the following steps you will need a grid every 5px. So go to Edit > Preferences > Guides, Grid & Slices and enter 5 in the Gridline Every box. First, duplicate "body" (Control + J). Select this copy and replace the light grey used for the color with a light blue (#73c5ff). Make sure that this copy stays selected and pick the Rectangle Tool. Check the Intersect button from the top bar and draw a 5 by 230px vector path as shown in the second image. Bring it to front (Shift + Control + ] ) then open the Layer Style window and enter the properties shown in the following image.



    Step 20

    Duplicate "body" (Control + J). Select this copy, lower its Fill to 0% then open the Layer Style window and enter the properties shown in the following image.


    Step 21

    Duplicate the vector shape made in the previous step (Control + J). Open the Layer Style window for this copy and edit the properties used for the Inner Shadow as shown in the following image.


    Step 22

    Duplicate the vector shape made in the previous step (Control + J). Open the Layer Style window for this copy and edit the properties used for the Inner Shadow as shown in the following image.


    Step 23

    Again, duplicate the vector shape made in the previous step (Control + J). Open the Layer Style window for this copy and edit the properties used for the Inner Shadow as shown in the following image.


    Step 24

    Once again, duplicate the vector shape made in the previous step (Control + J). Open the Layer Style window for this copy and edit the properties used for the Inner Shadow as shown in the following image.


    Step 25

    One last time, duplicate the vector shape made in the previous step (Control + J). Open the Layer Style window for this copy and edit the properties used for the Inner Shadow as shown in the following image.


    Step 26

    Set the foreground color at #73c5ff, pick the Rounded Rectangle Tool, set the radius at 5px, create a 115 by 210px vector shape and place it as shown in the first image. Make sure that this new shape stays selected and focus on the top side. Continue with the Rounded Rectangle Tool, set the radius at 3px, check the Subtract button from the top bar and create a 10 by 10px vector shape as shown in the second image. Using the Rounded Rectangle Tool, create four new rounded rectangles as shown in the third image. Move to the bottom side of this blue vector shape and create five new rounded rectangles as shown in the fourth image.

    Step 27

    Select the vector shape made in the previous step and pick the Rectangle Tool. Check the Subtract button from the top bar and create a 5 by 210px vector shape as shown in the first image. Open the Layer Style window for this blue vector shape and enter the properties shown in the following image.


    Step 28

    Set the foreground color at white, pick the Rounded Rectangle Tool, set the radius at 5px, create a 105 by 150px vector shape and place it as shown in the first image. Make sure that this new shape stays selected and switch to the Rectangle Tool. Check the Subtract button from the top bar and create a 5 by 150px vector shape as shown in the second image. Lower the Fill of this new vector shape to 0% then open the Layer Style window and enter the properties shown in the following images.




    Step 29

    Focus on the Layers panel and select the two vector shapes made in the last three steps. Right click on one of these shaeps and go to Conver to Smart Object. Select this new smart object and go to Edit > Transform > Warp. Select Fish from the Warp drop-down menu, enter -3 in the Bend box and hit Enter. Open the Layer Style window for this smart object and enter the properties shown in the following images.



    Step 30

    Duplicate the smart object made in the previous step (Control + J). Focus on the Layers panel, right click on this copy and go to Clear Layer Style. Select it, lower the Fill to 0% then open the Layer Style window and enter the properties shown in the following image.


    Step 31

    Again, you need to mask the smart object made in the previous step. Load a simple selection around "body", select the smart object made in the previous step and click on the "Add layer mask" button from the bottom of the Layers panel. Open the Layer Style window for this masked smart object and check the "Layer Mask Hidden Effects" box from the Layer Style panel.

    Step 32

    Set the foreground color at black, pick the Ellipse Tool, create a 150 by 25px vector shape and place it as shown in the first image. Send this new shape to back (Shift + Control + [ ), convert it to a smart object, lower its opacity to 25% and go to Effect > Blur > Gaussian Blur. Enter a 10px radius and click OK.

    Step 33

    For the following steps you will need a grid every 1px. So go to Edit > Preferences > Guides, Grid & Slices and enter 1 in the Gridline Every box. Set the foreground color at black, pick the Ellipse Tool, create a 144 by 20px vector shape and place it as shown in the first image. Send this new shape to back (Shift + Control + [ ) and lower its opacity to 20%.

    Step 34

    You won’t need the grid so you can disable it (View > Show > Grid). Focus on the Layers panel, open the Layer Style window for "body" and enter the properties shown in the following image.


    Step 35

    Finally, here’s how you can easily recolor your film. First, duplicate the "body". Select this copy, clear the Layer Style, lower its Fill to 0% and open the Layer Style window. Activate the Color Overlay section and enter the properties shown in the following image. Feel free to try a different color, another blending mode or a lower opacity percentage.


    And We’re Done!

    Here is how your final result should look.
    Last edited by TCG-Admin; 03-11-2013 at 01:08 PM.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. Replies: 0
    Last Post: 02-11-2013, 07:06 PM
  2. Replies: 0
    Last Post: 09-13-2012, 11:42 AM
  3. Create A Unique Steampunk Photo Manipulation In Photoshop
    By Anko in forum Anko's Photoshop Tutorials
    Replies: 0
    Last Post: 06-22-2012, 01:14 PM
  4. Replies: 0
    Last Post: 07-08-2010, 10:29 AM
  5. Create a Photo Realistic USB Cable in Photoshop
    By Anko in forum Anko's Photoshop Tutorials
    Replies: 0
    Last Post: 04-28-2010, 01:32 PM