How To Take A Drawing And Make It Digital
Every designer's idea starts on newspaper, then transforms through software. Learn the essential steps for turning your sketch into digital art.
The sketching and ideating process is an essential stride in every designer and illustrator's workflow. Whether you're designing a new font, a poster, or a simple analogy, information technology's crucial to become your ideas down on newspaper before bringing it onto your reckoner.
Read on to learn five essential tips to prepare your drawings for the calculator, with step-past-step instructions on how to digitize your sketches in three dissimilar creative programs: Adobe Illustrator, Adobe Photoshop, and Procreate. Plus you'll find additional tools to take your sketches to the adjacent level.
v Essential Tips to Know Before Digitizing
Earlier you lot begin the journeying to digitizing your artwork, allow's get into some essential steps to help guide you along the way. These five tips will ensure you lot ever become a smooth transition from paper to software.
Tip 1: Always Utilise Make clean White Paper
No matter what yous're drawing, it'south ever crucial to outset out with a clean white piece of paper. This ensures that your drawing will properly scan later on. Colored papers may impede the digitizing process.
Tip ii: Refine and Clean Up Your Sketch
Many artists and designers adopt to loosely sketch ideas earlier refining them afterward on. Once y'all've got a solid drawing down, use a fine tip pen or marker to polish up those sketchy lines. Erasers are also your friend hither, since smudges and excess lines can frequently obfuscate your scans and interfere with the digitizing process.
Clean erasers are key—muddied erasers tin muddle your drawings even more by smearing pencil lead remnants.
Tip iii: Use Tracing Paper to Go Over Your Drawings
To take my drawings a footstep further, I like to use tracing paper and go over my original sketches. This blazon of paper is slightly translucent, giving y'all the power to trace over your original sketches and shine upward your designs even more.
For designers who prefer to accept a detailed drawing before moving onto the digitizing phase, this step is an accented must.
If possible, employ a fine-tip marker in this stage. Since you're no longer sketching and are only tracing over the finalized drawing, sticking with a darker pen or marking is ideal, especially for scanning.
Tip 4: Experiment with Scanning Your Drawing via Smartphone
For those who don't take access to a high-resolution scanner, take no fear. You can achieve similar results using a scanning app on your smartphone.
For iPhone users, the Notes app creates high-quality scanned images. Only open a new Note, click the camera icon, and select Browse Documents. Place the sketch on an fifty-fifty surface with decent lighting to reach best results. In just a few seconds, y'all'll have a crisp, clean scanned cartoon that tin can instantly be transferred to software.
For Android users, the Adobe Scan app does but the trick. Identify your drawing on an even surface with aplenty lighting to let for an like shooting fish in a barrel and high-quality browse. Select the camera icon, then go into Auto-Capture mode to initiate the browse process.
One time scanned, this prototype can be touched upwardly in Review Way, if needed. From there, you tin easily ship your scanned sketch to artistic software.
Tip 5: Scan Your Paper at a High Resolution
Scanning your drawings is the last step earlier bringing them into pattern software. To ensure a seamless transition from paper to software, scan your drawings at 300 PPI (pixels per inch) or more. The higher the pixels per inch, the crisper the scan will be.
A scan with a higher PPI tends to be of college quality due to its greater pixel density. The private pixels in a 300 PPI prototype are drastically smaller than in a 72 PPI image. Smaller pixels allow for a smoother alloy of color and shape.
If you lot're turning your sketch into a vector image, and so the pixel density isn't as important. But if you lot're digitizing your drawing in Photoshop, the pixel density is crucial.
In one case you lot've scanned your drawing, transfer the browse onto a flash bulldoze for easy send to your computer.
Digitizing Your Sketch in Illustrator
Turning a drawing into a vector is one of my favorite techniques for bringing a drawing to life. Adobe Illustrator's vast library of tools, colors, and effects make digitizing a cakewalk.
Not just that, merely vectors agree a greater advantage when digitizing your artwork with its infinite scalabilities, smooth curves, and smaller file sizes.
Pace 1: Bring Your Scanned Image into Illustrator
Once you've scanned your prototype and brought information technology onto your desktop, go ahead and create a new document within Adobe Illustrator withCommand + Northward. Import the scan withShift + Control + P, then hitPlaceand click on an artboard to see your drawing popular up inside Illustrator.
Proper name the scanned drawing layer past double-clicking Layer iinside theLayerspanel and typing in a discussion such as "Browse," then add another layer with thefolded square icon.
Do the same for the new layer and proper noun information technology something along the lines of "Vector." This helps to differentiate the two layers and helps yous track your outline progress later on.
You tin as well toggle thelock iconto lock all elements of that layer, or toggle thecenter iconto turn on and off the layer visibility.
Step two: Use the Pen Tool to Outline Drawing
On the top layer, showtime drawing out the outline of your sketch with the handyPen Tool (P). Y'all can either edit the Bezier curves every bit you movement along the drawing, or map out the line and then go back and adjust the curves with the Anchor Bespeak Tool (Shift + C).
To dispense individual Bezier curves, hold down theOption primal while moving the Bezier arms.
Rinse and echo until y'all've covered the entirety of your sketch. If some of your drawing contains geometric shapes, speed up your workflow past using theShapes Toolto quickly map out sketches.
Now that nosotros've outlined the entire drawing, it'south time to add in some color.
Step iii: Make full in Color
Before assigning color to your shapes, think virtually what type of color scheme you're going for. For my plants below, I took on a muted palette to give my blueprint that retro feel. Color is peculiarly important in a blueprint, so have some time and notice a few color palettes that work best for your composition.
Need some color inspiration? Check out these FREE 25 retro palettes, 101 color combinations, or these 20 seasonal-themed palettes.
Once you've settled on a color scheme, import each hue into yourSwatchespanel to make color integration a breeze. With theSelection Tool (Five), click on a shape, then choose from your color swatches to bring it into your design.
Toggle theFillandStrokecolors as needed withX. To switch a stroke color to a fill up, strikingShift + Ten. Proceed assigning colors until you've filled out your design.
Take your analogy a step further past experimenting with blend modes, or by incorporating gradients, textures, brushes, or grain.
Digitizing Your Drawing in Photoshop
While the procedure of digitizing illustrations in Photoshop appears similar to Illustrator, information technology'south drastically different. Working in a raster-based program means your illustration will feature pixels and have limits to scalability. Rather than outlining your cartoon with Bezier curves, you can go over your sketch with brushes if you've got a tablet, or fill in those outlines with the Colour Range menu.
Step one: Bring Your Scanned Prototype into Photoshop
Begin past dragging your scanned cartoon into the Photoshop program. You can either right-click on the image and select Open up With > Adobe Photoshop, or drag the epitome on top of the Photoshop icon on your desktop or toolbar. This will open up a new document with your scanned paradigm.
You can resize or rotate your scan as needed with the Free Transform command (Command + T). Click and drag the corners to resize or place your cursor exterior the corners to rotate.
Step two: Adjust Contrast and Levels
Since many drawings will announced a little light on screen, it'south important to increment the dissimilarity and play around with the Levels and Curves.
In theLayersconsole, you can bring up these adjustment layers by clicking on the one-half-filled circle iconand clicking Levels or Curves. Move the sliders to increase the intensity of white and black in your scanned drawing.
I suggest playing effectually with these nondestructive adjustments to come across which ones work best for your sketch. If you lot're not satisfied with an adjustment, only click the layer and hit theDeletekey.
Once you lot've adjusted the drawing to your liking, condense the layers down by Shift-clicking Layer i and each aligning layer, then hittingCommand + E.
Stride 3: Add together Colour to Lines
Now, let's spruce upwards your sketch with some colors. Y'all can perform this technique in two means: with the help of Color Range to highlight the outlines in your cartoon, or with the aid of Photoshop'south brushes. If you lot own a tablet, you lot can easily become over your original sketch with raster brushes.
Before we add some color into your illustration, add a new layer by hitting the folded square iconin theLayerspanel. From hither, you lot can choose to activate theCastor Tool (B)and fine-tune your castor's appearance within theBrush Settings (F5)carte.
To get with the Color Range road, click back to your original sketch layer, and then caput toSelect > Color Range and click on the white background with the eyedropper. This selects all areas of your design with white. Keep yourFuzziness down to around 12, then hit OK.
Changed the agile option with Shift + Command + I, then activate the new layer you just created. With theBrush Tool (B), brush over the outline with the colors of your pick. Change the castor size equally needed with [/].
Continue filling in the outlines until you've colored all aspects of your illustration. One time yous've finished, hitting Command + D to remove the marching ants selection.
Stride 4: Fill in Rest of Color
Head back to the original drawing layer and activate the Magic Wand Tool (Westward). Click within the remaining portions of your sketch and fill it in with theCastor Tool (B) on the layer above your original sketch layer. This makes sure y'all're non coloring directly on the original drawing. Instead, you lot're adding color to a separate layer.
Go along adding color until yous've filled out the entire sketch.
Selection Tip: When making multiple selections at a fourth dimension, concord downwards theShift cardinal. To remove selections, hold downwardly theOption primal.
Working with Sketches in Procreate
The Procreate app is a powerful application designed for cartoon, illustrating, and prototyping artwork. It closely resembles the setup of Photoshop in regards to its castor library, layer modes, diverse effects, and raster profile. But, with its endless features, tools, and brushes, this digital analogy app is in a league of its own.
Procreate makes the digitizing process feel natural. With the stylus, it tracks the amounts of pressure applied and the angle information technology's used at, mimicking the experience of true pen and paper.
For an in-depth breakdown on the Procreate app, expect through this handy guide.
Step 1: Import Drawing into Procreate
Begin past importing your sketch into the Procreate program. The paradigm can be made past taking a photograph of the analogy, or can be transferred to your iPad from an email.
I simply took a photo of the sketch, since the quality of the paradigm doesn't matter when drawing over the original sketch. In Procreate'southward main menu, select Photo, so choose your drawing from the Photographic camera Roll. Procreate will automatically create a new document containing your image.
Once you've imported your paradigm, resize or rotate the image (as needed) by selecting thearrow iconat the top toolbar. SelectUniform, then elevate the blue corners (as necessary) to resize the image. HitRotate 45 degreesto rotate your image within the document.
Step ii: Apply Brushes to Outline
This is where all the fun begins. TheBrushes carte du jour is inarguably one of the best aspects of Procreate. Select the paint castor icon at the height of the program to open the castor library. There are tons of default brushes at your finger tips—pencils, textured brushes, and more.
Earlier tracing over your original drawing, create a new layer by clicking the plus signin theLayerstab. Keeping your layers consistent and organized is crucial hither.
For each different shape, create a new layer and rename that layer accordingly. To proper name your layer, click on the layer thumbnail and select Rename.
To create a uncomplicated outline, I opted for theMonoline Brushin theCalligraphysection. Experiment with unlike castor types to see what works best for your analogy. You can fine-tune the castor settings by clicking on the castor name.
Click on the circle shape at the top of the program to admission your colors. In that location are various means to alter colors within the Procreate app. You can browse through hues within theDisc,Classic,Value, andPalettestabs.
Step 3: Fill in Rest of Color
Procreate'southward mode of filling in colour is through theColorDroptechnique. Simply activate the layer you'd like to utilize the agile color to, so click and elevate the circumvolve to the enclosed space.
If the outline is enclosed, the color driblet will fill the space. If the outline is partially open, the color fill will spread to the entire layer.
Rinse and repeat for the remaining shapes. To bring in some textural elements, activate theAlpha Lockcontrol inside the layer thumbnail and draw with a Charcoal or other textured castor.
While Illustrator, Photoshop, and Procreate are tools and software I frequently use when digitizing my drawings, in that location are also boosted tools that tin can empower y'all to have your drawings from paper to the screen.
i. InkScape
InkScape, a free vector-editing software program, is a nice selection when Adobe Illustrator isn't available. Being a vector-based program, your traced designs aren't spring to the limitations of raster pixels.
ii. CorelDRAW
A more affordable option than Adobe Artistic Deject is CorelDRAW. The software program boasts vector illustration tools in addition to raster photo editing tools, much like Photoshop.
3. Vectornator
Another professional vector-based software program is Vectornator. With its endless tools and features, you tin can easily take your scanned sketch to the next level with Vectornator's Pen Tool, Shapes Tool, Brush Tool, and more.
Comprehend paradigm via GrandeDuc.
Source: https://www.shutterstock.com/blog/digitizing-art-guide
Posted by: milleryoublituff.blogspot.com
0 Response to "How To Take A Drawing And Make It Digital"
Post a Comment