Use the mosaic picture in Photoshop

The goal of this lesson, using the example of creating wallpaper for your desktop, is to show how using the New Mosaic Picture command in the Adobe Photoshop CS5 Extended 3D menu to create interesting textures that you can use to decorate your artworks.

Step 1. First, create a document with a size of 500 * 500 pixels.

Align guides with values: Vertical-350 pixels Horizontal-150 pixels

Note: The easiest way to create a mosaic picture is to use a proportional document. Although in the future you will be able to create a mosaic background with any proportions of the sides, but it is easier to experiment with such a square.

Step 2. Click on the keyboard letter ” D“, to reset colors to primary. Take the tool gradient from “main to background”. In mode Radial gradient Check the Invert box to make the gradient go from white to black.

Draw a gradient from the point of intersection of the guides to the bottom left corner.

Remove guides. Create a new layer above your gradient layer.

Note: This layer is needed so that we have more opportunities to adjust 3D texture.

Step 3. In the layers palette, select both layers. Open the 3D menu and give the command “New mosaic picture”

Note:You got a new 3D an object consisting, by default, of 9 fragments, 3 on one side, their maximum can be 30 on one side. Each fragment is the layer (or layers) from which you created the mosaic pattern. Here it is important to know that the change of any fragment will immediately repeat in all fragments of the mosaic picture. Try for the sake of the experiment to take a brush and put a dot anywhere on this object. But do not forget, then, take a step back before continuing the lesson.

Take selection tool Oval area, style “set size”, set the size of the width and height 35-40 pix Hold Alt and click at one of the intersection points of the squares.

Again, take the gradient tool, without changing the settings that were left after Step 2, hold downShift (so that the gradient goes exactly under 450) and draw it inside the selection from a point a little higher and to the right of the center of the selection, to the edge. Watch that it passes exactly through the center of the selection (see screenshot).

Step 4. Open the 3D palette (1), activate the grid Layer 2_0 (2) Click on the scatter texture icon (3) and give the command Open texture(four)

The texture will open with a new document.

Note: This document has two layers, the first gradient layer you created at the beginning of the lesson. The second layer now has a gradient fill that you applied to the selection in the previous step. As you can see, it was distributed over the corners of the layer, since the selection affected only the corners of four squares. If in the second step of the lesson we did not create an empty layer, then this fill would be on a layer with a gradient, and this would limit the possibilities of changing the texture.

Create for “Layer 1 ” adjustment layer Colour, with a color value of “с20202 »(although you can choose any color you like) set, for this layer, the mode Multiplication make it a clipping mask. Ask Layer1 layer style Stroke with values- Size: 4 pixels. Position: Inside. Blend mode: Normal. Opacity: 100%. Stroke type: Color. Color value “A18501”.

Create for “Layer 2” adjustment layer Colour, with a color value of “efc606“. Set the mode to “Multiplication, And also make a clipping mask out of it. For “Layer2” set the style Shadow with values- Angle: 45 Offset: 5. Swipe: 5. Size: 5.

Close this document when asked about saving changes, answer “YES”.

Step 5. Resize the canvas of your document to the size you need for your desktop. To do this, go to the menu Image – canvas size (Alt+Ctrl+C) and set the desired size.

Note: Further in the lesson, all settings 3D, are given for my canvas size of 1920 * 1080 pixels. You may have them different.

Step 6. Return to the 3D palette, activate the grid Layer 2_0. Click on the scatter texture icon and give the command “Edit properties.

In the window that opens, change the value U-scales and Y-scales on 8-10.

Note:The default setting is one, which equals three textures along side. The maximum you can put 10,then your texture will be repeated 30 times, but for this lesson 10 it seemed to me a bit too much, I stopped at 8, you can put any value you like, you can always change it just by returning to this window. It is important to know that if you don’t want so that the texture is not distorted, the values Uand Y The scales must be the same.
Click OK.

Step 7. On the toolbar, select a tool. “Rotation 3D-object “

Note: It is important not to confuse the two types of tools, management tools 3D– object andcontrol 3Dthe camera.

