I’ve made some printable sheets for wireframing for responsive layouts, with corresponding Photoshop templates.
February 24, 2012
by James Brocklehurst
14 Comments
Tag Archives: photoshop
August 23, 2011
by James Brocklehurst
17 Comments
SuperSlicr: Ditch the Slice Tool!
This is an update to the Photoshop action that I created in May 2010 to speed up my Photoshop to Web/Mobile workflow. It allows you to select any combination of layers (which may contain layer styles, vector shapes, text layers … Continue reading
August 3, 2011
by James Brocklehurst
33 Comments
CSS Noise
This post looks at a way to add a subtle noise effect to HTML elements using CSS. Using this technique is of interest because it doesn’t require use of an image editor, weighs in at just a little over 2K … Continue reading
June 7, 2011
by James Brocklehurst
5 Comments
Using Photoshop Vector Tools to Create Interface Elements: Part 1
Both Fireworks and Illustrator have a superior feature set but I find myself using Photoshop’s vector tools for almost all interface design tasks. The main reason for this is personal familiarity (I’ve been using PS since version 2.5), but I … Continue reading
March 8, 2011
by James Brocklehurst
3 Comments
Fading Background Buttons 3
Here I have another go at tinkering around with background images that fade on hover. This time I’ve used a patterned background and placed vignette-style .pngs over the top which are animated using transition.
November 6, 2010
by James Brocklehurst
3 Comments
Quick Tip — Optimising the Photoshop Plug-ins Folder for Interface Design
Photoshop has grown from a photo scanning and correction application into a versatile program capable of working with digital imagery in almost any context. It can now import and manipulate video, 3D models, and perform scientific measurements and analyses of … Continue reading
October 25, 2010
by James Brocklehurst
10 Comments
WordPress Twenty Ten Layered PSD
Whilst creating a child theme based on the default WordPress 3 Twenty Ten theme, I found it useful to create a Photoshop version of the themes’ layout as a starting point. You can download it for your own use here.
May 4, 2010
by James Brocklehurst
10 Comments
Photoshop Action — Selected Layers to Web Export in One Click
To speed up my Photoshop to HTML workflow, I’ve recorded a Photoshop Action that allows me to select any combination of layers (which may contain layer styles, vector shapes, text layers or smart objects), and instantly turn these into a … Continue reading
March 18, 2010
by James Brocklehurst
0 comments
Creating a Watercolour Illustration with a Camera, a Pencil and Photoshop (but no Watercolours…)
Having just completed the Town Guide for the tourist information centre in our home town of Ashburton, I thought I would explain a bit about how the front cover illustration was created. I think it’s particularly interesting because although it … Continue reading
%7Cutmcsr%3D(direct)%7Cutmcmd%3D(none)%3B%2B__utmv%3D67141672.-%3B)