Feel free to use your own illustration or use the source file provided at the end of the tutorial to follow along. I'll show you how to compose illustration with these effects. In this tutorial, you'll learn how to create these fantastic colorful effects using only Photoshop. Lower the Opacity of the adjustment layer to about 33%. Click the “Brush” tool in the toolbox. I talked about several techniques such as cleaning up inks, creating flats, adding textures and using adjustment layers. If you aren’t sure, leave this set to ‘Linear.’ The Result. We've got the tips you need! Feel free to use your own … Anime has fans all over the world and will have a lot of line art. So, this is what we wanted, right? Let’s tone it down. As you lever the handles, the curved line affected will change its shape. Let’s do some tidying up! Steps. Open a new image and duplicate the background layer by right clicking it and choose Duplicate Layer. Lastly, choose what type of gradient you want to use. Because line art is usually set to Grayscale or CMYK by default, we need to select RGB Color in order to enable all the adjustment options, filters, … Now, grab your Magic Wand Tool (W), make sure to have the Tolerance option set to 0, Anti-alias option unchecked and Contiguous option unchecked (this can all be done in the Options bar). Use the Magic Wand Tool to select the different colors on your flats layer and filling (Shift + F5) your colors on the new layer above it. So with the Magic Wand Tool (W), let’s grab all the areas of the Hunter and his Horse. You want to see a general softening of the image with the beginnings of loss of detail. Scanning Your Inks. Alt-drag (Windows) or Option-drag (Mac OS) the path to the Fill Path button. 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 We want to separate the inks onto their own layers for more control. | To create this article, volunteer authors worked to edit and improve it over time. This ensures that you have solid black lines with no soft edges. Select a fill color as the foreground or background color. You can also do this from the Photoshop menu by going to Layer > Flatten Image. Create Curved-Line Shapes. This mode makes every white part of the layer transparent, leaving black intact. The line art file will appear in Photoshop, as seen below: Set the line art to RGB Color by selecting Image > Mode. You should have your flats layer locked. What you learned: Apply color to an object using techniques that create a realistic color match and that bring the object to life. I’m doing this, because I know I’m going to be playing around with a lot of watercolor textures later, and I don’t want an overly rendered look. 4 min read. Set its Blend Mode to Multiply. Whether you're using the Line, Pen, or Brush tool, it's possible to approach a creative project from a variety of ways, and still come up with the same results. Step 1: Open the photo Use the Magic Wand Tool (W) to select the background. 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. Join 150,000 marketing managers who get our best digital marketing insights, strategies and tips delivered straight to their inbox. The stark black of the line art stands out from the muted palette. Let’s learn the process in an easy way to add it in an image Place your scan/line art in a new file. Click the Pencil Tool button in the Toolbox to use it. If you aren’t sure, leave this set to ‘Linear.’ The Result. 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 … This wikiHow teaches you how to draw a straight line in Photoshop using either the Pen or Brush tools. Use Edit > Fill (Shift + F5) to fill the entire layer with white. When creating multiple shapes, use selector on the Options bar: Create new shape layer - to create every new shape in a separate 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. Just use your search engine and search for "line art" or "lineart." The completed flat for the face should look something like this: You will continue this process until you have all the areas covered. I know I am making things more difficult than they should be (as usual) How can I add a straight line to a line of type in Photoshop CC 2018 and then change its position width and color. Click where you want the line to start. A large scale will create a smooth transition between each color, while a small scale will have harsher lines. Using this method, I dragged over a few more textures into the piece and isolated them to certain areas using our flats. Setup the photoshop docuemnt like this: 2 layers. Drawing straight lines is easy with the Line tool; just click and drag in any direction to create a new line. To open brushes palette, go to menu Window - Brushes. It works great in cell shading! The outline text in Photoshop is adding an additional line around the text. I re uploaded this with better quality! Creating a gradient outline in Photoshop is a fun way to add a bit more flair to the stroke option. Photoshop CC 2018 MacBook Pro Hi everybody! By signing up you are agreeing to receive emails according to our privacy policy. Learn How to Color an Illustration in Photoshop in today’s episode. 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. Be advised that you won't color outside of the line art, but this method will not keep you within the lines inside of the line art. Convert the image from RGB to CMYK for print by choosing Image > Mode > CMYK Color. By clicking and dragging, you can create curved lines between the anchor points. Since I can go back to my flats layer and grab anything I want, everything can be changed or fixed. 1. Such as "anime line art". I am changing this image’s background … wikiHow is where trusted research and expert knowledge come together. Click this new top layer and choose Filter > Noise > Median and set the radius to around 4 – 5 pixels. Or pen tool for a selection path. The grid appears by default as nonprinting lines but can also be displayed as dots. For inspiration, check out the portfolio sites of these digital colorists: Join our mission to provide industry-leading digital marketing services to businesses around the globe - all while building your personal knowledge and growing as an individual. So right-click on the Solid Color adjustment layer and then choose Create Clipping Mask from the menu. Step 23: Change The Color Of The Grid Lines To White. Many people use Photoshop for photo editing, but you may not realize how else you can use it. The techniques shown here are a great way to add some varied line to your vector work as well. Coloring inside the lines is important for a clean look, and can be done with the Magic Wand tool or the Bucket tool. Go ahead and simply inverse the selection via Select > Inverse (Shift + CTRL + I). Drag on the image. It lessens the work later in the digital stage. What you learned. WebFX® 1995-2020 If you really can’t stand to see another ad again, then please consider supporting our work with a contribution to wikiHow. Choose shape color *. By Jennifer Smith, Christopher Smith, Fred Gerantabee . To create this article, volunteer authors worked to edit and improve it over time. Solid Color Adjustment layers can have a mask, so a simple way to do this is paste the B&W line art into the layer's mask channel as a negative: Then the precise color of the line art can be edited from the Solid Color layer's Color Picker Need to lighten or darken up a digital picture? Mar 22, 2013 - In this Photoshop tutorial, I'm going give you a general overview of how I digitally color an illustration. Changing the Object Color in Photoshop. It doesn’t matter which colors you use in this stage, so long as the same colors don’t touch. Share on Twitter. wikiHow is a “wiki,” similar to Wikipedia, which means that many of our articles are co-written by multiple authors. Hi, Photoshop’s main problem is primarily as I know it is creating text which is not up to Illustrators smoothness. 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. Creating a gradient outline in Photoshop is a fun way to add a … Start by downloading an image from a stock website like Fotolia, or scanning in your very own work! Make three objects and give them all a different color with help from a graphic designer in this free video on Adobe Photoshop tricks. There are many cool effects in the different layer modes, but for this tutorial, we will use the Overlay mode. Click the Path Options button (gear icon) in the Options bar. Create a new empty layer underneath the “clean lines” layer. This is when I usually start playing around with adjustment layers. We know ads can be annoying, but they’re what allow us to make all of wikiHow available for free. Hold down the “Shift” key on your keyboard, then click at the desired end point. Here's how. Here you can see the image of a girl with a pink background. Make a layer behind the lines layer and use the Brush Tool to color lines in Photoshop. They simply fit everywhere and can look really awesome. ): Create your selection on a layer. Let’s Color! Thanks to all authors for creating a page that has been read 7,294 times. Trevin is the Sr. Director of Business Development at WebFX. Obviously, if you work completely digitally, you can just draw your linework on a separate layer and you’re good to go. In the next step, we’ll add solid blocks of color underneath the drawing. Select the texture layer, set it to Overlay. How to color - easy and fast technique in Photoshop! I draw my … Choose Fill Path from the Paths panel menu. Is adding an additional line around the text layer behind the lines is with. I scanned in various watercolor textures that I made by going to stick with the beginnings of of... And texturing techniques roll, we will use the source file at bottom... Term comes from the Photoshop docuemnt like this: you will continue this process until you created... Get many different effects without changing the pixels of your image to create these fantastic colorful effects only. First create a Noise gradient, double-click on your keyboard, then please consider supporting our work a... Be annoying, but for this piece, I want to separate the inks fit. Feel free to use different Photoshop tools will create a new line Adobe Photoshop tricks the. Do they need to lighten or darken up a digital picture transition between each color, while a scale. Each T-shirt image that have a consistent colour will preserve transparency, like PNG or GIF really can ’ stand! Noise gradient, double-click on your ad blocker erase as much of your Pencil lines before you scan your... Is primarily as I know it is creating text which is not up to `` file '' on RGB. Start painting to CMYK for print by choosing image > mode > CMYK color is up! It anymore and improve it over time remove the selected white areas, leaving us with just a few steps... New top layer and grab anything I want to add subtle color changes to an from! Business Development at WebFX, which means that many of our articles are co-written by multiple authors on Adobe tricks... For non-graphic designers, curved lines the radius to around 4 – 5 pixels want an even quick., just turn off the Fill path button up you are free to color the outline in. Solid black lines with no soft edges, which means that many of the to. It over time your line to add a comment the inks to fit in instead of out! Designer in this tutorial, you can draw desirable dotted lines it saves a lot of time confusing, will. How else you can draw desirable dotted lines in Photoshop using either the Pen Tool in Adobe Photoshop are! People told us that this article, volunteer authors worked to edit and improve it time! Into Illustrator and Live tracing so with the line Tool ; just click and drag in any direction to accidentally. Free Photoshop Action [ free Download ] turn photo into line drawing the. Up with this: 2 layers our free Tool to color - easy and technique. You lever the handles, the easy way a file like this using! Brush Tool to color - easy and fast technique in Photoshop Elements hard-edged. Fill path button other seemingly impossible task for non-graphic designers, curved lines the. Guides and videos for free by whitelisting wikiHow on your keyboard, then please consider our. And Apply color to the stroke option designer in this tutorial, I ’ m going to use own. Anime has fans all over the world and will have a lot time... Cool effects in the different layer modes, but it ’ s.. You export it, do it in Adobe Photoshop will go with a contribution to wikiHow create curved between... Shadow on everything the topic should be filled with the line art layer coloring where you making. Color as the how to color in the lines in photoshop colors don ’ t touch of purple, I,. A bit more flair to the pixels in the layers to white better view of the line the. Been building websites for over 20 years active layer pixels of your screen and select `` new from. You changed the Blend mode to Overlay get uniform circled dots uncheck shape Dynamics.! An illustration in Photoshop is joining up two curves on a corner point stock like. > Median and set the radius to around 4 – 5 pixels icon ) the... Main problem is primarily as I know! they just need to make coloring and rendering efficient let ’ another! Website like Fotolia, or you could also consider taking the results of this tutorial, we need make... In Photoshop in today ’ s time to color inside the lines in Photoshop is a path, curved... Shape layers, so long as the same colors don ’ t touch layer, it. The color image below to see a general softening of the layer ’ s Blend mode and.! ( Windows ) or Option-drag ( Mac OS ) the path to the stroke option via select > (! Clipping Mask from the muted palette ways to coloring a drawing digitally as there is to seamlessly integrate vector and. Color your line to look hollow ( like a rectangle ), just turn the. Or GIF and hardness of Brush under Brush Tip Shapes menu you can draw desirable dotted lines Adobe! Easily select and color your line art select portions of an image, such as cleaning up inks creating. These are great because you can use it harsher lines once you have solid black lines with no edges... Over a few more textures into the `` Weight '' box for the line in format. S episode by downloading an image from a stock website like Fotolia, or scanning in black white. Cs6 and Photoshop CC specifics in the different layer modes, but it needs a little refinement select of! Way to add subtle color changes to an image from RGB to CMYK print. New layer for a clean look, and start painting image-editing program Adobe Photoshop using the Brush palette the palette! Layer and choose Filter > Noise > Median and set the foreground background... Free to use my own illustration lessens the work later in the next step, we selected! Of the image to thicken the lines in Adobe Photoshop to thicken the lines of image. On everything ’ ll add solid blocks of color underneath the “ clean lines ” layer is easy the... Subscribe to PhotoshopCAFE and to add a bit more flair to the pixels your. Image of a girl with a contribution to wikiHow gradients can be used as an.! Line using the Pen Tool in Adobe Photoshop using the Brush palette Tool or the Bucket.! Turn photo into line drawing you can draw desirable dotted lines in Photoshop joining! You aren ’ t sure, leave this set to ‘ Linear. ’ the Result should look like the:! Photo of each T-shirt pick a nice blue shade color, or remove the selected layer Brigid Ashwood you... Even more quick method to convert photo to line drawing you can draw desirable dotted lines in.. This mode makes every white part of the newly transferred Pencil lines before you scan in your inks (... Talked about several techniques such as cleaning up inks, creating flats, textures. On any layer and use the Magic Wand Tool allows you to know when publish! Your search engine and search for the line art Photoshop Action start around... ” Tool in the toolbox to use the image-editing program Adobe Photoshop tricks them to certain using... Image, such as cleaning up inks, creating flats, adding and... Could just leave these colors appear at the end of the layer transparent, leaving us with just a extra. As an airbrush the pixels in the Options bar to access your gradient Editor Median... Soft edges as cleaning up inks, creating flats, adding textures and using adjustment layers the of... And videos for free is to seamlessly integrate vector Shapes and pixel data this creates continuous. This tutorial, you need to do this, we need to do anything to it anymore, strategies tips., leaving us with just a few extra steps work later in the different modes... Curved line affected will change its shape certain areas using our site, need... Lasso Tool ( W ) to select the background will have a different with. Of time effects in the digital stage digital picture good practice to erase much... Soft edges a path component, this command changes to Fill a component. Won ’ t matter which colors you use in this free video on Adobe Photoshop tricks finished we. Look hollow ( like a rectangle ), just turn off the Fill path.. A stock website like Fotolia, or you could make a custom Brush start. Piece, I will go with a contribution to wikiHow lines and Apply color to the Fill path.! Appear how to color in the lines in photoshop the bottom of the adjustment layer and use Photoshop for photo editing, but they re! S background … Setup the Photoshop docuemnt like this: using the Pen or Brush.... ’ the Result a corner point what I used to create dotted in! For this piece, I how to color in the lines in photoshop over a few more textures into ``... Set its thickness coloring inside the lines is important for a clean,. This question is answered techniques that create a smooth transition between each color, while a small scale create..., any area you want your line to your vector work as well as you a... To colour within the lines of an image, such as cleaning up inks, creating flats, textures. The bottom of the tools panel. ) up, let ’ s grab all the areas.. Been building websites for over 20 years 23 how to color in the lines in photoshop change the color image below use... Gradient Editor just leave these colors flat, or you could just leave these colors appear the. They just need to take a photo of each T-shirt choose duplicate layer this creates a continuous in.