[Tip - How to create my own Steemit banner] - 나만의 스팀잇 배너를 만들어보자

in #kr7 years ago




안녕하세요 Hash 입니다. 오늘은 초보자들도 쉽게 따라할수 있는 스팀잇 배너 만드는 방법을 소개해보자 합니다.

넣고 싶은 그림이나 사진은 있는데 포토샾 쓸줄 모르시는분들, 배너를 스스로 만들어보고싶은분들에게 도움이 되길 바라며 포스팅을 올립니다.


필요한 기구: 포토샾 (CC 이후의 아무버젼), 컴퓨터와 마우스 (아무사양)

Hi Everyone, I would like to introduce that "How to create Settmit banner" -  I think it's perfect for someone who wants to create own banner but have no idea what todo.
This posting will guide how to make it  from A to Z, I hope i will helps!

What you need: Photoshop CC (any version), computer



1. 내 스팀잇 사이트에 들어갑니다. 저기 배너 부분 보이시죠? (빨간색 테두리) 저 부분만 '부분 캡쳐' 해봅니다. 

맥을 쓰시는 분들은 단축키 Shift + Command +4

일반 컴퓨터를 쓰시는 분들은 알약 캡쳐 등을 다운받아서 사용하시면 됩니다.

Go to Steemit site. See the red frame on the picture? Let's do the screen capture.

If you use Mac, the short cut is  Shift + Command +4,

If you use a normal computer, you can use screen capture program.



2. 포토샾을 켭니다. File > open 으로 가셔서 아까 캡쳐한 배너 이미지를 엽니다.

Turn on Photoshop program. Go to File > Open, open the banner image that you captured.



3. 포토샾에서 View > Rulers 로 가셔서 줄자가 화면에 보이게 합니다.

Go to View > Rulers, click the rulers. Now you can see the rulers on your screen.



4. 이제 화면에 있는 눈금에서 드래그하여 중앙선을 잡아줍니다.

Drag from the ruler, put the line at the centre of your picture.



5. 배너에 있는 내 글씨가 잘보여야 하겠죠? 복잡한 이미지를 배너에 넣을계획이면 이 단계를 수행해주시고, 단순한 이미지라면 이단계는 건더뛰셔도 됩니다 ^^

오른쪽에 있는 Layer 창에 가셔서 메모지 모양 (오른쪽에서 두번째) 의 커서를 클릭하여 새 레이어를 만듭니다.

Go to Layer, click the note icon (second icon from the right side), create a new layer.

If your image is a simple image, you can skip this step. Otherwise, this step will make to easy to read your title and name :)



6. 왼쪽에 있는 툴바 (길쭉한 툴바)에 가셔서 Ellips Tool 커서를 지그시 누르고 있으면 도형들이 뜹니다. 그중 동그란 도형을 선택해주세요.

Go to Tool bar, and hold the Ellips Tool. then you will see a couple of options. Choose the round shape.



7. 원을 만듭니다. Shift 키를 누르면서 원을 만들면 정확한 원이 만들어 집니다.

Create a circle. You can make a exact circle if you press Shift key at the same time.



8. 다시 오른쪽에 있는 레이어 창으로 가셔서 방금만든 원이 있는 레이어를 "오른쪽 마우스 클릭 > Rasterize Layer " 클릭 

Go back to the Layer window, and choose the layer that you just created circle. Click the layer with right mouse, and choose Rasterize Layer.



9. 이제 만든 원을 부드럽게 해줍니다. 상단에 있는 Filter > Blur > Gaussian Blur 클릭

Let's softer the circle - Go to Filter > Blur > Gaussian Blur  and click.



10. 맘에 드는 만큼 부드럽게 해주세요~ 난 부드러운 여자 +_+

Make softer as much you want :)) 



11. 본인이 좋아하는 이미지를 오픈합니다. 혹은 바탕화면에서 좋아하는 이미지를 포토샾으로 드래그 합니다.

Now, open the image that you want to put in your banner. you can also drag the image from the screen to Photoshop directly.



12. 뙇! 이미지 레이어를 원 아래로 옮겨주세요

Boom!! Move the image layer to under the circle layer.



13. 그런다음, 이미지를  복사합니다. 아시죠? 복사 단축키... 만인의 공통 단축키... Control + C   >> Control + V

After that, copy the image and paste. The short cut is Control + C   >> Control + V



14. Move tool (V) 로 대충 이미지를 요리조리 움직여도 보고 , 놀아봅니다. 맘에 들면 오케이! 

