728x90
반응형
SMALL
1. 원을 크기에 맞게 생성합니다. 이때, shift를 누르고 원을 생성하면 동그라미가 원으로 생성되게 됩니다.
2. 원을 생성한 이후에, 원 내부에 마스크 기능으로 겹칠 이미지를 원 바로 위에다가 겹쳐서 올려 놓습니다.
3. 이미지와 원 2개를 동시에 드래그하여 선택한 후에 마스크 기능을 활용하여 원 내부에 동그라미로 적절하게 위치하도록 설정합니다.
4. 설정한 이미지를 export 기능으로 동그라미 부분으로 잘린 이미지를 추출합니다. 이때, 반드시 Export Mask Group으로 이미지를 추출합니다.
728x90
반응형
LIST
'프로젝트(Project)' 카테고리의 다른 글
| Tailwindcss 조건부 스타일링 적용하는 방법 (0) | 2024.11.25 |
|---|---|
| React Route-dom 라이브러리를 활용한 컴포넌트간 화면 전환 (0) | 2024.11.20 |
| 비밀번호 눈 아이콘 클릭 시, 비밀번호 표시 및 표시(X) in 리액트(vite) + 수평선 그리는 법(html) (1) | 2024.11.18 |
| 구글 폰트 적용하는 방법 in Vite (0) | 2024.11.18 |
| 프로젝트 : 카운터 앱 구현 + TailwindCSS 우선순위 설정 x 하는 방법 (1) | 2024.11.09 |