On the top bar, enter in the box Orientations scale valueZ: 45

Now our image looks like this

We need to fill the entire layer with this texture, but since this is a 3D object, the usual transformation is not applicable here. Use the tool “Arrival / Departure3D-cameras

The cursor took the form of a double arrow, up less down more. Holding the LMB and dragging the cursor down, bring the camera closer to the 3D object until it completely covers the background. You can not use the mouse, but simply on the top panel, in the window “Standard field of view”, Enter the desired value, for my image this value is 87.

Step 8. Now you can tilt the background forward a little, maybe for such a background, this is not relevant, but let’s try as training. Take the tool “Turn 3D– Object “

Hold LMB and drag the cursor up a bit. Or use the orientation windows by entering the necessary values ​​from the screenshot (but I advise you to try to rotate this object yourself).

If after that you have a background in the upper corners, take the instrument “Move 3D-cameras “, Hold LMB and drag the cursor up a bit. Or use the window Position and change the value in the window Z on -1.85.

Step 9. Now we need to add some lighting. To do this, go back to the 3D palette. At the bottom of the palette, click on the icon “Create a new light source” and select item “New endless light.” Leave its settings by default.

Once again click on the icon “Create a new light source”, and create “A new directional light.” Now we need tools to control the light source.

Take the tool “Slip 3D-Sveta” . Hold LMB, drag the cursor down a little, or type in the Position window. Z: -1.5.

Switch to the tool “Panorama 3D-Sveta” . Holding the LMB, pull the courses up. Or enter values ​​in the position window: X: 0 Y: 0.05 Z: -1.5

Lower Intensity until about 0.8 and increase Scattering before 50-55.
In principle, the background is ready, you can add a slightly rough texture to the texture, but I told about this in previous lessons, and in this lesson we will skip this step.
In the 3D panel, activate the grid and switch the quality to the final trace.

Wait while the trace is running, when the quality seems acceptable to you, click the mouse to stop the trace.

Step 10. Now I want to show you how you can make the dough, even using pseudo-bold text style. If you have tried to emboss a text layer before, then you know that with the pseudo-service style, this will not work.

Take the tool Horizontal text, Size approximately 300pt (text size can always be changed by free transform). Color does not matter, on the 3D object we can change it at any time. Open up Window-Symbol, and include pseudo-bold text.

Write some text (I did this picture by March 8, so I wrote it).

Step 11. Now let’s add some shape to the text. Take the tool Pen (R) in mode- layer shape.

Draw any shape that comes to your mind. I got this wild parody of a mad smile.

Step 12. Rasterize and merge the layer shape and text layer. To do this, in the layers palette, select these 2 layers, and click the combination Ctrl + E, or right click on the layer with the figure and give the command- Merge layers. Load a selection of this layer: Ctrl + Click on the layer icon. Go to the 3D menu and give the command Chasing-Current selection. In the window that opens, enter these settings Extrusion: Depth 0.15 Scale 1 Bevel: Height 5 Width 5.

Note: The difference between the embossing of the Text layer and the embossing of the Selection — when minting text, letters and numbers in which there are holes (for example, o, a, p) will be made with these holes. When minting the same allocation, the volume is created by the external selection, and all the voids inside are filled. Now we fix it.

Activate any of the tools Internal limitation, click on the first letter in which you need to restore the hole (I have the number 8), and switch Type of on: Hole (see screenshot). Repeat this with all the letters in which to make a hole.

Step 13. Go to the 3D palette, activate any shape material, click on the scatter texture edit icon and delete the texture

After that, click on the texture color selection icon and select the color that you like. You can also slightly reduce the opacity (this is not necessary), percent to 70-80.

In order not to manually change all 5 materials, you need to determine your material from what you have done. To do this, click on the material selection icon (1), then on the material parameters icon (2), and select the command: Create material,. In the pop-up window, give him some name. Your material will be added at the end of the set..

Activate the grid Figure 1, an icon appeared in the bottom of the palette, in the form of an English letter “R, clicking on this icon will open the chasing editing window.

