Spectacular patterns in Photoshop – Part I
We continue the lesson on creating textures and patterns, using transformation commands. We now consider other examples in which we will use these commands and get interesting results.
Using this method, you can also quickly create snowflakes, or similar circular decoration elements. Let’s see how this is done.
Step 1. Create a new document Ctrl + N 1000 x 1000 pixels with white background. First you need to make a template, according to which parts of the future snowflake will be cut.
Step 2. On the new layer make a rectangular selection tool. Rectangular area (Restangular Marquee Tool) and using the tool Fill(Fill) fill it with any color except background color.
Step 3. Without removing the selection, with the active tool Rectangular area (M) (Restangular Marquee Tool), right-click, bring up the menu, and select the command Transform selected area (Transform Selection). In the settings panel, set the rotation angle to 30 °.
Then we slightly increase the size of the selection and place it so that it covers most of the rectangle on the right side, and a triangle remains on the left.
Step 4. We press Enter (apply the transformation), then Delete (delete selected area). Remove selection Ctrl + D. The template is ready.
Step 5. Change the foreground color so that it is different from the color of the template.
Step 6. Now we need to choose a suitable pattern from which we will “cut out” an element of the future ornament, or snowflakes. For example, I used the tool Arbitrary shape (Custom Shape) in mode Pixel fill (Fill Pixels) and chose “ornament 5” (ornament 5) from a set of shapes.
Note: You can choose any other shape to your liking, or use some interesting decorative brushes. And you can manually draw abstract lines, curls, etc., which will form the basis for future snowflakes.
Step 7. Place the created shape, or brush imprint on a new layer.
Step 8. This step depends only on your imagination. We place our figure on top of the template, call Free transformation (Free Transform) Ctrl + T and change it arbitrarily at your discretion (you can reduce its size, proportions, rotate, etc.) so that its most interesting area is located within the triangle pattern. When everything is ready, apply the transformation – click Enter.
Note: Here it is important to note one thing: a part of the shape must necessarily pass through the lower corner of the pattern, since there will be a center of rotation during the transformation. In the extreme case, if this does not work out, you can put a small brush imprint in the very corner on the same layer as the figure, but not touching the figure itself. Then it can be removed – that is, the main thing is that the pixels in this place are not transparent until the snowflake is ready.
Step 9. Now it remains to cut off unnecessary. We check that we are on a layer with a figure, and not with a template. Ctrl + click on a miniature layer with a pattern in the layers palette –
Ctrl + Shift + I (invert selection) (Select Inverse) – Delete (delete selected area) – Ctrl + D (deselect).
Step 10. Turning off the template layer, but not removing it at all – it can be useful if we want to do the same with another pattern for the pattern.
This is our preparation for the future snowflakes.
Step 11. Now we need to make its mirror reflection, for which we use the combination we already know. Ctrl + Alt + T (free transformation frame appears) – transfer the central marker of the frame to the left middle marker, or do the same on the settings panel – right-click on the area inside the frame (the free transformation menu is called) – select the command Flip horizontally (Flip Horizontal)
Apply the transformation – Enter.
Step 12. Merge both layers into one Ctrl + E and transfer the resulting blank to the top of the document in the middle.
Step 13. Then you may have already guessed what needs to be done. Duplicate layers by placing them in a circle. And again, already familiar teams will help us to do this job. First this Ctrl + Alt + T, when the frame appears, transfer the center of rotation (central marker) to the lower middle marker, or do the same using the settings panel. And on the same panel set the angle of rotation of 60 °.
Enter – apply transformation.
Step 14. And in the end Ctrl + Shift + Alt + T four times. I recall that the keys Ctrl + Shift + Alt you can not let go, and the key T press as many times as necessary. We should have 6 layers.
Step 15. Merge them into one layer. That’s it – the snowflake is ready!
Important addition: quite often it turns out that on the finished ornament (snowflake) joints remain visible – the gaps in the lines of connection details.
How to fix such a marriage? We proceed as follows. After step 12 scale up to the maximum in the lower corner area of our part. Using tool Rectangular area(M) (Restangular Marquee Tool) select the 3 bottommost rows of pixels and delete them. (If the image size is larger, then, accordingly, more rows of pixels must be deleted.)
Note: If you see in the screenshot only two rows of pixels in the selection – do not believe your eyes. In fact, there are three, the bottom row is translucent, barely noticeable, but it exists!
Next, perform step 13.
Here are more variations of such snowflakes.
And if you like to cut snowflakes out of paper for the New Year, you can easily do it also by means of Photoshop. Using the method described above, do the following:
1. Take a sheet of paper folded in 12 layers (in our case it is a pattern with an angle of 30 °) and outline the outline of a future snowflake using the tool Polygonal Lasso (Polygonal Lasso Tool) – a selected area appears.
2. Cut with scissors along the contour – that is, delete the excess with the key Delete.
3. Unfold the paper (do steps 11-15) – the snowflake is ready!
So, when the snowflake is ready, we will try to create a new pattern on its basis (Fill) (Pattern). There are two options. First: you need to go to the menu Editing (Edit), select the command Define pattern (Define Pattern), set the pattern name and click OK.
But I personally like the second option, in which the elements of the pattern (Fillings) (Pattern) are staggered. There are different ways to create such a fill. I will show you two of them, both very simple, without using a grid and guides. Choose the one that you prefer.
Move the layer with the snowflake to the left so that a part of it goes beyond the canvas to about half, but not necessarily, accuracy is not needed here. Before that, you can reduce the size of the snowflake, or leave it the same – the distance between the elements of the pattern and each other depends on it.
Then Ctrl + Alt + T and go to the settings panel. Since the image size is 1000 X 1000 pixels, then the elements of the pattern should be repeated every 1000 pixels, so in the X field we make a value 1000 greater than the previous one. Value Y do not change.
Apply the transformation – Enter. Merge layer with the previous one – Ctrl + E.
Next we need to create a duplicate of this layer and rotate it 90 °. Push Ctrl + Alt + T inside the frame, right click and select the command in the menu Turn 90°clockwise (Rotate 90 ° CW) (or counter-clockwise – irrelevant). Apply the transformation – Enter. Again we merge the layer with the previous one – Ctrl + E, but this is optional.
All – you can define a pattern. Go to the menu Editing – Define a pattern (Edit – Define Pattern), set the name of the pattern and click OK.
Note: If you change the color of one of them before the first or second layer merging, then the fill you created will alternate the colors of the pattern elements.
For this method, you need to reduce the size of the snowflake so that it is no more than half the width (or height) of the document. Call Free transformation (Free Transform) Ctrl + T and with the key pressed Shift reduce the size of the snowflake by pulling the corner marker, then go to the settings panel. In field X set the value 250 pixels., set the same value in the field Y. Why such values? If you mentally divide the document into 4 identical squares, then the pattern element should be placed exactly in the center of the upper left square.
Apply the transformation – Enter.
The second element of the pattern is placed in the center of the lower right square of the document. To do this, call the command Ctrl + Alt + T and enter 750 pixels in the settings panel. in the fields X and Y.
Apply the transformation – Enter.
Note: Here, as in the first method, you can change the color of the second snowflake, or its size, or insert another snowflake, or a completely different shape (that is, replace the pattern element), but its coordinates should be the same as above.
Now also go to the menu Editing – Define a pattern (Edit – Define Pattern), set the name of the pattern and click OK.
To see what pattern we have, we create a new document of any size. Make a copy of the background layer. Ctrl + J. At the bottom of the layers palette, press the button Add Layer Style – Pattern Overlay (Add a Layer Style – Pattern Overlay).
In the layer style window we find the pattern we created and select the appropriate scale. Click OK and admire.
You can, of course, use a fill pattern, without a layer style, but then the scale can not be changed.
If a real snowflake should have 6 rays, then CIRCULAR PATTERNS, which are created according to the same principle, can consist of different numbers of repetitive details.
For example, from 10: for this in step 3 in the manufacture of the template set the angle of 18 °, and step 13 angle of rotation 36 °.
If the pattern consists of 18 repetitions of the same parts, then the pattern is prepared with an angle of 10 °, and the angle of rotation around the center will be 20 °, respectively.
And these are built just like snowflakes, from 6 repeating elements.
To create such ornaments, I used different textures with flowers, curls and patterned elements. If you choose the right “material” (source), you can get beautiful openwork, lace patterns, which are then convenient to use for the design of our works. We place the texture under the layer with the template, twist-vertically, change the size, etc. We don’t touch the template itself, but only reduce it Opacity (Opacity) to shine through the bottom layer. And then we continue with step 9. When the circular pattern is ready, use the tool. Oval area(Eliptical Marquee Tool) to round the edges. You can change the color, or apply Inversion (Inverse) Ctrl + I for a more expressive effect display.
If such an ornament consists of 4 parts, then it will no longer be round, but square. For him, take a template with an angle of 45 °, and rotate the copy by 90 °.
And these are examples of similar ornaments from Shaterstock:
Now you can easily create something like “do it yourself”.
In the same way very quickly “draw” flowers, consisting of any number of petals.
To do this, first draw one petal.
1. Take the tool Pen (Pen Toll) and on the new layer we put the first point, then, to make the petal symmetrical, press the key Shift and above we put the second point, without releasing the mouse button, slightly move to the right, pulling the guides. Let’s release all the keys.
2. Close the contour, putting the third point in place of the first. The contour of the petal is ready.
3. Now you can Perform a stroke (Stroke Path), or Contour fill (Fill Path). Right-click – select the desired command from the menu.
four. Delete contour (Delete Path).
And then we will determine how many petals will be in our flower. Than already (thinner) petal, the more they will be in the flower, and vice versa. If necessary, you can change the length-width of the petal. When we have decided, we divide 360 ° by the planned number of petals and perform the transformation with rotation by the resulting angle. (Steps 13,14,15) It can turn out both integer, and not integer number. For example, we need a flower with seven petals: 360 ° / 7 = 51.43 °, or with ten: 360 ° / 10 = 36 °
Note: I rounded the angle of rotation for non-integer number to hundredths, since such an error practically does not affect the symmetry, but you can enter values with a large number of decimal places.
Using the described method, it is possible to “draw” just such a green twig in a couple of minutes:
Step 1. Again we create a new document. Ctrl + N 1000 x 1000 pixels with white background.
Step 2. Set the foreground color – green, for example, like this: 03A02D
Step 3. Take the tool Pen(Pen Tool) and draw on a new layer about here such a leaf. Tool Arrow (Direct Selection Toll) correct contour line.
Step 4. Right-click the context menu and select the command Fill contour (Fill Path) and in the dialog box indicate: use primary color (Foreground Color).
Now the contour can also be deleted via the context menu (Delete Path). The leaf is ready.
Step 5. Draw a stalk. Create a new layer. Take the tool Brush (Brush) round 6 pixels., Hardness 100% and draw a line from top to bottom, while holding the key Shift. The result was a straight vertical line.
Step 6. Now attach the leaves to the stalk. Go to the layer with a leaf, call Free transformation (Free Transform) Ctrl + T. With the help of the transformation frame, we reduce the size of the leaf, move it down and expand it a little. Apply the transformation – Enter.
Step 7. Farther Ctrl + Alt + T – on the settings panel set the scale to 95% in width and height – transfer the central marker to the stalk –
right click – call the menu Free Transformation – Flip Horizontal (Flip Horizontal) – move the copy of the leaf slightly upwards with the arrow on the keyboard (not the mouse!) Approximately to the middle of the first leaf. Enter – apply transformation.
Step 8. Repeat the transformation Ctrl + Shift + Alt + T several times, until the whole stalk becomes overgrown with leaves to the top.
Step 9. The last upper leaf is unfolded vertically.
Step 10. When the branch is ready, we will merge all the leaves and the stalk in one layer.
Step 11. And at the end, to make the twig winding, use the filter Curvature (Filter – Distortion – Curvature) (Filter – Distort – Shear) to a small extent:
If the size of the leaf during the transformation is not changed, then all the leaves will be the same size. And the number of leaves on a branch can also be any.
Important addition: team Ctrl + Shift + Alt + T repeats the previous transformation on the copy of the layer, but if there is a selection, then this command copies and transforms the selected area on the same layer, repeating the last transformation. In this case, you do not form dozens of layers, which then will need to merge. This is convenient when we are not going to make changes to individual layers. For this, after you have executed the command Ctrl + Alt + T and applied the transformation (Enter), select the shape that we transform (Ctrl + click on the layer thumbnail), or select the entire layer (Ctrl + A). And then, as usual, Ctrl + Shift + Alt + T. Cancel selection when all transformations are finished. If around the figure that we are going to transform, there is already a selection, then, without removing it, we perform all the actions in order: that is, first Ctrl + Alt + T, make the necessary changes, apply the transformation (Enter), then repeat the conversion Ctrl + Shift + Alt + T. Thanks for the tip vik-borc!
In the previous examples, we most often used transformations such as Scaling (Scale), Turn (Rotate), Move (Move), and some Horizontal reflection (Flip Horizontal). All these changes were dutifully repeated by the team. Ctrl + Shift + Alt + T. These types of transformations are commonly used in creating patterns and textures. If you experiment with other types of transformation, you can also get unusual results. Interesting that the team Ctrl + Shift + Alt + T repeats any kind of it except Deformations (Warp) and also simultaneously copies Properties previous layer (Layer Propeties). If we change Opacity layer (opacity) or Blend mode (Blend Mode), this parameter will also be repeated in all copies. You can also apply Layer Styles (Layer Style). Let’s see what can come of it.
For this example, it is enough to open any image, for example, some kind of texture, or even just a photo, for example, a photo with flowers. I mainly used these textures:
If the image size is large, it is desirable to reduce it so that on the larger side there is no more than 1000 pixels, otherwise the program will slow down, because there are a lot of layers.
Make a copy of the layer Ctrl + J (Layer via Copy). Then, using familiar commands Ctrl + Alt + T and Ctrl + Shift + Alt + T, and applying different combinations of settings, we get the original texture. I will not describe in detail now – the technique is the same, but there can be any set of different types of transformations. Let me remind you that we choose the desired type of transformation in the context menu, after the command Ctrl + Alt + T, right-clicking on the transformation frame and also use settings panel, where we enter the exact values. Where precision is not needed, we make these changes arbitrarily.
If we apply Layer styles (Layer Style), or change Blend mode (Blend Mode), or Opacity (Opacity), then do it before the start of all transformations. But you can do it at any stage – then all the following copies of the layers will contain these styles; or add later: apply the style to one layer, then copy it – Copy layer style (Copy Layer Style) select all the layers together and paste the copied style – Paste style layer (Paste Layer Style).
1. Here, for example, proportional Scaling (Scale) 95% and Turn (Rotate) with an angle of -15 °
2. here Layer Style – Inner Shadow (Layer Style – Inner Shadow), Blend Mode – Multiplication (Blend Mode – Multiply), Opacity (Opacity) – 50%, Turn (Rotate) and Scaling (Scale).
If the angle of rotation and the percentage change in size are small, then the spiral is smoother, and vice versa.
3. and 4. In these examples, except Turning (Rotate) and Scaling (Scale) originally reduced Opacity layer (opacity).
five. Scaling (Scale), Turn (Rotate) a few degrees Vertical reflection (Flip Vertical).
6 Style – Inner Shadow (Layer Style – Inner shadow), Scaling (Scale), Distortion (Distort) (parallelogram form).
7. Blend mode – An exception (Blend Mode – Exciusion), Scaling (Scale), Turn (Rotate) a few degrees.
8. Blend Mode – Difference (Blend Mode – Difference), Scaling (Scale), Turn (Rotate) at a few degrees with the transfer of the center.
9. Style – Shadow (Layer Style – Drop Shadow), Turn(Rotate) and Overlay pattern(Add a Layer Style – Pattern Overlay) after all the layers are merged.
ten. Style – Shadow (Layer Style – Drop Shadow), Scaling (Scale) and Turn (Rotate).
eleven. Style – Internal shadow (Layer Style – Inner Shadow), Perspective (Perspective), Scaling (Scale), Reflection by horizontals (Flip Horizontal), shift down a few pixels.
12. Style – Internal shadow (Layer Style – Inner Shadow), Perspective (Perspective), Scaling (Scale), Turn (Rotate) at 100 °.
And this is a combined texture. We create, as far as our imagination allows.
Where else can the techniques described come in handy? Of course in Animation! (Animation) If you need to show the effect of uniform motion in a straight line, in a circle or in a spiral; increase (increase) or decrease; curvature and rotation; growth and reproduction, etc., etc., that is, in order not to create many frames manually, to help you with the command Ctrl + Alt + T and Ctrl + Shift + Alt + T! Where possible, use them to the fullest. They will save your time.
I wish you creative success!