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:  technical

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.

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

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.

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.

How To Create Wet Plate Collodion Styled Images In Photoshop (My Tutorial) I’m sure this will cause a bit of stir in the photography community, but retouching images is my kind of art creating something original. This is the first of hopefully many retouching and photography tutorials that I will be doing over the next months. This tutorial is about wet plate collodion images which I’ve been trying to find a way to emulate in post production. I really like the look and feel of these kind of images. For me, the basic photograph is the starting point and I try to capture people as they are. More info: anttikarppinen.com

How to Make an Animated GIF in Photoshop [Tutorial] If you've spent any time on the internet at all, you've probably come in contact with an animated GIF. It's an image file that allows you to feature animated images that makes it seem like the image is moving. Think of them as a hybrid between a still image and a video. Why are GIFs great additions to your marketing? The best part about GIFs is that they aren't too hard to make. Click here to download our free guide to learn how to design high-quality graphics. In the following tutorial on making animated GIFs, I'm using the Creative Cloud 2015 version of Photoshop, but the steps should be similar in other versions. How to Create an Animated GIF in Photoshop Here's an example of an animated GIF you might make using this tutorial: Alright, let's get started! Step 1: Upload your images to Photoshop. If you already have images created ... Gather the images you want in a separate folder. Then, select Browse and choose which files you'd like to use in your GIF, then click OK. 1) On social media.

Photoshop and Illustrator cheat sheets for designers For many creatives, it can often feel like there's never enough hours in the day. With ever-demanding clients and constantly looming deadlines, applying time-saving techniques to your workflow is essential, and these helpful cheat sheets for Photoshop CS6 and Illustrator CS6 can help you do just that. Whether you're following a new Photoshop tutorial, or simply practising how to draw something in Illustrator, these cheat sheets will help creatives at all skill levels – and most of the CS6 shortcuts are applicable to Creative Cloud versions of the software, too. The team at Zerolag created the sheets specifically with graphic designers in mind, providing code below the graphic so it can be shared and help improve the productivity of fellow creatives. So what are you waiting for? Like this? Adobe unveils radical new UX tool Free Photoshop brushes every creative must have Illustrator tutorials: amazing ideas to try today!

untitled Watch the above video tutorial on how to setup your PSD file and in depth layer customization techniques. Jump to 25:00 of the video tutorial for how to create a 3D pop out sketch effect! You may also like: Scroll down for the full list of over 95 photo effect Actions! Sketch Photoshop Action (With 3D pop out sketch effect) Create realistic sketch artwork from your photos in only a few clicks. The action has been tested and working on Photoshop CS3,CS4,CS5,CS6,CC,CC 2015.5+ The action will ONLY WORK IN THE ENGLISH VERSION OF PHOTOSHOP . Need help? If you need assistance with this Action or any other Sevenstyles Action, please visit the help page here. Tested Each action is thoroughly tested across between 50 – 150 different photos to ensure there are no errors. The Best Results For the best results, it is recommended to use high resolution photos in the range of 1500px – 3500px. Organised After each action has finished playing, it creates a well organised layer structure. Time Saving Earn Money

Convert your original design into a Microsoft Word letterhead template At the end of a letterhead design project, it’s pretty common to hear your client say: “I want this as an editable letterhead template in Microsoft Word.” They usually don’t own or know how to use advanced graphics-editing programs like Adobe Illustrator, InDesign or Photoshop, and it simply doesn’t make sense for them to purchase those expensive programs. Microsoft Word is pretty low-tech compared to Illustrator or InDesign; however, that’s what your clients are using and your letterhead design is useless to them if they can’t edit and add content to it, so knowing how to create a Microsoft Word letterhead template is key. Let’s get started. 1. We’ve created this example in Illustrator, but Photoshop and InDesign can be used to create letterhead designs too. Create your design in CMYK color mode, and if you’re using photos or complex graphics make sure that they 300ppi or higher, because Microsoft Word compresses all images that you place into it. 2. 3. 4. 5. Go to File > Save As. 6.

Related: