How to Properly Color a Piece of Digital Art

Digital painting is quite tricky. You get the proper software and that's it, you lot can commencement painting. Every tool, even the about powerful one, is within your reach. All the colors are ready to exist used, no mixing needed.

If y'all've but converted to Photoshop from traditional painting, information technology's not that difficult; you merely demand to notice the counterparts of your favorite tools. Only if you lot're a beginner in both kinds of art, the commencement is a nightmare—the one in which you're not enlightened you're dreaming!

Speaking of tools, you lot tin can find incredible Photoshop add-ons and assets from Envato Elements. Your monthly subscription to the service lets y'all download and use as many Photoshop texture brushes, deportment, and more, with no limits. It'due south perfect for experimenting.

Chemist Stipple and Grain Photoshop Add ons Chemist Stipple and Grain Photoshop Add ons Chemist Stipple and Grain Photoshop Add ons
These Photoshop texture brushes are bachelor to download from Envato Elements.

Photoshop: A Tool for Digital Painting

The trickiness of Photoshop is based on its apparent simplicity: here'due south the set of brushes, here are all the colors, here's the eraser, and this is the Undo control. You first painting, it looks bad, so you lot search for other tools to make information technology better. And just look how many tools at that place are! You try them all, one by 1, and magic happens.

However, "magic" means that yous're letting Photoshop pigment for you. You lot don't have any control over this, but it still looks better than you, a beginner, would always exercise (at least, that's what you believe). So yous let this happen and produce lots of pictures in the hope that they'll turn into masterpieces ane mean solar day.

Young beautiful in glasses drawing on IPad tablet with latest pencil on photoshop Young beautiful in glasses drawing on IPad tablet with latest pencil on photoshop Young beautiful in glasses drawing on IPad tablet with latest pencil on photoshop
Information technology can be like shooting fish in a barrel to laissez passer artistic control over to Photoshop. Stock photo from Envato Elements.

Professional digital artists you admire use Photoshop to bring their visions to life, only they use it as a tool, non an art producing automobile. What's the departure?

  • Professionals imagine an upshot and make the plan do information technology.
  • Beginners make the program exercise something, and if they're satisfied, they continue the effect.

Does the second pick sound familiar? If so, proceed reading. In this article, I'll bear witness y'all how to improve ten different aspects of your workflow so that you get an aware Photoshop creative person. With these ten simple digital painting tips you'll understand the mistakes that might take been blocking you for a long time!

Note: the issues I'm describing utilize to a situation when the artist achieves the consequence unintentionally, while going for realistic style. These aren't mistakes if you plan them!

Strapped for time? If yous still want to learn all the digital painting tips we've got for you, but y'all don't have a lot of fourth dimension to read, don't worry. Watch the next video from the Envato Tuts+ YouTube channel. Don't forget to subscribe if you enjoy these videos!

1. Wrong Photoshop Canvas Size

Starting a new picture is child'south play. Yous become to File > New, or, if you're more advanced, use the shortcut Control-N. Information technology looks then simple that it'due south often overlooked.

digital painting what resolution to use width height digital painting what resolution to use width height digital painting what resolution to use width height

There are three aspects to this issue.

1. Too Small a Canvass

Just equally all objects are made of atoms, every digital painting is made of pixels. This y'all probably know. But exactly how many pixels do you demand to create a detailed painting? 200x200? 400x1000? 9999x9999?

A common beginner mistake is to utilise a Photoshop canvas size similar to the resolution of your screen. The trouble is yous never know what resolution your viewers utilise!

Let's say that your picture looks on your screen like in example i. It's as loftier as information technology could be without a need to scroll over information technology, and that's OK for you. That's the biggest you can get on your resolution, 1024x600. Users with resolution 1280x720 (2) and 1366x768 (three) couldn't mutter either. Only notice what happens for users with bigger resolutions—1920x1080 (4) and 1920x1200 (five). Progressively, the picture takes less and less space on the screen. For these users, yous didn't actually use all the height you could!

digital painting relative Photoshop canvas size resolution digital painting relative Photoshop canvas size resolution digital painting relative Photoshop canvas size resolution

And it'southward not just the affair of "white space" around your motion-picture show. "Bigger resolution" doesn't always mean "bigger screen". Your smartphone may have more pixels on its compact screen than y'all take on your PC! Just look:

  1. Same size, different resolution
  2. Different size, same resolution
digital painting tips Photoshop canvas size resolution difference digital painting tips Photoshop canvas size resolution difference digital painting tips Photoshop canvas size resolution difference

What does information technology mean? For viewers other than you, the motion picture that you planned to fill the whole screen may look like... this:

digital painting tips Photoshop canvas size resolution difference simulation digital painting tips Photoshop canvas size resolution difference simulation digital painting tips Photoshop canvas size resolution difference simulation

Merely the size you lot choose for your picture isn't only about this. The bigger resolution, the more than pixels it has. In smaller resolution, an center may take twenty pixels, while in a bigger resolution it may take 20,000 pixels all for itself! Imagine all the keen details you lot tin put in such a big area!

Here'southward a cool trick: when you paint something small-scale in a big resolution, no thing how sloppy it is, there's a adept chance that from a distance (i.eastward. zoomed out) it will await interesting and intentional. Try information technology out!

digital painting tips why use bigger resolution digital painting tips why use bigger resolution digital painting tips why use bigger resolution
A big resolution lets you zoom into the tiniest details

two. Too Big a Canvas

Does this mean you should always employ a huge resolution to give yourself more liberty? Theoretically, yes. In practice, information technology'south not always necessary, and sometimes information technology's impossible.

The bigger the resolution, the more pixels your basic stroke has. The more pixels in the stroke, the harder it becomes for your machine to procedure it, especially when it comes to force per unit area levels with variable Flow. So, that'south a practical argument against it—you demand a powerful computer to use large resolutions comfortably.

digital painting big resolution good computer digital painting big resolution good computer digital painting big resolution good computer

The second point is big resolutions are meant for highly detailed pieces. Opposite to popular beginner belief, every painting shouldn't be detailed. Even when you want to pigment realistically, you can safely ignore a whole lot of data that you'd get from a photo—what we see in reality never looks like a photo!

When you use a bigger resolution than necessary, it may exist tempting to add some details hither and at that place, just because you can. And when y'all do it, there's no way back. In that location are many levels of details, but a particular piece must use just one at a time. If you desire to create fast, painterly fur, don't spend hours on the heart and olfactory organ—it'll only make the whole piece look inconsistent and unfinished.

3. Also Big a Final Size

Permit's say y'all found that perfect resolution for your painting. It'southward neither besides big nor too pocket-sized—perfect for the level of details you want to accomplish. Here's some space for another mistake. That resolution was your working size. Perchance you needed many pixels to become to that heart particular, but that particular will exist visible "from altitude", too.

digital painting tips what final size resolution to use digital painting tips what final size resolution to use digital painting tips what final size resolution to use
Why let them see these nasty details...
digital painting in Photoshop change resolution details digital painting in Photoshop change resolution details digital painting in Photoshop change resolution details
... if y'all tin can brand them see merely what'due south supposed to be seen?

Before saving the file for the terminal view, resize information technology. I won't tell you the optimal resolution, because in that location isn't one. The rule is: the more detailed the piece, the less it'll lose when presented in big resolution. The more than "sketchy" the painting, the ameliorate it'll await when presented in a small version. If you desire to learn more about this, meet what resolution your favorite artists use when posting their works online.

One more thing: when resizing the pic, check which resample algorithm works the all-time for you. Some of them acuminate the paradigm, which may or may not be desired.

digital painting how to change size digital painting how to change size digital painting how to change size

2. Starting With a White Background

It may seem trivial—what's incorrect with a white groundwork? Information technology's... neutral, right? It looks just like a sheet of newspaper.

The trouble is at that place's no "neutral" color. "Transparent" is the closest to it, but information technology's impossible to paint it. Color is color. When two of them occur, a sure relation appears on its own. For white + colour A, this relation is: "colour A is night". No thing what your intention was, you lot start with a dark color simply considering you lot used the brightest groundwork possible! Everything is dark in comparison to it.

digital painting in Photoshop what background color choose start digital painting in Photoshop what background color choose start digital painting in Photoshop what background color choose start
The same shade changes its relative effulgence when seen on unlike backgrounds

In traditional art, we use a white background because technically information technology'southward easier to put dark on bright than the other way around. Only there's no reason for information technology in digital art! In fact, you could even start with a black background, but information technology's only equally bad an thought equally pure white. In practice, the most "neutral" colour we can go is 50% bright gray (#808080).

Why? The colour of the background changes the way you perceive other colors. On a white background, night shades will appear overly dark, so you'll be avoiding them. On a black background information technology'll piece of work the aforementioned with bright shades. The result in both cases volition be weak contrast that you discover once y'all endeavour to add some other background. Here's the proof:

digital painting in Photoshop black white background wrong digital painting in Photoshop black white background wrong digital painting in Photoshop black white background wrong
I started this motion picture with too nighttime a background, and when I wanted to add a brighter 1, it looked blinding!

Experienced artists are able to start their picture with whatever colour and make the best of it, but unless you feel confident virtually color theory, ever commencement with something neutral—neither too night nor too bright.

digital painting in Photoshop gray background good digital painting in Photoshop gray background good digital painting in Photoshop gray background good

iii. Avoiding Strong Dissimilarity

Of course, sometimes your perception of bright and dark may be disturbed past the poor quality of your screen. If you utilize a laptop, you lot've probably noticed how the contrast changes when you look at your picture from an angle. How tin can you achieve a proper contrast that everyone volition run across as proper, no matter what screen they utilise?

Even if your screen is good, afterward focusing on a moving picture for a long time your perception isn't undisturbed either. If y'all change shades slightly step by pace, that contrast may seem adept just because it's better than five steps before. The object beneath may wait nice...

digital painting why weak contrast digital painting why weak contrast digital painting why weak contrast

.... until y'all compare it to an object with a stronger contrast. And who knows, maybe if you compared the other ane to another, its perceived contrast would automatically drop?

digital painting how to fix contrast photoshop digital painting how to fix contrast photoshop digital painting how to fix contrast photoshop

Photoshop has a tool that helps in this situation. It'south called Levels, and it's really a histogram—it shows you how much of every shade there is in the picture. Y'all can open this window by going to Prototype > Adjustments > Levels or by using the shortcut Command-Fifty.

digital painting Photoshop levels histogram how digital painting Photoshop levels histogram how digital painting Photoshop levels histogram how
The Photoshop Levels tool will help you lot work fine-melody the contrast of your Photoshop digital painting.

How does the Photoshop Levels tool work? Take a look at these 4 samples:

  • About equal amount of white, black, and midtones
  • Black and night midtones merely
  • White and calorie-free midtones just
  • Black and white just, almost no midtones

Can you lot read information technology from the histogram?

digital painting photoshop levels how it works digital painting photoshop levels how it works digital painting photoshop levels how it works

You can modify the levels by dragging the sliders. While it reduces the general corporeality of shades, information technology helps to place them in the correct place in the histogram.

digital painting tips photoshop levels how to change increase contrast digital painting tips photoshop levels how to change increase contrast digital painting tips photoshop levels how to change increase contrast

The histogram shows us there are a lot of midtones in our object, simply there's also a visible lack of dark and bright areas. No matter what we see, that'due south what the figurer says! While at that place is no i perfect recipe for using Photoshop levels (it all depends on the lighting of your scene), a total lack of nighttime and brilliant areas is a bad sign.

Just see what happens when nosotros move the sliders towards the middle!

digital painting in Photoshop histogram too little levels digital painting in Photoshop histogram too little levels digital painting in Photoshop histogram too little levels
The dissimilarity has changed nicely, but blending has suffered from information technology—it's because we accept fewer midtones now. But it's not hard to fix information technology manually!

Is there a way to use proper shades from the beginning, then that all of this isn't necessary? Yes, and it's actually going to accept you less time than usual! The solution is to use fewer shades—a nighttime one, a bright ane, a midtone, and a bit of black and white.

digital painting what shades to use digital painting what shades to use digital painting what shades to use

To do it in practise, earlier starting a picture, plan your lighting on a sphere:

  • Draw a circle and fill it with the darkest shade (black non recommended).
  • Add together a midtone.
  • Add together the brightest shade (white not recommended).
  • Add one or two midtones in between.
  • Add a pinch of black and white.
digital painting how to shade light shadow midtone digital painting how to shade light shadow midtone digital painting how to shade light shadow midtone

Do you meet where all these parts prevarication on the histogram? When we merge them, this is what appears. Utilise this sphere every bit a ready of swatches for your object, shading information technology the aforementioned way—darkest shadow, midtone, brightest lite, more midtones, darkest crevices, and brightest highlights. And so you lot tin blend it all!

digital painting tips how to create midtones digital painting tips how to create midtones digital painting tips how to create midtones
If you blend the sphere, you'll go a really overnice histogram with a lot of midtones!

One last matter. If you compare these ii heads in one case again, one with proper contrast from the starting time and a corrected one, you'll notice the difference. That's why increasing contrast can't really fix your scene if y'all haven't considered values from the start—every cloth has its own range of shades. For instance, the darkest part of a white surface will be much brighter than the darkest part of a black surface. It ways you should set as many spheres as there are different materials in your scene.

Retrieve: a lite object shaded with dark shades is every bit incorrect as a night object shaded with light shades!

digital painting tips how to fix weak contrast luminosity value digital painting tips how to fix weak contrast luminosity value digital painting tips how to fix weak contrast luminosity value

4. Using Likewise Complicated Brushes and Too Large Strokes

When you compare traditional brushes to Photoshop ones, the difference is so striking that you may wonder why they share the same name. Later on all, classic brushes let you paint merely more or less chaotic strokes, while digital ones create artworks on their ain.

And here's the catch. If they create anything on their own, you requite up your control. Professional artists utilise simple strokes well-nigh of the time, supporting themselves with more complicated ones from time to time. Using complex brushes on a daily basis non only makes y'all lazy—information technology also stops you lot from learning how to achieve an issue on your own, considering there's no need to!

digital painting fur custom brush photoshop digital painting fur custom brush photoshop digital painting fur custom brush photoshop

When starting your adventure with digital painting, it's natural to search for ways to progress as speedily as possible. You lot want results, here and now. Custom brushes are the respond for it. Yous want fur—here's the fur brush; you want scales—here's the calibration castor. You can't paint something—download a tool that can.

Custom brushes aren't bad—they're actually very useful. The trouble occurs when y'all apply them as the ground of your "skill". If you actually spent time trying to empathize how to paint fur quickly, y'all'd understand information technology's not really fabricated of single hairs that you need to paint i by one. You'd learn that the vision of something in our minds is ofttimes inconsistent with reality. You'd learn how to look and how to create what you meet, not what you lot think you run across.

Instead, you surrender later on spending half an hour on painting single hairs and search for a brush that will do information technology for you. You lot find information technology, you're happy, you're ready to movement on. It'southward so piece of cake that it becomes addictive, and you lot stop learning at all—you'd rather download all the tricks, if it were possible.

But how do traditional artists overcome information technology? They don't really have such a variety of brushes. How practice they pigment fur? The answer is simple—the same way yous would if custom brushes didn't be. If you want to better, if you want to beat this beginner's curse, discard complicated bushes for a while. Stick to a simple set, for example this one, and learn how to make the best of it. Don't wait for shortcuts when information technology gets difficult. Fight through it, and you'll go priceless experience instead of inexpensive tricks.

digital painting why custom brush bad digital painting why custom brush bad digital painting why custom brush bad
No "fur castor" was used hither

Going Likewise Large

Some other mutual mistake linked to brushes is using too large strokes. It'southward, once more, based on impatience. The rule is that 80% of the work takes 20% of the time spent on it, which ways you lot need to spend 80% of the working time finishing your artwork. If you created the sketch, the base of operations, flat colors, and simple shading in two hours in Photoshop, there are still eight hours left. Moreover, during these eight hours you'll see less progress than during the commencement 2! How discouraging is that?

You can clearly run into it in the procedure pieces artists sometimes show to their public, like this. The first steps are huge—something from naught is created. And and then information technology slows down. You tin barely see any difference between the last few steps, and nevertheless that subtle difference probably took more time than all the previous ones!

digital painting tips when to finish digital painting tips when to finish digital painting tips when to finish
At which point would you stop?

This is the problem. When your picture is almost finished, y'all experience that urge to finish it and see it done already. Just this is the moment when y'all should actually start! I call back reading a comment nether i of these painting processes: "I would stop at Step 4" [out of x]. And that is the difference between that beginner and the professional! Because the other function of that dominion is: that last, slow and subtle 20% of the piece of work contributes to 80% of the final consequence.

The solution is simple. You should never stop your picture with large strokes (unless it'due south a speedpainting). They are reserved for the beginning, for that 20% of time. Use them to block the shapes, to define lighting, to add large chunks of colors. And so gradually go smaller, zoom in, make clean up, add the details. You'll see you're finishing when y'all're working with a very small castor in a very big closeup. Generally, the more than places in your flick you touch with your brush (and the more than you change it, e.g. adding a slight difference in brightness or hue with every little stroke), the more refined it will look.

There'south a bright side to this rule. Since 80% of the piece doesn't contribute that much to the final effect, there's no demand to overly focus on it. Start your paintings speedily, loosely, and relieve all your efforts for later. Remember: non every painting must be finished just because you started it. By discarding something you don't believe in, you're saving yourself iv times as much time as yous've already wasted!

five. Using Too Many Colors

Traditional artists don't accept too many colors ready to use. They must learn how to create them, how to mix them to get the effect they want. This inconvenience is, in fact, a blessing. They accept no choice merely to larn about color theory. Y'all, as a digital beginner, have all the colors possible within your accomplish. And that'due south a curse!

digital painting tips how to choose colors photoshop digital painting tips how to choose colors photoshop digital painting tips how to choose colors photoshop

We don't understand colors intuitively. There'due south no need to in our daily lives. But as an artist, yous must completely change your perspective. You tin't rely on intuition any more, considering it works poorly in this topic. You need to terminate thinking about colors as you know them, and grasp the concept of Hue, Saturation, Brightness, and Value.

Colors don't exist on their own. They're based on relations. For example, if you want to make a color brighter, you can either increase its brightness, or decrease the effulgence of the background. Crimson, called a warm color, becomes warm or cool depending on what its neighbor is. Even saturation changes because of relations!

digital painting colors relative digital painting colors relative digital painting colors relative
Even the hue of a color can modify depending on its environment. And this knowledge is crucial for painting, non only to design, equally you may retrieve!

A beginner unaware of all this fills their sketch with a whole set of random colors. They pick a bluish, then add a green, without any clue they're picking them from thousands of other colors with bluish and greenish hue, and that they all take some kind of power!

This is how a beginner sees the colors:

  1. Blues
  2. Muddy blues
  3. Grays
  4. Blacks
digital painting how color picker works photoshop wrong digital painting how color picker works photoshop wrong digital painting how color picker works photoshop wrong

But... why practice we even have so many shades, if they're useless? The answer is, they're not. You lot but need to understand where they come from and what they hateful. Allow's see the same color picker every bit seen by a professional:

  1. Desaturated blues
  2. Saturated blues
  3. Bright blues
  4. Dark blues
digital painting how color picker works photoshop correct digital painting how color picker works photoshop correct digital painting how color picker works photoshop correct

Looks complicated? Probably, but information technology'due south not a reason to ignore it! If it'south too overwhelming, stick to grayscale for a while. Empathise the consequence of lighting, shading, and blending in Photoshop, and you'll get a solid base for the futurity. More, colors (or rather: hues) are the icing on that cake chosen your artwork. They can make it sweeter, just they can't be the base of it. No amount of icing makes a bad cake good!

And if you decide to start your color grade, try these articles for a get-go:

6. Picking Colors Direct From a Reference

It'southward difficult to fight this temptation, so hard that it may make you cry. I know it well. Yet, if you want to really learn digital painting, yous mustn't employ the Eyedropper Tool to borrow a color from a reference. Why is it then important?

digital painting tips how to choose colors eyedropper tool digital painting tips how to choose colors eyedropper tool digital painting tips how to choose colors eyedropper tool

Beginners unremarkably use low saturated orange/pink for pare. It seems obvious, simply the upshot is far from natural. If you utilise a reference, though... that's a dissimilar story! Almost every pixel has a different shade, not but pink—yous can find reds, yellows, oranges, fifty-fifty cold purples, greens, and blues. Saturation and brightness change all the time, and yet, the terminal effect doesn't resemble chaos.

When you pick colors from a reference, your own picture gains new life. The problem is it'south not that different from tracing. When tracing, you get lines that yous couldn't repeat yourself, and when picking colors, you lot get cute shading you couldn't repeat either. The effect is amazing—but you tin can't be credited for information technology.

There's another affair. Picking the colors stops your progress. You "buy" the color sets instead of learning how to create them yourself. You've got your color bicycle with all the sliders; every colour you pick can exist recreated by you, on your own. Simply you still determine to apply the ones that have already been created—it's fast and effective, but y'all know what'southward even faster and more effective? Taking a photograph.

To get independent from references ane day, you need to learn to see the colors. Look at any object nearly y'all—what's its hue, effulgence, saturation? It'southward extremely difficult to tell, isn't it? But if you keep picking the colors using the Eyedropper Tool, yous'll never learn it. Y'all can't offset a race with your training wheels still on.

digital painting how to practice colors digital painting how to practice colors digital painting how to practice colors
All these studies were painted by me from a reference, just without using the Eyedropper Tool. As a beginner, kickoff with simpler things—the fewer colors the improve

seven. Calculation Colors to Grayscale Without Proper Values

I painted this movie in 2011. This is certainly a dainty, heart-warming scene, and I notwithstanding quite like it. I remember I painted it in grayscale and then added colors using probably a few Blend Modes (Color, Multiply, Overlay). I remember having this one annoying problem: how to get a proper yellow when painting over grayscale?

digital painting grayscale to color why muddy colors dark yellow digital painting grayscale to color why muddy colors dark yellow digital painting grayscale to color why muddy colors dark yellow

I don't take the original file whatsoever more than, merely this is how the grayscale version looked, probably. Notice that both green and yellowish areas are equally dark. This is not true in reality!

digital painting how from grayscale to color problem digital painting how from grayscale to color problem digital painting how from grayscale to color problem

When I was a beginner like you, I believed that low-cal makes all the colors uniformly brighter, and shadow makes them uniformly darker. That's why painting in grayscale seemed and then user-friendly. I could have focused on shading, and added colors later. Unfortunately, this play tricks didn't work, and it took me a long time (mainly because I didn't really attempt) to understand why.

The unproblematic answer is different colors accept different brightness independent from lighting. When you ignore information technology, you get muddy colors every bit a result. Colors you add straight to a flick in grayscale are devoid of an important part of them. If you desire to learn more virtually information technology, I've written a circuitous tutorial on the topic of value.

digital painting grayscale color problem value luminosity digital painting grayscale color problem value luminosity digital painting grayscale color problem value luminosity
digital painting muddy colors contrast color mode digital painting muddy colors contrast color mode digital painting muddy colors contrast color mode
Both heads have the same colors practical with Color fashion. Notice it'south not the coloring layer, but what's beneath that matters

8. Shading in Photoshop With the Dodge and Burn Tools

The Dodge and Burn Tools are ane of the beginner's favorites. They fit nicely the conventionalities that Photoshop is a "painting plan". You merely need to cull the base colors, then select the areas you want to shade. The residue is controlled by advanced algorithms, non past you lot, and that'southward smashing, because you wouldn't know what to do anyway.

digital painting how to shade dodge burn digital painting how to shade dodge burn digital painting how to shade dodge burn

However, it's not that piece of cake. These tools aren't completely useless, but when you're a beginner, it's better to stay away from them. They're not "shading tools". The Dodge Tool isn't equal to "add light", and the Burn Tool isn't equal to "add together shadow", either. The problem is they fit a beginner's vision about shading so neatly that it's hard to overcome the temptation.

The trouble doesn't lie in the tools, but in a misunderstanding of shading itself. Beginners oft remember that objects accept some color, and this color gets darker in the shadows, and brighter in the calorie-free. It'due south not that unproblematic. Information technology may work well for cel-shading, or for drawing purposes, but even there this is just a shortcut.

If information technology "kind of" works, why non just use information technology?

  • It's another technique that blocks your progress. When using it, you don't even notice what you're missing. Shading in Photoshop is a complex issue, and you lot limit it to the "darken-lighten" rule, because it's easy. Photoshop is here to work for y'all, non instead of you. Don't allow it stop you from learning.
  • It flattens the shaded object. No matter how many textures y'all add to it afterwards, it works merely like a big brush—which means you tin can start a picture show with it, but never finish information technology this way.
  • It misrepresents the colors; they should be dependent upon the surround (direct light, ambient light), merely neither the Dodge Tool nor the Burn down Tool knows annihilation nearly the background you're using. They shade everything the same way!
digital painting how to shade dodge burn comparison digital painting how to shade dodge burn comparison digital painting how to shade dodge burn comparison
There'south a one year divergence between these pieces. The first one was shaded with the Dodge & Burn duo, the other i with an understanding of color.

Shading in Photoshop With Black and White

The extension of this technique is shading by using white for lite and black for shadows. This comes from a conventionalities that every color starts as blackness (in the shadow) and ends as white (in the lite). While information technology may be true for over- or underexposed photographs, it shouldn't exist a rule used in painting.

digital painting how to shade black white wrong digital painting how to shade black white wrong digital painting how to shade black white wrong

We all search for unproblematic rules, something easy to remember and use. Merely it doesn't mean we should invent elementary rules that accept nothing to do with reality, like: "add white to make it brighter, add blackness to make it darker". This ane is true just for grayscale! If you want to acquire what rules yous tin can use to shade with colors, see this article.

Unvaried Shading

When yous overcome the previous problem, you may fall into another one. Let'due south say yous've called orangish as the base color for your character. You decide that the low-cal source will be yellow, and the ambient low-cal will be blue (sky). Co-ordinate to this, you shift the hue of the base color to yellow in the low-cal and blueish in the shadow, and that's all. Information technology makes shading much more interesting than if you used blackness and white, but information technology'due south still a shortcut that doesn't necessarily lead to the desired results.

digital painting how to shade boring shading cold shadow warm light digital painting how to shade boring shading cold shadow warm light digital painting how to shade boring shading cold shadow warm light

Why is it a shortcut? Past creating only three basic shades for your object, yous automatically place it in an artificial environment, where everything is reflecting low-cal in a 100% predictable mode.

In reality, light continuously bounces off everything around, including the "hills and valleys" of your 3D object. Therefore, shading rarely can exist limited to two or three colors. The blue of the sky tin can make some shadows on the object bluish, but in another crevices they may wait greenish because of the light reflected from the grass. Moreover, some shadows may be really bright and saturated because of lite that came through the obstacle into the "shadow" (run into subsurface scattering).

If yous take this into account and make up one's mind to employ indirect light sources to make the shading more varied, you'll be forced to paint more than deliberately—and that'south keen! You can't use a big brush here, considering it would mix the colors and y'all'd lose them as a upshot. And a small castor means you're creating a texture on the fly!

digital painting how to shade properly interesting shading color various digital painting how to shade properly interesting shading color various digital painting how to shade properly interesting shading color various
digital painting how to shade shading way comparison digital painting how to shade shading way comparison digital painting how to shade shading way comparison

9. Blending With a Soft Brush

There are two primary methods beginners use to blend shades, both designed for quick effects:

  1. Blending with a soft brush
  2. Blending with the Smudge/Blur Tool
digital painting how not to blend smudge blur soft digital painting how not to blend smudge blur soft digital painting how not to blend smudge blur soft

As nosotros've already learned, quick effects frequently hateful they're out of our control. In this case, blending with big strokes flattens the object and makes it unnaturally smooth. Fifty-fifty if yous add a photograph texture afterwards, it will not accept that "plastic" consequence away. Over again, this method may exist skillful only for that starting phase.

digital painting bad blending soft digital painting bad blending soft digital painting bad blending soft

If y'all want to get a prissy subtle texture (which is good for most of the natural materials), utilize a harder brush with Flow controlled by pen pressure (the harder you push button, the more solid the stroke).

digital painting how to variable flow pressure opacity digital painting how to variable flow pressure opacity digital painting how to variable flow pressure opacity

This kind of brush lets you control the amount of color you desire to utilize.

digital paintinvariable flow brush how it work digital paintinvariable flow brush how it work digital paintinvariable flow brush how it work

Thank you to this attribute, you don't need to alloy the border betwixt two colors. You just start with the base color and cover information technology lightly with the other one. Then you tin can add another layer of the aforementioned colour, making it more than solid.

digital painting how to blend with thexture flow digital painting how to blend with thexture flow digital painting how to blend with thexture flow

If you want to make it smoother, simply pick a colour somewhere in between and paint lightly over the border.

digital painting how to blend smooth texture digital painting how to blend smooth texture digital painting how to blend smooth texture

For a stronger texture, use a textured castor (with rough edges).

digital painting how to blend smooth texture example digital painting how to blend smooth texture example digital painting how to blend smooth texture example

According to the 80-20 rule, don't bother about blending in the kickoff phase. Use a big brush, and make the edges credible, creating an exaggerated shading.

digital painting how to shade before blending digital painting how to shade before blending digital painting how to shade before blending

Later y'all tin use a smaller, textured brush to blend the edges. No Smudge Tool, no soft brush, just the Eyedropper Tool and your hard brush with variable Menstruation. Call up: blending depends on the texture of the surface, so you can't use the same way of blending for every fabric!

digital painting how to blend after shading digital painting how to blend after shading digital painting how to blend after shading

10. Using 2D Textures for 3D Forms

Photo textures are a beginner's final resort, when the object is theoretically finished, colored and shaded, but it still looks similar a plastic toy. Notwithstanding, a texture itself may make it fifty-fifty worse.

Let's say nosotros want to add a texture to this big true cat.

digital painting how to apply texture flat digital painting how to apply texture flat digital painting how to apply texture flat

The object must be shaded before adding textures. The tricky role is information technology doesn't demand to exist a complete shading. The method of blending depends on the texture—if you blend without having any texture in mind, you lot'll get a non-texture blending (shine surface).

digital painting how to apply texture 3d digital painting how to apply texture 3d digital painting how to apply texture 3d
digital painting how to apply texture 3d example digital painting how to apply texture 3d example digital painting how to apply texture 3d example

You can download a texture from the Internet, or utilize one of the Photoshop patterns—there are lots of them in the default sets. This is my favorite pattern for scales, inverted Screen Door.

digital painting how to apply texture too flat pattern scales digital painting how to apply texture too flat pattern scales digital painting how to apply texture too flat pattern scales
digital painting how to apply texture too flat pattern scales example digital painting how to apply texture too flat pattern scales example digital painting how to apply texture too flat pattern scales example

If you modify the Blend Mode of the texture to Overlay, you'll see it practical to the shading. Notwithstanding, notice that some parts have been brightened. Y'all may like it if shading wasn't done properly, but it's another case of giving up control. In most cases, nosotros don't want the texture to create its own version of shading. While the Overlay mode isn't the best solution, it lets you see how the texture looks on the object.

Now, the most of import and overlooked part. If the object is meant to be 3D, it tin can't be nicely covered with a 2D texture. Nosotros need to adjust its shape to the form information technology covers. There are iii main means to do this—experiment and find your favorite:

  • The Gratuitous Transform Tool (Control-T) in the Warp mode
  • Filter > Liquify
  • Edit > Boob Warp
digital painting how to apply texture shape form change digital painting how to apply texture shape form change digital painting how to apply texture shape form change
For spheres it's better to use Filter > Distort > Spherize
digital painting how to apply texture shape form change example before digital painting how to apply texture shape form change example before digital painting how to apply texture shape form change example before
Before using Boob Warp
digital painting how to apply texture shape form change example after digital painting how to apply texture shape form change example after digital painting how to apply texture shape form change example after
Afterward using Puppet Warp

The Overlay mode brightens the parts of the layer covered with white areas of the texture. We could use Multiply instead (it makes white areas transparent), only it would make gradual tones (grays) darker than necessary. There'due south another tool perfect for adjusting a texture'south transparency.

Double click the layer and play with theBlend If sliders. In brief, y'all can suit the transparency of white and black with them.

digital painting how to apply texture opacity blend if sliders digital painting how to apply texture opacity blend if sliders digital painting how to apply texture opacity blend if sliders
Concord Alt to "pause" a slider and get a more gradual effect
digital painting how to apply texture opacity blend if sliders white transparent digital painting how to apply texture opacity blend if sliders white transparent digital painting how to apply texture opacity blend if sliders white transparent
digital painting how to apply texture opacity blend if sliders example digital painting how to apply texture opacity blend if sliders example digital painting how to apply texture opacity blend if sliders example

We need to understand what a texture really is. Information technology'south not a "rough design" placed correct on the object. It is, actually, the roughness of a surface. When light hits a smooth surface, information technology's reflected uniformly. If the surface is rough, i.e. made of tiny bumps and crevices, the light hit information technology will create a whole set of tiny shadows. And that's the texture we encounter.

Another fact can be derived from this. If it's light that creates visible texture, there can be no texture without light. And what is shadow, if not lack of lite? Therefore, nosotros demand to reduce the texture in dark areas (if there's ambience lite nowadays), or remove information technology at all (no light, no texture). You can utilize the Layer Mask for it, or play with theBlend If sliders (the second row). Keep in mind that the crevices of texture are in fact shadows, and then they shouldn't exist darker than the "normal" shadow area.

digital painting how to apply texture dark transparent digital painting how to apply texture dark transparent digital painting how to apply texture dark transparent
digital painting how to apply texture dark transparent example digital painting how to apply texture dark transparent example digital painting how to apply texture dark transparent example

Applying a texture is fast and piece of cake once y'all know what actions to have afterward choosing 1. All the same, this is not the stop. Every texture is different, and while some of them will await bang-up when applied directly, most require some more work.

Again, the lxxx-20 rule applies here. Calculation a texture is easy, but making it piece of work is what takes the most time. In my example I've blended the shading edges with private scales. Things similar this are very time-consuming, simply they change everything!

digital painting how to shade texture photoshop digital painting how to shade texture photoshop digital painting how to shade texture photoshop
digital painting how to shade texture photoshop example digital painting how to shade texture photoshop example digital painting how to shade texture photoshop example
digital painting how to shade texture photoshop comparison digital painting how to shade texture photoshop comparison digital painting how to shade texture photoshop comparison
The showtime sphere has a flat texture in Overlay mode with lower Opacity, to get in less credible; the 2d one is the same, but with distortion applied. Compare them to the last i, with custom Blend If values and manually adjusted blending

5 Awesome Photoshop Avails From Envato Elements

If you're digital painting in Photoshop, you're probably on the lookout for great brushes to apply. Thankfully, your Envato Elements subscription gives you access to hundreds of Photoshop texture brushes you can download. Here are a few to endeavour:

1. Chemist Photoshop and Illustrator Brushes (ABR, AI)

Chemist Stipple and Grain Photoshop Assets Chemist Stipple and Grain Photoshop Assets Chemist Stipple and Grain Photoshop Assets

Hunkering downwardly for a painting session is near like being in a lab right? With these stipple and grain brushes, y'all'll exist able to recreate a textured, authentic feel with your art. This prepare of Photoshop assets includes 35 Photoshop texture brushes with unique details.

2. Shader Brushes for Photoshop (ABR, EPS, PNG)

Memento Shader Photoshop Texture Brushes Memento Shader Photoshop Texture Brushes Memento Shader Photoshop Texture Brushes

As mentioned in the digital painting tips to a higher place, getting shading right is pretty important. This pack of Photoshop add-ons can be used to add together some grit and personality to your projects. It includes shader, hatch, and other types of Photoshop texture brushes.

3. Grunge Photoshop Brushes (ABR, PNG)

Grunge Photoshop Texture Brushes Grunge Photoshop Texture Brushes Grunge Photoshop Texture Brushes

If you're working on an art piece with an urban setting and experience, these grungy Photoshop add-ons are perfect for y'all. The download includes a set of ten high-resolution brushes. Add a bear on of realism to your next digital painting in Photoshop with these add-ons.

4. 202 Watercolor Brushes (ABR)

202 Watercolor Photoshop Texture Brushes Assets 202 Watercolor Photoshop Texture Brushes Assets 202 Watercolor Photoshop Texture Brushes Assets

Watercolor painting has an extensive history in the art world, so there'south no reason not to adopt the look in your digital painting in Photoshop. This set of over 200 Photoshop texture brushes recreates the art style in truthful-to-life fashion.

v. thirty Acrylic Photoshop Texture Brushes Vol. 1 (ABR)

Acrylic Photoshop Assets Acrylic Photoshop Assets Acrylic Photoshop Assets

Rothko and Warhol were renowned for their acrylic paintings. You tin can follow suit with your digital paintings in Photoshop by using these brushes. They're loftier resolution, coming in at 2500 pixels. Yous tin can use these Photoshop assets for a number of projects.

Master Digital Painting in Photoshop With These Tips and Resource

As we noticed, nigh beginner problems come from that urge to achieve great things effortlessly, as quickly as possible. So it's not really about lack of skill—rather, it's nearly that deep conventionalities that Photoshop is an fine art-making program. That leads to a abiding search for tools and tricks, instead of making the effort to understand and solve the problem.

You tin can't become a digital artist in 1 mean solar day, only considering y'all've purchased an advanced piece of graphics software. Photoshop is only a tool—more convenient to use than pigments and brushes, but it's still a tool. It can't practise more you intend it to! If you want to make the best of information technology, treat it as a digital canvas with digital colors. Forget about all these fancy tools, filters, brushes, or Blend Modes. Just paint, as y'all would on a existent canvas.

Acquire color theory, perspective, anatomy—all these things that "normal" artists must acquire. With time you'll understand how to use Photoshop's tools to do the aforementioned things easier and faster—but don't put the cart before the horse by trying to become smashing furnishings without understanding them. Patience is the cardinal!

And although this article has been about developing skills rather than relying on technological solutions, you tin can nonetheless notice some useful Photoshop resources over on Envato Elements and Envato Market.

If you want to learn even more about tools and assets for Photoshop, check out these articles below:

Did you detect this post useful?

hortfrournight61.blogspot.com

Source: https://design.tutsplus.com/articles/10-basic-mistakes-in-digital-painting-and-how-to-fix-them--cms-23730#:~:text=You%20just%20start%20with%20the,brush%20(with%20rough%20edges).

0 Response to "How to Properly Color a Piece of Digital Art"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel