Dev JS Blog

[팁] 웹 포토샵으로 썸네일 만들기 본문

옛날 창고/팁

[팁] 웹 포토샵으로 썸네일 만들기

Dev JS 2018. 4. 13. 19:53
728x90

[팁] 웹 포토샵으로 썸네일 만들기







블로그나 유튜브 등 썸네일이 은근 중요한대요~

하지만 포토샵의 지식도 별로 없지만 포토샵 프로그램도 없고

그렇다고 썸네일 만들자고 포토샵을 살수도 없잖아요?


그래서 오늘 여러분들께 소개해드릴 팁은 

웹 포토샵 입니다.


포토샵에 대한 지식이 정말 없는 저도 나름대로 

잘 쓰고 있으니까 제가 알려주는대로 따라하시면 됩니다.


일단 먼저 사이트를 찾아가봐야겠죠?

사이트 주소는 여기 입니다.




자 일단 사이트를 들어간다면 이 화면이 나올껍니다.

새 이미지 생성 클릭!






그다음 썸네일의 사이즈를 정해주시면 됩니다.

보통 썸네일은 정사각형이 좋으니까

정사각형으로 저는 400x400 으로 하겠습니다.






그 다음 가장 중요한 

썸네일의 배경이 될 이미지를 추가 하겠습니다.

상단 메뉴에서 레이어 > 이미지를 레이어로 열기 

를 클릭하여 이미지를 불러옵니다.




이미지가 추가되었죠~~?

벚꽃구경 같이 갈사람도 없고.. 컴퓨터로나마.. 벚꽃 볼꼄

저는 벚꽃 이미지를 쓰겠습니다. ㅠㅠ 


여기서 그냥 이미지 배경을 써도 무관하지만

조금 흐릿한 느낌을 주고자 한다면

필터 > 사우시안 흐림효과를 클릭합니다.



그러면 작은 창 하나가 뜨는데요

이것은 말안해도 알겠죠?

흐림의 정도를 조정하는 겁니다.

적당히 원하는 만큼 조정하고 확인 합시다.



그 후 이제 썸네일에 들어가는

투명한 텍스트 상자를 만들 차례입니다.

이때 중요한 것은 오른쪽에 보면 

작은 창들이 있죠? 거기서 밑에 

새레이어라는 버튼을 눌러줍니다.

그렇다면 레이어2가 생기게 됩니다.


그리고 가장 중요한것은 다음 작업을 하실때

레이어2에 클릭이 되어있어야 합니다.



레이어2에 클릭 된 상태에서

왼쪽에 네모와 원모양의 그리기 도구 라는 버튼이 있습니다.

버튼을 클릭후 불투명도를

50정도로 설정을 해줍니다.

100하면 당연히 안되구요..


투명정도를 조정하는거니까 써보시고 맘에드는 정도로 조절하세요



그 후 

원하는 네모를 그리면

휘리릭 뽕!



투명한 텍스트 상자가 생겼죠??

점점 썸네일의 모양을 갖추어 나가죠?


그렇다면 이제 텍스트를 써봅시다.

왼쪽에 A 버튼을 클릭하면 텍스트를 입력할 수 있는 창이 나옵니다.





텍스트를 원하는 색과 크기를 조절 후 확인을 누르면

텍스트가 입력이 됩니다.




이제 완성을 했으니 저장을 해야겠죠..?!

파일 > 저장

을 눌러서 저장을 합니다.

참 쉽죠?





썸네일 만들어 보고 싶었던 분들에게

도움이 됐으면 좋겠네요~







728x90

'옛날 창고 > ' 카테고리의 다른 글

[팁] 중소기업청년 전세자금대출  (0) 2018.12.18
구글 애드센스 재가입  (0) 2018.06.25
상암 CGV 영업종료?  (0) 2018.05.22
[팁] 애드센스 계정 해지 후 재가입  (1) 2018.04.11
[팁] 운동 초보 팁  (0) 2018.04.10
Comments