In the coinage window, select the materials “Everything”, open the material selection window and apply the material you created.

Step 14. Take the tool “Turn 3D-Object “ and change the value X axis on five.

Switch the 3D palette to light sources (1). Activate “Infinite Light 2” (2) and disable the item “Create Shadows” (3)

Also disable this item for the source “Infinite Light 3”.
Switch source type “Infinite Light 1” on: Directed.

Now you need to configure this light source. Change it Intensity at 1.5-2 Light Center: 31.5 Scattering 80 Next we need the tools to control the light. You can try it yourself, switching between them to adjust the light, as you like. I will show you the screenshots of the settings of my tools.

Step 15. In principle, you can finish the creation of the text and the shape, but I wanted to slightly change the shape itself. Since now the text and the figure drawn with a pen make up a single 3D object, and I don’t want to change the text, I need to separate them. To do this in the 3D menu, there is a command: “Coinage- Split embossing grids”. After applying this command, in the 3D palette, instead of one grid, it will become 7 (by the number of letters and shapes).

I am only interested in the first. With the active grid “Figure 1 “, open the embossing editing window (by clicking on the letter R in the 3D palette). Click on the outline icon to open the outline creation. In this window, you can change the shape of the bevel by opening the installation and selecting the finished option, or by changing the curve to create the desired shape. For training, try to create it yourself, I got this form.

Now change the Height and Width. The main thing here is the width value; it sets the distance from the edge over which the bevel will extend.

I set the values: Height 7 Width 12. You have to choose your own values, everything depends on the shape of your figure.

Note: If you want to slightly change the location of the shape or letters, you can use the grid management tools and rotate them as much as you like (more in this lesson).

Step 16. Our figure with the text lacks the shadow, in previous lessons I showed how to use Capturing the shadow on the base plane, but in this case, the text and the shape are in the same plane, and you can create a shadow using layer styles. How to call styles and place a shadow, I will not show, you already know that. I’ll just tell you just to make it easier to navigate with the location of the shadow, turn on the display of light sources View – Show – 3D-shine. Seeing the direction of the light source, it will be much easier for you to decide where the shadow falls.

Step 17. After the shadow was made, it remains only to trace the 3D shape. In the 3D palette, activate Scene and switch the quality to: Final ray tracing.

Note:There is one nuance here: Photoshop will process the entire layer, but we don’t need it to process the empty space and spend time on it. We only need to improve 3D object, and it will be faster than processing the entire layer. Now we will do it.

Click the mouse anywhere to stop rendering. Then load the selection layer Ctrl + Cry by layer icon. Right click on the layer in the layers palette and give the command: Progressive selection rendering. Now wait until processing is complete.

Step 18. Well, in the end I wanted to add a vignette effect. I bet you know different ways to make this effect. Let’s try to apply one of them in this work, namely to use a filter. Correction of distortion.

In the layers palette, activate the background layer with a mosaic pattern. If you are sure that you no longer want to return to this background, you can rasterize the 3D object, but I prefer to leave it, because I can always quickly change it and use it for other works. But the filter cannot be applied directly to a 3D object, so translate the 3D object into smart object. Right-click on a layer in the layers palette, and execute the command: Convert to Smart Object

Now you can apply the filter Correction of distortion. The settings may vary depending on the image, I have these: Tab Custom, Vignette Effect -100 (slider all the way to the left).

Here is the final image.

Addition:Using the command New mosaic picture, in 3D menu Adobe Photoshop CS5 Extended, You can create many interesting backgrounds that you can apply as a texture in any of your work. Here are some examples of backgrounds created with the help of this command of the same gradient and different settings for the properties of the scattering texture. The convenience of such backgrounds is that they are easy to edit and apply to any canvas size without noticeable loss of quality.

You can also create a mosaic picture from any image that you open in Photoshop, for example, a mosaic of one apple on a transparent background..

There are many options for using this command. Do not be afraid to experiment, use your imagination. And I hope this lesson will be useful to you, and you will find use of the techniques from it, in your works.

Like this post? Please share to your friends: