Inkscape tutorial: 모양

Inkscape

Tutorial | 모양

이 튜토리얼은 4개의 모양 툴(사각형, 타원, 별, 그리고 나선형)을 다룹니다. 우리는 잉크스케이프 모양의 역량을 설명하고 모양들이 어떻게, 혹은 언제 쓰이는지 예시를 보여줄 것입니다.

Use Ctrl+Arrows, mousewheel, or middle button drag to scroll the page down. For basics of object creation, selection, and transformation, see the Basic tutorial in HelpTutorials.

Inkscape에는 네 가지 다용도의 도형 툴 이 있고, 각 도구는 도형을 만들고 편집할 수 있습니다. 각 도형은 형상의 외모를 결정하는 끌 수 있는 핸들 와 숫자 파라미터 를 사용하여 고유한 방식으로 수정할 수 있는 오브젝트입니다.

For example, with a star you can alter the number of tips, their length, angle, rounding, etc. — but a star remains a star. A shape is “less free” than a simple path, but it's often more interesting and useful. You can always convert a shape to a path (Ctrl+Shift+C), but the reverse conversion is not possible.

모양 도구에는 직사각형, 타원, , , 나선 이 있습니다. 먼저 모양 도구가 일반적으로 어떻게 작동하는지 살펴본 다음 각 모양 유형을 자세히 살펴보도록 하겠습니다.

일반적인 팁

A new shape is created by dragging on canvas with the corresponding tool. Once the shape is created (and so long as it is selected), it displays its handles as white diamond, square or round marks (depending on the tools), so you can immediately edit what you created by dragging these handles.

All four kinds of shapes display their handles in all four shape tools as well as in the Node tool (N). When you hover your mouse over a handle, it tells you in the statusbar what this handle will do when dragged or clicked with different modifiers.

또한 각 모양 도구는 도구 제어 바(캔버스 위 수평으로 실행됨) 에 파라미터를 표시합니다. 보통 몇 개의 숫자 입력 필드와 값을 기본값으로 재설정하는 버튼이 있습니다. 현재 도구의 기본 유형의 형상을 선택한 경우 제어 표시줄에서 값을 편집하면 선택한 형상이 변경됩ㄴ다.

도구 제어에 의한 변경 사항은 해당 도구로 그리는 다음 오브젝트에 대해 기억되고 사용됩니다. 예를 들어, 별 모서리의 수를 바꾼 후에, 새로운 별들을 그렸을 때 이 별의 모서리의 수도 바로 전에 그린 별의 모서리의 수와 같게 됩니다. 또한 단순히 도형을 선택하는 것 조차도 도구 제어 바에게 파라미터를 전송하여 이 유형의 새로 생성된 도형에 대한 값을 설정합니다.

When in a shape tool, selecting an object can be done by clicking on it. Ctrl+click (select in group) and Alt+click (select under) also work as they do in Selector tool. Esc deselects.

직사각형

직사각형 은 가장 단순하지만 아마도 디자인과 일러스트에서 가장 흔한 형태일 것입니다. 잉크스케이프는 직사각형을 최대한 쉽고 편리하게 만들고 편집하려고 시도합니다.

Switch to the Rectangle tool by pressing R or by clicking its toolbar button. Draw a new rectangle alongside this blue one:

그런 다음 직사각형 도구를 벗어나지 않고 한 직사각형에서 다른 직사각형으로 선택을 전환하십시오.

직시각형 그리기 바로 가기 :

  • With Ctrl, draw a square or an integer-ratio (2:1, 3:1, etc) rectangle.

  • With Shift, draw around the starting point as center.

As you see, the selected rectangle (the just-drawn rectangle is always selected) shows three adjustable handles in three of its corners and one cross-shaped handle, for moving the rectangle, in the middle. In fact, there are four corner handles, but two of them (in the top right corner) overlap if the rectangle is not rounded. These two are the rounding handles; the other two (top left and bottom right) are resize handles.

