모양 탭

모양 목록

main-shape-list

오브젝트의 모양을 추가 또는 관리하는 영역입니다.

모든 오브젝트에는 하나의 모양 목록이 있어요. ‘모양 추가하기’ 버튼을 통해 원하는 모양을 이 목록에 추가할 수 있습니다. 조금 더 자세히 살펴볼까요?

shape_list

이름 상자를 클릭해서 이름을 수정하고 오른쪽의 X 버튼을 클릭해서 삭제합니다.

왼쪽의 썸네일 아이콘을 드래그해서 모양 목록의 순서를 바꿀 수 있습니다. 모양의 순서를 이용하는 블록이 있으니 순서에 맞게 잘 정렬해 주세요.

모양을 마우스 우클릭하면 이름 수정, 복제, 삭제, PC에 저장 할 지 선택할 수 있습니다. 그러나 모든 오브젝트에는 항상 한 개 이상의 모양이 있어야 합니다.

오브젝트에 모양이 하나만 남았다면, 더 이상 모양을 삭제할 수 없어요!

모양 추가 팝업

shape-add

‘모양 추가하기’ 버튼을 클릭하면 나타나는 팝업 창입니다. 모양을 선택하고, 아래의 ‘추가하기’ 버튼을 클릭해서 모양 목록에 추가해요.

오른쪽 위의 검색창을 통해 원하는 모양을 검색할 수 있어요.

① 모양 선택

shape-select

원하는 모양을 클릭해서 선택합니다. 중복 선택이 가능해요. 선택한 모양은 아래의 선택 목록 영역에서 볼 수 있어요.

선택한 모양을 다시 클릭하거나, 선택 목록의 모양에 마우스 포인터를 가져갔을 때 나타나는 X 표시를 누르면 선택을 해제할 수 있습니다.

일부 카테고리의 모양은 태그로 분류하기 때문에 모양 선택 영역 상단의 태그를 선택하면 원하는 모양을 더 쉽게 찾을 수 있습니다.

shape-select-vector

오른쪽 상단의 ‘벡터 모아보기’ 버튼을 클릭하면 벡터 모양만 모아볼 수 있습니다.

각 모양의 좌측 상단에 있는 만년필 아이콘으로 벡터 모양을 구분할 수 있어요.

벡터를 포함한 모양은 앞으로도 엔트리에 계속 추가될 예정이니, 지켜봐주세요!

② 파일 올리기

shape-import

원하는 모양을 직접 올릴 수도 있어요.

모양 파일의 용량은 10MB 이하여야 하고, jpg, png, bmp, svg 형식(확장자)의 파일을 지원해요.

jpg, png, bmp 형식은 비트맵 모드, svg 형식은 벡터 모드로 적용합니다.

올린 모양은 파일 올리기 목록에서 볼 수 있습니다. 파일을 올리면 기본적으로 선택한 상태가 되며 선택한 모양만 모양 목록에 추가됩니다.

아래와 같은 그림은 이용약관 및 관련 법률에 의해 제재를 받을 수 있습니다.

  • 폭력적이고 잔인한 그림
  • 선정적인 내용의 그림
  • 불쾌감을 주거나 혐오감을 일으키는 그림
  • 무단 사용이 금지된 저작권의 그림 [저작권에 대해 알아보기]

③ 새로 만들기

shape-new

그림을 그려 나만의 오브젝트를 만들 수도 있습니다.

그림을 직접 그려서 모양으로 저장합니다. 아래 ‘이동하기’ 버튼을 클릭하면 그림판으로 연결됩니다. 그림판에서 새로 그릴 모양을 저장한 뒤 목록에 추가해요.

아래와 같은 모양은 이용약관 및 관련 법률에 의해 제재를 받을 수 있습니다.

  • 폭력적이고 잔인한 그림
  • 선정적인 내용의 그림
  • 불쾌감을 주거나 혐오감을 일으키는 그림
  • 무단 사용이 금지된 저작권의 그림 [저작권에 대해 알아보기]

그림판

main-shape-edit

오브젝트의 모양을 그리거나 편집할 수 있는 공간입니다.

영역이 좁아서 불편하시나요? 좌측 상단의 최대화 버튼을 클릭하면 더 넓게 볼 수 있습니다.

shape-edit-bitmap

