본문 바로가기
그래픽 강좌/그래픽관련

포토샵 강좌/포토샵으로 파비콘 favicon 만들기 2

by 쿨펀치 2011. 11. 6.
반응형

 


포토샵 강좌/포토샵으로 파비콘 favicon 만들기 1    http://coolpunch.tistory.com/13




포토샵을 사용하지 않고 기존 이미지를 이용해 만들기    http://coolpunch.tistory.com/15




앞선 강좌에 이어 이번엔 포토샵을 통해 만들어진 이미지를 파비콘 전용 파일로 변환 해보도록 하겠습니다.

포토샵 플러그인 설치 가장 먼저 해야 할것은 포토샵에 파비콘 포맷(.ico)을 지원하는 포맷 플러그인을 설치해야 합니다.

오픈소스로 된 포맷 플러그인을 제공하는 사이트가 있으므로 여기서 다운로드...

http://www.telegraphics.com.au/sw/


 


 



포토샵 버전, OS, 32bit/64bit 용에 따라 맞는 포토샵 플러그인을 다운로드 합니다.

(zip 압축 파일입니다.) 압축을 풀면 .8bi 확장자인 파일 하나와 폴더가 있는데 폴더 안에 있는건 무시하고 .

8bi 파일(OS, 32bit/64bit 용에 따라 파일 이름이 조금씩 다릅니다.)만 포토샵 설치 폴더의 플러그인 폴더 안에

복사해 넣으면 됩니다.


참고 : 오픈소스 다운 받으실 파일중에 본인에게 맞는 파일을 다운 설치하셔야 합니다.
         본인 컴퓨터는 MS 윈도우 인데  맥용 파일을 다운 받으시면 안되겠죠 ^^; 
         OS 비트 형식에 딸라서도 파일이 달라집니다. 이점 참고 하셔서 설치 하시면 될듯 합니다. 
EX :)
Windows XP 32bit  => Windows (32bit)Also Vista icons & CUR  적용
WIN 7 32 bit => Windows (32bit) Also Vista icons & CUR 적용

WIN7 64 bit => windows (64bit) Also Vista icons & CUR 적용   참고 사항 꼭 잃기

참고 : WIN7 64 bit 운영체제가 설치된 컴퓨터에서는 포토샵 CS 4,5 설치 사용자중 32 비트 & 64 비트 포토샵을 동시에 설치 사용자가 있습니다. 이럴 경우 포토샵 설치 폴더에 보시면 두버전이 존재 하게 됩니다.  포토샵 32 비트 설치폴더엔 32비트 파일을 적용 포토샵 64 비트 설치 폴더엔 64비트 파일을 적용 하시면 두가지 버전 다 사용 가능 하십니다.

EX:)
WIN7  64bit, 포토샵 CS 32bit 폴더 =>Windows (32bit) Also Vista icons & CUR 적용
WIN7  64bit, 포토샵 CS 64bit 폴더 =>Windows (64bit) Also Vista icons & CUR 적용


자 그럼 오픈소스 까지 설치 완료 했으니 포토샵에서 전에 작업한 파일을 불러 볼까요

[포토샵] 포토샵으로 파비콘 favicon 만들기 1

1-1. 포토샵 실행
1-2. File - Open - 파비폰 psd 파일 선택


이제 파비콘 파일로 저장 할일만 남았네요

2-1. File - save as 선택
2-2. 파일 이름 기입
2-3. Format 방식 선택 여기에선 파비콘 파일로 해야 하기에 ICO (Windows Icon) (*.ICO) 를 선택
2-4. 저장 선택



짜잔 이로써 포토샵을 이용한 파비콘 파일 만들기가 완성 되었습니다. 
처음으로 강좌 비슷하게 작성 하다 보니 두서 없이 힘이 많이 드네요  그래도 먼가를 하나 해냈다는 것이 즐겁긴 하네요 ^^

참고 : 파비콘을 제작 하실때 유념하실것이 있습니다. 
파일 사이즈를 대책없이 크게 만드시면 파비콘 저장 포멧이 보이질 않습니다. ^^
웹사이트 &  웹페이지 에서 사용 되는 파비콘 및 아이콘 에서 사용 되는 사이즈는 가로 세로 16 X16 , 32 X32 , 64X64 정도로 작업 하시면 큰 무리 없이 파비콘 및 아이콘 만드실수 있습니다.  이점 유념 하세요


포토샵강좌/포토샵으로 파비콘 favicon 만들기 1    http://coolpunch.tistory.com/13

쿨펀치의 세상리뷰 는 여러분의 소중한 댓글과 VIEW ON 클릭 구독 클릭이 큰힘이되어.
더 좋은 블로그를 만들 수 있게 하는 원동력이 됩니다.  

반응형

댓글