Skip to content Skip to sidebar Skip to footer

Building Illustration Loose Line Art and Watercolor in Photoshop

Digital painting is quite tricky. You go the proper software and that's it, you can start painting. Every tool, even the most powerful ane, is within your reach. All the colors are fix to be used, no mixing needed.

If you lot've just converted to Photoshop from traditional painting, it's non that hard; you only need to detect the counterparts of your favorite tools. Merely if yous're a beginner in both kinds of art, the commencement is a nightmare—the one in which y'all're not aware you're dreaming!

Speaking of tools, yous can detect incredible Photoshop add together-ons and assets from Envato Elements. Your monthly subscription to the service lets yous download and use every bit many Photoshop texture brushes, actions, and more, with no limits. It's 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 available 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 ready of brushes, here are all the colors, hither'due south the eraser, and this is the Undo command. Yous get-go painting, it looks bad, so you lot search for other tools to brand information technology amend. And merely look how many tools at that place are! You lot endeavor them all, i past one, and magic happens.

However, "magic" means that yous're letting Photoshop pigment for y'all. Y'all don't have whatsoever control over this, but it still looks meliorate than you, a beginner, would ever exercise (at least, that'due south what y'all believe). Then you let this happen and produce lots of pictures in the hope that they'll plough into masterpieces one twenty-four hour period.

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
It tin can exist easy to pass creative control over to Photoshop. Stock photo from Envato Elements.

Professional digital artists you admire use Photoshop to bring their visions to life, but they utilize it as a tool, not an fine art producing motorcar. What's the difference?

  • Professionals imagine an event and make the program do it.
  • Beginners make the program do something, and if they're satisfied, they proceed the consequence.

Does the second pick sound familiar? If so, keep reading. In this article, I'll show you how to improve ten different aspects of your workflow so that you go an aware Photoshop artist. With these ten simple digital painting tips yous'll understand the mistakes that might have been blocking y'all for a long fourth dimension!

Note: the problems I'm describing apply to a state of affairs when the artist achieves the effect unintentionally, while going for realistic way. These aren't mistakes if y'all programme them!

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

one. Wrong Photoshop Sheet Size

Starting a new picture is child'southward play. You become to File > New, or, if you're more advanced, use the shortcut Command-N. It looks so simple that it's frequently disregarded.

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

At that place are three aspects to this issue.

1. Also Small a Canvas

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

A mutual beginner mistake is to use a Photoshop canvas size similar to the resolution of your screen. The problem is you lot never know what resolution your viewers employ!

Let'due south say that your picture looks on your screen like in example i. It's every bit high equally it could exist without a demand to scroll over it, and that's OK for you. That's the biggest you tin can get on your resolution, 1024x600. Users with resolution 1280x720 (2) and 1366x768 (3) couldn't mutter either. Just notice what happens for users with bigger resolutions—1920x1080 (4) and 1920x1200 (v). Progressively, the picture takes less and less space on the screen. For these users, y'all didn't really use all the meridian 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's not just the thing of "white space" effectually your picture. "Bigger resolution" doesn't e'er mean "bigger screen". Your smartphone may have more than pixels on its compact screen than you lot take on your PC! Just look:

  1. Aforementioned 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 it mean? For viewers other than y'all, the 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

But the size you choose for your picture isn't only about this. The bigger resolution, the more pixels information technology has. In smaller resolution, an middle may take 20 pixels, while in a bigger resolution it may have twenty,000 pixels all for itself! Imagine all the neat details yous can put in such a big expanse!

Here's a cool trick: when you paint something small in a large resolution, no affair how sloppy it is, at that place's a good adventure that from a altitude (i.e. zoomed out) it will wait interesting and intentional. Try it 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

2. Too Big a Canvas

Does this mean you should always utilise a huge resolution to give yourself more freedom? Theoretically, aye. In practise, it's not always necessary, and sometimes it's impossible.

The bigger the resolution, the more pixels your basic stroke has. The more pixels in the stroke, the harder information technology becomes for your machine to process it, especially when it comes to pressure levels with variable Period. So, that's a practical argument against it—y'all need a powerful estimator to use big resolutions comfortably.

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

The second bespeak is big resolutions are meant for highly detailed pieces. Contrary to popular beginner conventionalities, every painting shouldn't be detailed. Even when you desire to paint realistically, you tin can safely ignore a whole lot of information that y'all'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 be tempting to add some details here and there, only because y'all can. And when you exercise it, at that place's no way back. In that location are many levels of details, just a particular piece must use just one at a fourth dimension. If you want to create fast, painterly fur, don't spend hours on the eye and nose—it'll just make the whole piece look inconsistent and unfinished.

