[Adobe XD] 13강 반복그리드 활용하기

img.zip

0.45MB

 

 

 

 

 

 

 

 

 

 

- [img.zip]파일을 첨부

- 이미지는 모두 pixabay에서 가져온 무료 이미지입니다.

https://pixabay.com/ko/

 

 

 

 

 

 

 

 

 

 

1. 사각형 반복그리드 처리

★ 사각형 반복 그리드 처리 

- [홈]화면에서 사용자 정의 크기로 300x300짜리 아트보드 생성 

 

 

 

- 사각형 도형을 그린 후 옵션패널에서 크기와 위치 설정

- 가로: 80, 세로: 80, X축: 10, Y축 10

 

 

 

- 옵션 패널에서 [반복 그리드]버튼 클릭

 

 

 

 

- [반복그리드]가 설정되면 오른쪽과 아래쪽에 녹색의 위젯이 생성

- 저 부분은 드래그하면 반복그리드가 설정

 

 

 

- 반복그리드 위젯을 드래그시 여백이 보임

 

 

 

 

- 여백을 드래그하면 여백도 조정 가능

 

 

 

 

 

 

 

 

 

 

★ 반복그리드에 이미지를 한번에 마스크처리

- 제공된 이미지에서 [cat01.jpg]부터 [cat09.jpg]까지 한번에 선택 후 반복그리드로 드래그

 

 

 

 

- 이미지들이 순서대로 한번에 적용됨

 

 

 

- 각각의 사각형을 더블클릭하면 사진의 크기나 위치 조정이 가능하다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2. 텍스트 반복그리드 처리

- [홈]화면에서 사용자 정의 크기로 300x300짜리 아트보드 생성 

 

 

 

 

- [텍스트툴]을 클릭 후 글자 작성후 옵션패널에서 텍스트설정

 

 

 

 

- 옵션패널에 [반복 그리드]버튼을 클릭

 

 

 

 

 

 

 

 

 

 

- 메모을 열어 [반복그리드]에 넣고 싶은 텍스트를 엔터쳐서 구분해서 작성

- 파일을 [test.txt]파일로 저장

- 이때 주의사항은 인코딩을 반드시 [UTF-8]로 저장

 

 

 

 

 

- txt파일을 반복그리드로 드래그해서 복사한다.

 

 

 

 

- 위와 같이 글자가 모두 교체된다.