국비지원 UX UI 디자인/디자인 수업

[수업노트](20.11.20)D+31 라이브페인트/아이소메트릭

papiliofly 2020. 11. 29. 21:32
728x90

blob brush 셋팅하여 노이즈 질감 표현 가능 

1. magic wand tool (Y)
 - 선택된 속성과 동일한 것들을 모두 선택할 수 있는 툴이다. 

 

(1) image trace  
- 비트맵 형식의 이미지를 설정사항에 맞춰서 벡터 그래픽화 시켜줄 수 있는 기능이다. 
- 픽셀을 벡터로 전환해주기 때문에 이미지의 품질을 디자인에 깨끗하게 활용할 수 있다. 
- 블랙 & 화이트, 스케치 아트, 실루엣 : 이미지를 흑백으로 변환하여 도형과 같이 디자인의 일부로 활용할 때 이용
- 이미지 트레이스 후 도형과 같이 분리시켜 사용할 예정이라면 expand

- expand 후,그룹 자동으로 걸려있어 풀어준 뒤 사용해야 한다. 


 

2. live paint

 

(1) live paint  

- 빠른 채색 도구 툴  
- 면처럼 인식되는 부위만 있다면 빠른 시간 내에 색상을 채워넣을 수 있는 기능이다.  
- 라이브페인트 활성화 (ctrl+alt+X ) : 상단메뉴 - 오브젝트 - 라이브페인트 - make

 

(2) live paint bucket (K)
- 클릭 : 한 칸채색 
- 클릭 드래그 : 연속 채색
- 세 번 클릭 : 동일 색상 교체
- 색상추출 : alt + 색상 클릭  (절대 일반 eyedrop tool 이용금지 전체 색상 교체 됨)
- 색상제거 : ?  ,  / 
- 라이브페인트 도형  기능 해제하면 채색했던 작업물이 초기화된다. 
>> 일반적인 도형처럼 전환하여 분리할 예정이라면 expand
- 작업 중 패스 가릴 때에는 hide edge (ctrl+H)
- 작업 끝난 후 원활한 도형 변형 작업 위해서  show edge(ctrl+H)



3. isometric  
 - 전체적으로 위에서 아래를 들여다보는 듯한 하이앵글 구조 가지고 있다. 
 - 특히나, Z 축이 30도를 향해 있어 유저뷰가 형성된다 → 모든 구도 중 가장 정보전달 빠르다. 

 

 - 작업 조건 
  1) 유저뷰가 형성, 운동체의 중심축인 Z축이 무조건 30, -30도를 바라봐야 한다. 
   - 퍼스펙티브 사용하지 않는다. 
   - 전용 그리드가 필요하다. 
  2) 광원에 알맞는 그림자가 설정되어 있어야 한다. 

 

 - 작업에 필요한 툴 
  1) pen tool : 작업 시간은 오래 걸리지만 모든 물체 표현 가능함 
  2) 3d effect : 직선이 주가되는 간단한 물체의 표현을 빠르게 끝낼 수 있다. 
  3) live paint  (ctrl+alt+B)  : 간단한 물체만 가능. 작업 속도는 가장 빠르다.

 - 아이소메트릭 그리드 만들기 
  1) 아트보드 생성 
  2) 아트보드 양 끝에 수직선 제작 
  3) 양 끝 선 블렌드로 연결 
  4) 아웃라인뷰에서도 그리드 원활히 확인할 수 있도록 익스팬드 확장 
  5) 수직선 60도 회전하여 카피 
  6) 60도 회전 선 좌우 반전 카피 
  7) 회전선 교차 지점에 수직선 이동하여 맞물려주기 
  8) 스트로크 색상, 두께 보기 편안하게 설정해주기 

728x90