Instructables

Make a Portable Game System -In Photoshop!

Picture of Make a Portable Game System -In Photoshop!
Xbox Portable.jpg
This is my first instructable that visits the powerful and extraordinary world of photoshop, I hope you like it!

I was surprised that there was nothing like this on instructables until now, so I thought I would show you all my project I made myself using photoshop CS4. It can also be made in most other versions too.

"So what is this about?" I hear you ask. Well, ever wondered what the PSP or DS would look like if you had been in charge? Well now you can find out, with this simple tutorial. The same principal can be applied to making computers, phones, mp3 players and static consoles. This instructable shows you how to draw a portable XboxNova (my design) in photoshop -completely from scratch! That means a 100% original piece of modern design! The only things on mine that are not original are the screenshot and the 2 XBox logos (the text on the console, just below the screen, and the blue X) 

So without further ado, let's get started!
 
Remove these adsRemove these ads by Signing Up

Step 1: Decisions, Decisions...

Well first off, what console do you want to make? Have a clear idea in your head when making a console or other gadget. If you want to make my console, then leave this step out, otherwise have a good think. 
Think about:
-Button layout
-Brand (optional)
-Screen (s) size
-Colours
-General layout
-Flip console (DS), Sliding (PSP Go) or Static (gameboy colour)? Static is by far the easiest

TIPS!
1)Hold shift when you re-size things, it retains their perspective (won't get the squashed or  stretched effect)
2)The effects I use in this are the blending options. To do this, click the subject layer, and double click to the right of the layer name. Alternatively, right click the layer and click "blending options"
3) When resizing/rotating a picture or object, hit enter and it will be un-pixelated. Alternatively, you could convert it into a smart object

A basic grasp of photoshop is required.

Here is some inspiration for you:

Step 2: Starting off

Picture of Starting off
Create a new file with these settings:
flapjack100008 months ago
Expensive
Lowney (author)  flapjack1000017 days ago

Also, not real! So in reality, it's free.

technicgeek109 months ago
Very cool but you do know that, "the future is now" is the 2012 Baylor bears motto and it has been copy written. so yeah just saying that.
Zloty3 years ago
Useless in my view.
3duracell34 years ago
can you get photoshop for free?
You can get GIMP for free, with about 80% of Photoshop's features.
Lowney (author)  3duracell34 years ago
Yep, but only pirated versions, which I am obliged to say are bad and are not the right way to go.
do you use a pirated version if so can you tell me when to get it
Lowney (author)  3duracell34 years ago
I can't tell you lol.
Google search it, ending with megaupload
Use GIMP, it's free and almost as powerful as photoshop.  It will definitely do the job for this instructable.  There's even a download to make it look like photoshop called GIMPshop.
Lowney (author)  gamemasterful4 years ago
Yeah, but I use photoshop :)
And yes, GIMP is more than capable of this instructable.
Mplinnc3 years ago
Mine...
The Ultimate.png
Lowney (author)  Mplinnc3 years ago
lol awesome
arb1ter3 years ago
you should've put the buttons in a diamond like the real xbox controller
Lowney (author)  arb1ter3 years ago
Perhaps, but I couldn't remember the layout anyways and it shouldn't be too difficult just to move them around a bit. Most USB gaming controllers are this kind of layout.
erikals4 years ago
I tried to make an ad with this but movie maker 2 doesn't save the video if it is too large - worked fine when I had media player 9 installed - upgraded to 11 (I can't downgrade).

Nice instructable. Will try it later.
Lowney (author)  erikals4 years ago
Huh, that's weird. I hate movie maker now, it's not diverse and it crashes all the time. I just use Adobe After Effects now (that is, when I figure out how to use the darn thing!)
zack247 Lowney3 years ago
this reminds me of the fact that movie maker always saves any video i make as a black screen, no sound, no nothing. i wish i knew why
I'm a master at Adobe After Effects and Premier Pro. You may not be exporting properly...
Lowney (author)  zack2473 years ago
Wow, I thought that only happens to me! lol, you just have to keep movies really short and it should work
mason01903 years ago
I'm making a MiniNES, could someone post a NES screenshot please :)
Lowney (author)  mason01903 years ago
1) Awesomme! Would love to see it! 2) Just google it lol, like "NES mario bros." or "pacman" or "Xevious"
jmeister154 years ago
 Is that a Lotus (Elise or something else) in Gran Turismo 5 Prolouge?
Lowney (author)  jmeister154 years ago
Yeah it's a lotus of some sort. I would have thought the exige would be better for racing...
 Hah! He's in 9th, doing 32 in first gear!
 Probably a rolling start.
The Jamalam4 years ago
I like how you used an xbox as an example. ;)
Lowney (author)  The Jamalam4 years ago
Sony already make a PSP!
cerj4 years ago
I don't think i'm gonna make a PS3. I'll do a PSP instead.

1. PS3 will be MUCH harder.
2. It won't have a screen.
Lowney (author)  cerj4 years ago
I'd love to see the results!

cerj Lowney4 years ago
 I gave up lol. i just got a pic of a PSP off the interwebs, added a snapshot of MW2 and replaced the PSP symbols with cerj4eva ones lol
PSP_SKYPE_1.png
waffleman cerj4 years ago
simple but creative.
Randomguy654 years ago
Awesome 5*
cerj4 years ago
 cool. i make videos of my games (as you can see on my youtube channel) and this would be a awesome background
Lowney (author)  cerj4 years ago
Do you have photoshop? It would be ace if you made your own! 
PS what video editing software do you use to make backgrounds like that, I'm getting sick of Windows Movie Maker's countless glitches!
cerj Lowney4 years ago
What do you mean by backgrounds?

Software:
Adobe After Effects CS4
Adobe Photoshop CS4
Lowney (author)  cerj4 years ago
Oh After effects? yeah I get ya. 
cerj Lowney4 years ago
(removed by author or community request)
Lowney (author)  cerj4 years ago
(removed by author or community request)
cerj Lowney4 years ago
Yeah thanks lol
Pro

Get More Out of Instructables

Already have an Account?

close

PDF Downloads
As a Pro member, you will gain access to download any Instructable in the PDF format. You also have the ability to customize your PDF download.

Upgrade to Pro today!