Find some awesome shit

Share 'Optimise your web design process with Photoshop Libraries'

BlazRobar.com | Tutorials & Articles | Optimise your web design process with Photoshop Libraries https://tinyurl.com/s69may2

Optimise your web design process with Photoshop Libraries

Blaz Robar
March 6, 2016
Optimise your web design process with Photoshop Libraries

Why you need to start using Photoshop Libraries

Photoshop Libraries have been around for just over a year now and since their release, I’ve ben using them on nearly every project. They save so much time to keep all your project related assets in one place.

The Photoshop Libraries panel allows you to save pretty much anything from your open design document into it. Save colour swatches, font styles, layer styles and even your finished graphical assets such as banners, buttons, images and layouts!

 

Optimise your web design process with Photoshop Libraries

Using Photoshop Libraries

To use the Photoshop Libraries panel it’s very simple. Make sure you have a up-to-date subscription to Adobe’s Creative Cloud and running Photoshop 2015 +. Navigate to Window > Photoshop Libraries to show the panel! That’s it – the rest is do it yourself.

UI PSD kits are a thing of the past

If you are like me and have a bunch of UI kits you use from time to time, you’ll quickly realise that managing all these resources can become tricky. You end up with hundreds of PSD files in multiple places and finding the kit you need when you need it can be frustrating at times.

With Photoshop Libraries, you no longer need to store these UI kits in folders on your hard drive, you can save your UI elements straight to theLibraries panel. Everything gets neatly stored in their own kits which you can customise and name to your liking.

Optimise your web design process with Photoshop Libraries

By using the Photoshop Libraries panel to store you UI kits, you’ll get a better workflow but not needing to have all your UI kit PSD files open at once. There all stored nicely in the one Photoshop panel.

 

UI Kits done right – Drag & Drop with Preview

Drag and drop will make it easy to find the asset, colour or font style you need and apply it to your design. Just hold ALT down when you drag and Photoshop will drop a new layered folder into your layer panel of the original artwork or graphical asset.

Quickly preview all the assets in the UI library and find the one you want instantly, no more sifting through multiple UI PSD kits to find what you are after.

Access Photoshop Libraries on any device

A huge plus is that if you’re a designer like me and work across a number of machines and Photoshop installs, you need a great way to keep all your assets in sync. We’ll Photoshop Libraries does exactly that.

I can save a bunch of project related design assets for a web design project on my main iMac machine at the studio, then come home and continue working on that design with all my assets I saved earlier in the day now synced to my laptop automatically. It’s kid of like Dropbox for creative assets! This makes me happy.

Optimise your web design process with Photoshop Libraries

Download Free Photoshop Libraries

Download our free & premium Photoshop libraries to get started optimising your Photoshop web design work flow.

Libraries Marketplace

Optimise your web design process with Photoshop Libraries

Leave a nice comment