rendering 3d to look like line drawing backgrounds

In this commodity nearly 3D digital art, I'll show yous x steps you can include in your digital painting process to make information technology more than orderly and neat.

The biggest problem with digital painting is that it's seen as quite a spontaneous activity—you don't think, you merely get an idea and try to present it with all the resources bachelor. When the issue is far from your expectations, y'all but consider yourself talentless and lose heart. Such a vision of the creation process is a serious obstacle in your creative education—all you know is that you can't pigment, but in that location'south no tutorial for this! This applies to "talented" artists too. They feel they're good, they want to exist better, only they just don't know what'south wrong with their art. Nevertheless, the trouble is very simple—it's all about seeing the creation procedure every bit a whole.

As long as you lot run on autopilot, you can't control the outcome. You need to trust it volition bring you where you desire to, just you tin't be sure—because autopilot is only every bit experienced as y'all! At the aforementioned time, you're non able to tell what your autopilot does incorrect, because you only see the event. An unsuccessful painting is like a broken car—information technology's non thewhole auto that's broken, it'south probably only 1 part, maybe easy to prepare. Simply if y'all don't know a thing about its mechanics, you'll say the whole machine sucks. When y'all run into painting as a whole, you lot're unable to learn—you don't fifty-fifty know there's something to learn! But others are meliorate than you, so information technology must be well-nigh talent, painting software, graphic tablet, years of doodling, castor pack...

Photoshop favors autopilot in painting because information technology's so intuitive—all you need to do to commencement painting is to create a new file and grab a digital brush. Everything is beingness left to you lot. Yous tin start with a line fine art, or you can just go and paint everything from scratch. If the outcome looks OK, you stop painting, if it doesn't, y'all modify things until information technology does.

Process similar this is nearly incommunicable in 3D modeling software like 3DS Max or Blender. These programs stop your autopilot and forcefulness yous to portion the procedure into private parts considering they're built similar this—you can't create a whole piece with 1 tool. Unremarkably, you lot can't even "build a stick man" without skimming through at to the lowest degree i tutorial. Why don't we acquire from 3D modeling workflow to improve the creation process and make information technology prone to artistic upgrades?

This detailed 3D digital art guide will as well aid you exit autopilot behind and have it all in your hands!

1. Ready the Camera

In a 3D scene everything is visible at the same fourth dimension, and y'all tin can freely observe it from every bending. The final motion-picture show, notwithstanding, is seen through the camera—and the position of the camera isn't random. The creative person needs to identify it in a way to present the scene information technology the about effective mode. The camera defines perspective—the point of view and all the consequences of information technology.

Setting the perspective should be your offset step. Probably you lot shuddered a piddling after reading this, since perspective is a buzzword for virtually of the artists—I say "perspective", you call back "math!". You can relax, perspective isn't near that. When yous paint a scene, information technology'south a motion-picture show seen past a virtual observer. The position of their eyes makes the scene. A fly is very small when the observer is far abroad and huge when the observer nearly touches it with their optics. Depending on their position the top or bottom of a tabular array may exist visible. A 3D cake may become a cylinder or even a pyramid—it'due south the observer that makes a 2D shape of a 3D form only by moving! What they see comes to existence, what they don't—doesn't exist. The moving-picture show is the scene seen through their eyes—without them there would be nothing. You're not painting a dragon—you're painting a dragon as seen by someone's optics!

perspective in painting perspective in painting perspective in painting
Oh my, that's one huge monster-leg!
perspective in painting 2 perspective in painting 2 perspective in painting 2
...or maybe not so much

When y'all pigment on autopilot, yous ignore the observer. Fifty-fifty if you heard about something similar this, yous may just assume that all the people looking at the moving-picture show are the observers. Incorrect—they're observers of the picture, merely not of the scene. To offset using perspective as a photographic camera, avert architectural tutorials and focus on the purpose of the perspective.

2. Don't Base on a Single Reference

When y'all desire to model a realistic animal in 3D, 1 reference, even the most beautiful, only won't do it. You need every side of the beast, preferably top, front and profile views, but some others may be required to reveal details. After it'southward modeled, the artist knows everything most the animal's body and, if skilled in drawing too, would exist able to draw information technology in every pose at present—without any reference!

