본문 바로가기

[강좌]디자인강좌/포토샵(PHOTO SHOP

[포토샵CC]유튜브 썸네일 미리보기 이미지 만들기

반응형



유튜브 썸네일 미리보기 이미지 만들기 강좌


(앞으로 올라올 대부분의 강좌는 화면 녹화를 통해 만들어질 예정입니다만 이번 강좌는 소스파일 다운로드 때문에 문서로 만들었습니다)



포토샵을 실행시킨 뒤 새 창을 엽니다.

유튜브 썸네일의 권장 사이즈는 1280*720 입니다. 비율이 맞으면 이보다 작은 사이즈도 상관 없습니다만 2메가의 업로드 용량은 지켜 주셔야 등록이 가능하니 중요!!! 해상도는 72DPI로 설정하시면 됩니다. 






새창을 열었으면 소스 이미지를 불러옵니다. 포토샵 상단 메뉴 파일 > 열기 클릭후 파일 선택

해당 이미지는 본 포스팅 맨 아래에 첨부해 두었습니다. 저작권 상관없이 사용이 가능한 이미지라 포토샵 연습할때 쓰셔도 됩니다.






파일을 불러왔으면 아래 사진처럼 아까 불러온 1280*720 창에 이동시켜 줍니다.

(이동툴을 사용하시거나 Ctrl+A > Ctrl+C > 새창에서 Ctrl+V 순으로 눌러도 됩니다)



사진을 불러 왔습니다.

이제 글자를 적어줄 차례 


타입툴을 선택하고 글자를 입력합니다.(화면의 서체는 나눔 손글씨 펜) 

저작권 문제없는 서체이므로 여러분 PC에 설치해도 됩니다. 아래 등장할 서체들도 개인이용이 가능한 서체입니다.


2018/01/24 - [[강좌]디자인강좌/기타도구] - [무료폰트]저작권 걱정없는 무료서체 설치방법




아래에도 글자를 입력합니다.

서체는 티몬몬스터 서체


유튜브 썸네일의 경우 작게 표시되는 경우가 많으므로 중요한 글자는 두껍고 큰 서체를 사용해

가능한 크게 적어주는 것이 좋습니다.




글자 입력 완료...

약간 작은듯 한데 나중에 조금 더 조정할 예정



계속 타입툴을 사용해 위의 '착한운전' 부분을 선택해 줍니다. (클릭&드래그) 

이후 우측의 글꼴 패널에서 색상을 바꿔줍니다.

본인이 좋아하는 색을 골라주면 끝!!




아래 글자도 동일한 방법으로 변경해 줍니다.





글자 입력이 끝났다면 레이어에 스타일을 적용해 줄 차례입니다.

스타일은 말 그대로 레이어에 부가적인 효과를 주는 것입니다.


저는 글자 테두리를 줄 예정이라 레이어스타일 > 획 을 선택했습니다.

영문버젼 에서는 Stroke



획 옵션에서 아래 사진과 같이 수정합니다.

크기는 획의 두께를 말하는데 서체의 크기에 따라 상대적이므로 꼭 9px을 고를 필요는 없습니다.

나머지 옵션은 동일하게 설정해 주세요



글자 주변에 획이 들어간게 보이시나요?

미리보기 썸네일로 활용해도 글자가 눈에 확 띄겠죠?

저는 약간 크기를 조정해서 더 잘보이게 했습니다.



마지막으로 저장할 순서입니다.

Ctrl+Shift+Alt+S 선택하여 웹용으로 저장

(이건 제 버릇이라 편한 방법으로 저장하셔도 됩니다)




아래 이미지 원본 파일과 최종 저장된 결과물을 비교해 보세요

이미지가 필요한 분은 다운받아 연습하셔도 됩니다.






본 강좌에 사용된 서체 설치가 필요한 분은 아래 게시물을 클릭해 주세요


2018/01/24 - [[강좌]디자인강좌/기타도구] - [무료폰트]저작권 걱정없는 무료서체 설치방법



반응형