좌측 상단의 버튼을 다시 눌러 원래의 크기로 축소할 수 있습니다.

그림판에는 다양한 기능이 있어요! 각 영역 별로 나누어 살펴봅시다.

shape-paint-tool1

shape-paint-tool2

​ 일부 기능은 단축키로도 편리하게 사용할 수 있어요.

기능 단축키 (윈도우/맥 공통)
복사 ctrl + c
붙여넣기 ctrl + v
삭제 del
선택한 그림 이동 위쪽 화살표, 아래쪽 화살표, 오른쪽 화살표, 왼쪽 화살표

shape-paint-tool5

그림판의 우측 상단에 위치한 이 버튼을 클릭해서 그림을 확대 혹은 축소하거나 표준 크기로 조절해요.

표준 크기는 100%이고, 크기는 30%~250% 사이로 조절할 수 있습니다.

그림을 더욱 세밀하고 수월하게 그릴 수 있겠네요!

① 비트맵

shape-paint-bitmap-or-vector

그림판의 모드를 선택할 수 있습니다. 비트맵벡터를 지원해요.

비트맵은 픽셀(pixel)의 집합으로 표현하는 형식의 그림입니다. 더 쉽게 말하면, 점들이 모여서 나타내는 그림이에요.

따라서 확대/축소 기능으로 비트맵 그림을 확대해보면 정사각형이 점처럼 그림을 이루고 있는 것을 볼 수 있습니다.

인터넷 상의 그림 대부분이 비트맵인 만큼 가장 일반적인 그림 형식이랍니다!

shape-pixel-info

모양에 표시되는 숫자는 이 그림의 해상도입니다. 이 그림이 가로, 세로로 몇 개의 점을 차지하는지 알 수 있어요. 해상도는 오브젝트의 크기에도 영향을 줍니다.

shape-paint-bitmap-tools

그림판의 좌측에는 그림 도구가 있습니다. 비트맵 모드의 각 도구를 클릭하면 하단의 영역에서 해당 도구의 속성을 볼 수 있어요. 한 번 자세히 알아볼까요?

shape-tool3-1

shape-tool3-2

shape-paint-control

shape-tool3-3

shape-tool3-4

shape-tool3-5

shape-tool3-6

shape-tool3-7

shape-tool3-8

shape-tool3-9

② 벡터

shape-edit-vector

벡터는 점과 점 사이의 관계를 점과 점을 잇는 선으로 이미지를 표현하는 방식입니다.

선은 직선일 수도 있고 곡선일 수도 있습니다. 더 쉽게 말하면, 점들을 이은 선과 면으로 나타내는 그림이에요.

비트맵과 달리 점과 선으로 그림을 그리기 떄문에 이미지를 자유롭게 늘리고 변형해도 깨져 보이지 않는답니다!

따라서 비트맵과 벡터는 서로 다른 장점을 가지고 있어요!

  • 비트맵 모드는 사진처럼 정교한 이미지를 표현하기에 유용합니다.
  • 벡터 모드는 확대/축소를 빈번하게 하는 이미지 혹은 레이어 별로 수정을 해야하는 경우에 유용합니다.

shape-paint-vector-menu

벡터 모드에서는 상단에 벡터 그림에 필요한 메뉴가 나타납니다. 좀 더 자세히 살펴볼까요?

shape-paint-vector-tool1

​ 벡터 모드에서만 사용할 수 있는 편리한 단축키도 있어요.

기능 단축키 (윈도우/맥 공통)
여러 개체 선택 shift + 마우스 왼쪽 클릭
선택한 개체를 앞으로 이동 ctrl + [
선택한 개체를 뒤로 이동 ctrl + ]

shape-paint-vector-tools

그림판의 좌측에는 그림 도구가 있습니다.

백터 모드의 각 도구를 클릭하면 하단의 영역에서 해당 도구의 속성을 볼 수 있어요.

shape-tool3-1

shape-tool3-2

shape-paint-vector-tool3

아래의 그림과 같이 선택 영역의 점을 드래그하면 형태를 조절할 수 있어요.

shape-paint-vector-form-control

shape-tool3-3

shape-tool3-4

shape-tool3-5

shape-tool3-6

shape-tool3-7

shape-tool3-8

shape-tool3-9