How to make an embroidery effect in Photoshop. Volumetric embroidery for beginners step by step. Volumetric embroidery: wild flowers
Cross stitch, how it is done for a cake
1. I found a cross stitch pattern that I liked and printed it out.
The diagram is divided into cells. Each cell is a cross of a certain color, which is indicated by a symbol, i.e. Each symbol means a specific color. Here's a larger diagram
3. Rolled out the mastic and cut out a circle, because I was going to do round embroidery.
4. I counted the number of cells in the diagram by length and width. I measured the mastic circle and determined the size of each cell. I marked and drew a mastic circle. Here's how it happened
5. I did the same thing perpendicularly. The dots between the lines represent tens (i.e. there are ten cells between two dots), which makes it easier to count. I lined everything up with a knife like this
6. Each diagram is accompanied by a list of which symbol represents which color. Because I do embroidery, I have embroidery threads. And I selected all the threads that are required for this embroidery. Here they are
7. Because At first I wanted to do embroidery with icing (but it didn’t work out for me, icing with a brush is not drawn like paint), I tried to get icing in all the right shades. The threads helped me with this, because I matched the colors of the icing to the colors of the threads. Later (since I gave up icing) I did the same with paints. I took a picture of the icing, but no paint. But actually the same thing happened to me. So I’ll show you what colors I got from the icing.
8. And now the actual moment of “embroidery” has come. We take a brush and, looking at the diagram, draw a cross of the desired color in each square. It is best to draw crosses of one color first, then another, a third, etc. You have to count a lot, because... The crosses of each color must be in their place. If the crosses merge, then there is no need to despair; in embroidery, too, the threads often merge into one overall picture. And the remaining unpainted spaces, where the crosses do not merge, still give the impression of cross stitch. then using the finished embroidery I draw the lines that are marked on the diagram and the embroidery is ready
We embroider in Photoshop.
This lesson is intended primarily for decoupage artists, but maybe it will be useful for someone else.
Imitation of embroidery on canvas was probably done by all decoupage artists who tried to work with glue for decoupage on fabric. I've seen a lot of similar works and I really liked most of them. But since, in addition to decoupage, I also embroider a lot, like all embroiderers, what confuses me when doing such work is that they look more like not embroidery, but an embroidery pattern printed on canvas. And how much time it takes to pierce each hole, for me personally, it’s easier to embroider this way. And if you really want to be picky, the holes on real embroidered work are not very noticeable. Now look at this picture. Is it really difficult to distinguish it from embroidery?
Of course, a similar picture can be simply pasted onto fabric and it will be good. But for those who want the work to be completely indistinguishable from embroidery and the picture to be glued not to the fabric, but to the canvas, you need to make a very simple calculation. If you do not embroider yourself and are not very knowledgeable about canvas, when buying canvas, ask the seller how many cells per centimeter are in the canvas you are buying.
I will make calculations based on the most common outline of Aida16. 10cm canvas contains 62 cells (1cm -6.2 cells). Let's set the dimensions of one cross to 9x9 pixels. That is, for the cross pattern we set the resolution to 55.8 pixels/cm. (9x6.2=55.8). Please note that pixels/cm, not pixels/inch. For example, for Aida 14 (55 cells per centimeter), the resolution should be 9x5.5 = 49.5 pixels/cm.
It’s very easy to draw a cross yourself in Photoshop, and there are several tutorials on the Internet on how to do it. But when I needed to insert a fragment imitating embroidery into one of my works, I didn’t like the result with the crosses drawn according to these lessons at all. So I did it as follows.
1. I took a photo of a natural embroidered cross.
2. I opened this photo in Photoshop and unfolded it so that the cross looked normal. I selected it using the selection tool and applied Edit-Copy. The cross has been copied to the clipboard.
4. Copy Edit from the clipboard into this document - Paste the cross there. Since it is much larger than the created document, we apply the Edit-Transform operation, compressing the cross to the size of the created document.
5.After the cross has completely fit into a document measuring 9x9 pixels. Let's decolorize it. Image-Correction-Desaturate. And add the image of the cross to the pattern library. To do this, Edit - Define Pattern. In the sign that appears, enter the name of the pattern and click OK. This cross was added to the pattern library.
6.Now we need to open the picture that we will turn into embroidery, and set its resolution to 55.8 pixels/cm.
7.Apply Filter-Appearance-Mosaic to the picture. Set the cell size to 9.
8.Create a new opaque layer above the image layer. Apply Blending Options - Pattern Overlay to it. In the library of patterns that drops out, select our cross. Set the mode to Multiplication.
9.Applying the mode, Multiplication to the layers, we get a picture like this. You can reduce the opacity of the pattern layer. I reduced it by 50%.
10.Now all that remains is to print the picture. It is better on thin paper or rice paper for calligraphy or on a white layer of napkin. If you need to enlarge or reduce the picture, this should only be done in Photoshop, so as not to change the resolution of the picture. And this is what we need it for. Before gluing it onto the canvas, use a needle to align the upper left corner of the picture with the hole on the canvas. Then secure the top edge of the picture with needles in several places. Since we made the calculation for a specific outline, the crosses will coincide with the cells of the outline. Due to the fact that the paper stretches slightly when gluing and seems to envelop the cells of the canvas, additional volume is obtained.
We put it in a frame and hang it on the wall.
You may be able to find a better quality image of the cross online. Then the result will be even better.
Creative success and beautiful works!
In this tutorial we'll look at how to create a fairly realistic embroidered letter effect using Photoshop.
For practice, we will work on a logo embroidered on denim. You can, of course, choose a different fabric base, but keep in mind that the settings you need to apply to achieve the desired result will differ from those indicated below.
Lesson materials:
Step 1
Select the fabric texture you want to work with and open it in Photoshop. You can use one of the denim textures that are provided on our website or via the link in the archive. I recommend that you use a dark fabric texture, because the text will look much more readable on it.
Step 2
In order to get a beautiful embroidery effect, we need the “Mardian” font. Download this font and install it in your font library. Then, on a new layer, write the necessary text. To do this, use the tool Horizontal text(Horizontal Type Tool). If you want to write a phrase, you can write each word on a separate layer.
Step 3
Convert the text layer to a smart object (if you have more than one text layer, then you need to convert all layers with text to smart objects). Rename the text layer “Embroidery 1”. Create two more copies of this layer and name them “Embroidery 2” and “Embroidery 3”.
Step 4
For each smart object we will add different Layer styles and other effects such as smart filters.
So let's start with the "Embroidery 1" layer. Double-click the left mouse button on the layer to go to the settings Layer Style(Layer style). Then enter the values shown below in the screenshots.
Step 5
As a result of applying the above settings, you will get a similar result:
Step 6
Go to the “Embroidery 2” layer. Double click on the layer to go to the window Layer Style(Layer style). Add an effect in settings Pattern overlap(Pattern Overlay). The pattern we will use to fill the letters is “Pixel pattern” (the settings are shown below in the screenshot). Also, in the layer blending parameters, change the value Fill(Fill) to 0%.
Step 7
Re-convert the "Embroidery 2" layer to a smart object. Then go to Layer styles and enter the settings as shown below.
When you go to the settings tab " Color overlay"(Color Overlay), then you can choose any shade you like, or use yellow like I did.
Also, if desired, you can additionally apply to this layer Filter > Distort > Ripple(Filter >Distort > Ripple).
Step 8
Go to the “Embroidery 3” layer. Then add the following layer styles to this layer to give the text additional relief.
Step 9
Create a selection along the outline of the text. To do this, hold down the CTRL key and click on the thumbnail of the “Embroidery 1” layer. Next go to Select > Modify > Expand(Select > Modify > Expand) and enter a value of 15 px.
Step 10
Create a new layer below the “Embroidery 1” layer and name it “Pressed Effect”. Fill the new layer with any color. Then copy the layer style we applied to the Embroidery 1 layer. Paste this layer style on the “Pressed Effect” layer.
You should get a similar result:
Step 11
To make your work more realistic, use the Stitch brushes. Load these brushes and paint the stitches and seams on a new layer.
You can also change the text size if necessary. In this example, the size of all text layers has been increased to 110%.
Translator's note: in order to change the text size, select all text layers and hold down the key combination CTRL + T. And then, in the settings panel, enter new parameters for height and width in percentages.
Step 12
If you want to get an even more interesting result, I recommend adding the texture of crumpled paper to your work.
Place the paper texture layer on top of all previous layers, and set the blending mode for this layer to Overlap(Overlay) or Darkening the base(Color Burn), (the blending mode depends on the texture of the paper you choose).
To get a softer effect, lower the opacity of the texture layer (as desired).
Before finishing your work, you can also experiment with the adjustment layer Brightness\Contrast(Brightness/Contrast), and filter Sharpness(Sharpen).
This concludes the lesson!
I hope you enjoyed working on this effect!
If you liked this effect, you can also use it for various shapes and elements. To get a quick and beautiful effect,
I recommend using the action.
Today we will teach you how to embroider using Photoshop. Step by step we will create text with an embroidery effect together.
STEP 1.
We begin work by choosing a fabric - creating a document with a certain size in which it will be convenient to work further. The screenshot shows the size 250x250.
Step #2.
We work with a new layer - on it we draw a small black rectangle using the tool Rectangle(Rectangle Tool).
Step #3.
Now we will create the texture. For this we use everything layer styles Layer - Layer Style.
The result should match what is shown in the figure.
Step #4.
To duplicate the rectangle the way we need, use the keys CTRL+J. Arrange the pieces in a checkerboard pattern to achieve the effect of weaving with drag.
Step #5.
Merging layers. And the original instrument Rectangular Marquee Tool- the so-called “rectangular selection” will allow us to select a texture area from all layers containing rectangles, as shown in the figure. We will create a seamless texture from the selected area.
Step #6.
After we have selected the texture, we will use the editing tool Edit - Define Pattern, with which this texture can be successfully edited. This is done quite simply: as soon as the tool is selected, you will need to enter the original name of the texture in the window that appears and press " OK".
Step #7.
As a matter of fact, this resulting texture will form the basis of the future fabric on which the illustration will be embroidered. Now let's create a new document whose size is 2.5 by 2.5 thousand pixels.
Step No. 8.
Now you need to take a tool with which you can not only edit, but also fill - Edit - Fill. Let's use the drop-down list, in which our texture should be at the very bottom.
Step No. 9.
Let's add saturation texture to the color using the tool Layer - Layer Style - Color Overlay, overlapping the color on the working layer.
Step #10.
It is better to make the resulting texture as a result of all manipulations more voluminous and expressive. You should start by filling the new layer with white. Then apply a filter that adds noise - Filter - Noise - Add Noise, and blur the picture using a filter Filter - Blur - Motion Blur, which “can” blur in motion. The angle should be 55 degrees with an offset of 40 pixels. Now set the layer blending mode and multiply it ( Multiply), reduce transparency ( Opacity) up to 75%.
Step #11.
Let's work with the texture further. Create a new layer using the cloud filter Filter - Render - Clouds enhances the volume effect. Mix the layer again in Multiply mode ( Multiply) and Opacity ( Opacity) in 75%.
Step No. 12.
In the layers panel, select all layers and right-click the tool Convert to Smart Object, which “can” convert into a smart object. Let’s simply rename the smart object “fabric” and save the file.
Step #13.
Let's create a new document again. Since we are talking about a screensaver on iPad, then permission will be required 1024x768 pixels. This means that when rotating, it will not be larger 1024 heights and 1024 widths, regardless of whether the rotation was vertical or horizontal. In order for the wallpaper to fit on the screen “any way”, you need a document 1024x1024.
Step No. 14.
To make it more convenient to work, be sure to create a new group with vertical and horizontal auxiliary lines.
Step No. 15.
Let's hide the linear group for now, and import the smart object with the texture into the working document. Transforming the texture in perspective using keys CTRL+T. We save the result.
Step No. 16.
For stitches we create another separate document. Its size should be enough for transformation in the future. In addition, the size depends on the size of the logo or text that you are going to embroider. Let's try it on a document 2200x500 px, which is shown in the figure.
Step No. 17.
We insert the desired logo or text into the document and enlarge it with the keys CTRL+T so as to fill all the space.
Step No. 18.
Creating stitches. The easiest way to do this is in the program Illustrator transition tool Blend Tool. IN Photoshop we will use the line tool Line Tool for stitching directly over a logo or text.
First we draw one line, then with the keys CTRL+J duplicate it. Now the keys CTRL+T go to transformation mode, move the copied line up a little and press ENTER. Changes accepted! We repeat the transformation - CTRL+ALT+SHIFT+T- until we get the desired strip of stitches.
We combine the layers with stitches, filling the logo completely.
Step No. 19.
We fill the rounded parts of the logo or letters with stitches.
Step No. 20.
Once the entire logo is covered with stitch lines, round off their ends. Let's add the "Shu-Median" filter ( Filter - Noise - Median), selecting radius 1.
Step No. 21.
Some stitches overlap each other. To eliminate the defect, use an eraser.
Step No. 22.
We insert the stitches into the document with the finished fabric, transforming them in perspective with the keys CTRL+T. Activating auxiliary lines will help you see what embroidery looks like horizontally and vertically.
Step No. 23.
Raise the middle of the stitches above the fabric. This will help make a plastic filter Liquify. Making the transition Filter - Liquify and straight curvature tool Forward Warp Tool lift up the embroidery.
Step No. 24.
Now let's work with brushes. First let's use 76 size - carefully run it along the middle of the stitches, lifting them. By adjusting the size of the brush we process all the stitches.
The result should match that shown in the figure.
Step No. 25.
The stitches need white, so we work with levels Levels- transition is carried out using keys CTRL+L. Adjust the sliders from below.
Step No. 26.
Duplicate the resulting layer using the keys CTRL+J, add a noise filter Noise with a quantity of 100%. And to soften the noise, use the Blur transition ( Filter - Blur - Blur More). The stitches will look rougher after this.
Step No. 27.
We merge the two layers and give the resulting layer the name “seams”.
Step No. 28.
Volume will add layer style Bevel and Emboss- embossing.
Step No. 29.
Duplicate the “seams” layer with keys CTRL+J and rename the copy, calling it “shadow”. Delete the style and correct the levels with keys CTRL+J until the shadow becomes completely black. Place this layer under the layer containing the stitches.
Step No. 30.
Apply a blur filter to the resulting layer Filter - Blur - Gaussian Blur 14 pixels, and then set the blending mode - everything as usual - Multiply and Opacity, but already by 50%.
Step No. 31.
Let's duplicate the “seams” again and replace the existing layer styles by adding a style.
The result will look like the one shown in the figure.
Filter - Blur - Blur ). Now set the layer's blending mode to lighten ( Screen) and opacity ( Opacity) by 35 percent.
Step No. 35.
Finish the stitches: with keys CTRL+J Duplicate the “seams” layer again. Delete styles and adjust levels ( Levels) layer using the same keys CTRL+L to get the same result in the copy as in step No. 29 - the “black shadow” effect. We also move the resulting layer under the “seams” layer and apply the Blur Filter - Gaussian Blur ( Filter - Blur - Gaussian Blur) with 18 pixels. Opacity ( Opacity) set to 71 percent, and move the layer itself slightly down, making it more noticeable. The manipulations are quite simple, and the stitches look much more realistic on the fabric.
Step No. 36.
You will also need to give the image depth. To do this, you need to combine all layers to obtain a combined copy - this is done with the keys CTRL+ALT+E.
Step No. 37.
On the resulting layer you need to use a gradient Gradient Tool in mirror mode ( Reflected). You should get a gradient fill like the one in the picture.
Step No. 38.
Using the keys CTRL+A select everything and then copy with the keys CTRL+C everything that was highlighted. Now you need to go to the channels panel to create a new channel and press the keys CTRL+V insert selection. When adding blur at shallow depth of field ( Lens Blur