Photoshop to make a circle fan puzzle effect Tutorial

Effect Chart:

Original:

At first glance, this figure looks like it's made of fan-shaped, but looking at it, it's easy to see that it's a regular 5 concentric circles, with each concentric circle split from 4, 6, 8, and 10 sectors.

This picture is not very difficult to do, but still need a little skill and clear thinking I say my method, for you to refer to. Maybe you can do it in a quicker way.

After I finished this tutorial, I found it was a primary maths problem.

1, create a new 800x800 canvas, background color black (easy to see the guide line) new two vertical and horizontal guide lines are 400 pixels (because 800÷2=400 well)

Inner Circle 1 Radius: 65 pixels (new guide position 400-65=335) Clearance 1 radius: 15 pixels (Guide position 335-15=320)

Inner Circle 2 Position: 320-65=255 Gap 2 Position: 255-15=240

Inner Circle 3 Position: 240-65=175 Gap 3 Position: 175-15=160

Inner Circle 4 Position: 160-65=95 Gap 4 Position: 95-15=80

Inner Circle 5 Position: 80-65=15

The effect of the painting is as follows:

2, the concentric circular drawing, according to our above parameter to draw the inner circle length, the width: 65x2=130

Gap 1 Length, Width: 15x2=30 So in the center of the long width =130+30=160 then other circles and gaps are the way to draw (very simple) here is the elementary school mathematics knowledge don't say you can't

In order to save time, you can calculate the length and width of the new 9 blank path layer in the path panel to name the layer as a long width parameter, the new circular path is faster.

Note When you create a new circular path, the mouse pointer is clicked on the center cross position, otherwise it will deviate.

All right, I don't know if you've got it figured out, I'll give you the answer to that. (130, 160, 290, 320, 450, 480, 610, 640, 770)

3, create a new path layer, and then select the rectangular Path tool in the center point, long width of 7.5 pixels and then press Ctrl+t to change H to 10,000%

Then convert the path to a selection, fill the white, and the right key layer into a smart object ctrl+j copy one more layer out of the two layers into a group named 4-Block (casual)

Then name two layers 0 and 90 (this is the angle we want to adjust)

4, the Just 4 block group, copy more than 3 groups out (the Group folder, press Ctrl+j 3 times) and then renamed 6 block, 8 block, 10 block hidden 4, 8, 10 block group,

We'll deal with the 6-block group individually: Because a circle is divided into 6 pieces, it takes 3 rectangles to be 3 layers (copy more layers out of it). The rectangular angle of each layer is certainly known to all,

Don't know go back to see Primary school six grade math go (a circle divided into 6 dollars so that is 360÷6=60 angle) So 3 layer angles are 0, 60, 120

The other group's processing method is also according to this method, duplicate the layer to adjust the angle of each layer to draw well as follows, if the other side to dissatisfied also can ctrl+t direct rotation angle

5, OK now the reference line basically does not have any effect, may clear off aspect to see clearly some hides all groups, to put up the top level group, then creates the new blank layer to select 770 's path in the path panel,

CTRL + ENTER to the selection fill color casually

Select the 640 path to the selection, press DELETE to delete the Select 610 path to the selection, press Alt+delete fill to select the 480 path to the selection, press DELETE ...

And so on, make the concentric circles by filling and deleting the method

6. Pull the concentric layer onto the background layer, then select the 4 block groups by ctrl+t to adjust the angle to-30

Then right-group-merge groups, merging each group individually into separate layers. Select 290 path, press CTRL + ENTER hold Ctrl+alt, click 130 path continue to hold Ctrl+alt, click 4 block

This way, by subtracting the selection, the innermost circle is converted into 4-sector constituencies.

Then select concentric circles, ctrl+j 4 slices of pie to create a layer

And so on, turn the other circles into a slice fan, and then all set up as a selection, with the new layer to build the effect of the following

If you are not satisfied with the position of the fan, you can adjust the angle on the block layer. I have the angle here is formulated to adjust out, want to personalized students can modify their own.

7, the next is the physical life, drag into the picture material a sheet to get rid of, vomiting blood ing ... After dragging into the picture, I lowered the opacity of the layer to 40% to facilitate the adjustment of the position.

And then it's much clearer when you adjust the position.

After adjusting the position, press CTRL and click the thumbnail of Layer 1 to load the selection

Then "reverse" press the L Lasso tool and press SHIFT to delete the other 3 three fan sets and then press DELETE

So you can get a picture of a single fan, adjusted back to 100% opacity is OK

And so on, physical life is a persistent. Here I will not show all the good content, too tired.

That's the way it goes. And then the rest of you do it yourself. After the bottom of the color fan hide, the background layer to white on it

I'm the one that I've spent nearly 1 hours crunching down on.

There may be a lot of people who ask why they don't use masks. In fact, the mask at first I was using a mask, but only applicable to the center circle and four fans to 6 fans when the problem comes,

Some need to manually rub, too troublesome to use the reverse election, a clean, and secondly layer independence, easy maintenance adjustment.

8, the last step of typing, there may be many people will make a lot of people are sure typing out will be like this:

The text is outside the path and the direction is reversed. The solution to this problem is simple, first choose 290 path, then ctrl+t horizontal flip

And then the typing will be solved.

This is the end of the tutorial, a total of 29 pictures (hide one) if not so many pictures can be replaced by text is also good.

The method is this, as for the original image of the warm yellow small fresh style is the late color palette and this tutorial has no direct relationship. Many filters have a palette function and can be directly adjusted, because I have these diagrams are illustrations

The whole color is already in the work inside the tune, I will no longer go to the lily. The tutorial is not technically difficult, mainly the physical work and my previous text image, is a need for patience.

Final Effect Chart!

Category:

• PS Getting Started Tutorial