• Visuals
    Designing a Merry Christmas Web App InterfaceXmas website retina
    In this tutorial I'll walk you through the process of creating a simple, festive interface for a web app in Photoshop CC. The concept behind the app is that users can connect with Twitter and write a Christmas wish on a public board, effectively creating a huge Christmas postcard. We'll look at styling typography, combining a flat color palette and achieving a clean and roomy composition.Read More…
  • Visuals
    Presenting Your Web Mockups With Added 3D FlairTriplagent retina
    In this tutorial I'm going to show you how to take your flat design (as in two dimensional, not flat as in the current design trend) and add some life by mocking it up on a 3D plane in perspective. The purpose of this is to present your design in a more dynamic way, giving it more depth and visual appeal. It can be a very effective way to present visuals to clients.Read More…
  • Visuals
    Maintain Consistency With a Website Style GuideSg preview
    Creating style guides is fast becoming common practise for web designers, especially when dealing with content heavy sites. With a website style guide, designers are able to set and maintain a look and feel by creating a set of rules which the design follows. The process becomes flexible, easily updateable and consistent. During this tutorial I'm going to demonstrate how you can implement a style guide in your own site or project.Read More…
  • Visuals
    Recreating Instagram's Retro Filter EffectsInsta preview
    In this tutorial I'm going to be taking a look at exactly how Instagram's filters work, before recreating similar effects in Photoshop. I'll also be introducing you to some interesting new CSS properties that will allow us to create Instagram style filters directly in the browser.Read More…
  • Visuals
    Quick Tip: Using Images as Fullscreen Faux-Gradient BackgroundsPreview1
    In this Quick Tip I'll show you how to create a nice looking gradient background, using any image and a couple of lines of CSS. What's more, I'll talk about performance and explain the background-attachment property as we go along.Read More…
  • Visuals
    Design a Retro Layout in Photoshop: Wrapping UpPreview
    Let's finish off our retro Photoshop layout. We'll continue by looking at the About Us section, then work our way down the page.Read More…
  • Visuals
    Design a Retro Layout in Photoshop: Starting OutPreview
    Once rarely used in web design, retro and vintage elements have become more and more popular. Online shops, corporate designs, portfolios and blogs incorporate these styles to various degrees. During this screencast we'll look at some techniques to produce a clean, retro and visually interesting web page design using Photoshop.Read More…
  • Visuals
    Create Your Own Animated Pre-loader in PhotoshopPreloader
    Let's create an animated pre-loader gif for your next UI project. You'll need the Extended version Photoshop CS3 or above.Read More…
  • Visuals
    The What, Why and How of Textures in Web DesignPreview
    The use of textures and patterns in webdesign has come a long way in only a short amount of time. From cliche grunge and gaudy vintage textures, today's best websites use texture in a wide variety of ways to create a more immersive experience, define the personality of the site and create a more refined look and feel.Read More…
  • Visuals
    Designing Microfilm: A Clean Photography ThemePreview
    Follow me as I walk through the build process of a clean and modern photography portfolio layout. We'll cover some basic Photoshop terchniques, including how to work with grids, transparency, icon design and some other interesting topics.Read More…
  • Visuals
    Quick Tip: Stitch up Your LayoutPreview
    In this Quick Tip we're going to create a cool stitching effect in Photoshop. We won't be using brushes, we won't be relying on patterns - we're going to use a really simple and fast alternative.Read More…
  • Complete Websites
    Design a Professional Blog Layout in PhotoshopMagazine1
    Today we're going to walk through designing a professional blog magazine theme in Photoshop. This is an exercise in aesthetics and you'll learn a bunch of techniques which will improve your skills in Photoshop. Grab a coffee, sit tight and let’s get started!Read More…