Web Design

  • Graphic Design
    Understanding Adobe Illustrator's Grid SystemUnderstanding adobe illustrator's grid system small preview
    This quick tip is focused on explaining what the Grid is, how it works, and how you should use it to benefit your design process.Read More…
  • Adobe Photoshop
    Design a Traveler’s Photo Diary Tumblr Theme in PhotoshopTiger
    In this tutorial we’ll walk through the step by step process of creating a simple, photo-based Tumblr diary theme in Photoshop. I will start totally from scratch and will guide you through the whole process of setting up the document, using some basic tools and completing the design in no time. The aim of this tutorial is to show how some of the design decisions are being made and how the final design comes to life.Read More…
  • Web Design
    Design a Minimalist Hair Salon Website in Adobe IllustratorPreview image 400x277
    Learn to design a sleek and elegant website for your small business in Adobe Illustrator.Read More…
  • SVG
    SVG Files: From Illustrator to the WebSvg thumb retina
    Scalable Vector Graphics (SVG) is a vector image format which began life back in 1998. It was always developed with the web in mind, but only now has the web actually started to catch up. There's no denying its relevance today, so let's have a look at the basics of taking SVG from Illustrator to the web browser.Read More…
  • Web Design
    Quick Tip: How to Create a Simple Vector Web Ribbon in Adobe PhotoshopWebribbonpreview
    In the following steps you will learn how to create a simple web ribbon in Adobe Photoshop. It's a pretty simple introduction in working with vector tools in Photoshop. Basically you will only need the Rectangle Tool and the Polygon Tool to create the starting shapes, plus the Add Anchor Point Tool along with the Convert Point Tool and the Direct Selection Tool to add and adjust some anchor points. Give it a try and you will also find some basic tips on how to achieve pixel perfect shapes. Read More…
  • Web Design
    How to Create a Simple Step by Step Progress Bar in IllustratorAndrei qt stepbystep preview
    In the following quick tip you will learn how to create a simple step by step progress bar using Adobe Illustrator. For the main shapes we'll use some basic tools along with the Transform effect and some simple Pathfinder options. For the small details we'll use some basic vector shape building techniques, several Drop Shadow effects and some simple blending techniques. In the final steps we'll add the simple pieces of text and the little check symbol. Read More…
  • Tools & Tips
    Quick Tip: How to Create a Set of Bubble Gum Buttons in IllustratorAndrei qt gummybutton preview
    In the following tutorial you will learn how to create a set of bubble gum inspired blog buttons by using Drop Shadows and the Appearance panel in Adobe Illustrator. We'll go through each step and show you variations in the symbols and how to add text.Read More…
  • Tools & Tips
    How to Create a Price Range Filter in Adobe IllustratorAndrei qt pricerange preview
    In the following tutorial you will learn how to create a price range filter which would look great in a mobile phone app or website interface. We'll be working in Adobe Illustrator with some basic tools to create an essential element for any designers portfolio. Read More…
  • Web Design
    How to Create a Vector Image Slider in Adobe IllustratorPreview
    Image sliders have been a common element of website design over the past few years, especially in portfolio designs. In today's tutorial, I'm going to show you how to create an image slider in Adobe Illustrator. Read More…
  • Designing
    Quick Tip: Create Bright Web Buttons using the 3D Options in IllustratorImage preview
    In this quick tip we will create a set of web buttons with the help of 3D Effects in Adobe Illustrator. Why? Because in this way we can forget about using different brushes and effects for adding highlights and shadows and we can achieve this in a single step, taking advantage of the light settings and Bevel shapes available. Let's begin!Read More…
  • Web Design
    Use Adobe Illustrator to Create a Clean Website LayoutWebsite400
    This tutorial is perfect for the beginning to intermediate Adobe Illustrator users. We'll cover how to layout a website and prepare it for use on the web. Also, we'll use the recently released Website Elements Freebie to mock up the design as well.Read More…
  • Tools & Tips
    Quick Tip: Create a Simple Audio Player Bar in Adobe IllustratorPreview
    In this quick tip you will learn how to create a simple audio player bar. This is mostly about the basics of pixel perfect vector shape building techniques. We'll start with a simple rectangles and the Rounded Corners effect. Next, we'll use some Offset and Pathfinder techniques to create the highlights. Finally, some masking/blending techniques and the Drop Shadow effect will help us add the final touches.Read More…
Suggested Envato Tuts+ Course

Next lesson playing in 5 seconds

Photoshop Actions to Showcase Projects$9