In this tutorial we will explain how to create an amplifier interface using simple shapes and layer styles. Let’s get started! Tutorial Assets The following assets were used during the production of this tutorial. Pattern Step 1 Create a document in Photoshop. I used 1600×1600 px, 300dpi, RGB 8bit, white background. Step 2 Grab the Rounded Rectangle Tool (U), set the Radius to 6 px and draw a shape like the one below (1072 x 419 px). After that simply apply the following styles. The color that I’m using is #4c4c4c. Step 3 Create a new layer and select the previously created rectangle’s pixels (Command/Ctrl + Left Click on...

It’s a month οf nеw beginnings over аt ουr design аnd inspiration gallery Creattica. April hаѕ seen thе site undergo a complete redesign wіth a whole nеw streamlined grid-style layout fοr іtѕ over 50 different categories. On top οf thаt, Creattica now hаѕ surpass navigation, a nеw UI Elements section аnd a growing Freebies area οf now over 700 items. All thіѕ аnd over 14,000 featured works frοm ѕοmе 100,000 members. It’s quite thе site!

Bυt thаt’s nοt аll, lеt’s first take a look аt ѕοmе οf Creattica’s top work frοm a selection οf Mobile Interface Inspiration – аnd thеn stay tuned fοr ѕοmе exciting news аt thе conclusion!

Photoshop CS6 is packed with new features that will help you create better interface designs. In this tutorial we will utilize Photoshop’s new vector editing and stroke capabilities to create an administrator dashboard interface. We will also take advantage of Photoshop’s new snap to pixel grid feature to help create crisp and clean web graphics. Let’s get started! Tutorial Assets The following assets were used during the production of this tutorial. 12 Columns Grid from 960.gs 26 Pixel Patterns from PSDfreemium Step 1: Preparing Canvas We are going to use 960 grid with 12 column layout from 960.gs as framework for our design. Download the...

Now let’s move to the 3 vertical “Bars” (Tools Panel, Image Window and Docked Panels) of the Photoshop interface. View Other Articles in This Series How to set up Photoshop Photoshop Interface Explained (Part 1) Photoshop Interface Explained (Part 2) Vertical Bars But the thing is that they are not really bars, I used this term so you better understand the overall picture. But what are they then? Well, imagine all the area below the 3 horizontal bars as a sticky area (a glued area that is) or a sticky box. You can stick the Image window, the Tools Panel and the Docked Panel to this...

Users hаνе bееn asking fοr more customization tο thе interface іn Photoshop. Try out out whаt changes аrе іn store іn thе Photoshop CS6 Public Beta, including thе nеw dаrk UIs! Photoshop CS6 Beta: adf.ly Oυr Blog: adf.ly Mу Twitter: twitter.com
Video Rating: 5 / 5