Make a Portable Game System -In Photoshop!

 by Lowney
XBox nova.jpg
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:

1-40 of 48Next »
Zloty says: Mar 24, 2011. 12:36 PM
Useless in my view.
3duracell3 says: Jan 8, 2010. 1:42 PM
can you get photoshop for free?
NatNoBrains in reply to 3duracell3Dec 31, 2010. 3:21 AM
You can get GIMP for free, with about 80% of Photoshop's features.
Lowney (author) in reply to 3duracell3Jan 8, 2010. 1:54 PM
Yep, but only pirated versions, which I am obliged to say are bad and are not the right way to go.
3duracell3 in reply to LowneyJan 8, 2010. 3:04 PM
do you use a pirated version if so can you tell me when to get it
Lowney (author) in reply to 3duracell3Jan 9, 2010. 3:41 PM
I can't tell you lol.
Google search it, ending with megaupload
gamemasterful in reply to LowneyFeb 16, 2010. 3:13 PM
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) in reply to gamemasterfulFeb 17, 2010. 6:39 AM
Yeah, but I use photoshop :)
And yes, GIMP is more than capable of this instructable.
Mplinnc says: Dec 5, 2010. 3:01 PM
Mine...
The Ultimate.png
Lowney (author) in reply to MplinncDec 6, 2010. 12:56 AM
lol awesome
arb1ter says: Aug 13, 2010. 4:46 PM
you should've put the buttons in a diamond like the real xbox controller
Lowney (author) in reply to arb1terAug 14, 2010. 4:37 AM
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.
erikals says: Dec 23, 2009. 7:14 PM
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) in reply to erikalsDec 24, 2009. 2:05 AM
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 in reply to LowneyJul 22, 2010. 8:19 PM
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
WhiteTigerTails in reply to zack247Jul 28, 2010. 6:17 PM
I'm a master at Adobe After Effects and Premier Pro. You may not be exporting properly...
Lowney (author) in reply to zack247Jul 27, 2010. 9:50 AM
Wow, I thought that only happens to me! lol, you just have to keep movies really short and it should work
mason0190 says: Jun 26, 2010. 1:23 PM
I'm making a MiniNES, could someone post a NES screenshot please :)
Lowney (author) in reply to mason0190Jun 26, 2010. 1:30 PM
1) Awesomme! Would love to see it! 2) Just google it lol, like "NES mario bros." or "pacman" or "Xevious"
jmeister15 says: Dec 21, 2009. 1:23 PM
 Is that a Lotus (Elise or something else) in Gran Turismo 5 Prolouge?
Lowney (author) in reply to jmeister15Dec 21, 2009. 1:55 PM
Yeah it's a lotus of some sort. I would have thought the exige would be better for racing...
jmeister15 in reply to LowneyDec 21, 2009. 5:14 PM
 Hah! He's in 9th, doing 32 in first gear!
paperclip32 in reply to jmeister15Apr 2, 2010. 4:59 AM
 Probably a rolling start.
The Jamalam says: Feb 20, 2010. 8:34 AM
I like how you used an xbox as an example. ;)
Lowney (author) in reply to The JamalamFeb 20, 2010. 3:43 PM
Sony already make a PSP!
cerj says: Dec 1, 2009. 8:39 AM
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) in reply to cerjDec 1, 2009. 8:39 AM
I'd love to see the results!

cerj in reply to LowneyDec 1, 2009. 9:53 AM
 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 in reply to cerjDec 19, 2009. 1:13 PM
simple but creative.
Randomguy65 says: Dec 15, 2009. 7:26 AM
Awesome 5*
cerj says: Nov 27, 2009. 12:24 PM
 cool. i make videos of my games (as you can see on my youtube channel) and this would be a awesome background
Lowney (author) in reply to cerjNov 27, 2009. 12:39 PM
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 in reply to LowneyNov 30, 2009. 5:08 AM
What do you mean by backgrounds?

Software:
Adobe After Effects CS4
Adobe Photoshop CS4
Lowney (author) in reply to cerjNov 30, 2009. 7:29 AM
Oh After effects? yeah I get ya. 
cerj in reply to LowneyDec 1, 2009. 5:51 AM
(removed by author or community request)
Lowney (author) in reply to cerjDec 1, 2009. 7:59 AM
(removed by author or community request)
cerj in reply to LowneyDec 1, 2009. 8:36 AM
Yeah thanks lol
Jesus. in reply to LowneyNov 29, 2009. 12:09 PM
Try FX Home's EffectLab Pro download.cnet.com/1770-20_4-0.html << click 
Its free, and great!!.
Lowney (author) in reply to Jesus.Nov 29, 2009. 2:32 PM
Thanks! BTW loving the use of my avatar :-)
mikstr2 says: Nov 30, 2009. 1:24 PM
not the best thing in the world... but its ok      3.0*
1-40 of 48Next »
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!