Subscribe Via RSS

3174 Subscribers

Subscribe Via RSS
Subscribe Via Twitter

Followers

Subscribe Via Twitter
Custom Sim Cards Tutorial

March 23rd, 2008 in Photoshop Tutorials by Richard Carpenter

Custom Sim Cards Tutorial

1 Star2 Stars3 Stars4 Stars5 Stars41 Votes, Rating: 4.22
Loading ... Loading ...
About The Author

About The Author: Richard Carpenter

Hi im Richard Carpenter im a freelance web and graphics designer from England. I am also a regular Blogger, Tutorial Writer, and owner of HV-Designs. You can follow me on twitter HERE. You may also view my portfolio HERE.

 

Richard Carpenter has written 322 posts.

Create a new document the size you want your simcards to be, select the rounded rectangle tool and draw out your rectangle, fill with your choice of color.

Add there layer styles to your rectangle.

You should have something like this.

Select the rounded rectangle again and create a small rectangle inside your current rectangle. Hold down the SHIFT KEY on the keyboard while dragging to ensure the rectangle stays perfectly square.

Now add these layer styles.

You should have something like this.

Now select the pen tool, using the color black and a 1pixel brush draw these lines.

On a new layer draw.

On a new layer draw.

On a new layer draw.

On a new layer draw.

On a new layer draw.

On a new layer draw.

Now all your lines are drawn add this layer style to each line layer. (best way is to add to one line layer then right-click and goto copy layer styles, high-light every other line layer, right click and goto paste layer styles.)

You should now have something like this.

Select the pen tool on a new layer above your simcard but UNDERNEATH your gold plate make a selection like this and fill with the color white. Set opacity to 10%. You should have something like this.

Now add your logo and text to your simcard. Highlight all the layers and press CTRL + T and rotate it anyway you like, once rotated hit the enter key. Select the simcard layer and cut the corner off. You should then have something like this.

Be Part Of The Community!

Become part of the hv-designs community.

Subscribe Via RSS or Follow Us On Twitter.

Subscribe Via RSS Follow Us On Twitter

68 Responses to “Custom Sim Cards Tutorial”

  1. Naveed says:

    cool nice and simple great idea man..thanks for sharing.. :) gota make some of mine too now :)

  2. Nice concept, never seen SimCard tutorials before, they look really fresh too ;)

  3. Great tutorial dude, they look very modern.

  4. nice tutorial. Thanx!

  5. A little thing to improve: When you give the colors of the gradient, also give the position, then we can really recreate the effect or drawing.

  6. I already pressed Submit Comment before i realised that I wasn’t finished typing so:

    Further it’s a really nice result, gonna make it as soon as I have enough time. ;-)

  7. cool says:

    Really Great Effects, nice and well done, never thought of it before
    thanks

  8. silver says:

    Those look really sweet, although I have no idea what I could use them for.

    Good work

  9. xDjussi says:

    in just a noob but how u cut the corner off with out losing the shadows?

  10. Nice tutorial, would make for good business cards as well (me thinks) =]

    Might have a go at this in a bit.

  11. David says:

    Great design… Thanks for the tutorials.

    ~David

  12. TuanAnh says:

    Great tutorial!
    Thank you!
    Could you write tutorials on icon design?

  13. vladimire says:

    I just didn’t understand this phrase :

    “select pen tool on a new layer above your simcard but UNDERNEATH your gold plate make a selection like this and fill with the color white.”

    can you make it clear please .

  14. ADMIN says:

    basically make a selection as shown inbtween the 2 layers, so the white shine is on the simcard not the gold plate

    think of it as a sandwich

    simcard 1st (bread) / then the white shine (ham) / then the gold plate (bread)

  15. mj says:

    wow~it’s cute!
    thank you so much..
    your site is very helpful.

  16. liliana says:

    thanks awesome, easy anda cool efect

  17. Illya says:

    This is neat tutorial! I made it now, and i’m obviously turning it to brush.

  18. Hendrawan says:

    I like this tutorial but, can you make it more simple friend, i’m sorry..

  19. josh says:

    i love this..waiting for more tutrials..

  20. zoolo BOY says:

    Hi! Nice tutorial, thanx…

    I made also a sim card for illustrator http://zoolo.net/2008/11/get-your-new-sim-card-today/ You can download it for free and use it as you want!

  21. BeNnY says:

    Hi, would you mind telling me the name of the font you used on the final result?
    Thank you! :)

  22. Thanks very much. I learn today :D
    Here my Sim Card http://eventful365.blogspot.com/2009/01/15-happy-birthday-shopping-sim-card.html

  23. Blake says:

    Nice tutorial there, had problems slicing the cornor but I got there eventually lol.

  24. Vitruvius says:

    Nice tutorial. What font are you using in your logo?

  25. Kaiser says:

    Cool tutorials. Well presented and awesome design

  26. Jason says:

    How do i cut the corners off?

  27. ADMIN says:

    use the polygonal or rectangular marquee tool ;)

  28. Jason says:

    thanks it works

  29. nice tutorials

  30. xAkux.com says:

    Excelente!!!

  31. z3lanh says:

    Excelente!!!

  32. raymond says:

    very nice tutorials u guy have got concepts hi guys please i will need a little help from u guys that as being a challenge for me in the last one week.i was ask to redesign this site logo http://www.pengassan.org/ into a housing estate logo please anybody,i will appreciate any assistance of any kind.God bless u as u put me into consideration.u can all contact me through raymondr61@yahoo.com thank u.

  33. evilkitty75 says:

    hehe this is soooooooooooooooo cool
    i just made a red/dark red 1 … looks sweet
    thankyou XXX

  34. evilkitty75 says:
  35. Hi my friend,

    Do you have a template from the whole SIMCARD not the insert in the phone state. but the ones that comes on the credit cards.

    i cant seem to hack the design properly.

    If you have one that would be nice to get one template the internet is limited to GSM cards.

    THANKS A MILLION

  36. Hammad says:

    Nice Tut,
    I have recreated your tutorial in video form to help others i hope you like it.
    http://www.myfreetutorials.com/sim-card-icon-in-photoshop-video-tutorial/

Leave a Reply