3. Too Big a Terminal Size

Permit's say yous establish that perfect resolution for your painting. Information technology'due south neither besides large nor too pocket-size—perfect for the level of details you want to achieve. Here's some space for another error. That resolution was your working size. Maybe you needed many pixels to get to that eye detail, but that detail will be 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 you can make them run across just what's supposed to exist seen?

Earlier saving the file for the final view, resize it. I won't tell you lot the optimal resolution, considering there isn't one. The rule is: the more detailed the piece, the less it'll lose when presented in large resolution. The more than "sketchy" the painting, the better information technology'll look 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 than thing: when resizing the picture, check which resample algorithm works the best for you. Some of them acuminate the prototype, which may or may non 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 wrong with a white background? It'southward... neutral, right? It looks just like a sheet of paper.

The problem is there's no "neutral" color. "Transparent" is the closest to it, only it'due south impossible to paint information technology. Color is colour. When two of them occur, a certain relation appears on its ain. For white + color A, this relation is: "colour A is dark". No matter what your intention was, yous start with a night color only considering y'all used the brightest groundwork possible! Everything is dark in comparing 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 aforementioned shade changes its relative brightness when seen on different backgrounds

In traditional art, nosotros utilise a white groundwork because technically it'due south easier to put nighttime on brilliant than the other mode around. But in that location's no reason for information technology in digital art! In fact, you could even start with a blackness groundwork, but it'south just as bad an idea equally pure white. In practice, the most "neutral" colour we can get is 50% bright grayness (#808080).

Why? The color of the groundwork changes the way y'all perceive other colors. On a white background, dark shades will appear overly night, so you lot'll be avoiding them. On a blackness background information technology'll piece of work the same with bright shades. The result in both cases volition be weak contrast that you notice one time you try to add together some other background. Hither'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 picture show with too dark a background, and when I wanted to add a brighter one, it looked blinding!

Experienced artists are able to start their picture with any colour and make the all-time of it, but unless you feel confident most color theory, ever start with something neutral—neither likewise 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. Fugitive Strong Contrast

Of course, sometimes your perception of bright and dark may exist disturbed by the poor quality of your screen. If you lot apply a laptop, you lot've probably noticed how the dissimilarity changes when yous look at your moving-picture show from an bending. How can you achieve a proper dissimilarity that everyone will come across equally proper, no matter what screen they use?

Fifty-fifty if your screen is practiced, after focusing on a moving-picture show for a long time your perception isn't undisturbed either. If yous alter shades slightly step by step, that contrast may seem skilful only because it's better than v steps earlier. The object beneath may look nice...

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

.... until you compare it to an object with a stronger dissimilarity. And who knows, peradventure if you lot compared the other one to another, its perceived dissimilarity would automatically drib?

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 state of affairs. It's called Levels, and it'due south actually a histogram—it shows you how much of every shade in that location is in the moving picture. You tin open this window by going to Paradigm > Adjustments > Levels or by using the shortcut Control-L.

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

How does the Photoshop Levels tool piece of work? Accept a look at these 4 samples:

  • Almost equal amount of white, black, and midtones
  • Black and dark midtones only
  • White and light midtones only
  • Black and white simply, nearly no midtones

Can y'all read it from the histogram?

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

Yous can modify the levels by dragging the sliders. While it reduces the general amount of shades, it 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 united states of america there are a lot of midtones in our object, but in that location'southward also a visible lack of dark and bright areas. No matter what we run into, that'due south what the computer says! While in that location is no i perfect recipe for using Photoshop levels (it all depends on the lighting of your scene), a total lack of dark and bright areas is a bad sign.

Just see what happens when we motility 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 contrast has changed nicely, just blending has suffered from it—it'southward because we have fewer midtones now. Simply it's not hard to fix it manually!

Is there a fashion to apply proper shades from the beginning, and then that all of this isn't necessary? Yep, and it'southward actually going to take y'all less fourth dimension than usual! The solution is to utilise fewer shades—a dark one, a bright one, a midtone, and a bit of blackness and white.

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

To do information technology in exercise, before starting a pic, programme your lighting on a sphere:

  • Describe a circumvolve and fill information technology with the darkest shade (black non recommended).
  • Add together a midtone.
  • Add together the brightest shade (white non recommended).
  • Add together 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 see where all these parts lie on the histogram? When nosotros merge them, this is what appears. Employ this sphere as a ready of swatches for your object, shading it the same way—darkest shadow, midtone, brightest low-cal, more midtones, darkest crevices, and brightest highlights. Then you 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 y'all blend the sphere, you'll go a really nice histogram with a lot of midtones!

