이 튜토리얼의 목적은 Adobe 스타일과 유사한 아이콘을 만드는 방법을 안내하는 것입니다. 실제로 오늘날 많은 소프트웨어에서 이 스타일의 아이콘을 사용하고 있습니다. 비록 완벽해 보이지는 않지만 비교적 좋은 스타일입니다.
먼저 렌더링을 살펴보겠습니다.
![Photoshop을 사용하여 Adobe 스타일 아이콘을 만드는 예](https://images.downcodes.com/u/info_img/2009-08/17/080414_edu_ps2222_01.jpg)
1 단계) 먼저 표준 캔버스 크기 120 × 120 PX로 새 파일을 만듭니다.
![Photoshop을 사용하여 Adobe 스타일 아이콘을 만드는 예](https://images.downcodes.com/u/info_img/2009-08/17/080414_edu_ps2222_02.jpg)
![Photoshop을 사용하여 Adobe 스타일 아이콘을 만드는 예](https://images.downcodes.com/u/info_img/2009-08/17/080414_edu_ps2222_03.jpg)
2 단계) 배경 레이어를 삭제하고 새 레이어를 설정합니다. 배경을 흰색으로 추가합니다.
![Photoshop을 사용하여 Adobe 스타일 아이콘을 만드는 예](https://images.downcodes.com/u/info_img/2009-08/17/080414_edu_ps2222_04.jpg)
3단계) Wed2.0 스타일을 엽니다. 없으면 MY486에서 세트를 다운로드하고 원하는 스타일을 선택할 수 있습니다.
![Photoshop을 사용하여 Adobe 스타일 아이콘을 만드는 예](https://images.downcodes.com/u/info_img/2009-08/17/080414_edu_ps2222_05.jpg)
4단계) 몇 가지 세부 조정을 수행합니다. 가장 중요한 것은 경사, 엠보싱 및 밝기 조정입니다. 자세한 사항은 아래 사진을 클릭하시면 참고하실 수 있습니다.
![Photoshop을 사용하여 Adobe 스타일 아이콘을 만드는 예](https://images.downcodes.com/u/info_img/2009-08/17/080414_edu_ps2222_06.jpg)
5단계) 필요한 텍스트를 추가하고 적절한 글꼴을 선택하세요.
![Photoshop을 사용하여 Adobe 스타일 아이콘을 만드는 예](https://images.downcodes.com/u/info_img/2009-08/17/080414_edu_ps2222_07.jpg)
Step 6) 상하좌우 어느 정도 공간을 두고 폰트 크기를 조정합니다.
![Photoshop을 사용하여 Adobe 스타일 아이콘을 만드는 예](https://images.downcodes.com/u/info_img/2009-08/17/080414_edu_ps2222_08.jpg)
7 단계) 글꼴 레이어와 이미지 레이어를 연결합니다.
![Photoshop을 사용하여 Adobe 스타일 아이콘을 만드는 예](https://images.downcodes.com/u/info_img/2009-08/17/080414_edu_ps2222_09.jpg)
8단계) 이미지 크기를 조정하고 왼쪽과 위쪽 가장자리를 2px, 오른쪽과 아래쪽 가장자리를 8px로 줄이고 그림자를 추가합니다.
![Photoshop을 사용하여 Adobe 스타일 아이콘을 만드는 예](https://images.downcodes.com/u/info_img/2009-08/17/080414_edu_ps2222_10.jpg)
9 단계) 이미지 하단에 새 레이어를 추가하고 흰색 배경을 추가한 다음 배경으로 적합한 Wed 2.0 스타일을 추가합니다.
![Photoshop을 사용하여 Adobe 스타일 아이콘을 만드는 예](https://images.downcodes.com/u/info_img/2009-08/17/080414_edu_ps2222_12.jpg)
10 단계) 이제 끝났습니다. 우리 중 누가 더 잘하는지 비교하고 볼까요?
![Photoshop을 사용하여 Adobe 스타일 아이콘을 만드는 예](https://images.downcodes.com/u/info_img/2009-08/17/080414_edu_ps2222_01.jpg)
![Photoshop을 사용하여 Adobe 스타일 아이콘을 만드는 예]()