포토샵을 통해 원하는 이미지를 파비콘(픽셀 크기 등 조정)으로 만드는 방법
안녕하세요 달향입니다.
아까 포스팅한 블로그 스킬 - 내 티스토리에 파비콘 적용하는 방법에 이어서 포토샵 이용해
원하는 픽셀로 만드는 방법을 알아보겠습니다(참고 : 포토샵 CS5를 사용해 예시)
생각보다 간단하고 쉬운데요 의외로 모르시는 분들이 조금 있어서 ^^
정말 쉽게 변환할수 있답니다
1. 일단 원하는 포토샵을 실행후 원하는 이미지를 불러옵니다
2. 변환할 이미지의 픽셀 크기를 알아 확인합니다 확인하는 방법은 포토샵 단축키 Alt + Ctrl + I키를 누르면 이미지 크기 확인창이 팝업 됩니다 or 포토샵 상단 이미지탭 에서 이미지 크기를 클릭 하면 동일하게 확인창이 나타난답니다
3. 픽셀 크기가 파비콘으로 변환할 크기보다 너무 큰데요 보통 32 X 32 픽셀을 많이 사용하는데 250픽셀보다 큰 이미지 파일이군요 당황하지 마시고 그대로~ 포토샵 단축키(Ctrl + N)로 새로 만들기 창을 띄웁니다 그런다음 만들고 싶은 사이즈의 픽셀을 폭, 높이에 입력합니다
사진처럼 픽셀이 32니까 아주 작게 정사각형의 흰바탕이 열린답니다
4. 이제 아까 맨처음에 열었던 이미지 파일을그대로 복사 해서 붙여 넣거나 불러옵니다 아까 확인한거 처럼 8배나 크기가 차이가 생기기 때문에 그림 처럼 아주 일부부만 깨져서 보여지게 된답니다 이때 Ctrl + T를 누르면 아래 이미지 크기를 조정할수 있는 네모 박스가 나타납니다
5. 이제 아까 32픽셀(흰바탕)이랑 동일하게 네모테두리를 줄여주면 흰바탕안에 원하는 이미지가 파비콘 크기에 맞게 조정됩니다(이미지가 깨져 보이는건 어쩔수 없습니다 픽셀이 작다는건 해상도가 낮아 진다는 것과 같은 거니까요)
6. 다른이름으로 저장합니다 JPG나 PNG 상관없이 저장합니다(투명하게 설정하고 싶으시면 PNG로 저장)
7. 티스토리 블로그 파비콘은 파일 확장자 ICO만 지원하기 때문에 확장자를 변환하면 끝~~(저장한 위치로 이동해서 선택후 F2키를 눌러 jpg로 된 확장자를 ico로 그림과 같이 변경합니다 아래 사진처럼 이름 바꾸기 파일의 확장자명을 변경하면 사용할 수 없게 될 수도 있습니다 변경하시겠습니까? 란 경고문이 떠야 제대로 된 확장자 변경이 된거랍니다)
'일상생활 > 기타 일상' 카테고리의 다른 글
가성비 좋은 '블루투스 스피커' 하나 장만 해볼까? JBL clip 블루투스 스피커 (HARMAN) (1) | 2014.12.29 |
---|---|
군산 초원사진관에서 보낸 크리스마스 선물(크리스마스 엽서) 도착~! (0) | 2014.12.25 |
커피빈 (COFFEEBEAN) 이벤트 4만원 이상 충전시 젠셍 프리미엄 커피믹스 커피빈 EVENT (0) | 2014.12.09 |
민원24 사칭 스미싱 스팸 SMS 문자 미리 알아보고 대처하자~! KISA 한국인터넷진흥원 스팸문자 신고하기 (0) | 2014.11.26 |
블랙프라이데이에 해외직구로 사면 호갱? 우리나라 사람이 아니라 미국인만 해당하지!!! 직구족을 몰로보고 (0) | 2014.11.25 |
사진에 3D로 글씨쓰기 포토샵으로 간단하게 해보자 -간편한 3D글씨효과-
안녕하세요 달향입니다
11월 11일인데 오늘 소셜커머스 업체 때문에 속썩이고 있네요
오늘 배송이라고 철썩같이 믿고 주문했는데(제목에 언제까지 주문하면11월 11일 배송)
잠적했네요 연락도 안되고 소셜업체는 확인해서 빨리 연락 해줄테니 기다려달라 (퇴근할 기세)
ㅠ_ㅠ 스트레쑤~~
블로그에 글쓰실때 마땅한 사진 등이 없을때 연관 사진 올리고 글씨만 넣어줘도
확눈에 들어오죠 더군다나 글씨가 3D라면 더욱 눈에 띄겠죠
(물론 저도 귀찮아서 잘안넣어요 ^^)
포토샵(Potoshop Cs5)을 이용해 정말 간단하게 항상 말씀 드리지만
달향이 알려드리는 프로그램 관련 포스팅은 정말 간단한고 유용하게
사용가능 한거만 알려드려요 쓸데없이 어렵거나 귀찮은 방법은 제외 한답니다
그럼 시작해 볼까요
1. 포토샵을 실행시키고 새창이나 BASE 사진 배경 등을 Open 합니다.
2. 원하는 TEXT 글자를 넣습니다.
3. 메뉴 탭 ▶ 3D ▶ 르푸세(U) ▶ 텍스트 레이어를 차례차례 클릭합니다.
4. 마지막으로 3D를 사용할경우 TEXT 수정이 안된다는 문구가 나오는데 쿨하게 YES클릭
5. 이제 르푸세라고 저런 창이 뜨는데요 엄청 간단합니다 사진에 보이는 [르푸세 모양 사전 설정]에
있는 기본 3D구도중 맘에 드는걸 선택 하시고 옵션으로 재질 등을 고르면
6. 간편하게 글자가 3D로 변환된 답니다.
(저는 옵션중 길쭉하게 나오는거하고 , 재질을 흑으로 변경)
7. 재미 있는건 이게 옵션이 꽤다양하고 쉽다 는건데요
정말 몇초만에 그냥 원하는 대로 글자에 멋진 3D효과를 줄수 있답니다.
'블로그스킬' 카테고리의 다른 글
포토샵’ 초상권, 개인정보 간단한 사진모자이크 효과로 보호하자~! [포토샵 cs5 기준] (0) | 2014.11.23 |
---|---|
미생 장그래와 같이 완전히 살지 못한 우리 블로그 방문자 트래픽 늘리기 팁'검색어 조회' (0) | 2014.11.20 |
블로그에 구글 번역기를 달아 외국 방문객 늘리기 (3) | 2014.10.06 |
간단하게 블로그 스킨, 움직이는 사진, 움짤 만들기 GIF파일 만드는법 - 포토스케이프 (0) | 2014.10.02 |
Google 웹마스터 도구로 나의 TISTORY블로그 등록하기 (0) | 2014.10.01 |