포토샵으로 파비콘, 아이콘(ICO) 파일 만들기
포토샵으로 아이콘 파일을 만들 수 있다는 사실을 아시나요? 원래 포토샵은 기본적으로 ico 확장자를 저장할 수 없습니다. 아이콘을 만들려면 png 파일로 이미지를 저장해서 아이콘 만들어주는 프로그램이나 사이트에서 변환시켜주어야 가능했죠. 그러나 이제 번거롭게 그러실 필요 없습니다. 포토샵이 ico 파일을 저장할 수 있게 만들어 주면 됩니다.
방법은 아래 사이트에서 파일을 다운받아 포토샵 경로에 넣어주면 됩니다.
위 사이트로 들어가시면 "ICO (Windows Icon) Format" 부분에서 오른쪽에 보시면 "Windows(64 bit)" 버튼이 있습니다. 클릭하시면 파일이 다운로드 됩니다. (참고로 본인의 윈도우 버전에 맞게 다운로드 받으셔야 합니다. 본인의 윈도우가 32bit면 32bit로 64bit면 64bit 파일을 받아주시면 됩니다. 윈도우 파일 옆에 맥 파일도 있으니 참고하세요.)
윈도우용 파일은 아래의 파일을 바로 받으실 수 있습니다. 파일명 끝에 64라고 적힌 것이 64bit용이고 없는것이 32bit 용입니다.
파일 설치 경로입니다.
C:\Program Files\Adobe\Adobe Photoshop CC 2015\Required\Plug-Ins\File Formats
파일 이름이 "ICOFormat64.8bi" 입니다. 포토샵이 깔려있는 드라이브로 들어가서 위 경로에 넣어주시면 됩니다. 그리고 포토샵을 다시 실행시켜 주세요.
그러면 저장할 때 파일 형식 중에 ICO 형식이 나타나게 됩니다. 이제부터는 포토샵으로 파비콘이나 아이콘을 만들어 바로 저장할 수 있게 됩니다.
예시로 간단하게 하나 만들어 보겠습니다.
Ctrl+N을 눌러서 새 창을 열어 줍니다. 새 창 설정에서 크기 단위를 pixels로 맞춰주세요. 참고로 아이콘 제작시 가로나 세로가 128px을 넘으면 ico 파일로 저장이 되지 않습니다. 그 이하 사이즈로 만들어 주셔야 저장이 가능합니다. (사이즈를 크게 만들면 저장할 때 확장자 자체가 나타나지 않습니다.)
resolution(해상도)는 72 dpi로 맞춰주시고 Color Mode는 RGB로 맞춰주세요. Background Contents는 원래 투명하게 해야 하지만 작업할 때는 White로 해 놓고 저장할 때만 투명하게 저장하는 것이 편합니다.
32*32px로 작업창을 만들었습니다. 이 상태로는 너무 작기 때문에 확대해서 작업하셔야 합니다.
1번 도형툴을 선택하시고 2번 더보기 버튼 클릭 후 3번 설정 버튼을 누르고 4번에서 All을 선택해 줍니다. 번호 순서대로 누르시면 됩니다.
All을 누르면 포토샵에 탑재된 도형이 전부 나옵니다. 간단한 샘플 작업을 위해 전구 도형을 하나 선택했습니다.
페이지에 적당한 크기로 만들어 주세요.
레이어 창에서 도형 레이어를 더블클릭해서 색상을 바꿔줍니다.
그리고 Background의 눈을 꺼서 바탕을 투명하게 만들어 줍니다. 애초에 투명하게 작업하셨다면 이 부분은 넘어가셔도 됩니다.
Ctrl+S를 눌러서 저장을 시켜 줍니다. 그러면 위 창이 나오는데 ico 확장자를 선택하시고 저장시켜 줍니다.
ico로 저장하면 위 창이 뜨는데 Standard ICO를 선택하시고 "OK" 버튼을 누르면 저장이 완료됩니다.
포토샵으로 아이콘 ico 확장자 파일이 잘 저장된 모습입니다. 파비콘도 동일한 방식으로 제작이 가능합니다. 작업 사이즈가 128px을 넘으면 저장이 되지 않으니 꼭 기억하세요.
댓글