Advertisement

Web Design

  • Web Design
    Design a Minimalist Hair Salon Website in Adobe IllustratorPreview image 400x277
    216 shares
    Learn to design a sleek and elegant website for your small business in Adobe Illustrator.Read More…
  • Web Design
    SVG Files: From Illustrator to the WebSvg thumb retina
    561 shares
    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
    8 shares
    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
    9 shares
    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
    20 shares
    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
    11 shares
    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
    12 shares
    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
    65 shares
    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
    13 shares
    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…
  • Tools & Tips
    Quick Tip: How to Create a Simple Web Button Set Using the Appearance PanelPreview
    12 shares
    In the following tutorial you will learn how to create your own web buttons set. First, using the Rectangle Tool along with some Pathfinder and Offset options plus a Rounded Corners effect you will create the three starting shapes. Next, a linear gradient plus some Film Grain and Drop Shadow effects will complete the overall button. Finally, some text and a new Drop Shadow effect will help you finish the work. Let's get started!Read More…
  • Tools & Tips
    Quick Tip: How to Make an Ultra Glossy Scalable Web Button with 9-Slice ScalingPreview
    In this Quick Tip, you will learn how to create a scalable web button with the Appearance Panel and Adobe Illustrator's 9 Slice Scaling. This technique is especially useful for web designers that need to use the same style button with various lengths of text. Let's get started!Read More…
Advertisement
Advertisement