Categories

Partners
 
  • Photoshop Templates

  • Website Templates

  • Web Templates

  • Flash Web Sites

  • WordPress Templates

  • Free Ringtones

  • Free Stock Photos and Images

  • Photoshop

  • St. Louis LASIK | LASIK info

  • Load Cells

  • osCommerce Templates

  • Web Hosting


  • Website Templates
    Search


    Advanced Search


    Create a Nice Credit Card in Photoshop CS
    Published  07/16/2006 | Other
       




    Download PSD source (Tutorial ID 1498)!

    1. Ctrl+N and create a New Document 500x500px.

    2. Draw 2 shapes using Rounded Rectangle Tool in different Layers:

    Create Rounded Rectangle Tool in Adobe Photoshop CS

    3. Apply for first Layer:

    Bevel and Emboss in Adobe Photoshop CS



    Gradient Overlay in Adobe Photoshop CS

    4. Repeat step 3 for Layer 2. Results:

    Gradient Overlay in Adobe Photoshop CS

    5. Now find a nice composition, cut and put it on top of the creadit card shape, I found a nice globe:

    Put the globe in Adobe Photoshop CS

    6. We need to add number of a credit card, add 4 groups with 4 numbers, I use font Square721 BT with the following blending options:

    Drop Shadow in Adobe Photoshop CS



    Outer Glow in Adobe Photoshop CS



    Bevel and Emboss in Adobe Photoshop CS



    Gradient Overlay in Adobe Photoshop CS

    Results:

    Results in Adobe Photoshop CS

    7. Now need to place in top of the credit card logo from MasterCard, Visa and your favourite Bank. From here you can download the logo for MasterCard, Visa and any Bank. My Results:

    Results:

    Results in Adobe Photoshop CS

    8. Duplicate the layer with credit card number and apply Edit->Transform->Flip Horizontal, put this layer on bottom card:

    Flip Horizontal in Adobe Photoshop CS

    9. In this step add on bottom card the Magnetic Strip and Signature Line. Use Rectangle Tool and draw 2 rectangle with black and white color:

    Rectangle Tool in Adobe Photoshop CS

    10. Finally add a signature, I use font Linotype Zapfino Two:

    Text Tool in Adobe Photoshop CS

    Good luck, and be sure to check out our other Photoshop Tutorials!

    Download PSD source (Tutorial ID 1498)!


    PSDTUTS+ Photoshop Tutorials and More