Move and play your image until you like with Move tool (V)



15. 그림이 중복되는 느낌이 나지 않도록 가장자리를 부드럽게 해줍니다. 지우개로 가장자리를 지우세요.

왼쪽에 툴바에 가셔서 지우개클릭하거나 E  단축키 사용

Tidy up the edge of the images, use the eraser tool E



16. 원 크기도 조절해주세요. Move tool (V) 을 클릭해주시고, Shift 키를 누르면서 드래그 하면 작아졌다 커졌다 합니다.

Resizing the circle size if you need. Click the Move tool (V) , if you hold  Shift key, and drag. You can change the size now.



17. 완성

All done! 



18. 이제 이미지를 업로드 합니다. 스팀잇에 직접 업로드 할수 없으니 구글 드라이브를 씁니다.

It's time to upload your image and publish. This is banner, you cannot upload your images directly.

I normally use Google drive / image, If you have no methods to upload, use your Google account.

Go to your Google (need to log in), go to image upload (it's top on the right, small grey box).



19. 구글 드라이브 이미지 복사를 해줍니다. "Copy image address" 를 클릭해주시면 됩니다.

Open your banner image after uploaded, and copy image address.



20. 내 스팀잇 으로 돌아와서, Settiing 으로 가서, COVER IMAGE URL 에 아까 복사한 이미지 주소 복사를 붙여넣기 합니다.

Comeback to Steemit. Go to Setting, paste the copied image address.



21. 짜잔~ 완성 ^^ 나만의 스팀잇 배너가 완성 되었네요. 휴~

Well done! Finally completed own your Steemit banner :)



이상으로 [Photoshop - How to create Steemit banner] - 스팀잇 배너를 만들어보자 포스팅을 마칩니다.

초보자분들도 쉽게 따라하시고, 모두들 자기 개인소장 배너 하나쯤은 폼나게 가지고 있으면 좋겠죠?


자그마한 제 포스팅과 제가 가지고 있는 스킬을 공유해보며, 모두에게 도움이 되었길 바래봅니다 ^^


This is the tip - [Photoshop - How to create Steemit banner].

I really hope my posting is really easy to follow and helps to everyone.

Please share and re-steemit if it helped you or good information to share :)




@aruka 

Sort:  

좋은 팁 같아요~ ^^/

ㅎㅎ 감사합니다

아 이런 베너를 포토샾으로 사이즈 확인하고 만드는 거였군요!
어떻게 다들 직접 만드시는지 궁금했는데 ㅋㅋㅋㅋ
음 그럼 일단 포토샾부터 배우는걸로...

정확한 사이즈는 그냥 우클릭하셔서 웹사이트 소스 보시면 나오는데, 스팀잇 배너는 저렇게 캡쳐해서 하는편이 더 낫더라구요.

배너 사이즈는 어떻게 되는지 아세요~?

867 x 165 네염. 캡쳐 안하고 할거면 소스들어가서 보심 됨. 캡쳐 해서 하는 편이 낫네요. 저 배너 사이즈가 작은 컴터 기준이라서요.

이렇게 하면 모바일에서도 깔끔하게 보이는군요!!! 저도 시간나면 동생 포토샵 빌려써서 만들어봐야겠어요 ㅋㅋ

폰 으로도 가능합니다. 폰 포토샾 어플 있더라구요

저는 얼추 눈대중으로 보고 넣었더니 외곽부분이 약간 잘리더라구요 ;; 이렇게 캡쳐까지 하시고 작업 하셨다니 ^^ 배너 예쁘네요 ^^

캡쳐를 하면 인생이 쉬워집니다. 왼손은 단지 거들뿐. (컨트롤 + 쉬프트+4) 칭찬에 감읍할 따름입니다 +_+

으앗 멋집니다....!!!!!!!! A to Z!!

초보자들도 쉽게 이해하면 좋겠는데 말이예요.... 동영상으로 만드는 편이 나을까 생각도 듭니다.

엇 배너 만들고 싶었는데 당장은 못해서 나중에 시도해봐야겠네요 ~
리스팀해갑니다~

조금이나마 도움이 되셨으면 좋겠네요. ^^ 이쁜 배너 만드시길 바랍니다

Coin Marketplace

STEEM 0.18
TRX 0.16
JST 0.030
BTC 68425.65
ETH 2646.01
USDT 1.00
SBD 2.68