Make a Portable Game System -In Photoshop!

Make a Portable Game System -In Photoshop!
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 1Decisions, Decisions...

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:

« Previous StepDownload PDFView All StepsNext Step »
48 comments
1-40 of 48next »
Mar 24, 2011. 12:36 PMZloty says:
Useless in my view.
Jan 8, 2010. 1:42 PM3duracell3 says:
can you get photoshop for free?
Dec 31, 2010. 3:21 AMNatNoBrains says:
You can get GIMP for free, with about 80% of Photoshop's features.
Jan 8, 2010. 3:04 PM3duracell3 says:
do you use a pirated version if so can you tell me when to get it
Feb 16, 2010. 3:13 PMgamemasterful says:
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.
Dec 5, 2010. 3:01 PMMplinnc says:
Mine...
The Ultimate.png
Aug 13, 2010. 4:46 PMarb1ter says:
you should've put the buttons in a diamond like the real xbox controller
Dec 23, 2009. 7:14 PMerikals says:
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.
Jul 22, 2010. 8:19 PMzack247 says:
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
Jul 28, 2010. 6:17 PMWhiteTigerTails says:
I'm a master at Adobe After Effects and Premier Pro. You may not be exporting properly...
Jun 26, 2010. 1:23 PMmason0190 says:
I'm making a MiniNES, could someone post a NES screenshot please :)
Dec 21, 2009. 1:23 PMjmeister15 says:
 Is that a Lotus (Elise or something else) in Gran Turismo 5 Prolouge?
Dec 21, 2009. 5:14 PMjmeister15 says:
 Hah! He's in 9th, doing 32 in first gear!
Apr 2, 2010. 4:59 AMpaperclip32 says:
 Probably a rolling start.
Feb 20, 2010. 8:34 AMThe Jamalam says:
I like how you used an xbox as an example. ;)
Dec 1, 2009. 8:39 AMcerj says:
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.
Dec 1, 2009. 9:53 AMcerj says:
 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
Dec 19, 2009. 1:13 PMwaffleman says:
simple but creative.
Dec 15, 2009. 7:26 AMRandomguy65 says:
Awesome 5*
Nov 27, 2009. 12:24 PMcerj says:
 cool. i make videos of my games (as you can see on my youtube channel) and this would be a awesome background
Nov 30, 2009. 5:08 AMcerj says:
What do you mean by backgrounds?

Software:
Adobe After Effects CS4
Adobe Photoshop CS4
Dec 1, 2009. 5:51 AMcerj says:
(removed by author or community request)
Dec 1, 2009. 8:36 AMcerj says:
Yeah thanks lol
Nov 29, 2009. 12:09 PMAxiys says:
Try FX Home's EffectLab Pro download.cnet.com/1770-20_4-0.html << click 
Its free, and great!!.
Nov 30, 2009. 1:24 PMmikstr2 says:
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

All Steps Viewing
View all steps of an Instructable on the same page when you're a Pro Member.

Upgrade to Pro today!
212
Followers
23
Author:Lowney(Lowney's YouTube Channel)
If you like this sort of thing then this is the sort of thing you'll like.