Website Design Illustrator

How To : Create a button for a website in Illustrator

In this video tutorial, viewers learn how to create a button or banner for a website in Adobe Illustrator. Adobe Illustrator is a vector graphics editor. These buttons or banners can be used on personal websites or website channels, such as YouTube. Users are able to customize ...more

How To : Convert a Photoshop mockup for your website design

Watch this video series to learn how to start the conversion process of an Adobe Photoshop mockup of a website, into a real live CSS based website. You'll see how to convert a Photoshop mockup to an HTML/CSS website and work with the header/menu section of the Internet site. ...more

How To : Use jQuery for your website design

The popular javascript library jQuery is an amazing way to extend the design possibilities of your site beyond what CSS can do. But luckily, if you are already comfortable with CSS, you have a huge head start in jQuery! This is a very basic introduction to including jQuery on ...more

How To : Create a website button in Illustrator

In this Tasktutorial video, learn how to create a button for a website using Illustrator software. To begin, create a rectangle with the rectangle tool and then make the outline gray with a stroke of 3 points. Fill this box with a gradient and change the angle to 90 degrees. A ...more

How To : Separate a design into layers in Illustrator CS2

In this Illustrator CS2 video tutorial you will learn to separate a design into layers. The layers allow you to have maximum control over the images. This example involves the creation of three different layers. Make sure to hit "play tutorial" in the top left corner of the vi ...more

How To : Use the Band Website Template for web design

Check out this video tutorial on how to use the Band Website Template. This is just a quick tour of it, explaining why it was built and why it can be useful for bands and their web designers. So, if your a band or a CSS web designer, check this out, because you're Internet pag ...more

How To : Design a vector logo in Illustrator

This software tutorial shows you just how easy it is to design a great looking logo in Adobe Illustrator. As with any other software package, it's all about getting to know the interface; and then from there it's all about developing your design skills. As with most others, I ...more

How To : Design in Photoshop with patterns from Illustrator

There are a number of patterns built into Illustrator which can be brought over to Photoshop to use as design elements. Learn how to use them with this free video tutorial. For more information, including detailed, step-by-step instructions, and to get started using Illustrato ...more

How To : Design backgrounds with live trace in Illustrator

The live trace effect has become increasingly popular for use in designing backgrounds. By using the live trace effect, you can take any stock image and transform it into an outline that can be placed behind your main subject. The technique works in Illustrator and can be used ...more

How To : Design a 1960's retro poster in Adobe Illustrator

Embrace the current retro revival in fashion and design by creating this cool midcentury-chic poster. You can create this psychedelic wavy pattern for a band poster, a movie, or just as a piece of art to hang up on your wall. This Adobe Illustrator tutorial utilizes vectors h ...more

How To : Design a unique logo with Photoshop

Learn how to design and create a stunning and unique logo for your business or website, using the gradient tool and texturizer features in Photoshop. Bert shows you everything you need to make a unique logo without Illustrator and just Photoshop.

How To : Use IFrames in Adobe Dreamweaver

Follow along with this tutorial and learn how to create an IFrame on your website using Dreamweaver. For more Adobe software tutorials from Layers Magazine, search Layers Magazine on WonderHowTo. WonderHowTo indexes all Layers Magazine tutorials for Illustrator, InDesign, Pho ...more

How To : Create a web 2.0 style badge in Illustrator

In this video tutorial, viewers learn how to create a web 2.0 style badge using Adobe Illustrator. Adobe Illustrator is a vector graphics editor. Viewers will learn how to manipulate the Star Tool in Adobe Illustrator, how to apply a custom radial gradient to that shape and ho ...more

How To : Make Star Trek Comm Badges

Star Trek Communicator badges rule. If you're a Trekkie, you know they are iconic to the TV series. The Next Generation, Voyager, and Deep Space Nine all had these awesome communicator badges. Video: . Step 1: Draw Your Communicator Badges I designed mine in a product called ...more

How To : Top 7 Surface Book Hacks for Artists

The Microsoft Surface has been the go-to device for many professional artists since its initial release back in 2012. Since then, the Surface line has continued to offer customers a portable, high-powered machine that's a near perfect value for both casual and professional art ...more

How To : Design websites with Photoshop and Flash

This video breaks down a composite that makes up a website and shows you how to take the layers and images and layout you created in Photoshop, and transfer them to Flash. Within Flash, you can go through each layer and determine how you want it to be saved. Tanya Staples does ...more

How To : Use the Twitter API to bring tweets into Flash

Twitter has become one of the most popular and powerful populists movements / websites on the web. You may want to integrate it into you Flash website or animations as a result. This two-part video will teach you how to use Twitter API to bring Twitter and all of its tweets in ...more

