MacBook Air - part 1

HOME > PST tutorials > MacBook Air

PST Photoshop TutorialsPhotoshop Tutorial DirectoryVideo Photoshop Tutorials
( 274 photoshop tutorials )( 812 photoshop tutorials )( 106 photoshop tutorials )

What are you looking for?


Tutorial goal:

Hello fellow photoshopers! In this 20-step tutorial I’ll be explaining how to make the MacBook Air ad (as shown on http://www.apple.com/macbookair). I'm not going to focus on the end result but I'll try to explain lots of the tools I used and tell you some of the tricks to make your Photohop workflow easier! As an “Apple fanboy” I really enjoyed doing this and I hope y’all learn something! Have fun and keep chopping! K3v

Score: 9.85 / 10

author:
avatar k3v
k3v

Credits earned for writing this tutorial:
1500 ($15)


bookmark tutorial:






step 1


Make a new document (Ctrl-N (win)/Cmnd-N (mac)) of 1000 by 730px with a white background and call it “MacBook Air”.

Of course you can pick whatever size you like but keep in mind it will be easier to follow if you use the same sizes.


step 2


Before we start we are going to set up our document with guides. Make sure the rulers are visible (Ctrl-R/Cmnd-R) and set the measurements to pixels.

You can set up guides manually using the info pallette (F8) or simply by typing in the numbers in the New Guide window (View > New Guide).

Vertical guides: 40 – 100 – 220 – 430 – 570 - 780 – 900 – 960px
Horizontal guides: 40 – 185 – 280 –- 690px

Tip: Being consecuent in setting up your documents and naming your layers will make your workflow much easier.


step 3


Now we’ve set up our document we are going to draw the black rectangle.

Pick the Rounded Rectangle Tool (U), set the radius on 10 and drag a nice rectangle in between the guides we’ve just set up. Call this layer “Rectangle”.


step 4


In this step we’ll draw the basic shape.

Make a new layer (Ctrl-Shift-N/Cmnd-Shift-N), select the Rectangular Marque Tool (M) and drag a selection around the yellow square as shown below.

Next, go to Selection > Transform Selection & Transform > Perspective and drag the top inwards to the guides we’ve previously set up.

Now we still need to smoothen the corners of our selection; Select > Modify > Smooth and choose a radius between 10 - 15.

The last step is to Fill our selection with white (shift-F5) and dragging the edges back to the guides so it lines up nicely. Call this layer “Top”.


step 5


Now that we have our basic shape we can hide our Guides and start with the actual design; this is where the fun begins.

First we are going to apply an Inner Glow. See the images below for the settings.

Tip: When you’re working on a project it can be usefull to save your Layer Styles into a new set!


Show us how you interpreted this tutorial in the
practice contest!






Not a PST member yet?
REGISTER NOW, it's totally free!

Join our community and show us your photoshop skills! Meet like-minded people, learn new skills, comment, vote, ... and most of all... have fun!

Here's a glimpse of this weeks photoshop contest prizes:

Total prize money:
$ 489.23

Cash prizes:
$ 54

Custom prizes:


comments on this tutorial:

tokosteef [lvl 15] [vp 1000] [vote medals 1]:
avatar tokosteefVery detailed, sweet.
(108 days ago)
Claudiolky [lvl 39] [vp 1000] [vote medals 71]:
avatar ClaudiolkyThe word is : brilliant .... max.score!!!
(108 days ago)
6tann [lvl 1] [vp 0] [vote medals 0]:
no avatarMaza Aaya

Koshish Krunga.....

Thanks

(108 days ago)
johnwrites2007 [lvl 2] [vp 0] [vote medals 1]:
avatar johnwrites2007WoW Gr8 Tutorial.... thanx!!
(108 days ago)
vandy [lvl 17] [vp 49] [vote medals 0]:
avatar vandyPerfect !!!!! Max score !
Thanks !!

(108 days ago)
fdyasd [lvl 1] [vp 0] [vote medals 0]:
avatar fdyasdvery brilliant and perfect
(108 days ago)
heggnu [lvl 1] [vp 0] [vote medals 0]:
no avatarcool
(107 days ago)
matt [lvl 9] [vp 517] [vote medals 0]:
avatar mattWow!! very very detailed tutorial
(106 days ago)
siddharth_r [lvl 1] [vp 0] [vote medals 0]:
no avatari am unable to find thegradient editor tool.pls help
(88 days ago)
siddharth_r [lvl 1] [vp 0] [vote medals 0]:
no avatari am unable to find thegradient editor tool.pls help
(88 days ago)
siddharth_r [lvl 1] [vp 0] [vote medals 0]:
no avatardid not understand the step no 8. pls explain how do i "clair" all the layer styles in step no.8.
(88 days ago)
k3v [lvl 20] [vp 1000] [vote medals 233]:
avatar k3vTo clair the layer styles, Right click on your layer and choose "Clear Layer Style".
(86 days ago)
khingkhing [lvl 28] [vp 127] [vote medals 1]:
avatar khingkhingso cool n appreciate all the steps its great for me who still don't know how to use many tools from photoshop
(66 days ago)
CVRaveOn [lvl 28] [vp 1000] [vote medals 30]:
avatar CVRaveOnInstructional content highest quality! A masterpiece in didacticism and extraordinary clean look. Bravo!
(46 days ago)
freejay [lvl 30] [vp 1000] [vote medals 176]:
avatar freejayGreat Tut....one of the best so far.....Has already been linked to many sites....heres one of them
http://elitebydesign.com/23-most-incredible-photoshop-tutorials/

(45 days ago)






LOGIN or REGISTER FOR FREE
to participate in the photoshop contests and write your own tutorials.