main-image

[툴디 사용법] 도형 그리기 + 자유도형

2022년 7월 27일작성
1,139 명 읽음

[툴디 사용법] 도형 그리기 + 자유도형

 

디자인을 할 때 사진이나 요소 이외에 기본적인 도형을 사용해서 많은 작업을 하게 됩니다.

툴디에서는 기본적인 원형, 삼각형, 사각형, 오각형, 별모양의 도형과 자유 도형을 쉽고 간편하게 그릴 수 있습니다.

 

 

1. 원하는 도형 선택

도형그리기는 [요소] - [도형] - [도형 그리기] 에서 찾으실 수 있습니다.

기본적인 [원형, 삼각형, 사각형, 오각형, 별모양]이 있으며 더불어 [자유도형]도 그릴 수 있습니다.

 

 

 

2. 도형 그리기

도형을 그리는 방법은 매우 간단합니다.

원하는 형태의 도형을 선택한 후 [클릭 + 드래그]로 원하는 크기로 그려주시면 됩니다.

 

 

1) 클릭 + 드래그

원하는 형태를 선택 후 캔버스에 드래그 하면 배경이 채워진 형태의 도형이 그려집니다.

가로가 길거나 세로가 긴 다양한 형태의 도형을 그릴 수 있습니다.

 

 

 

2) 클릭 + shift + 드래그 : 정다각형 그리기

가로 * 세로 비율을 동일하게 유지한 형태의 도형을 그리고 싶다면 [shift]를 누른 상태에서 [드래그]하여 그려주세요!

정다각형(정사각형 등)의 형태가 가능합니다.

 

 

 

3) 자유 도형 그리기

원하는 형태의 도형을 자유롭게 그릴 수 있습니다. 이 기능을 활용하면 복잡한 모양도 충분히 가능합니다.

1) 그리는 방법 : 클릭 + 이동 + 클릭 + 이동 + 클릭 + 이동

2) 끝 맺음 방법 : [마우스 더블 클릭]  or  단축키 [esc]

그리고자 하는 형태를 그려준 뒤 [마우스 더블 클릭] 하거나 [esc]를 눌러주면 자동으로 끝맺음이 되면서 도형이 완성됩니다.

 

 

 

3. 도형 크기 조절하기

도형을 그려준 뒤 도형의 사방으로 포인트가 보여 집니다.

해당 포인트를 클릭한 뒤 드래그 하면 크기 조절이 가능합니다.

 

 

 

4. 도형 회전하기

도형을 선택하면 위쪽 부분에 회전아이콘이 보여집니다. 회전아이콘을 클릭하고 드래그를 하면 회전이 됩니다.

이때 [shift]를 누르면 45도 방향으로 회전이 가능합니다.

우측 속성창에서 직접 입력값을 넣어주어도 회전이 가능합니다.

 

 

 

5. 기타

1) 도형 색상 변경 + 외곽선 + 그림자효과 : 단색 및 그라데이션 색상으로 변경이 가능하고 외곽선, 그림자 효과도 줄 수 있습니다.

2) 라운딩 기능 : 사각형 도형의 경우 라운딩 기능을 사용하여 둥근 사각형 도형을 만들 수 있습니다.

3) 프레임으로 만들기 : 원하는 도형을 그려준 뒤 [프레임으로 만들기] 버튼을 누르면 프레임으로 변환됩니다.

 

 

 

 

 


