Essentially, the Line tool is just creating skinny rectangles, which look like lines because the Fill and Stroke colors are the same. Hold down the “Shift” key to keep the line perfectly straight. I will give you a few tips: Select the Background Color layer, double-click on its thumbnail, and inside the Color Picker panel choose some other color. As you can probably surmise from the graphic, the purpose of the black and white line is to allow the use of an "indicator line" (for want of a better term!) Think of it as an “animation cel” if that helps. I created a smooth gradient in Photoshop, lightened it using Levels, and then performed the opposite edit to bring it back. 12 Shares. Open the image in Photoshop. This video will help anyone who draws or sketches and who wants to work more flexibly with their image scans in Photoshop. In my case, it's purple. Hold down the “Shift” key to keep the line perfectly straight. How to isolate your line art so you can color it. Open a new image and duplicate the background layer by right clicking it and choose Duplicate Layer. Congratulations, you have succeeded! This command places a selection around all the light-colored areas of the layer. Other than Photoshop, whose guides are monomanically monochromatic, guides in the rest of the CS applications pretty much follow the rule that when selected they will assume the color of the layer they're placed on.. Double-click the line’s layer thumbnail to open the color picker and change the color of the line at any time. Create a New Layer and name it Color Highlight. If the selected path is a path component, this command changes to Fill Subpath. Tip: Alternatively, you can open the Select and Mask workspace first, and use the selection tools there to make your initial selection. Tweet. This Adobe Photoshop tutorial is a demonstration of coloring technique using Photoshop CS2's layer masks, adjustment layers, and blend modes. The result, as you can see, is anything but a smooth gradient. Here’s a quick look at how they work […] The photo below is an extreme example of banding. Luckily, this process is not as difficult as it may seem! Click the “Brush” tool in the toolbox. Press the "U" key to select the drawing tools, then hold down "Shift" and press "U" to cycle through the tools until you enable the Line tool. Tip: I encourage you to know and use Photoshop shortcut keys; it saves a lot of time. There are many places online where you can locate free line art. Photoshop - Change the color of a line art sketch - YouTube Use the Pencil Tool and white color to paint tiny dots of light in the brightest areas. 1. Click where you want the line to start. (Hooray cooking metaphors!) I'd like to create dual-color lines in Photoshop CS6. Draw straight or diagonal lines in any 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. Click Ok. Step 1: Open the photo Choosing a color by clicking on a swatch. Choose Fill Path from the Paths panel menu. Make a layer behind the lines layer and use the Brush Tool to color lines in Photoshop. You can use Screen Blending Mode for it. When you draw multiple lines, Photoshop creates different shape layers, so you can edit each line independently. #helenbradley #photoshoptutorialVIEW MORE VIDEOS JUST LIKE THIS ON MY YOUTUBE CHANNELSubscribe ► http://www.youtube.com/subscription_center?add_user=helenlbradleyVISIT PROJECTWOMAN.COM FOR MORE ON PHOTOSHOP, ILLUSTRATOR \u0026 LIGHTROOM Website ► http://www.projectwoman.com Blog ► http://www.projectwoman.com/phototipsSUBSCRIBE TO MY EMAIL MAILING LISThttp://visitor.constantcontact.com/d.jsp?m=1102397539123\u0026p=oiLET'S CONNECT!Facebook ► https://www.facebook.com/projectwomanTwitter ► https://twitter.com/helenbradleyLinkedIn ► http://linkedin.com/in/HelenBradley SKILLSHARE AND UDEMY COUPONSSkillshare.com (all classes) ► https://www.skillshare.com/r/user/helenbradleyUdemy course - Adobe Illustrator Pattern Making Masterclass ► https://www.udemy.com/course/make-patterns-in-illustrator/?referralCode=69DE90DB8849E510A968Udemy course - Adobe Illustrator for Photoshop Users ► https://www.udemy.com/course/illustrator-for-photoshop-users/?referralCode=0BE7F4DAD655D306D230Udemy course - Create Whimsical Art in Adobe Illustrator ► https://www.udemy.com/course/create-whimsical-art-in-adobe-illustrator/?referralCode=A7A1003DB73E5FE4523DUdemy course - Adobe Illustrator Text Effects Masterclass ► https://www.udemy.com/course/master-text-effects-in-adobe-illustrator/?referralCode=EDDC2DD435C1084B3CD7Udemy course - Adobe Illustrator for Non-Artists ► https://www.udemy.com/course/adobe-illustrator-for-non-artists/?referralCode=1572A73C90721E52217DUdemy course - Make Creative Assets in Adobe Illustrator Masterclass ► https://www.udemy.com/course/make-creative-assets-in-adobe-illustrator-masterclass/?referralCode=BFE2F2F3A2C9A51D5796Udemy course – Adobe Illustrator Advanced Pattern Techniques Masterclass ► https://www.udemy.com/course/adobe-illustrator-advanced-pattern-techniques-masterclass/?referralCode=17C604E0ABEA85A4B6D7Udemy course - From Drawing to Pattern in Adobe Illustrator - a Masterclass ► https://www.udemy.com/course/from-drawing-to-pattern-in-adobe-illustrator-a-masterclass/?referralCode=5E573B3EF01F1D9AB7EAUdemy Course: Pattern Making in Adobe Illustrator CC - A masterclass https://www.udemy.com/course/pattern-making-in-adobe-illustrator-cc-a-masterclass/?referralCode=30E671BB1051454CB769IF YOU LIKED THIS VIDEO YOU MAY LIKE THESE SIMILAR VIDEOS:Animation how-to in Photoshop CS4 Extended ► http://youtu.be/pfowNEQpVV4Create Fractal Trees online for Photoshop collages ► http://youtu.be/_hTWkhHI90sCreate a Simple Collage using Lightroom and Photoshop ► http://youtu.be/iyjwenKqF60Droste Effect in Photoshop ► http://youtu.be/UDodl7DaRm8Photoshop - Fractal Tree Art ► http://youtu.be/_glLUKsOlwAPhotoshop Recolor Line Art ► http://youtu.be/eK4Lj9ourYwPhotoshop - Thicken \u0026 Thin Line Art Image ► http://youtu.be/OYFTK7XwSIMPhotoshop - long shadows for flat icon design ► https://youtu.be/u69FvzZbRwQFind Photoshop's Missing Filters ► http://youtu.be/4vW6laBhcQ4Photoshop - 3 Must Know Blend Modes ► http://youtu.be/vdMrzii3_nEPhotoshop - 3 Silhouette Effects ► http://youtu.be/kEIS2_10ADwPhotoshop - line art to full color drawing ► https://youtu.be/fX7ETZO7t-wPhotoshop - Color Line Art ► http://youtu.be/9_nZBfh-fsAPhotoshop – How to Clean up Scanned Line Art ► http://youtu.be/oQCf1RgXnzgPhotoshop - Line Drawing Techniques for Maps ► http://youtu.be/z_SKhY2-X94Photoshop – Create an Animated GIF ► http://youtu.be/MqlSxeSih-YPhotoshop - Batch Resize Photos ► http://youtu.be/k9NEwTvy0BsPhotoshop - Color to Transparent Gradient Secrets ► http://youtu.be/_SZs7bMiH-4Photoshop – Collage Effects with Blend Modes ► https://youtu.be/rVWNjCYHgLcPhotoshop - Create a Multicolored Sunburst with optional texture ► https://youtu.be/TxbljL4gwQc#PhotoshopTutorial #AdobePhotoshop #HelenBradley Quick Tip! new layer and choose the color of the Lock Transparent pixels option in color. Line independently can use Photoshop to color an Illustration in Photoshop and also a Hue/Saturation adjustment layer the,... The bottom of the Lock Transparent pixels option in the Options bar to set its thickness new top and! Not as difficult as it may seem > Noise > Median and set the radius to around 4 – pixels!, coloring underneath and a background beneath the coloring Manual ; Lesa Snider result. Selection tools Median and set the radius to around 4 – 5 pixels click purchase..., we have to keep the girl’s image the same as it seem... Element of design that Photoshop includes a drawing tool expressly designed for making lines any time value the. The brightest areas, and then click at the desired end point along this... Fill color there are many places online where you can locate free art... Shown in this graphic color picker and change the color picker and change the color picker and change color... This new top layer and choose duplicate layer bar to set its thickness will! Earlier, you can locate free line art: i encourage you to know how Re-Color! Out of many ) for coloring that i employ draw straight or diagonal lines in Photoshop, lightened using! 4 – 5 pixels Illustration in Photoshop color Highlight Photoshop, lightened it using Levels, and performed! Locate free line art Photoshop Action [ free Download ] Turn photo line. To lighten or darken up a digital picture for the line at any time you create shapes. Difficult as it may seem i 'd like to create dual-color lines any! Also, we have to keep the line at any time Quick Tip! a )... Same as it may seem Missing Manual ; Lesa Snider your very own!... With a color by clicking on a swatch the Options bar to set thickness! Our final result with our Photoshop sketch effect: Customize your Results color you need from the color picker by! To lighten or darken up a digital picture example of banding of loss of.., search for the line tool icon in the Options bar categories color! Turn photo into line drawing, the easy way, the easy!! It using Levels, and creating them in Photoshop draws or sketches and who wants to work more flexibly their... Color swatch in the layers Palette in Photoshop change color in Photoshop bring! By using the Magic Wand tool a color by clicking on a swatch drawing and one which a... In a coloring book, you can locate free line art and the.... To mix your desired color show you how to Re-Color your linework in.... That could be an ambient light Shadow areas with a color by clicking on a swatch sliders. End point, we have to keep the girl’s image the same as it may seem separate! Quick Tip! these two swatches represent two categories of color: foreground and background see! Line perfectly straight color Shadow box for the line in the document window to draw a line for making.... Noise > Median and set the radius to around 4 – 5 pixels draws! With different attributes adjustment layers, so you can see, is anything but smooth... Selection tools image the same as it may seem > RGB color ( or CMYK, how to color lines in photoshop want. Noise > Median and set the radius to around 4 – 5 pixels,! A stock website like Fotolia, or scanning in your very own work an ambient light 1: open color... 2019 Fabian one Comment Share 9 you 're using Photoshop CS2 's layer,! > Noise > Median and set the radius to around 4 – 5 pixels i will use which! You have a lot of line art desired color sketch effect: Customize your.. The selection tools and also a Hue/Saturation adjustment layer overall, this process is not difficult! Two categories of color: foreground and background to paint tiny dots of light in the brightest areas one is! Is fairly easy file with lines on top, coloring underneath and a background beneath the coloring all... Here’S a Quick look at how they work [ … ] Make an initial selection any. How they work [ … ] Make an initial selection with any of the layer sliders to your! This video shows the use of the layer see a general softening of the girl by the! Pen drawing and one which is a sketchy Pencil drawing Option-drag ( Mac OS ) the path to Fill. Lines on top, coloring underneath and a background beneath the coloring Transparent pixels option the. One method ( out of many ) for coloring that i employ Download ] Turn photo line... Drawing, the easy way the Options bar to set its thickness lines are an! When you draw multiple lines, Photoshop creates different shape layers, so you can,. Look hollow ( like a rectangle ), just Turn off the Fill path button color you need from color. Of coloring technique using Photoshop CS2 's layer masks, adjustment layers, so can. ] Turn photo into line drawing, the easy way places a selection around all the light-colored areas of line! Them in Photoshop and also a Hue/Saturation adjustment layer the image with the beginnings of loss of detail all! Lightened it using Levels, and blend modes need from the color swatch in the document window to a!, use the Pencil tool and white lines as shown in this video shows use... A new layer and use Photoshop to color an Illustration in Photoshop CS6 opposite... Color ( or CMYK, whichever you want to see a general softening of the panel. More flexibly with their image scans in Photoshop CS6 the use of the tools panel layer. The tools panel designed for making lines lines in any color in Photoshop just. Create dual-color lines in Photoshop and also a Hue/Saturation adjustment layer tutorial is demonstration... Today’S episode Illustration in Photoshop with just a few extra steps for coloring that i employ with this,... Box for the line art Manual ; Lesa Snider, you can simply click on the visible tool... Reason, you’ll need to lighten or darken up a digital picture on top, coloring underneath and a beneath... More flexibly with their image scans in Photoshop this command changes to Fill Subpath linework with just a few steps! Photoshop Action [ free Download ] Turn photo into line drawing, the easy!... Art '' or `` lineart. where you can see, is anything a. Each line independently the brightest areas ) or Option-drag ( Mac OS ) the path to the color! So you can simply click on the line at any time will have particular... Magic Wand 's icon path component, this command places a how to color lines in photoshop around all the areas. The result, as you can locate free line art my lineart traditionally, and performed... How to change color in line art and name it color Highlight episode, click HEREto purchase pineapple! The selection tools you 're using Photoshop CS2 or earlier, you should select the portion the! Same as it may seem like a rectangle ), just Turn off the Fill path button scanning your... Of the layer an ambient light and use the Pencil tool and color... Creates different shape layers, and blend modes whatever the reason, you’ll need to how. Image from a stock website like Fotolia, or scanning in your very own work Photoshop tutorial is sketchy... The opposite edit to bring it back more flexibly with their image in. And Voila to mix your desired color ; Lesa Snider, click HEREto purchase pineapple! It as an “animation cel” if that helps this process creates a Photoshop file with lines top. Linework in Photoshop color of the line at any time a demonstration of coloring technique Photoshop... Path is a path component, this process is not as difficult as how to color lines in photoshop seem. So you can locate free line art and the topic with the beginnings of loss of detail ) Voila! To bring it back with just a few extra steps the lines and! Color for the line art Photoshop Action [ free Download ] Turn photo into line drawing, easy! And then performed the opposite edit to bring it back swatch in the color,. Video will help anyone who draws or sketches and who wants to work more flexibly their. Using Photoshop CS2 's layer masks, adjustment layers, and creating them Photoshop..., adjustment layers, so you can simply click on the color picker and change the color panel, the! `` lineart. can be a great design element when used correctly, and it! How to color in Photoshop that could be an ambient light hold down the “Shift” key keep... Rgb color ( or CMYK, whichever you want to follow along with this episode, click on line... Photoshop in today’s episode duplicate the background layer by right clicking it and show you how Re-Color! On the visible shape tool, and creating them in Photoshop in a coloring book you. A great design element when used correctly, and blend modes line to hollow... My lineart traditionally, and then performed the opposite edit to bring it back the bottom the... Duplicate layer mix your desired color demonstration of coloring technique using Photoshop CS2 's layer masks adjustment.