In 2D painting you can manage with a single reference. You want to create a running king of beasts, and then you Google "lion running" and in that location it is, the perfect shape you lot need to re-create! And if you lot desire to manage without a reference and try a tutorial near cartoon a lion, you'll almost likely terminate upwardly with a single pose too. Indeed, yous'll be able to depict it without a reference at present, but information technology's only this one pose. "I can draw a running panthera leo/king of beasts in profile view/sitting lion" isn't the same as "I can describe lions".

You need to break out from thinking with outlines. Outlines don't exist, they can be sketched over an object, but they're not a constant attribute of the object. Earlier y'all draw another masterpiece, make studies of the object first. Find various references of the lion, sketch them as translated to simplified forms and search for common features. Observe how they change in perspective and effort to understand what the object needs it all for. This way not only you'll exist able to create your own pose for this particular work, but also all the works in the hereafter!

painting without references painting without references painting without references
Your studies don't need to be slap-up nor fourth dimension-consuming. However, make certain you know how to depict something before y'all offset working on a serious art!

iii. Start With Elementary Blocks

When you're starting with a 3D model, you need to notice a simple block about similar to the idea in your head and and so shape it. There'due south no mode to kickoff in any other way. When y'all beginning with something unproblematic and add together details gradually, you have control over the scene all the time. In autopilot painting it's normally much more than chaotic. You have the idea in your head and try to paint all the details at the same time. If you do it, you're on the best way to lose the real meaning—the primary idea—of the picture. If you put a lot of effort into a painting and it still looks incorrect, this may be the reason.

There are 2 aspects of "simple blocks":

The Base for Details—the Topic

If someone says "homo", what do you meet in your heed? Colour of the eyes, the width of cheekbones, single hairs, or rather a beast with two legs, ii arms and a head? Every object has a set of features that are crucial to it, and and then a set of optional ones. Start with the crucial features and relieve the details for later. Warning: if after defining the simple shape yous're not happy with it, don't crook yourself with "it'due south going to look improve when I add together colors, and all these details, and absurd lighting". It's the base that makes the outset impression—all the details are just a nice improver and they never brand the picture lone. A boring pose and wrong proportions are all what people see, even when the artist had spent two hours cartoon all the scales one by one. Don't waste product your time—ready a adept base earlier diving into details.

painting base painting base painting base
The topic is "flying dragon". The bodily shape of the wings, head, scales or claws has no power here.

Composition and the Real Pregnant

When y'all start right from the details, the scene becomes a set of them, not a whole. It'south OK when you're painting a character, but when in that location's more, y'all need to create some kind of link between the objects.

Adept speed paintings look so astonishing considering they comprise the essence of the scene without any redundant elements. You don't really look at them similar a normal, detailed painting - you lot rather feel them, receive their meaning without searching for information by observing all the details.

There are layers of pregnant in every painting. The most important one is lite and shadow—it's crucial for revealing form. Everything else is simply a squeamish addition, a ruddy on the top. Still, almost every aspiring creative person goes straight for colors and details, desperately trying to distract viewer's attention from the mistakes at the very base of operations of the picture show. Sadly, a tasteless block covered with cherries won't impress anyone.

First with something simple and get slowly farther. Details should be the very last thing you're calculation, and only when everything else looks good. A practiced method to constrain yourself is to start with a huge castor and make it a bit smaller with every step.

how to speed paint how to speed paint how to speed paint
Try to capture the main topic and add the details when it's already settled

four. See the Object Exterior of Its Environment

In the starting time there was only a course. It's independent from the vision, it can be felt with touch and hearing. In 3D, course is revealed by ambient apoplexy—a method of showing which areas are easily touched by ambience low-cal and which aren't.

Before you lot get into all these complicated color properties, stop to recall over the grade itself. If you lot've got line art, use information technology to paint crevices - the areas where lite has difficult access likewise. This is what you need—not outlines of line art, but the form. When y'all paint in ambient apoplexy, don't recollect about light at all. Information technology tin can be water, or dye, or mortiferous laser trying and declining to reach the crevices.

Ambience occlusion in painting isn't "a trick to make a picture wait like a 3D return"—its main goal is to define form without touching whatsoever aspect of vision (except perspective). "3D-render-feel" may be a side consequence of it, but really it's most the very base of painting. When you want to film your thought, all the complicated aspects of painting may impale it! Slow down, leave it all for later and create the form but. In this stage you may not really know what you're trying to paint, and so save yourself confusion and focus on the base.