라운딩 손잡이를 먼저 보세요. 그 중 하나를 드래그하십시오. 직사각형의 네 모서리가 모두 둥글게 되고, 이제 두 번째 둥근 핸들을 볼 수 있습니다. 이 손잡이는 모서리의 원래 위치에 그대로 있습니다. 원형의 둥근 모서리를 원한다면, 그것만 하면 됩니다. 만약 당신이 한쪽을 따라 다른 쪽보다 더 먼 둥근 모서리를 원한다면, 당신은 그 다른 손잡이를 왼쪽으로 움직일 수 있습니다.

여기서 첫 번째 두 개의 직사각형은 원형 모서리를 가지며, 다른 두 개의 직사각형은 타원형 둥근 모서리를 가지고 있습니다:

직사각형 도구에서 이러한 직사각형을 클릭하여 둥글게 핸들을 선택하고 확인하십시오.

보통 둥근 모서리의 반지름과 모양은 직사각형의 크기가 다른 경우에도 전체 구성 내에서 일정해야 합니다(다양한 크기의 둥근 상자로 된 도표를 생각해 보십시오). 잉크스케이프는 이것을 쉽게 만듭니다. 셀렉터 도구로 전환하십시오. 툴 컨트롤 바에는 네 개의 토글 버튼 그룹이 있으며, 왼쪽에서 두 번째 토글 버튼은 두 개의 동심원형 모서리를 보여줍니다. 이렇게 하여 사각형의 크기를 조정할 때 둥근 모서리의 크기를 조절할 수 있습니다.

For example, here the original red rectangle is duplicated and scaled several times, up and down, to different proportions, with the “Scale rounded corners” button off:

둥근 모서리의 크기와 모양이 모든 직사각형에서 동일하여 라운딩이 모두 만나는 오른쪽 상단 모서리에 정확히 정렬되도록 하는 방법에 유의하십시오. 모든 점 찍힌 파란색 직사각형은 원형 손잡이를 수동으로 재조정하지 않고 선택창에서 크기 조절 하는 것만으로 원래 빨간색 직사각형에서 얻을 수 있습니다.

For a comparison, here is the same composition but now created with the “Scale rounded corners” button on:

Now the rounded corners are as different as the rectangles they belong to, and there isn't a slightest agreement in the top right corner (zoom in to see). This is the same (visible) result as you would get by converting the original rectangle to a path (Ctrl+Shift+C) and scaling it as path.

다음은 직사각형의 둥글게 핸들에 대한 바로 가기입니다:

  • Drag with Ctrl to make the other radius the same (circular rounding).

  • Ctrl+click to make the other radius the same without dragging.

  • Shift+click to remove rounding.

You may have noticed that the Rectangle tool's Controls bar shows the horizontal (Rx) and vertical (Ry) rounding radii for the selected rectangle and lets you set them precisely using any length units. The Make corners sharp button does what is says — removes rounding from the selected rectangle(s).

An important advantage of these controls is that they can affect many rectangles at once. For example, if you want to change all rectangles in the layer, just do Ctrl+A (Select All) and set the parameters you need in the Controls bar. If any non-rectangles are selected, they will be ignored — only rectangles will be changed.

이제 직사각형의 크기 조정 손잡이를 살펴봅시다. 우리가 셀렉터로 직사각형의 크기를 조정할 수 있다면, 당신은 이에 대해 궁금증을 가질 수 있습니다. 왜 우리에게 이 직사각형이 필요할까요?

셀렉터의 문제는 수평과 수직의 개념이 항상 문서 페이지의 개념이라는 것입니다. 이와는 대조적으로 직사각형의 크기 조정 핸들은 직사각형이 회전하거나 기울어져 있더라도 직사각형의 옆면을 따라 크기를 조정합니다. 예를 들어, 먼저 셀렉터를 사용한 다음 직사각형 도구의 크기 조정 핸들을 사용하여 이 직사각형의 크기를 조정해 보십시오:

크기 조정 핸들은 2개이므로 직사각형의 크기를 임의의 방향으로 조정하거나 심지어 직사각형의 측면을 따라 이동할 수 있습니다. 손잡이 크기 조정은 항상 반올림 반경을 보존합니다.