How To : Format a CSS website

Being organized and using good formatting in your CSS files can save you lots of time and frustration during your development process and especially during troubleshooting. The multi-line format makes it easy to browse attributes but makes your file vertically very long. The s ...more

How To : Create & edit complex gradients in Illustrator CS4

Create and edit complex gradients with the new Gradient tool in Illustrator CS4, which has undergone a complete makeover. There’s a new reverse gradient button, and gradient widgets that allow users to edit applied gradients visually. There are also new transparency options. C ...more

How To : Use patterns and shapes in Adobe Illustrator

This tutorial is based on an advertisement that uses patterns and shapes to create a unique design effect. Corey recreates the effect using Adobe Illustrator. For more Adobe software tutorials from Layers Magazine, search Layers Magazine on WonderHowTo. WonderHowTo indexes al ...more

How To : Create a vector 3D logo in Illustrator CS2

There's nothing better than a cool logo design, except maybe a cool 3D logo design. A 3D logo might just be what you need to have your company stick out. Watch this Illustrator video tutorial to learn how to make a 3D logo. You may want to apply a glassy text feel to the finis ...more

Use Adobe Illustrator CS4 : isolation mode

Dave Cross talks about the new-and-improved Isolation Mode in Illustrator CS4 which is now easier to use and understand. For more Adobe software tutorials from Layers Magazine, search Layers Magazine on WonderHowTo. WonderHowTo indexes all Layers Magazine tutorials for Illust ...more

How To : Create vector light ribs in Illustrator CS4

There are a lot of things out there in the design world that people have seen and liked, but didn't know how to make. LIke vector lights. Watch this Illustrator video tutorial to take a look at those cool glowing, color changing, fading, bright, neon-like, fanning spread of gl ...more

How To : Map photos to 3D objects in Adobe Illustrator CS3

Here’s a tutorial about mapping artwork to 3D objects in Adobe Illustrator CS3. For more Adobe software tutorials from Layers Magazine, search Layers Magazine on WonderHowTo. WonderHowTo indexes all Layers Magazine tutorials for Illustrator, InDesign, Photoshop, Acrobat, Afte ...more

How To : Animate a flying bird using Illustrator and Flash

In this two-part tutorial, J. Schuh demonstrates how to animate a flying bird using Illustrator and Flash. In Part 1, he goes over the process of creating the vector assets in Illustrator. In Part 2, he brings the illustrator assets into Flash to animate the movement of the wi ...more

How To : Create graphic styles in Adobe Illustrator

Working with Graphic Styles in Illustrator is similar to working with layer styles in Photoshop. Corey explores some of things you can do with Illustrator’s graphic styles. For more Adobe software tutorials from Layers Magazine, search Layers Magazine on WonderHowTo. WonderHo ...more

How To : Create simple silhouettes in Illustrator CS4

Creating a silhouette from a photo is nothing new, but with Illustrator CS4’s new Blob Brush tool, it has become a lot easier. Corey demonstrates how to use the Blog Brush tool to create a silhouette, and how to create some quick background effects using the Gradient Mesh tool ...more

How To : Earn Money for Creative T-Shirt Designs

Why T-Shirts T-shirts are a great way for people to express themselves, and like other art forms, unique t-shirt designs are becoming more and more popular. Websites that specialize in just t-shirts are popping up all over the internet with tons of opportunities for designers ...more

How To : Design a photobook in Adobe InDesign

In this tutorial, AJ Wood shows you how to use InDesign CS4 to design a photobook that can be exported in JPEG format and sent to the printers. For more Adobe software tutorials from Layers Magazine, search Layers Magazine on WonderHowTo. WonderHowTo indexes all Layers Magazi ...more

How To : Create swirling rainbows in Illustrator CS3

This is all about vector, swirling rainbows. Have you ever seen those looping, swooshing, swirling rainbow graphics used in all kinds of graphics ranging from logos, and sketches, to grungy and retro illustrations? Well, you are going to create one of them in Illustrator. Watc ...more

How To : Create pure CSS website layouts in GoLive CS2

Today, see how to use GoLive CS2 to create pure CSS layouts. That's using CSS to lay your website out, which is a really nice way to layout your webpages. It's laying it out without tables, and allows the site to change based on the users resolution. In this video tutorial, se ...more

How To : Use title templates in Adobe Premiere Pro

Use Premiere Pro’s built-in title templates or design your own template to help place titles into your video projects. For more Adobe software tutorials from Layers Magazine, search Layers Magazine on WonderHowTo. WonderHowTo indexes all Layers Magazine tutorials for Illustra ...more

Prev Page
  • Hot
  • Latest