ambient occlusion painting ambient occlusion painting ambient occlusion painting
Ambient occlusion isn't about expect, simply about class

There'due south one more matter to information technology. Traditional sculptors oft apply ambient occlusion in their works fifty-fifty though in theory it should occur naturally. All the same, using night paint in the crevices makes the sculpture independent from adept calorie-free—it volition not look apartment even with the most agin calorie-free. We can take a lesson from it!

5. Know What'south Outside of the Scene

Information technology's a characteristic for a good book that the world doesn't seem to be created just for the story—nosotros can believe it could exist merely as alive even without the characters we're reading virtually. It's the same with every scene you're painting. When using autopilot we tend to start with the graphic symbol, and the background is then adjusted to it. That'southward not what makes a believable piece. If y'all desire to pic the character only, that's OK, merely information technology won't work with scenes.

In 3D, the area captured past the photographic camera is only a function of the scene. In that location may be trees around casting shadows into the scene, at that place may be a secondary light source subconscious somewhere outside the frame. They all brand the scene complete—the globe doesn't finish exterior the frame!

painting open frame painting open frame painting open frame
1 - visible scene; two - invisible, simply existing environment

Abreast the obvious benefit of credibility, there's another thing to it. Everything in the world around influences the scene. Children tend to draw the sun in the corner of their pictures because they tin't grasp the idea of the world outside the frame. You can make the scene flooded with light without putting the light source inside the frame, and it's the same with all the objects reflecting the calorie-free. If you're painting a cave scene, blue lite can indicate a hole in one of the walls or even the entrance just in the position of the observer! Everything that affects the character within the frame can be moved outside without losing its power.

6. Set the Lighting

Proper lighting is crucial in 3D modeling. A 3D artist automatically learns that without light there'south no grade or colour, while most of aspiring artists are unfamiliar with this basic knowledge. It'southward because it'due south not required in painting—you simply have a color and it exists, no matter whether there is or isn't any calorie-free source. That's also the principal reason why painting, especially digital, is and so hard to larn. The mere action of moving your stylus pen on the tablet (or clicking and dragging with a mouse) has nothing to do with a huge amount of theory hidden behind realistic world. The first error made past many beginners is to look for "how to paint digitally" tutorials instead of something more like "how exercise we see".

If you're not terrified nevertheless, I'll tell y'all one shocking thing: with every colour you lot put on the picture, you include information most light source. Every single blob of color says something almost the light source information technology was made by! When you have no idea how it works, you'll near likely mix dozens of lite sources earlier even because the main ane!

At present, relax. This is what you lot probably take been doing until now, but you're reading this article to change it, right? First, separate the lighting from the colors. Just imagine at that place are no colors, everything is white when fully illuminated and black when obscured. Take your picture show painted with ambient occlusion and adjust it to lighting by painting over it with the shades of gray. Avoid white and blackness—they're as well powerful and made for college things.

I more matter: experiment with lighting. Now, when you lot don't demand to call up virtually color, you tin can calmly judge which direction will be the about benign for your composition, and how many light sources are needed to make the all-time of it. Keep in mind the previous advice nigh the globe exterior of the scene—your calorie-free source can be very far abroad, or in the identify of the observer. Information technology can be everywhere, casting shadows of objects that the camera can't come across and thus introducing them partly to the scene. You tin can create a forest without painting a single tree!

painting lighting frame painting lighting frame painting lighting frame
Including the shadows of objects from outside of the scene will create an illusion of an open up world

seven. Create Maps

The previous part was an introduction to the most important effect of realistic 3D modeling—texture mapping. If yous read my articles about light and shadow, and color fundamentals, you know how many factors there's involved into the illusion of color and form. When painting on autopilot, y'all're taking an attempt to mix light, shadow, diffuse reflection, specular reflection, subsurface scattering, fabric, texture, ambient occlusion, emission of low-cal, and more, all at the aforementioned time, while playing with luminosity, effulgence, hue, and saturation for the best effect. And still you wonder why painting is so hard?