1 last matter. If you compare these 2 heads in one case again, one with proper contrast from the starting time and a corrected 1, you'll notice the difference. That's why increasing contrast tin't really fix your scene if you haven't considered values from the get-go—every material has its own range of shades. For example, the darkest part of a white surface will be much brighter than the darkest office of a black surface. Information technology ways yous should fix as many spheres as at that place are unlike materials in your scene.

Remember: a low-cal object shaded with dark shades is every bit wrong equally a nighttime object shaded with low-cal 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 Too Complicated Brushes and Also Big Strokes

When you compare traditional brushes to Photoshop ones, the divergence is so hitting that you lot may wonder why they share the same name. Subsequently all, classic brushes let you paint merely more or less cluttered strokes, while digital ones create artworks on their own.

And here'due south the grab. If they create anything on their own, you lot give upwards your control. Professional person artists use unproblematic strokes most of the time, supporting themselves with more complicated ones from time to time. Using complex brushes on a daily basis not only makes y'all lazy—it also stops you from learning how to achieve an effect on your own, because 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, information technology'south natural to search for means to progress every bit quickly as possible. You want results, hither and now. Custom brushes are the answer for information technology. You want fur—hither'due south the fur brush; you lot want scales—hither's the scale brush. You can't paint something—download a tool that can.

Custom brushes aren't bad—they're actually very useful. The trouble occurs when you use them as the footing of your "skill". If you actually spent fourth dimension trying to understand how to paint fur rapidly, you'd sympathise it'southward not really made of single hairs that you need to paint one past 1. Yous'd learn that the vision of something in our minds is often inconsistent with reality. You'd learn how to look and how to create what you lot see, not what y'all think y'all see.

Instead, you give up after spending one-half an hr on painting single hairs and search for a castor that will practice information technology for yous. You find it, y'all're happy, yous're ready to move on. It'due south so easy that it becomes addictive, and you lot end learning at all—yous'd rather download all the tricks, if it were possible.

Only how exercise traditional artists overcome it? They don't really have such a diverseness of brushes. How do they paint fur? The reply is unproblematic—the same fashion you would if custom brushes didn't exist. If you want to ameliorate, if y'all want to beat this beginner'southward 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 it gets difficult. Fight through it, and you lot'll go priceless feel instead of cheap tricks.

digital painting why custom brush bad digital painting why custom brush bad digital painting why custom brush bad
No "fur brush" was used here

Going Also Big

Another common mistake linked to brushes is using too large strokes. Information technology'due south, once again, based on impatience. The rule is that 80% of the work takes 20% of the time spent on it, which means you need to spend 80% of the working fourth dimension finishing your artwork. If you lot created the sketch, the base of operations, flat colors, and uncomplicated shading in two hours in Photoshop, at that place are still viii hours left. Moreover, during these eight hours yous'll see less progress than during the first two! How discouraging is that?

You can clearly run into it in the process pieces artists sometimes bear witness to their public, like this. The first steps are huge—something from nothing is created. And so information technology slows down. You tin can barely run across any divergence between the last few steps, and still 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 bespeak would you stop?

This is the problem. When your picture show is almost finished, yous experience that urge to terminate it and encounter information technology done already. Just this is the moment when you lot should actually start! I retrieve reading a comment nether one of these painting processes: "I would stop at Step 4" [out of 10]. And that is the departure between that beginner and the professional! Considering the other function of that rule is: that last, slow and subtle 20% of the work contributes to 80% of the last effect.

