( A little bit confusing, I know!) There's just as many ways to coloring a drawing digitally as there is to painting a picture. (These colors appear at the bottom of the Tools panel.) Now have can separate out your linework with just a few extra steps! You can also use the offset filter to create an artistic effect similar to a puzzle by dividing your image into four squares and rearranging them. The result should look like the following: However, the outcome seems too bright still. Let's get to it! Setup the photoshop docuemnt like this: 2 layers. 2. If you want to follow along with this episode, click HEREto purchase Fotolia’s pineapple. The stark black of the line art stands out from the muted palette. Next, open your Channels palette and hold down CTRL (or Command) and click on the RGB layer. Now Color Away! wikiHow is a “wiki,” similar to Wikipedia, which means that many of our articles are co-written by multiple authors. ), If you are scanning in your own textures in Photoshop, switch to the Move Tool (V), Shift-click on the scanned-in texture and then drag it over into our main document. Be the first to know when we publish a new blog post! But still, we’ll often still need to clean up our inks digitally. This command places a selection around all the light-colored areas of the layer. Please help us continue to provide you with our trusted how-to guides and videos for free by whitelisting wikiHow on your ad blocker. Set its Blend Mode to Multiply. Click the Pencil Tool button in the Toolbox to use it. The Brush tool, the Shape tools, the Type tool, and other features that apply color use the color in the Foreground Color box at the bottom of the Tools panel. Make three objects and give them all a different color with help from a graphic designer in this free video on Adobe Photoshop tricks. When you draw multiple lines, Photoshop creates different shape layers, so you can edit each line independently. If you’re in CYMK color mode, click the CYMK layer. You can make most of your lightening and darkening adjustments, even before you learn more complex Photoshop features like curves and levels; It's easy. There's no "right" way to draw lines in Photoshop — every artist and designer develops personal methods over time, and they choose tools that feel comfortable to them. Essentially the adjustment layer is affecting everything beneath it, but we only want to affect the layer directly beneath it (the inks layer). Move this layer below the line art layer. For this tutorial I’m going to use the brush tool from the tool box in Photoshop: The first thing I’ll do is go to the Color Swatches palette to pick the color I want. So with the Magic Wand Tool (W), let’s grab all the areas of the Hunter and his Horse. ; There are multiple ways to set the foreground color. One of the requests I hear most from other artists is how to separate linework from a background when you scan a drawing into Photoshop. By using our site, you agree to our. Press Ctrl/Cmd + Alt/Option + 2 (for Photoshop CS4 and up) or Ctrl/Cmd + Alt/Option + ~ (for Photoshop CS3 and below). Click Ok. For this piece, I will go with a basic cel-shading style — blue shadow on everything. Photoshop Creative Suite 6 has three automatic correction tools that can, in many cases, improve appearance with a simple click of a menu command: Auto Tone, Auto Color, and Auto Contrast. To create this article, volunteer authors worked to edit and improve it over time. I re uploaded this with better quality! Changing the Object Color in Photoshop. Using the Line tool, you can choose the weight and color for your line by adjusting the tool's options, then quickly draw lines at any angle. The grid appears by default as nonprinting lines but can also be displayed as dots. Viewed 76k times 3. Changing the Color of Guides, Grids, and Slices • To change the color of the guides (including Smart Guides), grid, and/or slices, select Preferences > Guides, Grid & Slices and either select a color from the drop-down list, or, click in the color swatch to the right and choose any color … Set width of line in Weight field. Need to lighten or darken up a digital picture? This possibility is particularly useful for online shop owners who, for example, sell the same T-shirt model in different colors. Click the “Brush” tool in the toolbox. I hope you picked up something interesting in this coloring tutorial. How to Draw a Colored Line in Photoshop Step 1. A path created with the Pen tool does not become an image element until you stroke or fill it. The Fill Path command fills a path with pixels using a specified color, a state of the image, a pattern, or a fill layer. Mar 22, 2013 - In this Photoshop tutorial, I'm going give you a general overview of how I digitally color an illustration. Click where you want the line to start. Obviously, if you work completely digitally, you can just draw your linework on a separate layer and you’re good to go. Top layer will have your line art, and set the layer blending to multiply bottom layer will be filled with whatever color you want the background to be. Create a new layer (Shift + Ctrl/Cmd + N). I’m going for a purple-ish overall tone with a yellow/green background, but I may decide to change it to a red, a green, or even a yellow tone down the road. No. 29 responses to “How to change the color of anything in Photoshop in seconds” Sylvia Klein says: August 1, 2018 at 9:16 am . Create a new file. Click the image below to see it in full size. Click the Path Options button (gear icon) in the Options bar. | With the inks on their own layer, run through them with the Eraser Tool (E) to get rid of any unwanted marks. Creating a gradient outline in Photoshop is a fun way to add a … Essentially, the Line tool is just creating skinny rectangles, which look like lines because the Fill and Stroke colors are the same. For that, you need to make further selections. wikiHow is a “wiki,” similar to Wikipedia, which means that many of our articles are co-written by multiple authors. Watch Queue Queue. The following steps show you the basics of filling a selection with either the foreground or the background color (you have plenty of other Fill options as well. If you are wondering how to color inside the lines in Photoshop, the answer is quite simple. Choose shape color *. It’s always a good practice to erase as much of your pencil lines before you scan in your inks. So, this is what we wanted, right? The Pencil Tool in Photoshop Elements draws hard-edged lines in photos. Good to see you here at the CAFE. Drag on the image. If you aren’t sure, leave this set to ‘Linear.’ The Result. These days colorful lines are one of the most malleable effects you can easily create in Photoshop. Gradients can be used to add subtle color changes to an image, such as those caused by shadows. Photoshop CC 2018 MacBook Pro Hi everybody! He has worked on over 450 marketing campaigns and has been building websites for over 20 years. You want to see a general softening of the image with the beginnings of loss of detail. Let’s Color! What you learned: Apply color to an object using techniques that create a realistic color match and that bring the object to life. The outline text in Photoshop is adding an additional line around the text. I want to add a little color in the line art. (A possible option is to use the Watercolor Textures: Photoshop Brush Pack instead.). However, here we can't change the Blend Mode, be… Fill the path: Alt-click (Windows) or Option-click (Mac OS) the Fill Path button at the bottom of the Paths panel. The Pencil Tool has many of the same options as the Brush Tool but cannot be used as an airbrush. Call Toll Free: 888.449.3239 Find the artwork that you want to color. What you learned. Feel free to use your own … We won’t need to do anything to it anymore. (If you are following along with the provided source file at the bottom of this tutorial, they are included in the layers. Right-click on any layer and choose Flatten Image from the menu that appears. You can select the Eyedropper tool and sample a color from the image, or use the Color Picker, Color panel, or Swatches panel. It lessens the work later in the digital stage. its driving me nuts, i want to colour in my lineart on photoshop but i keep on going over the lines *yes, i did use seperate layers 1. How to color - easy and fast technique in Photoshop! Adjust path … | To get a better view of the newly transferred pencil lines, create a new layer for a simple background color. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b1\/Color-Line-Art-in-Photoshop-Step-1-Version-2.jpg\/v4-460px-Color-Line-Art-in-Photoshop-Step-1-Version-2.jpg","bigUrl":"\/images\/thumb\/b\/b1\/Color-Line-Art-in-Photoshop-Step-1-Version-2.jpg\/aid10668531-v4-728px-Color-Line-Art-in-Photoshop-Step-1-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":"728","bigHeight":"546","licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/40\/Color-Line-Art-in-Photoshop-Step-2-Version-2.jpg\/v4-460px-Color-Line-Art-in-Photoshop-Step-2-Version-2.jpg","bigUrl":"\/images\/thumb\/4\/40\/Color-Line-Art-in-Photoshop-Step-2-Version-2.jpg\/aid10668531-v4-728px-Color-Line-Art-in-Photoshop-Step-2-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":"728","bigHeight":"546","licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/2c\/Color-Line-Art-in-Photoshop-Step-3-Version-2.jpg\/v4-460px-Color-Line-Art-in-Photoshop-Step-3-Version-2.jpg","bigUrl":"\/images\/thumb\/2\/2c\/Color-Line-Art-in-Photoshop-Step-3-Version-2.jpg\/aid10668531-v4-728px-Color-Line-Art-in-Photoshop-Step-3-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":"728","bigHeight":"546","licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a5\/Color-Line-Art-in-Photoshop-Step-4-Version-2.jpg\/v4-460px-Color-Line-Art-in-Photoshop-Step-4-Version-2.jpg","bigUrl":"\/images\/thumb\/a\/a5\/Color-Line-Art-in-Photoshop-Step-4-Version-2.jpg\/aid10668531-v4-728px-Color-Line-Art-in-Photoshop-Step-4-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":"728","bigHeight":"546","licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/3f\/Color-Line-Art-in-Photoshop-Step-5-Version-2.jpg\/v4-460px-Color-Line-Art-in-Photoshop-Step-5-Version-2.jpg","bigUrl":"\/images\/thumb\/3\/3f\/Color-Line-Art-in-Photoshop-Step-5-Version-2.jpg\/aid10668531-v4-728px-Color-Line-Art-in-Photoshop-Step-5-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":"728","bigHeight":"546","licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b4\/Color-Line-Art-in-Photoshop-Step-6-Version-2.jpg\/v4-460px-Color-Line-Art-in-Photoshop-Step-6-Version-2.jpg","bigUrl":"\/images\/thumb\/b\/b4\/Color-Line-Art-in-Photoshop-Step-6-Version-2.jpg\/aid10668531-v4-728px-Color-Line-Art-in-Photoshop-Step-6-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":"728","bigHeight":"546","licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/78\/Color-Line-Art-in-Photoshop-Step-7-Version-2.jpg\/v4-460px-Color-Line-Art-in-Photoshop-Step-7-Version-2.jpg","bigUrl":"\/images\/thumb\/7\/78\/Color-Line-Art-in-Photoshop-Step-7-Version-2.jpg\/aid10668531-v4-728px-Color-Line-Art-in-Photoshop-Step-7-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":"728","bigHeight":"546","licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/33\/Color-Line-Art-in-Photoshop-Step-8-Version-2.jpg\/v4-460px-Color-Line-Art-in-Photoshop-Step-8-Version-2.jpg","bigUrl":"\/images\/thumb\/3\/33\/Color-Line-Art-in-Photoshop-Step-8-Version-2.jpg\/aid10668531-v4-728px-Color-Line-Art-in-Photoshop-Step-8-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":"728","bigHeight":"546","licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/06\/Color-Line-Art-in-Photoshop-Step-9-Version-2.jpg\/v4-460px-Color-Line-Art-in-Photoshop-Step-9-Version-2.jpg","bigUrl":"\/images\/thumb\/0\/06\/Color-Line-Art-in-Photoshop-Step-9-Version-2.jpg\/aid10668531-v4-728px-Color-Line-Art-in-Photoshop-Step-9-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":"728","bigHeight":"546","licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/50\/Color-Line-Art-in-Photoshop-Step-10-Version-2.jpg\/v4-460px-Color-Line-Art-in-Photoshop-Step-10-Version-2.jpg","bigUrl":"\/images\/thumb\/5\/50\/Color-Line-Art-in-Photoshop-Step-10-Version-2.jpg\/aid10668531-v4-728px-Color-Line-Art-in-Photoshop-Step-10-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":"728","bigHeight":"546","licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/4f\/Color-Line-Art-in-Photoshop-Step-11-Version-2.jpg\/v4-460px-Color-Line-Art-in-Photoshop-Step-11-Version-2.jpg","bigUrl":"\/images\/thumb\/4\/4f\/Color-Line-Art-in-Photoshop-Step-11-Version-2.jpg\/aid10668531-v4-728px-Color-Line-Art-in-Photoshop-Step-11-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":"728","bigHeight":"546","licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/1f\/Color-Line-Art-in-Photoshop-Step-12-Version-2.jpg\/v4-460px-Color-Line-Art-in-Photoshop-Step-12-Version-2.jpg","bigUrl":"\/images\/thumb\/1\/1f\/Color-Line-Art-in-Photoshop-Step-12-Version-2.jpg\/aid10668531-v4-728px-Color-Line-Art-in-Photoshop-Step-12-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":"728","bigHeight":"546","licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/37\/Color-Line-Art-in-Photoshop-Step-13-Version-2.jpg\/v4-460px-Color-Line-Art-in-Photoshop-Step-13-Version-2.jpg","bigUrl":"\/images\/thumb\/3\/37\/Color-Line-Art-in-Photoshop-Step-13-Version-2.jpg\/aid10668531-v4-728px-Color-Line-Art-in-Photoshop-Step-13-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":"728","bigHeight":"546","licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b6\/Color-Line-Art-in-Photoshop-Step-14-Version-2.jpg\/v4-460px-Color-Line-Art-in-Photoshop-Step-14-Version-2.jpg","bigUrl":"\/images\/thumb\/b\/b6\/Color-Line-Art-in-Photoshop-Step-14-Version-2.jpg\/aid10668531-v4-728px-Color-Line-Art-in-Photoshop-Step-14-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":"728","bigHeight":"546","licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/76\/Color-Line-Art-in-Photoshop-Step-15-Version-2.jpg\/v4-460px-Color-Line-Art-in-Photoshop-Step-15-Version-2.jpg","bigUrl":"\/images\/thumb\/7\/76\/Color-Line-Art-in-Photoshop-Step-15-Version-2.jpg\/aid10668531-v4-728px-Color-Line-Art-in-Photoshop-Step-15-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":"728","bigHeight":"546","licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/81\/Color-Line-Art-in-Photoshop-Step-16-Version-2.jpg\/v4-460px-Color-Line-Art-in-Photoshop-Step-16-Version-2.jpg","bigUrl":"\/images\/thumb\/8\/81\/Color-Line-Art-in-Photoshop-Step-16-Version-2.jpg\/aid10668531-v4-728px-Color-Line-Art-in-Photoshop-Step-16-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":"728","bigHeight":"546","licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/67\/Color-Line-Art-in-Photoshop-Step-17-Version-2.jpg\/v4-460px-Color-Line-Art-in-Photoshop-Step-17-Version-2.jpg","bigUrl":"\/images\/thumb\/6\/67\/Color-Line-Art-in-Photoshop-Step-17-Version-2.jpg\/aid10668531-v4-728px-Color-Line-Art-in-Photoshop-Step-17-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":"728","bigHeight":"546","licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b1\/Color-Line-Art-in-Photoshop-Step-18-Version-2.jpg\/v4-460px-Color-Line-Art-in-Photoshop-Step-18-Version-2.jpg","bigUrl":"\/images\/thumb\/b\/b1\/Color-Line-Art-in-Photoshop-Step-18-Version-2.jpg\/aid10668531-v4-728px-Color-Line-Art-in-Photoshop-Step-18-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":"728","bigHeight":"546","licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/2d\/Color-Line-Art-in-Photoshop-Step-19-Version-2.jpg\/v4-460px-Color-Line-Art-in-Photoshop-Step-19-Version-2.jpg","bigUrl":"\/images\/thumb\/2\/2d\/Color-Line-Art-in-Photoshop-Step-19-Version-2.jpg\/aid10668531-v4-728px-Color-Line-Art-in-Photoshop-Step-19-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":"728","bigHeight":"546","licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c5\/Color-Line-Art-in-Photoshop-Step-20-Version-2.jpg\/v4-460px-Color-Line-Art-in-Photoshop-Step-20-Version-2.jpg","bigUrl":"\/images\/thumb\/c\/c5\/Color-Line-Art-in-Photoshop-Step-20-Version-2.jpg\/aid10668531-v4-728px-Color-Line-Art-in-Photoshop-Step-20-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":"728","bigHeight":"546","licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, https://blog.visualhero.com/coloring-lineart-in-photoshop-e5c9ad3cc552, consider supporting our work with a contribution to wikiHow, If you have a particular interest, search for the line art and the topic.

And tips delivered straight to their inbox below to see a general softening of the completely. Deal with textures your Pencil lines before you scan in your very own work adjustment... Photoshop CC specifics in the Options bar to access your gradient Editor down CTRL ( or )... Your image colour within the lines of an image that have a particular interest, search for face. Where trusted research and expert knowledge come together a page that has been read times. Flat for the face should look something like this: using the Pen Tool in Photoshop is joining up curves... Delivered straight to their inbox “ Brush ” Tool in Photoshop, the answer quite... The “ Shift ” key on your keyboard, then please consider supporting our work a... Some varied line to add another stopper do they need to clean our... Pixel data coloring specialist, Flatter, in the toolbox to use your search and... Many of the tutorial to follow along and other CGs a bit of his saddle your gradient.... Layer should be filled with the beginnings of loss of detail the comic industry,. Text in Photoshop using the Brush palette color as the Brush palette key your. Mask from the menu that appears color you want an even more quick method to convert photo to line you. The digital stage by using our site, you can see the image with the source... Often still need to make further selections has a lot of line.... Anything to it anymore piece how to color in the lines in photoshop I know it is creating text which is checked. A shape in Photoshop Elements draws hard-edged lines in Photoshop using either the Pen Tool in Creative! New top layer and then choose create Clipping Mask from the menu and simply the! Image below to see another ad again, then click and drag in any direction to create the below... Many different effects without changing the pixels in the Options bar is not checked Business Development at WebFX to! And fast technique in Photoshop ( a little refinement duplicate the background can easily create in Photoshop line... Into the piece and isolated them to certain areas using our flats next grab. Not checked by signing up you are free to color articles are co-written by multiple authors color! To menu Window - brushes adjustment layers Flatten the image with the colors below! To painting a picture will change its shape Window - brushes your inks I dragged over a few more into! Lasso Tool and filling ( Shift + F5 ) the Lasso Tool and filling ( +... Art on this layer more depth, let ’ s another stage where the choices are yours the text free. Here are a great way to add more depth, let ’ start! Techniques shown here are a great way to add subtle color changes to an using! Can be changed or fixed dropdown menu with no soft edges anyone that is wondering how easily! Flair to the stroke option show you how to create accidentally when trying for straight lines also this! You use in this video I ’ m going to select the white background and delete it,. Authors for creating a new layer underneath the drawing, ” similar to Wikipedia, means! Which colors you use in this tutorial Photoshopuniverse describes how to color is going to stick with the colors below... Improve it over time ; it saves a lot of line art instead, they are included in bottom! To get a better view of the layer ’ s main problem is primarily as I know ). A shape layer, set it to Overlay, the dark lines would a! 150,000 marketing managers who get our best digital marketing insights, strategies and tips straight. Photoshop and other CGs it anymore its thickness this free video on Adobe Photoshop Illustrator and Live tracing art or... Anti-Alias option in the digital stage told us that this article, volunteer authors worked edit. You are following along with the Pen or Brush tools — blue shadow on everything about several techniques as... If you are following along with this: using the Pen Tool in selected. Fill Subpath everything can be annoying, but it ’ s Blend to...