background preloader

Live Trace: Sketch to Vector

Live Trace: Sketch to Vector
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

Gradient rings in Illustrator Circular graph Here is a very simple example of what I talk about. The gradient in each part of the graph follows the direction of the circle. The graph below has 28 segments and is applied in a more illustrative kind of way. Circular gradient Draw a rectangle Start by selecting the Rectangle tool and draw a small rectangle. Duplicate the rectangle Duplicate the rectangle by selecting the Selection tool (black arrow), and start dragging to the right as shown in the image above. Add color Give the second rectangle the ending color of your gradient. Blend options To prepare our perfect gradient using the blend feature, we first check our blend options. Make Blend Now that the options are all set, select both rectangles and go to Object > Blend > Make (or press Cmd/Ctrl + Option/Alt + B) to create the blend. Create new Art Brush Now that we've created our perfect color blend, we are going to turn it into an Art Brush. Select Art Brush from the brush type options Give the brush a name. Draw a circle

101 Illustrator Tips & Tricks Learn the tricks to create to become a better illustrator by subscribing to my list of 101 Illustrator tips & tricks. I will be coming up with a new tip/trick every week to help you speed up your work and uncover the secrets in Adobe Illustrator. . for free. About The Author: Tony Soh Hi.

Tag "Illustrator" on Smashing Magazine People often ask how I arrived at a finished illustration. Honestly, it’s different every time, but it always starts with a hand-drawn sketch. Sometimes, I paint it completely by hand; sometimes I’ll scan in a pencil drawing. Many of my pieces are 100% analog that I’ll show only at shops or galleries. Use anything you can; if the illustration would work as a wood carving, go that route. Concepting for me always starts with pencil and paper. Tuto Conserver la transparence d'un détourage vectoriel | Tutoriel Photoshop tuto Photoshop gratuit Description du tuto Conservez la qualité du détourage vectoriel en choisissant le format EPS. Note des utilisateurs : 0 vote

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.

Tutorials and Resources Jan 18 2009 For months, we have been bookmarking interesting, useful and creative Adobe Illustrator tutorials and Resources, so you can now rest assured that you will have the necessary tools to get the job done. Due to this phenomenally vast amount of vector packs, brushes, patterns available, you can now add dirt, rust, floral effect, swirls, mold, oil stains in your artwork and to give it any look you want. So in today’s post, you’ll find an assortment of top-notch tutorials, brushes, patterns, vector packs, tips & tricks and .EPS downloadable files that others have freely contributed to the design community. To make your job a little bit easier, we have categorized this post into 6 section, the links below will get you to your desired section. Adobe Illustrator Tutorials - Create a Gang of Vector Ninjas - Logo Design Project Step by Step Walkthrough Follow this step by step documentation of the whole process of the logo design from conception to completion. - Master Painting in Illustrator

20 Basic Illustrator Tutorials Every Beginner Should See Learning a new software application can be a daunting task, especially when tackling an application that’s as deep as Adobe Illustrator! Thankfully there’s a colection of Illustrator veterans who are generous enough to take the time to document the basics, allowing new users to grasp the initial workings and gain a know-how of the tools and core techniques. This collection of hand-picked tutorials cover various tools, and provide plenty of useful hints and tips. Together they form a super handy resource for any beginner looking to get their brains wrapped around Adobe Illustrator. Learn Illustrator CS3 in 30 Days This in-depth 30 day course from Vector Diary is one of the most useful courses out there. Illustrator Beginner’s Series IllustrationInfo’s Illustrator beginner’s series covers the most common tools with insights into their uses. Adobe Illustrator Guides and Tutorials The collection of tutorials and guides from klethegr8 include various hints and tips for all kinds of tools.

Vector Polishing Techniques Someone emailed me and asked how did I do the illustration background on Next2Friends. It inspired me to write this article. He asked "Did I do it in Photoshop or Illustrator?" Well, it is a mixture of both. Why do I need to polish the vector art? Vector artworks are usually very flat, dull, and lack visual effects due to software limitations; thus they look very boring. Technique 1: Lens Flare Effect First technique, let's start with one of my recent work on Next2Friends. I assume you have the vector artwork ready and you want to add a lens flare layer on top. If you want the lens flare to focus on specify area only, you can delete the unwanted area. Sometime just the Lens Flare filter alone is not good enough. Technique 2: Colorful and Dusty Effect This is one of my common styles that can be found in most of my design work. Use the Radial Gradient tool, randomly draw some soft edge glows on a layer and set the layer blending mode to Dissolve. Technique 3: Rainbow Technique 5: Particles