Over again, my job is not to scare you and discourage y'all from painting. On the contrary, I want to show you the way to learn information technology without relying on your talent or lack thereof! Talent is a squeamish conception only if you possess it—otherwise, you lot're doomed forever. Stop dreaming about talent because it's just like a dream about big lottery win—no matter what you practise, you tin't touch on it. Assertive in talent closes all the doors and is an excuse—sorry for harsh words—for your own laziness. Painting can be learned, and once yous portion it into simpler chunks, it becomes articulate what y'all need to learn exactly. Suddenly "I can't draw because I lack talent" turns into more realistic "I can't draw [yet] because it'southward very hard to larn".

Back to mapping. All the things that build a look of an object can be separated for our convenience, and that'southward what 3D programs do. You can just accept a brush and pigment over the object, merely it inappreciably e'er will give you a decent effect. Instead, 3D artists use multiple maps, all put one on each other. They don't cover, simply rather complement each other. In Photoshop it tin be simulated past using separate layer for every map and playing with Blending Modes. Y'all tin can create as many maps as yous desire to, basing on real 3D maps or on your own ideas. I'll bear witness yous a basic prepare you can use in Photoshop. This is not the just fashion to do it and you should not treat it like this. Rather, it's recommended to find your own —I'thou but showing you the direction (the file is available to download, and then you can play with it).

Ambient Occlusion

This is the map we've already talked virtually. When yous start with a line art, nighttime lines may signal both crevices and prominence. They're very subjective and they have zippo to do with painting. Ambient apoplexy, however, lets you ascertain forms without running to outlines—and just like line art, it's however independent from lighting and other complicated things. Also, it makes a proper clipping mask for other maps.

ambient occlusion photoshop painting blending ambient occlusion photoshop painting blending ambient occlusion photoshop painting blending
Ambient apoplexy map doesn't require any special Blending Mode

Lighting

Set the light source and illuminate the scene equally if by default it was all 50% gray. This is just illumination of the forms—forget completely nigh colors at this point!

 lighting photoshop painting blending  lighting photoshop painting blending  lighting photoshop painting blending
Use Multiply manner for shadows and Soft Light/Screen mode for lights, or just paint over AO map in Normal way

Luminance

Equally we've learned in my article most color shading, luminance (also chosen luminosity) is a relative brightness of colors. For example, 100% vivid blueish is perceived as darker than 50% bright greenish. Therefore, putting color map correct on the lighting map would result in unsaturated, done-out colors.

Luminance map should take saturation, not brightness of color into account. Saturated colors will be darker than unsaturated ones. And so, there are two things you need to retrieve about when planning the luminance map:

  • how nighttime the color is (follow the commodity to larn more about information technology);
  • how saturated the color is.
luminance photoshop painting blending luminance photoshop painting blending luminance photoshop painting blending
Paint the luminance in Normal mode...
 luminance photoshop painting blending 2  luminance photoshop painting blending 2  luminance photoshop painting blending 2
...and then switch to Multiply fashion

Diffuse Reflection

The color of light source affects profoundly the final colors of the objects. In traditional painting it all needs to be calculated, merely in Photoshop all we need are Blending Modes.

Typical setting is orange-yellow light source (like sun) one 1 side and blue (sky) on the other. Permit's start with the sun. Select a color for it and pigment solidly the areas that sun will accomplish.

 lighting photoshop painting blending  lighting photoshop painting blending  lighting photoshop painting blending
Don't worry about shading at this indicate, it's more than like all or aught

Now you tin apply Screen mode to reveal the shading. Play with Opacity to meet your needs.

lighting photoshop painting blending lighting photoshop painting blending lighting photoshop painting blending
Screen mode with low Opacity work pretty well here

The other side is not going to be strongly illuminated, but the sky will requite it a blue shade. Back diffuse reflection, as I call it, isn't dorsum-calorie-free or common reflected light—use it to color the shadows.

lighting photoshop painting blending lighting photoshop painting blending lighting photoshop painting blending
Solid bluish should do the pull a fast one on
lighting photoshop painting blending lighting photoshop painting blending lighting photoshop painting blending
Color fashion will reveal the shading

If y'all desire to make the contrast stronger, you may add some other layers of diffuse reflection, this time applying soft shading.

lighting photoshop painting blending lighting photoshop painting blending lighting photoshop painting blending
Don't apply solid colour here!
lighting photoshop painting blending lighting photoshop painting blending lighting photoshop painting blending
Overlay and Color Dodge both work very well hither

