 Home

 Contact Us
 PSD Files
 Article Submission
 Suggestions
 Advertise

 Email
 Twitter
 RSS
 Dont forget to subscribe via:

Search...

 Photoshop Tutorials
 Coding Tutorials
 jQuery Tutorials
 Wordpress Tutorials
 PSD Sitebuilds
 Screencasts
 Articles
 Freebies

Ads by Google UK Credit Card I Need a Credit Card Rewards Mastercard Apply for Credit Bad Credit

Posted On October 2nd, 2007 By Richard Carpenter | Posted in Photoshop Tutorials

 3 Votes, Rating: 3.67
Loading ...

Credit Card Tutorial

Create a new document “500×300″ with a gradient background.

Select the “rounded rectangular tool”

Draw out your card shape onto a new layer, then select the pen tool, “right-click” on your rectangle and click “make selection”. Then select your card
colors ive choosen #d50000 and #000000, fill your card with the gradient. Then add the following layer styles.
Should then have something like this.

Select the type tool and the font “garamond” and type your bank name and the word credit card in the top left corner. (ive also add the banks logo
just by drawing out a few triangles).

Ads by Google View ads about: »

Now lets create the credit cards pattern and text watermark, goto a stock images site or google images and grab your self a map of the world. (try and
find a black and white map or a greyish colored map, something that aint to complicated). Copy & paste it into your document, then move the layer
just above your card layer, resize your map if you have to make it smaller.
Set your maps blending mode to “color burn”. Your image should then look like this.
Now select the type tool and type out your banks name on a few lines. Then click on this icon at the top of your screen.

Once the box opens click in the drop down menu box and select “wave”.

Your text should then be transformed like this.

Set the opacity to about 40%.

Now select your “elliptical marquee tool” and draw out 2 cirles the same size, color one red and the other orange, then the circles together so they
overlap slightly.
Add the following layer style to the cirlces.

Now select the type tool again with the font “arial” change to bold/italic and type out the word “mastercard” and stick it over the top of the cirlces.
Select the type too again and type your account number, valid dates and name onto your card.
Now add these layer styles to the account number, valid dates and name.

Ads by Google View ads about: »

Thats it all done. Heres the final image.

Promote This Post

 

Advertise Here

4 Responses to “Credit Card Tutorial”

 On January 9th, 2008 at 8:31 pm metal Said:

Nice tutorial with a good result and explained so it was really easy to do…….

Thanks

On March 28th, 2008 at 9:44 am karthik Said:

nice and cool

On February 1st, 2009 at 4:01 pm as Said:

Nice tutorial :)

On April 3rd, 2009 at 12:51 pm Anarki99 Said:

Nicely done. Very good work, keep it up.

Trackbacks
Leave a Reply
Name

Email

Website

Submit Comment

Stay Connected

1217 Subscribers

Subscribe Via RSS

updates in your reader

Follow Via Twitter

updates on twitter
Subscribe Via Email

updates in your mailbox

Advertise Here

Latest Screencasts

 Xampp & Wordpress

 Empty
 Empty

Monthly Poll
What do you like best about hv-designs??
A man paints with his brains and not with his hands.

© Copyright
The effects and techniques demonstrated in tutorials on hv-designs.co.uk can be used in whatever manner you wish without attribution.

The text, images and tutorials themselves are all copyright © hv-designs.

Usage
You cannot copy whole tutorials, either in English or translated to another language unless permission is given by the tutorial author.

Suggestion?
Feel free to submit your tutorial & website suggestions on our suggestions page. We have your best intrests at heart, at the end of the day its YOUR
website.

Richard Carpenter Online Portfolio | West Midlands Website Designers Icons by Dryicons & Wefunction