Adobe Photoshop

Latest Posts
  • Adobe Creative Cloud
    Adobe Extract: Free Code Extraction From PSD Files in the CloudExtract1
    Adobe Extract is a free web-based tool, purpose built to streamline the PSD code extraction process for teams using Photoshop as a major element in their workflow.Read More…
  • Adobe Photoshop
    Photoshop CC 2014: What’s New for Web Designers?Psd
    Last month saw the launch of the all new Photoshop CC 2014, with lots of great new features, especially for web designers, including improved Layer Comps and better Typekit integration. In this tutorial, you'll learn about the main new features, and learn how to get started using them.Read More…
  • UI Design
    Designing a Simple Instagram Based Portfolio in PhotoshopInstagram portfolio
    In this tutorial I'll guide you through the process of creating a simple and clean Instagram-based portfolio. We'll use some striking imagery, a clean color palette and smooth typefaces. We'll start off by creating a web version and then I'll show you how to quickly adapt it for mobile view.Read More…
  • Color Theory
    6 Beginner “Safety First” Color Guidelines for the WebColor preview
    In this tutorial I’ll be sharing with you six sure fire, “can’t go wrong” guidelines you can follow to get a foundational grasp on working with color in web design.Read More…
  • Animation
    How to Use After Effects for Web Animation PrototypesPreview
    In this screencast tutorial we're going to prototype an app UI animation. We'll take a Photoshop layout, then bring it to life using Adobe After Effects.Read More…
  • Adobe Project Parfait
    Quick Tip: Converting Photoshop Files to Code With Project ParfaitParfait
    Project Parfait is a new tool from Adobe, currently in beta, which lets you open up any PSD directly in the browser to extract CSS, text and image assets from it. At the moment it only works on Chrome but Adobe plan to roll it out across all browsers as development moves on.Read More…
  • UI Design
    Designing an Elegant Blog Layout in PhotoshopBlog design 400px
    In this tutorial I am going to show you how to create a simple, elegant blog layout in Photoshop. We'll use a strong image above the fold (wherever that may be) with some straightforward messaging, followed by very clean and elegant typography.Read More…
  • CSS
    How to Code a Photoshop Layout With CSSHat, LESSHat and PNGHatPs web thumb 2
    In the previous tutorial we covered how to prepare a design in Photoshop, ready for conversion to pure CSS3 and Base64 code. In this tutorial we'll be handling the actual code generation, with the help of Photoshop plugins CSSHat and PNGHat made by Source, as well as FontAwesome and the CSS preprocessor LESS.Read More…
  • CSS
    How to Improve Your Photoshop Workflow With CSSHat and PNGHatPs web thumb 1
    During this tutorial I'm going to walk you through the process of creating sophisticated web element styling in Photoshop, but without employing a single image file in your finished website. When we're done, you'll have a single page layout using nothing but CSS3, Base64 code and font icons.Read More…
  • Complete Websites
    Design a Travel Startup Landing Page Using PhotoshopLanding thumb
    In this tutorial I’ll walk you through a process of creating a simple and clean travel startup landing page design. I'll be using Photoshop CS6 to design a professional and lightweight layout combining beautiful imagery and some stylish fonts.Read More…
  • PNGHat
    How to Export Photoshop Assets For the Web With PNGHatPnghat thumb
    The recently released "PNGHat" plugin for Photoshop, made by Source, creates an entirely different workflow for exporting PSD elements for use in websites, games, apps or whatever other types of projects you design for.Read More…
  • UX
    Impress Your Visitors With a Web 2.0 Hit CounterCounter thumb
    If there's one way to show off how successful your site is, it's by letting your visitors know how many others have been there before them. Let's furnish a web page with a hit counter!Read More…