스위시맥스2 기초 3강 레이아웃(Layout) 패널과 툴박스(Tool box /tools) 파트1 ellipse tool , ractangle tool, select tool ,subselection tool,transform tool,perspective tool
안녕하세요 두리 김정만입니다 히^^*
열씸히 공부할 각오가 되셨다면 큰 소리로 응원 문구 외치면서 세번째 발걸음을 힘차게 내딛어 봅시다
두리가 할 수 있는 것은 나도 할 수 있다!! 아자 아자 화이팅!! ^^*
레이아웃(Layout) 패널 사용자 인터페이스를 알아보도록 하겠습니다
레이아웃 패널은 툴박스, 뷰옵션, 스테이지, 작업공간, 문서 이동 버튼으로 구성되어 있습니다
1번은 툴즈(Tools /도구상자) 입니다 => 앞으로 제 강좌에서는 발음하기 좋게 툴박스(Tool box) 라고 부르겠습니다
2번은 뷰옵션(View Option) 입니다
3번은 워크스페이스(Workspace/작업공간) 입니다
4번은 스테이지(Stage /무대) 입니다
5번은 다수의 문서를 다수 열어 놓았을때 첫 문서 또는 마지막 문서로 빨리 이동할 수 있으며 한문서씩 순서대로 이동할 수 있게 하는 네비게이션 역활을하는 버튼입니다
6번은 다수의 문서를 열어 놓았을때 필요한 문서로 한번에 이동하는 버튼역활을 하는 탭(tap) 입니다
툴박스(Toolbox/도구상자)에 포함된 도구를 공부해 보겠습니다
1번 일립스툴(Ellipse Tool / 원그리기 도구) 을 클릭합니다
2번 쉐이프 프라퍼티즈(Properties) 패널에서 라인 타입(Line style / 선의 종류)은 기본값인 직선, 색상은 검정색, 굵기는 1픽셀로 지정합니다
3번 필 스타일(Fill style /면 채우기 유형)은 솔리드(Solid / 한가지 색) , 면색상은 파란색으로 지정해줍니다
4번 스테이지(Stage/ 무대) 의 왼쪽 적당한 곳을 마우스로 클릭한 상태로 대각선 방향으로 드래그 앤드 드롭(이하 "드래그"로 줄여서 표기합니다)
Jump> 스위시맥스2 에서는 스테이지에 있는 오브젝트를 선택하면 자동으로 선택한 오브젝트의 프라퍼티즈(Properties) 패널이 열립니다 즉 쉐이프를 선택하면 쉐이프 프라퍼티즈 , 텍스트를 선택하면 텍스트 프라퍼티즈, 무비클립(Movie Clip) 을 선택하면 무비클립 프라퍼티즈 패널이 열립니다
파란색 동그란 원이 한개 그려졌습니다
이번에는 도구상자에서 렉탱글 툴(Rectangle tool /사각형 그리기 도구) 를 클릭합니다
위에서 원을 그린것처럼 스테이지 적당한 곳을 클릭한뒤 드래그 해줍니다
Tip> 키보드 자판 쉬프트(Shift) 키를 누른 상태에서 드래그해주면 정사각형을 그릴 수 있습니다 물론 일립스 툴을 선택했다면 정원도 그릴 수 있겠지요(정사각형이란 가로, 세로 길이가 똑같은 사각형입니다)
1번 도구상자 맨 위에 있는 실렉션 툴(Selection Tool /선택 도구) 를 클릭합니다
2번 스테이지에 있는 사각형을 클릭합니다
프라퍼티즈(Properties) 패널에서 라인(Line)에 설정된 값은 그대로 둔채 필 스타일(Fill style) 항목에서 면색상만 빨간색으로 변경해서 지정해 줍니다
아래와 같이 사각형의 색상이 빨간색으로 잘 되었나요
이렇게 실렉션툴(Selection tool /선택 도구) 은 스테이지에 있는 오브젝트를 선택하는 도구입니다
Tip> 오브젝트를 직접 클릭하지 않고 오브젝트를 마우스로 드래그 앤드 드롭(drag and drop)해도 선택이 됩니다
즉 사각형 밖에서 사각형을 향해서 마우스로 드래그 앤드 드롭하면 선택이 됩니다
스테이지에 있는 원의 색상도 한번 바꿔보겠습니다
1번 실렉션툴(Selection Tool) 을 클릭합니다
2번 파란색 원을 마우스로 클릭하거나 드래그 앤드 드롭합니다
선택이 되었으면 프라퍼티즈 패널에서 원의 면색상을 노란색으로 바꿔서 지정해 줍니다
1번 노란색 원을 선택합니다
2번 섭실렉션 툴(subselection Tool /정점 직접 선택 도구) 을 클릭합니다
섭실렉션 툴은 그래픽 오브젝트의 정점을 수정해서 패스(path / 선분 또는 외곽선)의 형태를 변형하는 도구입니다
스위시맥스는 선과 면을 수학 공식에 의해 표현하는 벡터 방식의 그래픽(Graphic/그림) 입니다
다각형 도구 또는 펜툴(Pen tool)로 오브젝트를 그려주면 포인트(Point /정점)와 포인트를 이어주는 패스(Path /선분)에 의해 모양을 만듭니다
즉 외곽선 부분을 패스 또는 세그먼트(segment) 라고 부릅니다
Tip> 스위시맥스,포토샵, 일러스트레이터, 플래시에서 패스(Path)를 선분,외곽선 또는 세그먼트(segment), 아웃라인 패스(outline pate),아웃라인(outline)이라고 부르는데 다 똑같은 것을 가리키는 용어입니다
빈 정사각형으로 표시된 벌텍스(Vertex / 정점 또는 포인트)가 보입니다
벌텍스(Vertex) 를 클릭합니다
벌텍스를 기준으로 좌우에 아령 모양의 가느다란 선이 나타는데 이것을 핸들(Handle/방향선) 이라고합니다
방향선 끝에 있는 컨트롤 포인트 앵커(Control point anchor/방향선 조절점)을 클릭한 상태로 잡아 끌면 모양을 바꿀수가 있습니다
정점과 방향선, 방향선 조절점은 유기적 드로잉으로 그림을 그리는데 아주 중요한 요소입니다
물론 스위시맥스2에서 제공하는 드로잉 도구가 부족하여 일러스트레이터에서처럼 그림을 그리는데는 많은 제약이 따르지만 잘 연습해두면 좋은 그림을 그려낼 수 있을 것입니다
1번 트랜스폼 툴(Transform Tool/ 변형 도구) 을 클릭합니다
2번 빨간색 사각형을 클릭하면 색이 채워진 여덟개의 사각형이 나타납니다
이 조절점을 드래그하면 오브젝트의 전체 크기를 동시에 변형 할 수 있습니다
조절점 위에 마우스를 올리면 양쪽 커서로 바뀌는데 이때 마우스로 클릭한 상태로 잡아 끌면 크기를 키우거나 줄일수 있습니다
Tip> 쉬프트(Shift) 키를 누른 상태에서 조절점을 잡아 끌면 너비와 높이 비율을 유지한채로 변형 할 수 있습니다
코너(coner /모퉁이)에 마우스를 올리면 커서가 반원 화살표로 바뀌는데 이때 클릭한 상태로 잡아 끌면 회전시킬 수 있습니다
면에 마우스를 올리면 커서가 양쪽 화살표와 기울어진 사각형 모양으로 바뀌는데 그때 클릭한 상태로 잡아 끌면 기울어진 형태로 변형 할 수 있습니다
Tip> 스큐(skew / 비틀기 또는 기울기)
펄스펙티브 툴(Perspective Tool /원근법을 이용한 변형 도구) 클릭합니다
코너에 있는 조절점을 클릭한 상태로 잡어 끕니다
트랜스폼 툴은 외곽선(분) 전체의 크기가 동시에 변형되는데 비해 펄스펙티브 툴은 잡아 끈 조절점을 기준으로 조절점과 연결되어 있는 양쪽에 있는 선분만 변형되는 것을 알 수 있습니다
사각형을 변형해 보니 이게 무엇을 하는 도구인지는 알 수가 있었는데 왜? 원근법을 이용한 변형 도구라고 이름이 붙여졌는지 감이 오지 않을것입니다
우리가 눈으로 보는 세상은 3차원 공간이고 그림이나 플래시에 묘사할 수 있는 것은 2차원 평면입니다
그래서 인간이 일정한 시점에서 본 물체와 공간을 눈으로 보는 것과 같이 멀고 가까움을 느낄 수 있도록 평면 위에 표현하는 방법을 원근법이라고 합니다
아래 그림은 평면에 있는 글씨인데도 오른쪽 끝에서 시점을 두고 왼쪽을 바라보는 것처럼 느껴지시지요
펄스펙티브 툴(Perspective Tool) 은 기준점을 기준으로 양변의 선분을 변형하면 원근법을 표현 할 수 있다해서 이름이 붙여진 것입니다
나머지 도구와 뷰옵션(View Option/보기 항목) 은 다음 시간에 이어서 하겠습니다
새로운것을 접하고 배운다는 건 얼마나 매혹적인 일인가!
두리가 할 수 있는건 누구나 할 수 있따!! 아자 아자~홧팅!!
카페에 머무시는 동안 유익하고 즐거운 시간되십시요
이상 이쁜두리였습니다 히 ^^*
저작권자 두리
본 강좌는 대한민국 저작권법에 의해 보호를 받습니다
강좌 제작일 2008.12.27