Notice: Undefined index: order_next_posts in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 194

Notice: Undefined index: post_link_target in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 195

Notice: Undefined index: posts_featured_size in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 196
News

5 Photoshop tools every web designer needs

Photoshop is still an intergral part of the web design process. Here we bring together a selection of tools that enhance the design process.

Steve Jenkins By

pagelayers

Page Layers

www.pagelayers.com
Page Layers is a nifty little app that converts webpages into layered Photoshop files. You can open and edit entire webpages as PSDs, perfect for late stage editing.

960

960 grid

960.gs
The 960 grid is a simple but effective grid system that comes with PSD and CSS templates to translate your perfectly proportioned site to the web with ease.

plugin

Web Font plug-in

bit.ly/1qen6lt
Web Font Plug-in is a handy tool that lets you use Google Fonts in Photoshop, meaning you won’t have any nasty surprises when you move from PSD to CSS.

pixeldropr

Pixel Dropr

pixeldropr.com
Pixel Dropr lets you create libraries of UI elements and images and instantly drop them into Photoshop as you’re working. Great for prototyping.

slice

Cut&Slice me

www.cutandslice.me
Cut&Slice allows you to export assets for different devices quickly and efficiently. If you do have to slice up a PSD, use this tool to improve your workflow.

×