Draw a vector stopwatch in Illustrator


This tutorial will focus on how to draw a stopwatch icon in Adobe Illustrator using gradients and shapes. The best thing about vector artwork is that it can be re-sized to as small or as large as you need for any online or offline design project. The stopwatch is housed in a metallic casing with glass facing. We will use metallic gradients and glass sheen to make the icon hyper realistic.

Stop Watch Vector Icon

// Get the steps over at designinstruct.com //

The best Illustrator tutorials of all time


Adobe Illustrator is a very powerful vector creation utility and is a great asset to any designers program suite. Vectors are useful in design because you can make the as small or as large as you want and they never become pixelated. Vector based designs can be used in web design, print ads, packaging, posters, and beyond. You name it, you can use a vector to create it. Below you will find a link to the best Illustrator tutorials of all time and there is over 100 of them. Prepare for greatness and be ready to learn a lot from these impressive and professional Adobe tutorials.

Best Illustrator tutorials of all time

// Get the rest of the tutorials over at creativefan.com //

Create a ripple effect with Photoshop


Step 1

Start with an image (any image will do).

Step 2

Add a new white layer and paint soft black lines across it using a soft brush. Like shown at the right.

(more…)

Code your PSD into HTML and CSS Tutorial


Feel free to download the initial PSD provided for this tutorial and continue along with the steps as I show you how to slice your file and create the HTML and CSS to make a W3 compliant website. You will also have to download the free font Tiza to complete this project. In this tutorial, I will show you how to use the slice tool in Photoshop to cut your PSD file into smaller jpg and gif images for use on the web. I will also show you how to optimize each image for the smallest page size possible online. Once the PSD is cut, we’ll work on creating the html and css files necessary to make the site live online.

Photoshop HTML CSS Tutorial

// Find the rest of the tutorial over at designer-daily.com //

Create a Padlock in Photoshop


We will be creating a realistic looking padlock icon in Photoshop. This icon can be used to show that something is secure on your site or you may want to use this icon to promote your premium section. We will be using gradients and layers to create this realistic looking lock and you will also learn how to create new layers on the artboard. Style the lock to your hearts desire to match the look of your personal site and let me know what you think of this tutorial in the comments section.

Padlock Photoshop Tutorial

// The steps for this tutorial can be found at photoshop-plus.co.uk //

Newer Posts »

Subscribe: Twitter 512     Facebook      RSS 118

Twitter

Error: Twitter did not respond. Please wait a few minutes and refresh this page.