최신 아티클
thumbnail
[툴디 사용법] 작업 속도를 높이는 단축키 업데이트 안내
안녕하세요, 디자인 플랫폼, 툴디(tooldi) 입니다!신규 에디터에서 일부 기능의 단축키가 변경되었습니다.단축키 목록을 확인하고, 작업 효율을 높여보세요 ! 파일 단축키windowsmac os저장Ctrl + SCmd + S실행취소Ctrl + ZCmd + Z재실행Ctrl + YCmd + Shift +Z 편집 단축키windowsmac os선택 해제ESCESC요소 삭제Delete/BackspaceBackspace다중 선택Ctrl + 요소 선택Cmd + 요소 선택전체 선택Ctrl + ACmd + A복사Ctrl + CCmd + C붙여넣기Ctrl + VCmd + V잘라내기Ctrl + XCmd + X스타일 복사Ctrl + Shift + CCmd + Shift + C45도 회전Shift + 회전Shift + 회전수직/수평 이동Shift + 이동Shift + 이동그룹화Ctrl + GCmd + G그룹 해제Ctrl + Shift + GCmd + Shift + G요소 이동방향키(←, →, ↑, ↓)방향키(←, →, ↑, ↓)요소 크게 이동Shift + 방향키(←, →, ↑, ↓)Shift + 방향키(←, →, ↑, ↓)요소 잠금/해제Alt + Shift + LOpt + Shift + L텍스트 추가TT사각형 추가SS원형 추가CC프레임 만들기Ctrl + FCmd + F 정렬 단축키windowsmac os왼쪽 정렬Ctrl + ←Cmd + ←오른쪽 정렬Ctrl + →Cmd + →위로 정렬Ctrl + ↑Cmd + ↑아래로 정렬Ctrl + ↓Cmd + ↓한단계 아래로Ctrl + [Cmd + [한단계 위로Ctrl + ]Cmd + ]맨 아래로Ctrl + Shift + [ 맨 위로Ctrl + Shift + ] 좌우 중앙정렬Ctrl + Shift + ↑Cmd + Shift + ↑상하 중앙정렬Ctrl + Shift + ↓Cmd + Shift + ↓다음 페이지PageDown 이전 페이지PageUp 첫 페이지로Home 마지막 페이지로End 캔버스영역 단축키windowsmac os확대/축소(미세조정)Ctrl + 마우스휠Cmd + 마우스휠확대/축소Ctrl + - , +Cmd + - , +화면맞춤Ctrl + Alt + 0Cmd + Opt + 0화면 100% 보기Ctrl + Alt + 1Cmd + Opt + 1 페이지 단축키windowsmac os빈 페이지 추가Ctrl + EnterCmd + Enter아트보드 잡기Space Bar + 드래그Space Bar + 드래그눈금자 보기Shift + RShift + R가이드라인 보기Shift + GShift + G가이드라인 잠금/해제Alt + ;Option + ;가이드라인 가로 추가Alt + ,Option + ,가이드라인 세로 추가Alt + .Option + . 자주 사용하는 단축키를 익혀두고 작업 속도를 높여보세요!감사합니다!
thumbnail
[툴디 INFO] 새로운 tooldi 에디터, 쉽고 빠른 디자인 시작하기!
안녕하세요, 디자인 플랫폼, 툴디(tooldi) 입니다!항상 툴디를 애정 어린 마음으로 이용해 주시는 여러분께 진심으로 감사드립니다. 툴디는 더 나은 디자인 경험을 제공해드리기 위해신규 에디터를 도입하고, 현재 기능 개선 및 안정화 작업을 지속적으로 진행하고 있습니다. 앞으로 모든 디자인 작업은 새로운 에디터를 통해 진행되며,사용자 편의성과 작업 효율을 높이기 위한 다양한 변화가 적용되었습니다. 지금부터 신규 에디터에서 달라진 주요 사항들을 안내해 드리겠습니다. 🆕 신규 에디터 사용 안내 ✅ 모든 템플릿 오픈은 신규 에디터에서만!디자인 시작, 템플릿 확인, 작업중인 템플릿 등 모든 작업은 신규 에디터에서만 가능합니다! ❎ 새로 저장한 템플릿은 이전 에디터에서 열 수 없어요저장 방식이 달라져서, 신규 에디터에서 만든 템플릿은 이전 버전에서는 불러올 수 없습니다! ❎ 이전 에디터도 사용 가능하지만, 제한이 있어요.[메뉴 - 이전 에디터 사용하기] 메뉴를 통해 이동하실 수 있어요!하지만, 일부 기능 및 템플릿 업로드 기능 등의 제한이 있습니다. 🆕 신규 및 개선된 기능 🧑‍💻 넓어진 작업 환경속성 설정 영역이 화면 상단으로 이동하면서, 디자인 영역이 더 넓어졌어요.더 쾌적한 환경에서 작업해보세요! 🔄 자동 저장 기능작업 중 별도로 저장 버튼을 누르지 않아도 OK!작업 내용이 자동으로 저장되어 작업 중 끊김 없이 진행할 수 있어요! 🕘 최근 사용 콘텐츠최근 사용한 요소, 사진 등을 한 번에 확인하고, 빠르게 다시 사용할 수 있어요.자주 쓰는 리소스를 일일이 다시 찾을 필요 없어요! 🔵 곡선 텍스트 기능텍스트를 원이나 곡선 형태로 배치 가능! 디자인에 재미와 포인트를 더해보세요! ⭐ 폰트 즐겨찾기자주 사용하는 폰트를 즐겨찾기에 등록해두면, 매번 다시 검색할 필요 없이 빠르게 선택할 수 있어요! 🎨 컬러 피커 개선투명도 조절이 가능해졌고, 내 팔레트에 저장도 가능!기본 색상 및 추천 색상도 더 보기 좋게 개선되어 색상 선택이 훨씬 쉬워졌어요. 🚀 전반적인 속도 개선템플릿 로딩부터 요소 편집, 저장까지 전반적인 속도 향상이 되었어요!더 빠르고 매끄러운 작업 환경을 경험해 보세요! 🧩 기능 사용성 개선스냅라인, 가이드라인, 빠른 편집 도구, 레이어 영역 등등 전반적인 기능들이 개선되었어요!정렬, 배치, 선택 등이 한층 더 편리해졌습니다. 기능 제한 안내 ❎ 텍스트의 부분 굵기 및 부분 색상 적용이 어려워요한 텍스트 박스 안에서는 동일한 색상, 동일한 굵기만 적용이 가능해요!걱정 마세요! 부분 적용 기능은 곧 개선될 예정이에요! ❎ 이전 에디터에서는 템플릿 업로드가 불가능합니다이전 에디터에서는 이제 템플릿을 업로드하실 수 없어요! 신규 에디터에서만 업로드가 가능합니다! ⚠ 필터 보정값 차이로 인해 색감이 다를 수 있어요!신규 에디터의 색상 표현 방식이 개선되었어요!따라서 이전 에디터에서 작업한 템플릿의 일부 컴포넌트 색감이 다르게 표현될 수 있어요. ⚠ 일부 기능들은 아직 준비 중이에요이전 에디터에서 사용하셨던 배경제거 기능이나 자유도형 그리기 등의 기능들은 개선 중이에요!조금 더 나은 경험을 제공해드리기 위함이니 조금만 기다려 주세요! ⚒ 신규 에디터는 계속해서 업데이트되고 있습니다!툴디팀은 더 완성도 높은 에디터의 안정화를 위해 오늘도 집중하고 있습니다.여러분의 소중한 피드백도 함께 반영하며, 더 편리하고 강력한 디자인 툴로 보답하겠습니다!감사합니다!