다음은 크기 재조정 핸들의 바로 가기입니다:

  • Drag with Ctrl to snap to the sides or the diagonal of the rectangle. In other words, Ctrl preserves either width, or height, or the width/height ratio of the rectangle (again, in its own coordinate system which may be rotated or skewed).

Here is the same rectangle, with the gray dotted lines showing the directions to which the resize handles stick when dragged with Ctrl (try it):

직사각형을 비스듬히 구부리고 회전한 다음 이를 복제하고 크기 조정 핸들로 크기를 조정하면 다음과 같은 3D 구성을 쉽게 만들 수 있습니다:

다음은 둥글게 만들기 및 그라데이션 채우기 등 직사각형 구성의 몇 가지 예입니다:

타원

The Ellipse tool (E) can create ellipses and circles, which you can turn into segments or arcs. The drawing shortcuts are the same as those of the rectangle tool:

  • With Ctrl, draw a circle or an integer-ratio (2:1, 3:1, etc.) ellipse.

  • With Shift, draw around the starting point as center.

타원의 손잡이를 살펴봅시다. 이 중 하나를 선택하십시오:

Once again, you see three adjustable corner handles initially, but in fact they are four. The rightmost handle is two overlapping handles that let you “open” the ellipse. Drag that rightmost handle, then drag the other handle which becomes visible under it, to get a variety of pie-chart segments or arcs:

To get a segment (an arc plus two radii), drag outside the ellipse; to get an arc, drag inside it. Above, there are 4 segments on the left and 3 arcs on the right. Note that arcs are unclosed shapes, i.e. the stroke only goes along the ellipse but does not connect the ends of the arc. You can make this obvious if you remove the fill, leaving only stroke:

Arcs can be closed by a straight line using the button labeled Switch to chord (closed shape), though.

Note the fan-like group of narrow segments on the left. It was easy to create using angle snapping of the handle with Ctrl. Here are the arc/segment handle shortcuts:

  • With Ctrl, snap the handle every 15 degrees when dragging.

  • Shift+click to make the ellipse whole (not arc or segment).

The snap angle can be changed in Inkscape Preferences (in BehaviorSteps).

타원의 다른 두 핸들은 타원을 중심에서 크기를 조정하는 데 사용된다. 바로 가기는 직사각형의 둥글게 핸들과 유사하다:

  • Drag with Ctrl to make a circle (make the other radius the same).

  • Ctrl+click to make a circle without dragging.

그리고, 직사각형 크기 조정 핸들처럼, 이 타원 핸들은 타원 자신의 좌표 에서 타원의 높이와 폭을 조절합니다. 즉, 이것은 회전하거나 기울어진 타원은 원래 축을 따라 쉽게 늘어나거나 압축되는 한편 회전되거나 기울어진 상태는 유지된다는 것을 의미합니다. 크기 조정 핸들을 사용하여 다음 타원의 크기를 조정하십시오:

별들은 가장 복잡하고 가장 신나는 잉크스케이프 모양입니다. 만약 여러분이 잉크스케이프로 친구들을 감동시키고 싶다면, 그들이 별 도구를 가지고 놀도록 하십시오. 그것은 끝없이 재미있습니다. 완전히 중독적이죠!

별 도구는 두 가지 유사하고도 다른 별과 다각형을 만들 수 있습니다. 별은 각각 모서리의 길이와 모양을 정의하는 두 개의 핸들을 가지고 있습니다. 다각형은 단순히 다각형을 끌면 회전하고 크기를 조정하는 하나의 손잡이를 가지고 있습니다:

In the Controls bar of the Star tool, the first two buttons control how the shape is drawn (regular polygon or star). Next, a numeric field sets the number of vertices of a star or polygon. This parameter is only editable via the Controls bar. The allowed range is from 3 (polygons) or 2 (stars) to 1024.

새로운 별이나 다각형을 그릴 때,

  • Drag with Ctrl to snap the angle to 15 degree increments.

