www.PhotoshopTower.com
Return Home Tutorials About Us Services we offer Contact Us Affiliates Site Search
Hot Extras
Tutorial Spotlight:
XP People Logo! Learn how to create those stylized XP Logos you see all over the place these days! Great Tutorial! read more...
Join our Mailing List to receive:
  • Site Updates
  • Photoshop Tutorials
  • Webmaster Tips
  • Hot Site Reviews
  • & much more...

  • Mailing List: Privacy Policy


    Affiliates
    Your Link Here

    www.VidPit.com: Funny, Cool & Sexy videos!



    titaniumWG.com .::. SMF Skins | Invision Forum Skins | Free MP3 Ringtones







    Link to us
    ( Link to PhotoshopTower.com )



    wholesale computers

    PhotoshopForce.com - Photoshop Tutorials

    Site By: Coastal Web Innovations

    Some web hosting solutions you can find yourself on WHG and a list of
    web hosting companies.
    Custom Arcade Unit
    Go To Page: [ 1 2 ]
    Create a custom arcade unit

    One of the questions l get asked most frequently is how l create the arcade unit icons for one of my flash game sites. Well in this tutorial l will teach you step by step how these are created. It's an amazingly simple way to create great graphics that can be applied to many odd shapes. Before you begin, download and unzip the Arcade Tutorial Pack.

    Page 2 of 2

    Step 14.)
    Press CTRL + A to select everything, and press CTRL + C to copy the clipped image to the clipboard.



    Step 15.)
    Now lets go back to the "blank_arcade_unit.psd" file again, and create a new layer about the layer named "base/front".


    on this new layer, press CTRL + V to paste in the image for this piece of the arcade unit.




    Step 16.)
    Just like before press CTRL + T on your keyboard to open up the free transform tool.


    Start with the bottom left corner, hold down the CTRL key, and match it up with the corner of the arcades front/base corner


    Next match up the bottom right corner of the arcade


    Once you're happy with the position, go ahead and press ENTER/RETURN on your keyboard to complete the transformation.


    This is a good spot to save your work.



    Step 17.)
    Alright, maximize your full image again (in my case it's "chick.jpg") and copy it to the clip board again. CTRL + A to select everything, and CTRL + C to copy it to the clipboard, and minimize this window again.



    Step 18.)
    Go back to the "arcade.psd" file create a new layer, and press CTRL + V to paste the image into the new layer. And drop the opacity down to 30 percent.




    Step 19.)
    Press 'V' on your keyboard to get out the move tool, and move the image over what will be the front top piece of our arcade




    Step 20.)
    Once you're happy with the position, go ahead and hold down CTRL and click on the layer with the arcade front piece in it. (this is the layer named "layer 3")


    This will make a selection of the arcade top front piece:


    Go to "select->Inverse" to invert the selection. And tap "delete" on your keyboard to delete the section of the image that we don't need.


    Bring the opacity of this layer back up to 100 percent.




    Step 21.)
    Press CTRL + A to select everything inside of this layer, and press CTRL + C to copy it to the clip board.Minimize this window and move back to our working "blank_arcade_unit.psd" file.



    Step 22.)
    Create a new layer directly above the layer named "top/font"




    Step 23.)
    Press CTRL + V to paste the image onto this new layer




    Step 24.)
    And just like we've done before, press CNTRL + T to open up the free transform tool. And while holding down CTRL grab the node in the bottom left corner of our image, and

    match it up as best you can with the bottom left corner of the arcade units top front piece:


    Next do the same with the bottom right corner of the piece:


    and do the same with the top left corner, and the top right corners of the image....


    Once you're happy with the position press ENTER/RETURN on your keyboard to complete the transformation.


    The entire arcade unit should now look like this:


    Pretty nifty if l do say so myself.



    Step 25.)
    Now you'll just use the same techniques to apply a screen to our game. Just use the techniques l've taught you in the previous steps to create the screen for the arcade.
    Just make sure you paste your image directly under the layer named "shine" and directly above the layer named "gameScreen".

    Here's what l ended up with:


    I hope you've enjoyed this tutorial, and have learned some things about using the free transform tool to add realistic perspectives to your images. If you liked this tutorial be sure to check out the rest of our great tutorials!



    Related Tutorials:
        View Plastic Tech Plastic Tech
    In this tutorial l will cover the techniques used to create very good looking gr ...
        View Copper Coffee SFX Copper Coffee SFX
    In this tutorial you will learn how to create a very impactive Coffee Copper eff ...


    Home | Tutorials | About Us | Services | Contact Us | Affiliates | Search | SM | Top^