The solution is simple. You should never finish your motion picture with big strokes (unless it'due south a speedpainting). They are reserved for the beginning, for that xx% of fourth dimension. Use them to cake the shapes, to ascertain lighting, to add together large chunks of colors. And so gradually go smaller, zoom in, clean up, add the details. You'll come across you lot're finishing when you're working with a very small brush in a very big closeup. By and large, the more places in your picture show you bear on with your brush (and the more than you lot change it, eastward.m. adding a slight difference in brightness or hue with every trivial stroke), the more refined it will look.

There'south a bright side to this dominion. Since 80% of the piece doesn't contribute that much to the last upshot, at that place'southward no need to overly focus on it. Start your paintings quickly, loosely, and save all your efforts for after. Call up: not every painting must be finished just because you started information technology. By discarding something you don't believe in, you're saving yourself four times as much time as yous've already wasted!

5. Using Too Many Colors

Traditional artists don't have besides many colors set up to apply. They must learn how to create them, how to mix them to get the result they want. This inconvenience is, in fact, a blessing. They have no option just to learn about color theory. You, equally a digital beginner, have all the colors possible within your achieve. And that'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 sympathize colors intuitively. There's no need to in our daily lives. Simply equally an artist, you must completely change your perspective. You can't rely on intuition any more than, because it works poorly in this topic. You lot need to stop thinking about colors every bit you know them, and grasp the concept of Hue, Saturation, Effulgence, and Value.

Colors don't exist on their own. They're based on relations. For example, if you want to brand a colour brighter, y'all tin can either increase its brightness, or decrease the brightness of the background. Cherry, chosen a warm colour, 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 change depending on its environs. And this knowledge is crucial for painting, not only to design, as you may remember!

A beginner unaware of all this fills their sketch with a whole set of random colors. They pick a blue, then add a light-green, without any clue they're picking them from thousands of other colors with bluish and greenish hue, and that they all have 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

Simply... why do we even have and then many shades, if they're useless? The answer is, they're not. You simply need to sympathise where they come up from and what they hateful. Let's run across the same color picker as seen by a professional person:

  1. Desaturated dejection
  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 it's not a reason to ignore it! If it'southward too overwhelming, stick to grayscale for a while. Sympathise the issue of lighting, shading, and blending in Photoshop, and you'll get a solid base for the future. More, colors (or rather: hues) are the icing on that cake called your artwork. They can arrive sweeter, just they tin't be the base of it. No amount of icing makes a bad cake skilful!

And if you decide to start your color course, endeavour these articles for a outset:

six. Picking Colors Straight From a Reference

Information technology's hard to fight this temptation, and then hard that it may make you lot cry. I know it well. All the same, if you lot desire to really learn digital painting, you lot mustn't employ the Eyedropper Tool to borrow a color from a reference. Why is information technology so of import?

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 commonly utilize low saturated orangish/pinkish for peel. Information technology seems obvious, but the effect is far from natural. If you use a reference, though... that'south a dissimilar story! Almost every pixel has a unlike shade, not just pink—you tin can discover reds, yellows, oranges, even common cold purples, greens, and blues. Saturation and effulgence modify all the time, and nevertheless, the final effect doesn't resemble anarchy.

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

There's some other matter. Picking the colors stops your progress. Yous "purchase" the colour sets instead of learning how to create them yourself. You've got your colour wheel with all the sliders; every color yous pick tin be recreated by you, on your own. But you still decide to utilize the ones that accept already been created—information technology'southward fast and effective, but y'all know what's fifty-fifty faster and more effective? Taking a photograph.

To become independent from references i day, you need to learn to see the colors. Expect at whatsoever object near you—what's its hue, brightness, saturation? It's extremely hard to tell, isn't it? But if y'all keep picking the colors using the Eyedropper Tool, you'll never learn it. You lot can't start a race with your grooming 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, only without using the Eyedropper Tool. As a beginner, starting time with simpler things—the fewer colors the better

seven. Calculation Colors to Grayscale Without Proper Values

I painted this picture in 2011. This is certainly a nice, heart-warming scene, and I still quite like information technology. I remember I painted it in grayscale so added colors using probably a few Blend Modes (Colour, Multiply, Overlay). I remember having this i 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 any more, but this is how the grayscale version looked, probably. Observe that both green and yellowish areas are equally night. 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 light makes all the colors uniformly brighter, and shadow makes them uniformly darker. That'south why painting in grayscale seemed so convenient. I could take focused on shading, and added colors later. Unfortunately, this trick didn't work, and information technology took me a long time (mainly considering I didn't actually try) to understand why.

The simple answer is different colors accept different effulgence contained from lighting. When yous ignore it, you get muddy colors every bit a result. Colors you add directly to a picture in grayscale are devoid of an important function of them. If yous want to larn more than virtually it, 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 applied with Color way. Notice information technology's not the coloring layer, but what's beneath that matters

8. Shading in Photoshop With the Dodge and Fire Tools

The Dodge and Burn Tools are 1 of the beginner'south favorites. They fit nicely the conventionalities that Photoshop is a "painting program". You lot just need to choose the base of operations colors, and and so select the areas yous want to shade. The rest is controlled past advanced algorithms, not past yous, and that'south great, because you wouldn't know what to practise anyhow.

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

Withal, it's non that easy. These tools aren't completely useless, merely 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 lite", and the Burn down Tool isn't equal to "add shadow", either. The problem is they fit a beginner'south vision nearly shading then neatly that it'southward hard to overcome the temptation.

The problem doesn't lie in the tools, but in a misunderstanding of shading itself. Beginners oft recollect that objects have some color, and this color gets darker in the shadows, and brighter in the calorie-free. It'due south not that elementary. It may work well for cel-shading, or for cartoon purposes, but even in that location this is but a shortcut.

If it "kind of" works, why not just employ it?

  • Information technology's another technique that blocks your progress. When using it, you don't even discover what yous're missing. Shading in Photoshop is a complex result, and you limit it to the "darken-lighten" dominion, because it'due south piece of cake. Photoshop is here to work for you, not instead of you. Don't let it cease you lot from learning.
  • It flattens the shaded object. No matter how many textures you add to it subsequently, it works just similar a large brush—which means you can start a picture with it, but never finish it this way.
  • It misrepresents the colors; they should exist dependent upon the environment (directly light, ambience light), just neither the Dodge Tool nor the Burn down Tool knows anything virtually 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'southward a one yr difference between these pieces. The first one was shaded with the Dodge & Fire duo, the other one 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 belief that every color starts as blackness (in the shadow) and ends equally white (in the calorie-free). While information technology may be truthful for over- or underexposed photographs, it shouldn't be 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 piece of cake to remember and use. But information technology doesn't mean we should invent unproblematic rules that have nothing to do with reality, similar: "add white to arrive brighter, add together black to arrive darker". This 1 is true only for grayscale! If yous want to learn what rules you lot can use to shade with colors, meet this article.

Unvaried Shading

When you overcome the previous trouble, you may autumn into another 1. Allow'south say you've chosen orangish equally the base of operations colour for your character. Yous make up one's mind that the light source will be yellow, and the ambience light volition be blue (sky). According to this, y'all shift the hue of the base color to yellowish in the light and bluish in the shadow, and that'southward all. It makes shading much more than interesting than if you used black and white, but it'southward even so 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 bones shades for your object, y'all automatically place information technology in an artificial environment, where everything is reflecting light in a 100% predictable style.

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

If you take this into account and determine to utilise indirect light sources to brand the shading more than varied, you lot'll be forced to paint more deliberately—and that's great! Y'all can't employ a large brush here, because information technology would mix the colors and you'd lose them equally a result. And a pocket-size brush means you're creating a texture on the wing!

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

At that place are two main 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 we've already learned, quick effects frequently mean they're out of our control. In this instance, blending with big strokes flattens the object and makes information technology unnaturally smooth. Even if you lot add a photo texture later on, it volition not take that "plastic" effect away. Again, this method may be good only for that starting stage.

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

If you want to get a overnice subtle texture (which is good for most of the natural materials), use a harder castor with Flow controlled by pen pressure (the harder yous push, 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 castor lets you control the corporeality of color y'all desire to use.

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

Thanks to this aspect, you don't need to alloy the border between ii colors. You just start with the base color and comprehend it lightly with the other one. And then you can add another layer of the aforementioned color, making it more 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 information technology smoother, just pick a color somewhere in between and pigment 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 brush (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

Co-ordinate to the 80-20 dominion, don't bother near blending in the first phase. Utilize a big castor, 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

Subsequently you lot tin utilise a smaller, textured brush to blend the edges. No Smudge Tool, no soft brush, but the Eyedropper Tool and your hard brush with variable Flow. Remember: blending depends on the texture of the surface, so you can't apply the same way of blending for every material!

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 last resort, when the object is theoretically finished, colored and shaded, but it still looks like a plastic toy. Nevertheless, a texture itself may make information technology fifty-fifty worse.

Let's say we 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 exist shaded before adding textures. The tricky role is it doesn't demand to be a consummate shading. The method of blending depends on the texture—if you blend without having whatever texture in mind, you'll get a non-texture blending (smooth 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 tin download a texture from the Internet, or use one of the Photoshop patterns—there are lots of them in the default sets. This is my favorite design 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 change the Blend Mode of the texture to Overlay, you'll meet it practical to the shading. However, notice that some parts have been brightened. You may similar it if shading wasn't done properly, simply it's another instance of giving upward command. In most cases, we don't want the texture to create its own version of shading. While the Overlay way isn't the best solution, it lets you come across how the texture looks on the object.

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

  • The Free Transform Tool (Control-T) in the Warp mode
  • Filter > Liquify
  • Edit > Puppet 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 information technology's amend 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 Puppet 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
Later on using Puppet Warp

The Overlay mode brightens the parts of the layer covered with white areas of the texture. Nosotros could utilise Multiply instead (it makes white areas transparent), simply it would make gradual tones (grays) darker than necessary. At that place's another tool perfect for adjusting a texture's transparency.

Double click the layer and play with theBlend If sliders. In brief, you can adjust 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
Agree Alt to "suspension" a slider and become a more than gradual issue
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 actually is. Information technology's non a "crude pattern" placed right on the object. It is, really, the roughness of a surface. When light hits a smooth surface, information technology'southward reflected uniformly. If the surface is rough, i.east. fabricated of tiny bumps and crevices, the light striking it will create a whole set of tiny shadows. And that'south the texture nosotros see.

Another fact tin be derived from this. If it'southward light that creates visible texture, there can be no texture without low-cal. And what is shadow, if non lack of low-cal? Therefore, we need to reduce the texture in dark areas (if in that location'due south ambience light nowadays), or remove it at all (no light, no texture). You can apply the Layer Mask for it, or play with theBlend If sliders (the second row). Go along in listen that the crevices of texture are in fact shadows, and so they shouldn't be 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 easy once yous know what actions to have after choosing one. However, this is not the end. Every texture is different, and while some of them will expect cracking when practical straight, most require some more than work.

Again, the 80-twenty dominion applies here. Adding a texture is easy, but making it work is what takes the most time. In my example I've blended the shading edges with private scales. Things similar this are very fourth dimension-consuming, but 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 first sphere has a apartment texture in Overlay fashion with lower Opacity, to make it less apparent; the second i is the aforementioned, but with baloney practical. Compare them to the last ane, with custom Blend If values and manually adjusted blending

5 Awesome Photoshop Assets From Envato Elements

If yous're digital painting in Photoshop, y'all're probably on the watch for groovy brushes to use. Thankfully, your Envato Elements subscription gives yous access to hundreds of Photoshop texture brushes yous can download. Hither are a few to effort:

1. Pharmacist 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 down for a painting session is almost similar existence in a lab right? With these stipple and grain brushes, you lot'll be able to recreate a textured, authentic feel with your art. This set of Photoshop avails includes 35 Photoshop texture brushes with unique details.

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

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

Equally mentioned in the digital painting tips above, getting shading right is pretty of import. This pack of Photoshop add-ons tin 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 you. The download includes a gear up of x high-resolution brushes. Add a touch of realism to your next digital painting in Photoshop with these add together-ons.

iv. 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, and so there'southward no reason not to adopt the await in your digital painting in Photoshop. This prepare of over 200 Photoshop texture brushes recreates the art mode in true-to-life way.

5. 30 Acrylic Photoshop Texture Brushes Vol. one (ABR)

Acrylic Photoshop Assets Acrylic Photoshop Assets Acrylic Photoshop Assets

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

Chief Digital Painting in Photoshop With These Tips and Resources

As we noticed, most beginner problems come from that urge to achieve great things effortlessly, as quickly every bit possible. Then it's non really nearly lack of skill—rather, information technology's about that deep belief that Photoshop is an art-making program. That leads to a constant search for tools and tricks, instead of making the try to empathise and solve the problem.

You can't become a digital artist in one solar day, simply because you've purchased an advanced slice of graphics software. Photoshop is just a tool—more convenient to utilize than pigments and brushes, only it's still a tool. It tin can't do more than than you intend information technology to! If you want to make the all-time of information technology, care for information technology every bit a digital sail with digital colors. Forget about all these fancy tools, filters, brushes, or Blend Modes. Just paint, as you would on a real canvas.

Learn color theory, perspective, beefcake—all these things that "normal" artists must larn. With fourth dimension you'll understand how to use Photoshop's tools to do the same things easier and faster—but don't put the cart earlier the horse by trying to get great effects without understanding them. Patience is the central!

And although this article has been about developing skills rather than relying on technological solutions, yous tin all the same find some useful Photoshop resources over on Envato Elements and Envato Market.

If you want to learn even more about tools and avails for Photoshop, check out these manufactures beneath:

Did you find this post useful?

franklinknoted.blogspot.com

Source: https://design.tutsplus.com/articles/10-basic-mistakes-in-digital-painting-and-how-to-fix-them--cms-23730

Post a Comment for "Building Illustration Loose Line Art and Watercolor in Photoshop"