Download Source Files
We have another great Vector Premium tutorial available exclusively for Premium members today. If you want to learn how to create rockin’ vector electronics in Illustrator, then we have an awesome tutorial for you. For all you Premium members, pull up a chair and get comfy, because this is a fairly long and very detailed tutorial!
This Tutorial is Filled with Creative Techniques
Follow along with this fun tutorial and learn how to create a stylish MP3 player. We’ll mix up some banging vector techniques to take your skills from boring to booming! Learn how to create your own rockin’ vector electronics in this tutorial!
Tutorial Details
- Program: Adobe Illustrator CS4
- Difficulty: Advanced
- Estimated Completion Time: 2 hours
A preview of the final image is below.

Premium members can Log in and Download! If you’re not a member, you can of course join today! You can view the final illustration below.
This is a Detailed and Professional Tutorial
Premium members can Log in and Download! Otherwise, Join Now! Below are sample images, which show some of the development of this tutorial.




Vector Premium Membership
As you know, we run a premium membership system here called Premium that costs $19 a month which gives members access to the Source files for tutorials as well as periodic extra tutorials, like this one! If you’re a Premium member you can log in and download the tutorial. If you’re not a member, you can of course join today!
Subscribe to the Vectortuts+ RSS Feed to stay up to date with the latest vector tutorials and articles.


the shiny screen look odd. but the rest is pretty cool
Don’t want to be douchy, but it looks so pixelated for a vector :c
That might be due to the fact that the images in this post are jpgs and if the author resized them without making them smart objects in Photoshop you can sometimes get that pixelated look. I don’t think it has anything to do with the actual vector art you would create by following along with this tut.
thats true, i agree with margaret
adn ill try this today | thanks once again for good post
Yes, some of those screengrabs are rendered strange. It has to do with the display of the effects applied to achieve certain elements. It was counterproductive to fix each screengrab throughout the tut. As you can see, the final illustration looks fine.
Eli, your comment cracked me up
wow Jonathan’s tut
Good to hear from you Lawrence. Haven’t seen you around in a while.
Busy in real life
Perspective looks off…the MP3 player should ‘grow’ from left to right, based on the position of the vanishing point.
Going for more of an isometric look. Plus, perspective on such a small object looks more forced than natural.
I agree on the perspective..something so simple can make the whole design off..
Really Works.. Thanks mate
Nicely done!
I agree with first poster about screen, Id go for a more fading gradient but then again taste is always diffrent
GJ!
I think there’s some perspective issues, and looks pretty rare anyways!!!
c’mon vect+ guys it could be better.
my mistake for grammar!!!
lol
hummm… where is the earphones plug? is it hidden behind the mp3 player?. Would it be nice if was plugged?
Nicely Done…
veryyyyyyyyyyyyyyyyyyy niceee
its beautiful
http://farm3.static.flickr.com/2635/4256134527_bd90c7459f_o.jpg
Like the final image, but the reflection doesn’t look right :S