OP 01

PHOTOSH 02
First
F OR W E B things
first.
Change your

H E AT S H EET preference
C to pixels.

For people new to using www.bit.ly/ps-preferences

Photoshop for digital design
Selecting layers
like a boss.

04
Lorem ipsum. Use the If you hold CMD (mac)
Type > Paste rectangle tool. or CTRL (PC) & click
Lorem ipsum. something on your
There are many ways to
No more ugly document. It will select
create a box in PS. Using
lipsum.com it in the layers panel.
this tool allows you adjust
the size & color easily.
03
www.bit.ly/ps-layers
Plus it exports sexy CSS
to your developer.
us e SVG’s
D id yo u kn ow : Yo u ca n
exp ort vec to r
www.bit.ly/ps-lpsum www.bit.ly/ps-div-tags in yo ur de sig n & PS wil l
od ne ss!
SVG’s. HE LL O vec to r go

05 06 Artboards.
07 column
12

Testing on Stop ignoring artboards! bootstrap

an iPhone. They allow you to grid.
You can test have more than Create one
your mobile & one page in a in 20 seconds.
app mocks ups PS doc. Great No lies! View >

PS to your phone... Fancy.

directly from for mobile, New Guide
tablet & desktop mockups. Layout.
www.bit.ly/pp-preview www.bit.ly/ps-artboards www.bit.ly/ps-grid

08 09
Right click layer
names 'export as PNG'. Daniel
Stop using the slice Export CSS. Walter Scott
tool & forget save for Layer > Copy CSS.
web. ‘Export As’ is the Now paste it into
new black. I just wish Dreamweaver to see
it had a sexier name. the beautiful code.

www.bit.ly/ps-export-as www.bit.ly/pscss

Online courses for visual people.

bringyourownlaptop.com