Advertisement

Adobe Photoshop

  • Avocode
    How to Use Avocode to Inspect Your Photoshop and Sketch FilesAvocode
    91 shares
    In today’s tutorial I’m going to introduce you to Avocode, developed by the “eleven brave men and one brave woman” of Source and recently released in the form of version 1.0. Avocode is an application which allows you to work with .psd and .sketch files, moving from design to code, without even opening Photoshop or Sketch.Read More…
  • Adobe Photoshop
    Prototyping Layouts With Velositey for PhotoshopVelositeybg
    181 shares
    In this tutorial we are going to walk through a free Photoshop extension called Velositey. Velositey (currently at version 2) provides common layout patterns to build website design prototypes within Photoshop.Read More…
  • Adobe Photoshop
    Designing a Christmas Email Newsletter in PhotoshopPre
    231 shares
    In this tutorial I’ll guide you through the process of designing a clean and festive themed email template. We’ll start off totally from scratch, drafting the layout with Adobe Photoshop. We’ll be using some basic and intermediate techniques to create this design with conversion in mind. Let’s get it started!Read More…
  • Adobe Creative Cloud
    Quick Tip: How to Use Adobe Creative Cloud LibrariesPreview
    232 shares
    If you regularly use both Adobe Illustrator and Photoshop, Creative Cloud Libraries offer a way to keep all of your frequently-used assets in one place. Creative Cloud Libraries can also be used with Adobe's mobile apps, like Shape, Brush, and Draw.Read More…
  • Adobe Photoshop
    Design an Elegant “Gratitude Log” Landing Page With PhotoshopGrttd
    494 shares
    In this tutorial I’ll guide you through the process of designing an elegant landing page for a fictional “gratitude log” service. We’ll start off totally from scratch, drafting the layout with Adobe Photoshop in no time. We’ll be using some basic and intermediate techniques to create this design with conversion in mind. Let’s get it started!Read More…
  • Keynote
    How to Demo an iOS Prototype in KeynoteMap
    161 shares
    Modeling an up-and-coming app can be a very difficult task if you’re unfamiliar with professional animation software and techniques. Fortunately, Keynote delivers a very effective animation toolkit which isn’t too difficult to use. In this tutorial I will demonstrate how to use Keynote to prototype iOS UI animations. Read More…
  • Adobe Muse
    How to Create Buttons in Photoshop and Adobe MusePreview mues 4
    353 shares
    In this tutorial I'll show you how to create a button in Photoshop and use it, with all its various states, in an Adobe Muse project.Read More…
  • Adobe Photoshop
    Designing a Web App UI Kit‏ in Adobe PhotoshopWeb app ui kit preview
    403 shares
    Style guide driven development offers a hugely flexible approach to modern web design. In this tutorial I'll walk you through designing a UI (user interface) kit, whilst also explaining the decision-making that will keep our UI kit consistent and reusable.Read More…
  • InVision
    3 Ways to Get Feedback From Clients With InVisionLiveshare
    83 shares
    In this tutorial we're going to use InVision's commenting and LiveShare options to maximize feedback from your clients and teams.Read More…
  • Avocode
    Introducing Avocode — PSD to Code Without PhotoshopAvocode
    296 shares
    Avocode is a program, currently in private beta, which is purpose built for the process of going from PSD (or Sketch) to code. In this article we'll take a deep look at what's to come.Read More…
  • Adobe Creative Cloud
    Adobe Extract: Free Code Extraction From PSD Files in the CloudExtract1
    121 shares
    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
    389 shares
    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…