Subscribe Via RSS

3174 Subscribers

Subscribe Via RSS
Subscribe Via Twitter

Followers

Subscribe Via Twitter
USB Stick Tutorial

April 10th, 2008 in Photoshop Tutorials by Richard Carpenter

USB Stick Tutorial

1 Star2 Stars3 Stars4 Stars5 Stars46 Votes, Rating: 4.24
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 800×400 with your desired background color. Goto “view > snap” this will will make your cursor snap to a grid, to view the grid we goto “view > show > grid” your canvas will look like this.

Now create 2 cirlces using the elliptical tool, make sure you hold down shift when drawing the 2nd one.

Now select the polygonal lasso tool whilst holding down shift join up your cirlces, follw my red path in the picture below.

You now be left with a selection like this. Turn off your grid and the snap tool.

Fill the selection with any color you desire. Now Add these layer styles.

Your shape should now look like this.

Press “ctrl + T” and drag one of the middle anchor points on the side inwards decreasing the length of the shape. Duplicate your shape, right click your duplicated shape and goto clear layer styles. Refill your duplicated layer using the paint bucket tool in the color white. Set layer opacity to 30% and blending mode to soft light. Press “ctrl+ T” and drag the anchor pointers to make the whole shape smaller length ways and width ways, we dont want to make it to small thou. Place similar to the image below.

Now we need to create our lid, so for this step we need to cut away a portion of the shape aswell as the highlight we just made. To do this create a selection like this.

Goto “edit > cut” then “edit > paste” re-align your lid next to the shape, copy your layer styles over from the orginal shape. You should have something like this.

Repeat the step above only this time cut and paste your highlight. When your done place them side by side like this.

Under your main shape layer create a small rectangle and add these layer styles.

You should have something like this.

Do the same again only this time make it longer and thinner and add these layer styles.

You should have something like this.

Now using two 1pixel lines add an indent, and using 2 boxes make your usb connection come alive.

Add some text and your prefered logo.

Thats it all done, now you could add a few extras like the strink etc… heres mine.

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

100 Responses to “USB Stick Tutorial”

  1. Jesi says:

    That’s a cool tutorial. :)

    Easy to follow too, and a nice result :)

    Thanks, Jesi.

  2. Rick says:

    Hey :) That’s awesome!, i’m not good at PS but i could do this :D Off to the next tutorial! :cheer:

  3. minhtuan says:

    That’s great! Thax

  4. Nathan_1979 says:

    AWESOME! XD
    5/5!

  5. Naveed says:

    yeah this is TIGHT…simple and easy to follow :)

  6. Rana Naeem says:

    Very nice

    Good looking

    Pforessional tutorial

  7. Rana Naeem says:

    professional

  8. booris says:

    thats nice but i can’t pay photoshop

  9. rainh says:

    Thanhs for share!^^…Very nice

  10. Ovais says:

    tht’s a nice tutorial..thanks for sharing…

  11. Aleks says:

    Very great!

  12. Daniel Norton says:

    step four (4) doesn’t work for me as my circles dont go away:(

  13. ADMIN says:

    draw a square (marked in red) whilst holding shift. you must overlap the circles for them to transform into the shape

  14. aamir ali says:

    Photoshop is a great fun to use but the moment I visit HV-Design.co.uk this has become even cooler to rejoice. Things have never been so easy before.

    Great

  15. Mehrdad sharif says:

    THANKS.THAT IS A COOL EFFECT.

  16. Tarik says:

    Josh josh josh! Kothin Hoise mama…
    (English: Awesome! Gr8 work…)

  17. Phantom Design says:

    easy and powerfull tutorial, great work :)

  18. Pius sarfo says:

    This tutorial is wonderful, and I have been reading a lot from your site.

    You are helping me to improve upon my skills. from Ghana

  19. mj says:

    nice tutorial!
    very cool.
    thanks for sharing

  20. prohacking says:

    Hi there, what font have you used on the usb where it says FLASH DRIVE 2GB? Thanks.

  21. Great Tutorial!! I am applying the same layering styles to the button but i am not getting exactly the same effect and color you got. i have tried hard to figure out the problem. I particularly love the color of the button and really looking forward for same effect. Any suggestions are greatly appreciated. Thanks!!

  22. ADMIN says:

    dont understand why your not getting the same effect, its all written down, maybe show us a picture of your effect.

  23. I am relatively new to photo shop so i may be making a blunder. Here is my psd file and jpeg image

    Thanks for your help…

  24. LOVE MALHOTRA says:

    HMMMMMMMMMMMMMM……… I LIKE IT YOUR COLLECTION

  25. HaKi says:

    hi can you share the font on the usb stick?

  26. Joe says:

    Wow! Surprisingly easy to follow and it turns out great. Thanks

  27. Kanchan says:

    Cool One!!
    Just Loved It!!

  28. Himanshu Kapoor says:

    Thanks. Just completed the tutorial. Wonderful result.

  29. eddy says:

    good effects

  30. Lucas Li says:

    It is Cool Tutorial! Your Design is so professional. Thank you for sharing!

  31. ????? ???? says:

    Explain the stock

    Thanks

  32. MoiZa says:

    Nice Tuto! o/

  33. reko says:

    owesome….

Leave a Reply