Романтический коллаж в Фотошоп Тема любви вдохновила меня на создание этого романтичного коллажа. В данном уроке мы скомпонуем несколько стоковых изображений, будем использовать корректирующие слои, а так же добавим свет и тень, что придаст общую атмосферу работе. Исходники: Архив Шаг 1 Начнем работу! (Gradient Tool) и скройте нижнюю часть фонового слоя. Шаг 2 Скачайте изображение "Берег" и добавьте его в свою работу поверх слоя " Water and Sky". (Brush Tool) либо Градиент (Gradient Tool)), смешайте два изображения , сделав переход как можно более плавным. Когда будете довольны результатом назовите второй слой " Beach" (Берег). Шаг 3 Откройте изображение "Море" и перенесите в нашу работу. Активируйте инструмент Ластик (Eraser Tool). Примечание переводчика: для того чтобы уменьшить насыщенность изображения "Море", стоя на этом слое перейдите к "Изображение - Коррекция - Цветовой тон \ Насыщенность". Шаг 4 Скачайте и добавьте в свою работу изображение "Скала". Шаг 5 Откройте изображение "Девушка" в Photoshop. (Pen Tool) или Лассо

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

Tutorials Advertisement Over years Adobe Illustrator has become the standard application when it comes to illustration design. Artists, illustrators and graphic designers use Illustrator to create vector-based graphics which — contrary to raster-based editors such as Adobe Photoshop — can be easily rescaled without the loss of quality. However, to master Adobe Illustrator isn’t easy; and the creating process of professional illustrations requires both time and patience. In this post we present a collection of excellent Adobe Illustrator tutorials for beginners and advanced designers. Please notice that we’ve selected only those tutorials which haven’t been featured last year or were released after the article was might also be interested in Adobe Photoshop Tutorials – Best Of we’ve presented few weeks ago. Illustrator Tutorials Creating a Crazy Cool LogoIn this post I will show you how we created the logo. Skull TutorialAn alien skull tutorial. Sources and Resources It's done.

How to open an ai or eps file in Photoshop Many of you have asked me if it is possible to open and use our vector resources (.ai and .eps files) in Photoshop. Well, it is, even if with evident limits. In this brief tutorial I’ll show you how to manage vectors using Photoshop and which are the advantages of using a vector software like Illustrator to work with these kind of files. Both with a Mac or a Pc, the process of opening a file with a specific software is the same. At the end of this first step, this is what you should see (I’m using Photoshop CS4): The most important thing to consider is the size. This is why I suggest you to choose a very large size. I’ve opened the vector file with Photoshop…and now? Once opened the vector file with Photoshop, you’ll have all the objects on the same layer. To extract and import one of the objects, simple grab a selection tool – in my case the Rectangular Marquee Tool – to select it, and press ctrl+C to copy it (cmd+C if you’re using a Mac). Now let’s enlarge the two images.

Design Process of Koi Illustration It has been a while since the last time I've done any illustration work. Recently I've created a new awesome piece that I would like to share with you. It is a koi fish illustration inspired by my tattoo. Read this post to find out more about my tattoo and see how I created the koi fish illustration based on my tattoo. Final Illustration Preview About My Tattoo Artist - Daemon Rowanchilde I always wanted to get a tattoo ever since I was a kid. Tattoo Research Then I spent couple days on researching tattoo design. According to Japanese legend, if a koi succeeded in climbing the falls at a point called Dragon Gate on the Yellow River, it would be transformed into a dragon. — Tattoo Sketch Below are some of my concept sketches. I asked Daemon to incorporate his art into my design and he did this design which was used as the tattoo stencil. Finished Tattoo The tattoo took 2 painful sessions to complete (6 hours each). Illustration Sketch Tracing Coloring Texturizing Inspiration

[Initiation photoshop] Le détourage de cheveux Voilà une des méthodes pour le détourage de cheveux : Original : Détouré : Essentiel : travailler sur un fichier d'origine (non redimensionné ni compressé) afin que les plus petits détails soient de meilleure qualité. Commencer par dupliquer le calque. Dans la palette des couches, choisir la couche la plus contrastée, bien souvent la bleu. Si le contraste n'est pas suffisant, faire, sur la couche que vous avez sélectionnée, "Image/Opération" et régler comme ci-dessous : Faire "Image/Réglages/Niveaux" et régler comme ci-dessous : A l'aide du lasso (contour progressif 5 à 15%), sélectionner grossièrement l'intérieur des cheveux et remplir en blanc cette sélection. Faire la même chose à l'extérieur mais en remplissant de noir : Ne pas exagérément insister, nous y reviendrons plus tard. Dans la palette de couches, cliquer sur la couche RVB. Puis cliquer sur l'onglet "Calques". Puis dans le menu "Sélection/Récupérer la sélection" choisir la couche Alfa1 : Faire OK. "Tuto flash" terminé, à vous de jouer !

Related:  Portfolio IdeasScanning +Illustrator