Advertisement

Interface

Latest Posts
  • Interface
    Create a Mobile Downloader App Interface in Photoshop45
    212 shares
    Photoshop is a fantastic app to create mockups for mobile applications. Its vector tools, combined with Layer Style effects, allow designers to quickly create layouts for their projects. In this tutorial, I will show you how to create a downloader app design for an iPhone, in Photoshop. Once completed, you will have a good understanding of how to create modern interface elements, as well as, charts and graphs in Photoshop. Let's get started!Read More…
  • Interface
    Create a Mobile Checkers Game Interface in Photoshop0959 checkers preview400
    167 shares
    In this tutorial, I will show you how to create an interface for a mobile checkers game in Photoshop. I will begin by showing you how to set up a simple grid. Then, I will explain how to create the main components of the interface using vector shapes and Photoshop's snap to grid functionality. Finally, I will show you how to add shading, highlights, and texture using Layer Styles. Let's get started!Read More…
  • Interface
    How to Design an iOS 7 Email App in PhotoshopEmail app interface preview400
    89 shares
    In this tutorial, I will show you how to create a flat and modern, Gmail-inspired, iOS7 email app in Photoshop. We will begin by showing you how to sketch out your ideas, then we will see how to create your design in Photoshop, and finally, how to incorporate your design into an iPhone mockup. Let's get started!Read More…
  • Interface
    Create a Mobile Weather App Interface in PhotoshopWeatherappinterfacepreview400x400
    50 shares
    Mobile app design is one of the fastest growing fields in the design industry. In this tutorial, we will show you how to design a mobile app design interface using many of the tools in Adobe Photoshop. We will begin by showing you how to set up a grid and create a simple background. We will then show you how to take advantage of the Snap to Grid feature and use basic masking and vector shapes to create a set of flat icons. Finally, we will use the Rectangle Tool, some text, and basic blending and aligning techniques to create the additional components of a weather app interface. Let’s get started!Read More…
  • Interface
    How to Design an iPhone Music Player App Interface With Photoshop CS60836 music preview
    73 shares
    Photoshop CS6 is a much more powerful vector editing application than its predecessors. In this tutorial, we will show you how to use these new features to create an iPhone music player app interface in both the original iPhone resolution, as well as retina without having to repeat the same process for both designs. Let's get started!Read More…
  • Interface
    Magically Turn Photoshop Layers Into CSS3 With CSS HatCsshat retina
    17 shares
    Today I'm going to show you a Photoshop plugin which aims to greatly improve your workflow. It's called CSS Hat and it turns your Photoshop layers directly into valid CSS3.Read More…
  • Interface
    Design a Clean and Modern Pricing Table in Photoshop0808 table preview
    75 shares
    Photoshop is often used to create graphics and layouts for web designs. In this tutorial, we will explain how to create a pricing table for a hosting company using a combination of vector shapes and layer styles. Let's get started!Read More…
  • Interface
    Quick Tip: Create a Plastic Switch in PhotoshopPreview
    21 shares
    In this quick tip tutorial we will explain how to create a plastic switch in Photoshop that you can use in your interface designs. Let's get started!Read More…
  • Interface
    Quick Tip: Create a Round Switch Button in PhotoshopPreview
    2 shares
    In this quick tip tutorial we will create a round switch button that you can use in your interface designs. Let's get started!Read More…
  • Interface
    Create an Amplifier Interface From Scratch in PhotoshopPreview
    44 shares
    In this tutorial we will explain how to create an amplifier interface using simple shapes and layer styles. Let's get started!Read More…
  • Interface
    Use New Features in Photoshop CS6 to Create an Administrator Dashboard InterfacePreview
    47 shares
    Photoshop CS6 is packed with new features that will help you create better interface designs. In this tutorial we will utilize Photoshop's new vector editing and stroke capabilities to create an administrator dashboard interface. We will also take advantage of Photoshop's new snap to pixel grid feature to help create crisp and clean web graphics. Let's get started!Read More…
  • Interface
    Create a One-Page Retro Web Design Layout in PhotoshopRetro web design preview
    77 shares
    In this tutorial we will explain how to create a one-page retro web design using Adobe Photoshop. While most of the design is created in Photoshop, we will also use Illustrator to create various shapes and elements. Let's get started!Read More…
Advertisement
Advertisement