background preloader

Illustrator's Live Trace: Sketch to Vector - Smashing Magazine

Illustrator's Live Trace: Sketch to Vector - Smashing Magazine
Advertisement In this post we will take a drawn design, scan it and clean it up in Photoshop, then trace it using the Live Trace feature in Adobe Illustrator. Live Trace was introduced in Adobe Illustrator CS2 but is still a powerful tool available in Illustrator CS5. This process really gives an artist the freedom to digitally experiment with drawings of any kind. The vector art it produces can be used in numerous ways and is easily customized. My motivation for trying this was originally to make a “growing vine”-type animation in Adobe After Effects. Scan and Clean Up Scan your sketch and bring the image into Adobe Photoshop. Cleaning up the image is important for getting a good trace in Illustrator. Go to Select -> Color Range: Use the Eyedropper Tool to click on your image and to sample the colors you want included. Add to Sample and Subtract from Sample: Use these Eyedropper Tools (to the right of the main Eyedropper Tool) to select or take away from the preview image. Touch-Ups Related:  TECHNIQUES

Illustrator: Spin the bottle with 3D Revolve In this tutorial, I’ll be discussing some of the ins and outs of the 3D Revolve Effect by rendering a three dimensional wine bottle with a label. This Effect allows you to revolve an outline profile of the right side of an object around a center axis to create a 3D object. Considering how simple the feature is to use, the results are really quite remarkable. Once you have the profile of the object that you wish to render, you can Revolve it, add lighting, and map other elements to its surface, or throw it into perspective, in minutes. STEP 1: Starting on the On the Edge of Reality. There are lots of ways to create the contour of an object to be used for this 3D exercise. STEP 2: In Preparing to Revolve, You May Need to Rotate Your Profile Before you do anything, you have to make sure that the open end of the profile is to the left which will become the axis for profile to Revolve around. STEP 3: Making It Into a Bottle, Inside and Out STEP 4: Outline the Stroked Contour 1. 2. 3. 4. 5. 6. 7.

Making Selections With The Pen Tool In Photoshop - Page 2 Written by Steve Patterson. When it comes to making selections in Photoshop, there's really two types of people - those who know how to use the Pen Tool, and those who struggle. Most people put off learning how to use the Pen Tool for as long as possible, while others never get around to learning it, believing it's just too confusing, too complicated, and just plain unnatural. Ultimately, their work in Photoshop suffers for it, since they're stuck relying on the Lasso Tool for just about everything they can't select with the Rectangular or Elliptical Marquee Tools. In this Adobe Photoshop tutorial, we're going to put an end to the suffering. We're going to learn just how easy it really is to make selections with the Pen Tool. Now, when I say "easy", I don't mean you're going to read this tutorial and be instantly transformed into a Pen Master. One of the great things about the Pen Tool is that it's not something that's exclusive to Photoshop. Where Do I Find The Pen Tool? Pierre Bezier

Rendering a 2D Spark Plug Diagram from 3D Components in Illustrator Often, the best way to be sure of your depth and angles is to render objects using Illustrators 3D tools. This tutorial will take you through building a 3D spark plug from multiple components and then expanding the image into a 2D vector diagram. Previous experience with Illustrators Revolve and Extrude tools will be necessary for this. Final Image Preview Below is the final image we will be working towards. Want access to the full Vector Source files and downloadable copies of every tutorial, including this one? Step 1: Bright Spark To begin with we need to know what a spark plug looks like. Step 2: Approach We can see from the image that creating a single 3D object isn't going to be possible in Illustrator. For more information on these two techniques why not refer to VECTORTUTS tutorials Working with 3D Objects and Transparencies to Make a Vector Cola Bottle Design and Create a Can of Beans by Mapping Vectors to a 3D Object. Step 3: Outline Step 4: Hexagon Step 5: Polygon Tool Conclusion

