Advertisement
Latest Posts
  • Web Design
    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…
  • Web Design
    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…
  • Web Design
    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…
  • Web Design
    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…
  • Web Design
    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…
  • Web Design
    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…
  • Web Design
    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…
  • Web Design
    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…
  • Web Design
    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…
  • Web Design
    Visuals
    Create a Welcoming “Hero Unit”: New on PremiumHero unit 200
    Blurred background images are a hot trend in webdesign at the moment and can add depth and interest to any website design. In this Premium tutorial, I’ll be walking you through all the steps to create a striking visual hero unit (read: your key marketing message) perfect for a slideshow or banner region of your next website.Read More…
  • Web Design
    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…
  • Web Design
    Visuals
    Quick Tip: Rounded Corners Done RightPreview
    This is going to seem like a no-brainer to many of you, but I see it happening so often I figured it was worth bringing up. We'll call this issue improperly nested corners; a small detail which can ruin an otherwise brilliant design!Read More…
Advertisement