Showcase and discover digital art at yex

Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

Designing Nintento Dual Screen

Nintendo DS

Nintendo’s newest handheld (forgetting the GameBoy micro) that takes on the battle with nemesis PSP. Learn how to create a replica of the Nintento Dual Screen!

Learn how to create the new handheld of Nintendo……. The Nintendo DS!

  • Note:IF YOU FIND THE ENDRESULT NOT REALISTIC OR NOT LOOKING REAL – THEN READ THIS CAREFULLY!
    THIS TUTORIAL IS MEANT FOR PEOPLE WHO NEED HELP WITH PHOTOSHOP, AND IF THE TUTORIAL HAD TOO MUCH DETAIL, IT WOULD BE TOO HARD TO FOLLOW.
    IF YOU WANT, I CAN INLCUDE A HARDER VERSION WITH AN ALMOST REAL OUTCOME.
    Please email your reactions!

    Step 1 Create 2 retangles with the Rounded Retangle-Tool, one smaller then the other, no matter what color;

    Touch Me!

  • Step 2 Add this layer-style to the top-most retangle;

    Touch Me!

    Touch Me!

    Touch Me!

  • Step 3 It will look like this;

    Touch Me!

  • Step 4 Do the same with the lower retangle, but this time, REVERSE the gradient;

    Touch Me!

  • Step 5 Now comes a hard part;
    Create a small orb with the Elliptical Marquee-Tool and fill it with black;
    Select the Move-tool and press ALT+[arrow-right] until the bar is long enough;
    After that, merge all the orb-layers until you have 1 solid bar-layer;

    Touch Me!

  • Step 6 Give it the same layer-style as the lower part of the DS;
    Do this by right-clicking on the DS-layer and select copy layer-style;Now right-click on the bar-layer and click paste layer-style;

    Touch Me!

  • Step 7 Place it like this;

    Touch Me!

  • Step 8 Cut 2 ratangles out of the top of the DS;

    Touch Me!

  • Step 9 Create a rounded retangle, fill it with black and DUPLICATE it;

    Touch Me!

  • Step 10 Place each one above the top and the bottom of the DS;
    Press CTRL+G on each layer;

    Touch Me!

  • Step 11 Give it this Inner Shadow and lower the opacity to 70%;

    Touch Me!

  • Step 12 The results:

    Touch Me!

    Touch Me!

  • Step 13 Now get a medium-gray and start adding small orbs around the screens, and give them the same layer-styles as the indented screens;

    Touch Me!

  • Step 14 Add 2 half circles on each side of the top;

    Touch Me!

  • Step 15 Add 2 half circles on each side of the bottom;

    Note:STRETCH THEM AS YOU DID WITH THE BAR!

    Touch Me!

  • Step 16 Add 2 BLACK squares as the real screens;

    Touch Me!

  • Step 17 Use the stretched-bar-technique to add 2 small gaps;

    Note:AGAIN, USE THE SAME LAYER-STYLE AGAIN!

    Touch Me!

    Touch Me!

  • Step 18 Add some medium-gray circles and give them a different layer-style;

    Touch Me!

    Touch Me!

    Touch Me!

    Touch Me!

  • Step 19 Add a Dpad and give it the same style as the previous layer;

    Touch Me!

  • Step 20 And you’re done…

    Touch Me!

Author        :  MICK MOOLHUIJSEN 
HomePage : 
http://www.mickm.com 

Comments