보통, 별은 훨씬 더 흥미로운 모양입니다(다각형이 실제로는 더 유용하게 쓰이지만). 별의 두 핸들은 기능이 약간 다릅니다. 첫 번째 핸들(처음에는 꼭지점, 즉 별의 convex 모서리에 있음)은 별 광선을 더 길거나 짧게 만들지만, 별을 회전시키면(형상의 중심에 상대적) 다른 손잡이가 그에 따라 회전합니다. 이것은 당신이 이 손잡이로 별의 광선을 왜곡할 수 없다는 것을 의미합니다.

다른 한 손잡이(처음에는 concave 두 꼭지점 사이에 있는 코너 안에서)는 반대로 꼭지점 손잡이에 영향을 주지 않고 방사적으로, 접선으로 둘 다 자유롭게 움직일 수 있습니다. (사실 이 핸들은 다른 핸들보다 중앙에서 더 멀리 움직여서 꼭지점이 될 수 있습니다.) 별의 끝을 꼬아서 온갖 결정, 만다라, 눈송이, 호저 등을 얻을 수 있는 핸들입니다:

레이스워크가 없는 평범한 일반 별만 원한다면 skewing 핸들을 skewing 핸들이 아닌 핸들과 같이 동작하게 할 수 있습니다:

  • Drag with Ctrl to keep the star rays strictly radial (no skew).

  • Ctrl+click to remove the skew without dragging.

As a useful complement for the on-canvas handle dragging, the Controls bar has the Spoke ratio field which defines the ratio of the two handles' distances to the center.

잉크스케이프의 별은 두 가지 기술을 더 가지고 있습니다. 기하학에서 다각형은 직선 가장자리와 날카로운 모서리를 가진 형상입니다. 그러나 현실 세계에서는 보통 다양한 정도의 굴곡과 원형이 존재하며, 잉크스케이프도 마찬가지입니다. 그러나 별 또는 다각형의 반올림은 직사각형을 반올림하는 것과는 약간 다르게 작용합니다. 이 일에 전용 핸들을 사용하지 않지만

  • Shift+drag a handle tangentially to round the star or polygon.

  • Shift+click a handle to remove rounding.

"접한다"라는 것은 중심에 대한 방향에 수직인 방향을 의미합니다. 시계 반대 방향으로 Shift와 함께 핸들을 "회전"하면 양의 원형이 되고, 시계 방향으로 회전하면 음의 원형이 됩니다. (음의 원형의 예는 아래를 참조하십시오.)

둥근 사각형(직사각형 도구)과 둥근 4면 다각형(별 도구)을 비교한 내용은 다음과 같습니다:

보시다시피, 둥근 직사각형은 옆면에 직선 부채꼴이 있고 원형(일반적으로 타원형)이지만, 둥근 다각형이나 별은 직선이 전혀 없으며, 곡률은 최대(모서리 사이의 중간)에서 최소(모서리 사이의 중간)까지 완만하게 변화합니다. 잉크스케이프는 단순히 형상의 각 노드에 콜리니어 베지어 접선을 추가함으로써 이 작업을 수행합니다(형상을 경로로 변환하여 노드 도구에서 검사하면 볼 수 있다).

The Rounded parameter which you can adjust in the Controls bar is the ratio of the length of these tangents to the length of the polygon/star sides to which they are adjacent. This parameter can be negative, which reverses the direction of tangents. The values of about 0.2 to 0.4 give “normal” rounding of the kind you would expect; other values tend to produce beautiful, intricate, and totally unpredictable patterns. A star with a large roundedness value may reach far beyond the positions of its handles. Here are a few examples, each indicating its roundedness value:

If you want the tips of a star to be sharp but the concaves smooth or vice versa, this is easy to do by creating an offset (Ctrl+J) from the star:

Shift+dragging star handles in Inkscape is one of the finest pursuits known to man. But it can get better still.

실제의 모양을 더 가까이 모방하기 위해 잉크스케이프는 별과 다각형을 랜덤하게만들 수 있습니다(랜덤하게 왜곡 등). 약간의 무작위화는 별을 덜 규칙적이고, 더 인간적이며, 종종 웃기게 만듭니다; 강한 무작위화는 다양한 미친 듯이 예측할 수 없는 모양을 얻기 위한 흥미로운 방법입니다. 둥근 별은 무작위화했을 때 완만하게 둥근 상태를 유지합니다. 바로 가기는 다음과 같다:

  • Alt+drag a handle tangentially to randomize the star or polygon.

  • Alt+click a handle to remove randomization.