sandra juto Designs, Good Thunder, Minnesota: Online Classes in Illustrator, Macromedia Fireworks and Freehand, Photsohop Elements. Photoshop Filters, Canvas, Creature House Expression Adobe Illustrator is the industry standard vector, or object oriented, drawing program. I've compiled a few of my favorite tips that make working with Illustrator easier, and tutorials using some of Illustrator's creative features. But first, what is a vector program? Join me for classes in Illustrator CS3 at Eclectic Academy. Illustrator CS3: Getting Your Feet Wet: the introductory class for Ilustrator CS3 Ilustrator CS3: Learning to Swim: the Level 2 class for Illustrator CS3 These tutorials were written for Windows but Macintosh users can use them too. Pattern Brush Anatomy 101 Making pattern brushes can be baffling. Loading Brush LibrariesHow to load brush and other libraries in Illustrator 9 and 10. Setting Leading Illustrator sets leading manually (the space between lines of text), but sometimes it isn't right for the look you want to achieve. Weaving a Ribbon Through Text Here's how to weave a ribbon (or anything else) through text in a few easy steps. Filters vs. Free St.

Blog Archive » Ask Nubby #12: How To Design an Invoice I have to design a form (invoice) for my future design company & I haven’t had much luck finding good examples from other designers to get ideas from. Do you know where I could find any? Do you have any tips for designing that sort of thing? Having an invoice on hand is one of the most important components involved in running your business. In most companies, the person that you’ve completed work for is usually not directly tied to the accounting department. If you want your check to show up, send an invoice ASAP! 1. 2. 3. 4. If you’re curious about the pros and cons of charging hourly vs. fixed rates, read this article. 5. 6. Optional: An invoice branded with your company identity is always a nice touch, though it’s not necessary. 1. 2. 3. 1. butter 3, 2. 4.

Easy Fabric Printing Tutorial My garden shed project is continuing. I've had an idea in my head for fabric for the cushions for a couple years now. I wanted something bold that would stand out from afar. Here's the stamped faux wallpaper in the stairwell in our house. I started with a drop cloth for painting that I found at the hardware store. The cushions are going to be outdoors and will eventually fade and mildew. Here's how I printed the fabric: Step 1: I drew out some of the flowers on white paper and traced the design on the fun foam. Step 2: I cut out the shapes from the foam. Step 3: I glued the fun foam flower shapes to grayboard insulation I had hanging around the house. Step 4: Keeping in the frugal vein of the project, I decided to use latex paint I had hanging around my paint closet. Although I'm not sure how durable, etc. the latex paint will be on the canvas, I figured I would keep things simple. Using a foam brush, I neatly painted the flower stamp with the latex paint.

Top 10 Websites For Designers This latest edition of the Top 10 Websites for Designers includes a new creative critique platform, a fun color picker for the real world and more. In November's Top 10 Websites for Designers you'll discover collections of thought-provoking posters, a flawlessly delivered digital story and more. In October's Top 10 Sites for Designers, check out a showcase of people from all backgrounds in design; a color gradient generator; fun agency site & more. In this month's roundup of websites for designers, you'll find font pairing tools, interesting portfolio sites, a product graveyard and more. This month's roundup of websites for designers features a history of cocktail lettering, a funny interactive film and goofy designer excuses. This month’s Top 10 Websites for Designers includes design portfolio inspiration, an interesting color resource and websites that offer unique storytelling experiences.

Spot Colour Regular readers of the RW Publishing/Graphics section will have noticed a recurring theme, namely the huge difference between producing in-house and commercial print. For work destined for your local inkjet all colours are output in a single pass of the sheet of paper through the device. For commercial full-colour print all colours are recreated by passing the paper through the printers' press four times, once for each of the four "process" colour components - cyan, magenta, yellow and black. The extra work involved in commercial printing and especially the initial setup in creating the CMYK colour-separated plates means that full-colour work generally proves too expensive for short runs. In other words there is a huge gap between as-you-need-it in-house print and full-blown full-colour offset print. Moreover it's much easier to produce the necessary separations as each spot colour is output on its own plate rather than being broken down into its CMYK percentages. So what can be done?

