Live1month

포토샵 으로 썸네일 만들기! 3분컷!

포토샵

썸네일 만들기


썸네일 이미지

포토샵으로 3분안에 썸네일 만들기

에 대한 포스팅 입니다.


제가 위에 삽입한 이미지도 썸네일입니다.


썸네일 이미지는 웹 페이지에서

해당 컨텐츠에 대해 미리보는 기능

이라 말할 수 있고, 컨텐츠 내용을

한 눈에 확인할 수 있는 대표 이미지

라고 할 수 있습니다.


포토샵으로 썸네일 만들기에 필요한 기능은


1.캔버스 만들기

2.이미지 삽입과 사이즈 조절

3.도형 만들기와 투명도 조절


어렵지 않게 누구나 따라할 수 있습니다.



1.캔버스 만들기

포토샵에서 캔버스 만들기


1. Width : 500 , Height : 500 , Pixels

2. Resolution : 72 , Pixels/Inch

3 Color Mode : RGB Color , 8bit


위 사진과 같이 설정합니다.

제가 생각하는 썸네일 이미지 최적의 비율은

1:1 비율이라고 생각하기 때문에 500x500 으로

만들어 보겠습니다.



2.썸네일 배경이미지 만들기

배경으로 사용할 이미지 열기배경으로 사용할 BTS 이미지


1. [File] -> [Open...] 또는 단축키 [Ctrl + O]

2.배경으로 사용할 이미지 열기


저는 BTS 이미지로 썸네일 만들어 볼게요.


캔버스탭과 bts이미지 탭 확인


이미지를 열어주면 위 사진과 같이

내가 만든 500X500사이즈의 캔버스와

BTS 이미지가 함께 열려있습니다.



이미지 전체선택


1. Ctrl + A : 전체선택                   

2. Ctrl + C : 선택된 이미지 복사하기


이렇게 배경으로 사용할 이미지를

Ctrl + A 로 전체선택을 해주게 되면

테두리에 점선으로 선택된 부분을

확인할 수 있습니다.



새로 만든 캔버스에 복사한 이미지 붙여넣기


1. 500X500 캔버스로 이동             

2. Ctrl + V : 복사된 이미지 붙여넣기


현재 크기가 큰 이미지를 500x500 캔버스에

붙여넣기를 진행하니 BTS배경 이미지가

일부밖에 표현되지 않습니다.



Free Transform으로 이미지 사이즈조절


1. [Edit] -> [Free Transform] 또는 Ctrl+T     

2. 이미지에 사각형 점 부분을 드래그하여 조절


Free Transform 기능이 활성화 되면

이미지 전체 크기가 표시되고 테두리 작은

사각형 점들이 생기는데 이것을 드래그하여

이미지의 사이즈 조절을 할 수 있습니다.



3.텍스트 만들기

텍스트 배경 만드는 과정


1. 텍스트배경을 만들 새로운 레이어 생성

2-1. 배경색 지정후 드래그하여 영역선택

2-2. Alt+Del 단축키를 이용하여 영역색칠

3.투명도 조절로 조금 투명하게 만들기   


위와 같이 텍스트 배경을 만들어 주는

이유를 말할것 같으면,

기본 배경이미지에 텍스트를 바로 삽입시

텍스트에 보다는 이미지에 주목되기 때문에

텍스트 배경을 추가하여 삽입할 텍스트에

주목시키기 위함입니다.



텍스트 넣기


1. 텍스트 툴 선택                   

2. 텍스트 배경 클릭후 글씨 작성

3. 텍스트 세부옵션 조정          




포스팅으로 작성하다보니

이미지와 글이 많아졌는데, 직접 만들어본다면

실제 썸네일 만들기는 시간이 그리 오래

걸리지는 않습니다.


적은 시간을 투자하여 나의 컨텐츠가

부각될 수 있다면, 괜찮은 투자라고 생각합니다.