ps eff 7
ZXNet echo conference «zx.grafix»
From Alexander Trofimchuk → To All 23 April 2003
Hello All
*Imitation of the texture of natural materials and volume*
Roman Sabalenko
The Web craze has led to what kind of computer drawing is it?
have to be accepted by mere mortals, who have neither
sophisticated professional visualization packages, no skills to work with them.
However, a lot can be done with ordinary graphic tools. And not gods
the pots are fired. If desired, you can have your own little virtual reality
create each. You just need to think a little, try and a little more
know.
By the way, about reality. In nature there are no perfectly smooth, evenly colored
surfaces. The surface of any material has its own texture, its own volume.
Consequently, the light falls on it unevenly, there are shadows and highlights. To
the computer drawing has come closer to reality, without losing, of course,
a kind of “virtual” charm, we must try to convey this on a plane
play of light and shadows.
Professional 3D graphics packages have powerful tools
overlaying textures on frame models of a scene created in the computer memory. They
allow you to position light sources, set their characteristics and obtain
a picture close to natural. Do you want a three-dimensional one? Do you want a flat one?
Based on the fact that we do not have such programs at our disposal, I propose
see how similar things can be done in a regular graphic editor.For example, let's take a typical task - draw a wall illuminated by a lamp
made of red porous brick. Let's do it in Adobe Photoshop, just like you already did.
You probably guessed it from the pictures. This editor has rich tools and
drawing tools and serves as a model for creating other similar
programs, so this experiment will be useful for those who do not have Photoshop.
So, let's get to it. The first step after the new file has been created is
in the selection of colors for the surface. It's not as simple as it might seem
first glance, so I recommend not limiting yourself to the quick selection palette, but
access the Color Picker fine-tuning window. It is called in
Photoshop by clicking on the square with the current color in the tool palette.
Having selected a suitable shade, we will fill it with the entire plane of the picture, that is, its
single layer of Brick Color. If the color has been selected for the background, press the keys
[Ctrl]+[Del], if you have selected the main color, press [Alt]+[Del].
The resulting surface is not at all similar to brick. First of all, she doesn’t
enough texture. Fortunately, you don’t have to draw the relief manually, since in the 4th
The version of Photoshop that I use has filters in the standard set
texturing tools. However, do not rush to use them head-on. Not everything is like that
just. Brick is porous and rough. It practically does not glare, so the textureshould consist practically only of shadows.
Create a new empty Brick Relief layer and paint it white so you can
was to apply the standard filter of the Photoshop editor. This filter is called
via the Filter/Texture/Texturizer menu. In its window you can select the surface type,
but there is no brick there. Looking for something similar, I settled on sandstone
(Sandstone). Manipulating the scale (Scaling) and depth (Relief) adjustments
relief, we set the surface texture suitable for brick in terms of roughness. Before
When using this filter, do not forget to check the direction of the light. It
determined by composition. For example, let's assume that the light comes from above and
on the left (Top Left).
What is visible on the screen now looks most like a cement wall or
plaster. This is a white rough surface with gray shadows. Therefore for
To get the desired effect, you will have to use the layer blending mode
Normal, and Multiply (multiplication). When multiplying, the colors of the layers are "multiplied"
Moreover, the result is always darker or optically dense. For us
the most important thing is that the white color is from the overlay layer when multiplying
is ignored, but black remains. As a result, the surface of the brick will be deprived
glare, that is, it will become matte. Switches the blending mode in the layers palette.
Well, there is already clay. Now it needs to be “cut” into bricks. For interlayermortar, a necessary attribute of any brickwork, including virtual,
Let's create another layer - Cement. On this layer you need to draw bold black
lines, outlining with them a pattern of a brick wall. The thickness of the lines depends on the size and
image resolution, but in any case it should be larger than you need
it seemed at first glance. Here you get an insight into the advantages of working with layers -
nothing prevents you from redrawing the grid again without touching the already successful part
images.
Geometric rigor of lines, as well as excessive clarity of edges, in life
not found. Therefore, we need to make the masonry lines blurry.
Let's use the Gaussian Blur filter, which will determine the blur radius
view of the edges of our “virtual” bricks. I used a 4 pixel radius.
Now we have to kill two birds with one stone - paint the cement in its
native gray color and at the same time give volume to the picture. This will help make a filter
Filter/Stylize/Emboss. It has three settings. The first one specifies the angle at which
light falls on the picture. According to our "introductory" light falls from the top left. To
the strips turned out to be recessed, let's set the angle to -45 degrees. Next
parameter - Height (height) - determines the height of the edges, and its value depends on
resolution and picture size. Let's set it to 4 pixels. Third adjustment -
Amount It also determines the depth of the three-dimensional effect.To prevent cement from looking like window putty, its surface must be given
invoice. Here again the Texturizer filter with Sandstone mode comes in handy. However, on
this time we don’t need to imitate the matte porous surface of a brick,
so we can do without an additional layer and apply it directly to Cement. Relief
we will set a smaller one than we chose for the brick, guided by school
observations of nature, when we had a smoke break in the corner behind the school, contemplating
brick fence. I set the scale to 80% instead of 100% for brick and terrain 10
instead of 20. Do not overdo it, as now you are changing the color of the cement
solution, and it should remain light, if the wall, of course, is not yet a hundred years old.
To make the masonry look even more voluminous and beautiful, along the axis of the cement layer
Let's draw a convexity. To do this, you need to create another layer - Cement Center and
draw black lines on it along the axis of the masonry lines. They should be once in
three or four thinner than we drew last time. In our example, the thickness of these
the lines turned out to be 4 pixels, whereas last time I drew lines of 16
pixels
Next, we repeat the same steps as for the main masonry lines, only in
In the Gaussian Blur and Emboss filters we set other parameters. Blur
should be about half as large as the height of the bulge. So that we
it turned out to be a bulge, and not a groove, in the Emboss filter in accordance withusing the accepted direction of light, we change the angle to the opposite one, that is, we put
135 degrees. Let's reduce the depth of the shadow Amount by a third. Last in the chain
The next step is to use the Texturizer filter, the values of which should not be changed
It’s worth it, since the grain size of the solution is the same.
Well, the red brick wall is almost ready. She looks in spirit
modern computer virtual reality, that is, noticeably artificial,
but at the same time it is quite similar to natural brickwork. To strengthen
effect of reality, you should understand the general lighting in the picture.
Actually, I should have started with this question, but then I only mentioned one
light source such as a light bulb located near the wall
top left. You can use more imagination in your compositions. To
At the same time, get by with little blood, explore the capabilities of the Lightning Effects filter,
located in the Filter/Render menu, especially the standard ones included in it
installations.
This filter has rich capabilities for simulating artificial lighting.
In principle, it can be used to create the effect of natural daylight,
but not always. But different types of lamps and spotlights - as many as you want and what kind
you want. You can control the source color, its position, scattering angle and
etc. etc. But to make it easier to understand the settings, start working withthem from viewing preliminary settings options, of which there are many. And already
Having chosen one of them, try moving the regulators back and forth and play with
lamp color.
Before applying the filter, we will have to say goodbye to the layering of the image,
by applying the Flatten Image command to it from the layers palette menu. But before
By merging layers, it’s worth saving the picture in Photoshop format in case
if you have to change something in the masonry itself. When the layers are merged into one,
It won't be possible to fix anything there. Or at least it will be done
damn hard.
When applying lighting to the picture, pay attention to the angle at which it falls
light. It must match (or be close to) the value that
used in the Emboss filter. Mismatch can lead to amazing
result when depressions in the relief begin to be perceived as convexities. So
This issue should be thought through in advance and kept under control.
I don’t know about you, but I liked the final picture. True, in black and white
in the newspaper version you don’t see even half the effect of the volume of a brick wall.
The trouble can be corrected by turning to the Web version of "KG", where, of course, there are pictures
displayed in color.
I can’t do without a resume. I would like the proposed example not
was perceived by you as something unique in its kind. Of course, he wears it completelycomplete character and can be used in practice, but for me it is more important
was to show the option of creating in a regular graphical volume editor, that is
drawing bulges and depressions, as well as giving the inanimate an ideal computer
surface texture and relief close to natural.
As you can see, with some imagination and experience, you can cope with this
regular editor filters. Moreover, everything is done quite quickly and without
difficulties that always provoke mistakes.
With best regards,