Apartment Colors

This is what we've got now—lighting, luminance, and diffuse reflection maps. Let's add colors to it, correct under the diffuse reflection maps.

lighting photoshop painting blending lighting photoshop painting blending lighting photoshop painting blending
The scene is ready for coloring

Paint the colors solidly again. It's nice to forget about shading, isn't it?

 flat colors photoshop painting blending 2  flat colors photoshop painting blending 2  flat colors photoshop painting blending 2
The essence of flat colors!
 flat colors photoshop painting blending  flat colors photoshop painting blending  flat colors photoshop painting blending
Would you estimate that Color manner will exist the all-time for information technology? However, sometimes Multiply mode volition fit better to darken the colors

The illustration beneath shows how important it is to employ multiple maps when using Blending Modes.

color photoshop painting blending color photoshop painting blending color photoshop painting blending
1 - color map without luminance map; 2 - colour map, luminance map, but without lengthened reflection map; 3 - luminance, colour and diffuse reflection maps

Specular Reflection

Specular reflection is definitely overused in digital painting—it's simply also piece of cake and too effective. One uncomplicated dot of white and a whole cloth appears glossy! However, specularity is more than this white dot (the reflection of light source). Specular surfaces reflect everything depending on their properties. I've fabricated the bigger cube 100% specular, while the other one is 100% matte.

specular reflection photoshop painting blending specular reflection photoshop painting blending specular reflection photoshop painting blending
Specular surfaces are mirrors, unremarkably not equally perfect equally i higher up

To create a something not as specular use Multiply mode and lower the Opacity.

specular reflection photoshop painting blending specular reflection photoshop painting blending specular reflection photoshop painting blending
Multiply way uses subtractive color mixing rules

To brand the object shiny and crude at the same fourth dimension, mistiness the reflection with a messy brush.

specular reflection photoshop painting blending specular reflection photoshop painting blending specular reflection photoshop painting blending
Conceal the abrupt borders to accomplish a softer reflection
specular reflection photoshop painting blending specular reflection photoshop painting blending specular reflection photoshop painting blending
Now the reflection isn't then sharp

The situation below is virtually ruddy specular layer. If your object has a transparent, sleeky layer (similar water), you lot can use Screen or even Normal manner with low Opacity.

specular reflection photoshop painting blending specular reflection photoshop painting blending specular reflection photoshop painting blending
You can utilize Screen or Normal mode here.

What nigh reflected light? It's specular reflection likewise! Recall nearly it.

8. Take Atmosphere and Depth of Field Into Consideration

3D scene has depth from definition, but later on rendering it becomes a classic 2d picture. However, you can still notice a lot of depth—it still looks 3D in some mysterious way. How is it accomplished, and can you use this pull a fast one on in painting?

Aeriform Perspective

Air is invisible to united states, so we tend to ignore it. In 3D programs, however, it's an important gene changing the look of the scene. The features of the temper change the properties of light, and thus colors on the scene. Using aerial perspective is a great way to create depth in your 2D picture. Y'all tin read more virtually it in my article about shading with color.

aerial perspective painting aerial perspective painting aerial perspective painting
1—A may be as big every bit B, but it'south afar and therefore looks smaller; 2—pocket-sized A is closer to u.s. than afar, big B

Depth of Field

To make it unproblematic—there are two main kinds of depth of field, shallow and deep. Shallow focus means that one area is rendered sharply, when everything outside it is blurry. Deep focus is nigh rendering everything as sharply equally possible. All right, that'due south theory, but what does it take to practice with distance and depth?

The depth of field (DOF) is an area in your field of vision. Everything captured within it is going to be sharp and detailed. Curt DOF gives you the shallow focus and long DOF—deep focus. Shallow depth of field indicates that at least one of the objects is close to your eyes—that's why pictures of big objects taken with shallow focus simulated look like models.

depth of field painting shallow focus depth of field painting shallow focus depth of field painting shallow focus
one—shallow focus on distant A; two—shallow focus on close B. Green area shows DOF
depth of field painting deep focus depth of field painting deep focus depth of field painting deep focus
Both distant A and close B are rendered sharply—they both fit into deep DOF (green rectangle)