Prepress-Perfect PDFs with Acrobat 8 Professional - Layers Magazine | Layers Magazine Not all PDFs are created equal—just ask any prepress manager. Prepress-bound PDFs are best created by high-quality PDF generation tools such as Adobe Acrobat Distiller or the Export command in Adobe InDesign. Prepress PDFs should have high-resolution images; simplified flattened, RIP-Ready images; high-quality embedded fonts; CMYK or spot color assignments; no lines that are less than 0.25 pts; and need to have large enough dimensions to accommodate crop marks and color bars. If you are the receiver of a PDF file that’s destined for prepress, you want to be able to evaluate and prepare a PDF for prepress output. Here are some of the Acrobat 8 tools you can use to evaluate, edit, and fix your PDF files to ensure that they print properly. STEP 1 Open and Resave PDF Document Open the PDF document you want to evaluate and prepare for prepress. STEP 2 Determine Document Dimensions and PDF Creator Begin the evaluation of your PDF document by determining its dimensions and how it was created.

Design a three-colour Risograph print Risograph is a similar process to screenprinting, where one colour is printed at a time and a limited colour palette is used. There are hundreds of different ways to prepare your artwork for Risograph printing, but I’ve found an efficient method that suits my way of working and illustration style, which we’ll walk through here. In this tutorial we’ll prepare a three-colour print – when overprinted these can create a fourth colour – that’s ready to be brought to life using a Risograph printer. Once mastered, you can experiment with this technique and adapt it to your creative process to create unique prints of your own. 01 First of all research and then sketch out your illustration. It’s a good idea to keep the shapes relatively simple so that you don’t run into problems during the printing stage. 02 Launch Photoshop and open your new file (File>Open). 03 Once you’re happy with how well you’ve cleaned up the scan, open the file in Illustrator and select the Pen tool.

12 Apps for Successful Graphic Design Client Meetings - MoneyWiseWomen Working as a graphic designer, especially if you work for yourself, means you have the opportunity to be creative but also need the skills to run your business effectively. Here are 12 iphone, ipad and web apps that can help you manage client meetings and grow your clientele with skill and professionalism. 1. Penultimate This iPad app allows you to take extensive notes at client meetings and even show off preliminary sketches at a moment’s notice. 2. Moodboard Pro a design tool that offers you the opportunity to gather inspirations for projects in one convenient place. 3. Clients expect to be able to offer constant feedback. 4. The quest to find just the right color palette for a project can really hinder progress. 5. 6. 7. 8. 9. 11. 12.

Creating Editable Letterpress Styled Text A popular typography trend in web design and print design is letterpress styled text. This text styling is easy to do in Photoshop, but in Illustrator, it is super simple to create letterpress styled text while keeping the text editable. Utilizing the Appearance panel and Graphic Styles, you can quickly and consistently apply this style to any editable text and other vector objects. Final Image: Letterpress Styled Text Below is the final letterpress styled text treatment we will be working towards. Tutorial Details: Letterpress Styled Text Program: Adobe Illustrator CS4Difficulty: BeginnerEstimated Completion Time: 5-10 minutes Step 1: Letterpress Styled Text Create a rectangle with the Rectangle tool (M) and fill it with a color of your choosing. Step 2 Type out some text with the Text tool (T) and chose a font. Step 3 From the pop-up menu of the Appearance panel, choose New Fill. Step 4 With the new fill selected in the Appearance panel, go Effect > Stylize > Inner Glow. Step 5 Step 6 Step 7

Create a Retro Triangular Pattern Design in Illustrator Follow this step by step Illustrator tutorial to create the popular retro style pattern design made up of lots of colourful squares and triangles. The process is pretty simple, making this a good tutorial for newcomers to Adobe Illustrator. We’ll be using tools to accurately align our elements, then see how the Pathfinder can easily create custom shapes. The pattern we’ll be creating is this cool retro inspired somewhat mosaic like design. View the final retro pattern design Open up Adobe Illustrator and create a new document. Repeatedly press CMD+D to repeat the last transformation until the width of the artboard is filled with evenly spaced lines. Repeat the process, but this time with a horizontal line. Next, draw a diagonal line at 45 degrees across the artboard. Zoom right in and toggle outline mode (CMD+Y) and carefully align the diagonal line so it accurately intersects each grid point. Draw a selection around all objects then hit the Divide option from the Pathfinder tool palette.