무작위화된 별을 그리거나 끌어서 편집할 때, 핸들의 각각의 위치는 고유의 무작위화에 해당하기 때문에 그것은 "흔들릴" 것입니다. 따라서 Alt 없이 핸들을 움직이면 모양은 같은 랜덤화 수준에서 다시 랜덤화되지만 Alt-draging은 같은 랜덤화를 유지하면서도 수준을 조정합니다. 다음은 파라미터가 정확히 같은 별들이지만, 각각의 별은 핸들을 아주 약간 움직임으로써 재랜덤화됩니다(난수화 레벨은 전체적으로 0.1):

그리고 다음은 전 줄의 중간에 위치한 별이 있는데, 무작위화 수준은 -0.2에서 0.2로 다양합니다:

Alt+drag a handle of the middle star in this row and observe as it morphs into its neighbors on the right and left — and beyond.

당신은 아마도 무작위화된 별들을 위한 응용 프로그램을 발견할 것입니다. 그러나 나는 특히 환상적인 풍경을 가진 둥근 아메바 모양의 얼룩무늬와 크고 거친 행성들을 좋아합니다:

나선형

잉크스케이프의 나선형은 다재다능하며, 별처럼 몰입되지는 않지만 때로는 매우 유용합니다. 별과 같이, 나선형은 그리는 동안 뿐만 아니라 편집하는 동안에도 중심에서 그려집니다,

  • Ctrl+drag to snap angle to 15 degree increments.

일단 그려진 나선은 안쪽과 바깥쪽 끝에 두 개의 핸들이 있습니다. 두 핸들은 단순히 끌었을 때 나선형을 감거나 풉니다(즉, 나선의 회전 수를 바꿉니다). 기타 바로 가기:

바깥쪽 핸들:

  • Shift+drag to scale/rotate around center (no rolling/unrolling).

  • Alt+drag to lock radius while rolling/unrolling.

안쪽 핸들:

  • Alt+drag vertically to converge/diverge.

  • Alt+click to reset divergence.

  • Shift+click to move the inner handle to the center.

The divergence of a spiral is the measure of nonlinearity of its winds. When it is equal to 1, the spiral is uniform; when it is less than 1 (Alt+drag upwards), the spiral is denser on the periphery; when it is greater than 1 (Alt+drag downwards), the spiral is denser towards the center:

나선형은 최대 1024번까지 감을 수 있습니다.

타원뿐만 아니라 호(상수 곡률의 선)를 그리는 데에도 타원 도구가 좋듯이, 나선형 도구는 부드럽게 변화하는 곡선을 만드는 데 유용합니다. 평범한 베지어 곡선에 비해 원호나 나선형은 모양에 영향을 주지 않고 곡선을 따라 핸들을 끌면 짧아지거나 길어질 수 있기 때문에 종종 더 편리합니다. 또한 일반적으로 나선형이 채워지지 않고 그려지는 동안, 흥미로운 효과를 위해 채움을 추가하고 스트로크를 제거할 수 있습니다.

점박이 스트로크가 있는 나선형은 특히 흥미롭습니다. 이 나선형들은 아름다운 모이어 효과를 위해 모양에 대한 부드러운 농도를 정규의 등분점 표시(점 또는 대시)와 결합합니다:

결론

잉크스케이프의 모양 도구는 매우 강력합니다. 이 기술을 배우고 한가할 때 그것들을 가지고 놀으세요. 간단한 경로 대신에 모양을 사용하면 벡터 아트가 더 빨리 만들어지고 더 쉽게 수정될 수 있기 때문에, 이것은 여러분이 디자인 작업을 할 때 도움이 될 것입니다. 형상 개선을 위한 추가 아이디어가 있다면 개발자에게 문의하십시오.

Authors: Bulia Byak; Jonathan Leighton; Colin Marquardt; Nicolas Dufour; Gellért Gyuris; Maren Hachmann

Translators: Heetae Hwang — 2019

Header / footer design: Esteban Capella — 2019