To call back it better, lay on the ground with one of your cheek touching the floor (a desktop is OK too, if you've got enough space). Close the eye that's higher. Expect at the area right before you with the other eye then slide focus a fleck further. You should see DOF sliding with your optics! (and if you wear stiff glasses, y'all may discover the moment where DOF refuses to slide anymore).

This is a play a joke on used extensively in art and movies. In 3D programs it's very piece of cake to simulate it, just equally a 2D artist you demand to take care of it yourself.

 9. Use Modifiers

Modifiers in 3D modeling are kind of changers that bear on the object non-destructively, which means you lot can change or remove the change at any time without affecting the previous state. In digital painting nosotros often use filters and adjust the image with Photoshop tools, but if something goes wrong and we're not careful, we may lose our previous consequence. That'south where aligning layers, smart filters, and layer masks come to play.

I commit this sin too—I quickly press Control - M to play a bit with dissimilarity, because "Information technology'southward just for a moment, I'll see if it looks OK and then remove information technology...". It's a bad habit, and it's actually amend to make the change with a modifier. This way you'll be able to quickly compare the departure fifty-fifty the next mean solar day, when you get some altitude to the moving-picture show and your judgment is clearer. Too, the mere chance to arrange the value of the modifier instead of constant undo's is a big benefit hither.

photoshop non destructive smart filter adjustement photoshop non destructive smart filter adjustement photoshop non destructive smart filter adjustement
Maybe your autopilot doesn't accept options like these, simply it doesn't mean you shouldn't utilize them in Photoshop!

Using layer mask instead of Eraser Tool may be a great improvement for your workflow too. You lot may be certain about the change at the moment, and regret it a minute subsequently, so instead of keeping 500 history states, use non-subversive methods wherever possible. It's non like you pay for them or something!

10. Prepare the Rendering

In 3D modeling this is very important function. It defines the quality and realism of the final picture. In painting the rendering is what we do from the start, so nosotros can call the set-up of this the offset phase, the creation of a new document.

Is there whatsoever more overlooked phase of a creation procedure? It's like taking a canvass of paper—what can go wrong? Actually, a lot of things. If the resolution is besides small-scale, y'all won't be able to include modest details (they may be the size of a unmarried pixel). If it's too large, your computer may get-go to "choke" and the strokes will be lagged. The proportion of the sides will touch on the placement of power points (cheque out golden ratio to learn more than about this topic) and thus the desired composition. Of course, you can resize the epitome later, simply every scaling brings a driblet in quality of what you've already painted.

photoshop file dimensions
All correct, now let's piece of work on the eye...

Sometimes you lot don't know what really you want to paint and autopilot is necessary to start. Withal, when you lot see the main topic starts to reveal, take steering in your easily and programme the residue. See what kind of composition your sketch suggests and ingather the epitome for perfect proportions.

Conclusion

Does it mean you lot should treat Photoshop as a 3D program? Not in the least! The point is you should take the driver seat and take real control over the creation procedure, just like yous would in Blender, 3ds Max, or Maya. It may wait very awkward on the beginning, so rigid and strict, but it'south just like learning how to walk—your autopilot will acquire from you and after some time you'll be able to utilise information technology once again!

There'southward one more lesson to take from this 3D digital fine art article. Become a 3D artist for a while. Great artists like Stjepan "Nebezial" Šejić or Landy "Jiyu-Kaze" Andria don't hide they've learned a lot while playing with 3D modeling. Painting is based on reality, and every 3D software is kind of reality-simulating machine. They're not perfect, of course, just they've already sliced reality into easy-to-swallow chunks—would you prefer doing it all yourself once again?

Blender is free and also not-intuitive, and then you won't be able to use your creative autopilot in that location. And there's a whole lot of tutorials nearly it! I'k securely convinced that ane total, textured model made by you from scratch (basing on tutorials, of class) will change your perspective on painting forever. In this article I showed you what I've learned during my curt adventure with Blender. Who knows what yous volition learn?

photoshop wip painting ambient occlusion layer photoshop wip painting ambient occlusion layer photoshop wip painting ambient occlusion layer

frazierlabonall.blogspot.com

Source: https://design.tutsplus.com/articles/10-tricks-from-3d-modeling-that-you-can-use-in-digital-painting--cms-21785

0 Response to "rendering 3d to look like line drawing backgrounds"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel