ch02_기본도형그리기_배너만들기

주제 : 기본도형툴, 펜, 텍스트 활용

---

일러스트 만들기

1. 원 툴로 얼굴 그리기
2. 눈을 그리고 > 그룹화 > 레이어 이름 변경
3. xpr
4. 모든 모양을 선택 > 그룹화 > 레이어 이름을 얼굴로 설정
5. 펜툴을 활용하여 단풍을 그려보자
6. 얼굴과 단풍의 위치를 정렬
7. 얼굴과 단풍을 선택 후 > 프레임 셀렉션 (Ctrl + alt + G) > 프레임명을 일러스트로 변경

 

텍스트 작성

1. 위와 같이 텍스트를 작성하자.
2. subtitle 작성
3. 2 텍스트를 선택하고 프레임 셀렉션 > 프레임명 변경

배너 프레임 만들기

1. 2개의 프레임 : 일러스트와 텍스트를 선택
2. 프레임 셀렉션으로 배너 프레임 생성
3. auto layout 생성 : 사이드바 상단 메뉴 클릭 또는 shift + A
4. 전체크기 : 678 * 320
5. Direction : 수평
6. gap : auto
7. alignment : center
8. padding 상하 좌우 32

---

Auto layout

자동 레이아웃을 사용하여 콘텐츠를 채우고, 크기에 맞게 축소하고, 리플로우하는 반응형 디자인을 만들 수 있습니다.

• 텍스트 레이블을 편집함에 따라 확장되거나 축소되는 단추를 만듭니다
• 항목이 추가, 제거 또는 숨겨짐에 따라 조정되는 목록 작성
• 자동 레이아웃 프레임을 결합하여 완전한 인터페이스 구축

---