- [img.zip]파일을 첨부
- 이미지는 모두 pixabay에서 가져온 무료 이미지입니다.
1. 이미지 삽입과 도형효과
★ 이미지 삽입
- [홈]화면에서 사용자 정의 크기로 300x300짜리 아트보드 생성
- [내컴퓨터]에서 아트보드로 드래그
- 혹은 [햄버거버튼]-[가져오기]를 통해서도 가져올 수 있다.
- 아트보드보다 큰 이미지를 바운딩박스로 크기 조절
★ 사진에 테두리 넣기
- 테두리를 핑크색으로 처리하고 크기를 5로 변경
- 모서리둥글기 설정을 변경하여 모서리도 둥글게 설정 가능
★ 사진에 도형효과 넣기
- 옵션패널에서 그림자를 체크
- x : 그림자의 x축 위치 이동
- y : 그림자의 y축 위치 이동
- b : 그림자의 번짐 정도 처리
- 색상아이콘 : 그림자의 색상 변경 가능
- 오브젝트 흐림 효과로 사진 자체에 블러 처리가 가능
2. 이미지 마스크 처리
★ 도형안에 이미지 넣기
- [홈]화면에서 사용자 정의 크기로 300x300짜리 아트보드 생성
- 원형 도형을 아트보드에 드래그
- 내컴퓨터의 이미지를 도형으로 드래그
- 원형도형에 마스크형태로 바로 처리
- 선택툴로 사진을 더블클릭누르면 마스크와 사진을 분리해서 수정 가능
- 사진을 잡고 키우면 사이즈 조절 가능
★ 사진을 마스크 처리하기
- 사진을 아트보드에 먼저 가져다 놓는다.
- 다각형툴로 도형을 그린 후 옵션패널로 별로 변경
- 사진과 도형을 모두 선택([ctrl]+[a])
- 마우스 오른쪽을 눌러서 [모양으로 마스크 만들기]선택
- 혹은 단축키 [Shift]+[Ctrl]+[m]
- 역시 선택툴로 더블클릭하면 사진 크기를 마스크에 맞게 조절 가능
'웹언어 > Adobe XD' 카테고리의 다른 글
| [Adobe XD] 14강 마우스 오버 상태 활용 (0) | 2020.03.16 |
|---|---|
| [Adobe XD] 13강 반복그리드 활용하기 (0) | 2020.03.11 |
| [Adobe XD] 11강 그라디언트 채우기 (0) | 2020.03.09 |
| [Adobe XD] 10강 오브젝트의 병합 (0) | 2020.03.05 |
| [Adobe XD] 9강 선그리기, 테두리설정 (0) | 2020.03.05 |
