[초보강좌] 움직이는 이미지로 보는 스팀잇-커버 이미지 만들기

in #kr-newbie7 years ago (edited)

[초보강좌] 움직이는 이미지로 보는 스팀잇
커버 이미지 만들기


coverimg.png


뉴비님, 스티미언 여러분 여러분 안녕하세요?! @goodcontent4u 굿컨입니다.
[초보강좌] 움직이는 이미지로 보는 스팀잇-프로필, 아바타, 커버 이미지 설정하는 방법를 통해서 아바타랑 커버 이미지 설정까지 마쳤는데 마치고 보니 커버 이미지가 뭔가가 이상하죠? 네...이상할겁니다.
뭔가 강제로 이미지가 좌아악 늘어난 느낌으로 생각했던 그런 커버 이미지가 아니죠?

그래서 본 포스팅에서는 커버 이미지 제작시 참고할 수 있는 내용을 담았습니다.
일단 제 커버 이미지를 샘플로 한 번 보겠습니다.

coversample.gif

스팀잇, 스팀KR,비지에서 보이는 모습입니다.
너무 휙휙 지나갔나요?


스팀잇
steemitcover.png

스팀KR
steemkrcover.png

비지
buycover.png

이미지마다 조금씩 차이가 있습니다.
스팀잇과 스팀KR은 큰 차이가 없지만 비지(busy)는 프로필 영역이 달라서 차이가 확 나는군요.
하지만 세 곳 다 창구가 다를 뿐, 금고는 하나. 한 곳의 이미지를 가져다 씁니다.
사이트 디자인에 따라 조금씩 차이가 생길 뿐이죠.

최적의 커버 이미지 사이즈

gc4ucover.jpg

1920 x 300

커버 이미지를 적용했을 때, 위아래로 덮여버리는 손실 공간을 고려합니다.
cs001.png
붉은색 색상 영역이 웹사이트의 디자인으로 인해서 가려지는 부분입니다.
물론 위에서 예시로 든 사이즈가 정확하지는 않지만 약간의 오차범위는 있더라도 크게 다르진 않을겁니다. 모든분들이 포토샵이라는 사진편집툴이 있지는 않으시겠지만 그림판으로도 충분히 만들 수 있고, 알씨나 포토스케이프 등 무료 소프트웨어로도 충분히 이미지 사이즈 조정 등은 가능합니다.
가능하다면 포토샵을 이용하시는 게 가장 좋겠습니다.
cs002.png
포토샵 이용시 제작단계에서부터 룰러를 이용해 가이드 라인을 지정해놓고 작업을 하시면 노출영역을 잡기가 훨씬 수월해집니다.

위의 손실영역 사이즈를 참고해서 예쁘고 성공적인 커버 이미지,
한 번에 잘 만들어지길 바라겠습니다^^

이상으로 본문 포스팅 마치겠습니다!


이 글과 같이 읽어보시면 좋을 포스팅
★WARNING★ 뉴비님들 필독!^^ 이곳은 블록체인 블로그입니다.
[초보강좌] 움직이는 이미지로 보는 스팀잇-초보라면 반드시 해야 할 일-백업 패스워드
[초보강좌] 움직이는 이미지로 보는 스팀잇-스팀잇은 여러 사이트에서 이용할 수 있다?!?
[초보강좌] 움직이는 이미지로 보는 스팀잇-편집기 전환방법
[초보강좌] 움직이는 이미지로 보는 스팀잇-프로필, 아바타, 커버 이미지 설정하는 방법




텍스트와 일반 이미지로 구성된 강좌!
아래 내용으로 미리 선행학습해보세요^^
★WARNING★ 뉴비님들 필독!^^ 이곳은 블록체인 블로그입니다.
[초초보팁] 의외로 모르시는 스티밋 사용법
[초초보팁] 마크다운 스타일 가이드 글자(TEXT) 크기 조절하기
[초초보팁] 마크다운 스타일 가이드 글자 꾸미기 일람
[초초보팁] 마크다운 스타일 가이드 리스트를 만들어 봅시다
[초초보팁] 마크다운 스타일 가이드 이미지(사진) 올리는 방법
[초초보팁] 마크다운 스타일 가이드 업로드 한 이미지(사진) 수정해보자
[초초보팁] 댓글에 사진은 어떻게 넣어요?
[초초보팁] 마크다운 스타일 가이드 인용문 만들기
[초초보팁] 스팀잇을 주로 컴퓨터로 이용하신다면? 서식을 만들어 쓰면 편합니다!
[초초보팁] 마크다운 스타일 가이드 색상 박스(code)는 어떻게 만들까?
[초초보팁] 본문 사진 크게 보는 법
[초초보팁] 마크다운 스타일 가이드 테이블(표) 만들어봅시다!
[초초보팁] 테이블(표) 쓰지 않고 컬럼 나누기
스팀잇(Steemit)을 게임처럼 즐기게 해주는 스팀잇보드(SteemitBoard)
'썸네일(Thumnail:미리보기) 중요합니다!'
[초초보팁] 본문 글씨 색상 바꾸는 방법
[초초보팁] 베껴쓰는 서식!
[뉴비팁] 스팀달러(SBD)로 스팀파워 업 시키는 방법
[뉴비팁] 보상확인, 이게 얼만거지?
[뉴비팁] 소재의 리바이벌
[뉴비팁] 프로필 사진 변경방법
[뉴비팁] 뉴비의 젖줄, 올바른 태그사용
[초초보팁] Flag(깃발마크)=다운보트
[뉴비추천] busy 이런 점이 좋아요!
Steepshot-스팀잇계정으로 사진공유하고 보상도 얻고!
뉴비 생존기 이벤트에 올라타라!
Steepshot(스팁샷) 문제점 보완하기
(※ 스티밋에서는 링크가 걸린 항목들을 클릭하면 바로 페이지가 바뀝니다. 즉 새창열기가 안되니 컴퓨터를 이용해서 보실 때는 링크가 걸린부분은 ctrl+마우스 왼쪽키 혹은 링크 걸린 문장에 커서를 두고 마우스오른쪽 키를 이용해 새탭 열기 혹은 새창열기로 보시기를 권합니다.)






talws.gif

팔로우 해주실 땐 말씀 남겨주세요. 바로 맞팔갑니다^^

Sort:  

감사합니다 이제 시작하는데 도움이 많이 될것같아요!!

정말 시작하신다는 아이디시네요. 알기 쉽습니다 ㅎㅎㅎ
빨리 스팀잇에 정착되시길 바래요^^

오 저 사이즈가 저 정도였군요 몰랐는데 감사합니다.

^^역시나 밤을 밝히고 계시는군요.

살려주세요 밤에 자고 아침에 일어나는 삶이 그립습니다.

저도 그러고 싶습니다. ㄷㄷㄷ

마침 커버이미지 만들려고 고민하고
있었는데 !! 감사해요
뉴비강좌들 많네요 시간 내서 정독해야겠습니다
팔로우할께요!

네, 도움 되는 자료길 바랍니다^^
맞팔했습니다.

늘 좋은 포스팅에 감사드립니다
짱짱맨 가즈아!

늘 좋은 지원 짱짱맨 가즈아!!

좋은 정보 감사합니다. ㅎㅎ 배경이미지를 한번 바꿔봐야겠네요 ㅎ

배경이미지만 바꿔도 왠지 기분도 바뀝니다? ㅎㅎㅎ

헉!! 완전 신기하네요 ㅎㅎㅎㅎ

신기하기까지 하신거군요? ㅎㅎㅎ

사실 커버 이미지 사이즈가 어떻게 되는지 궁금했는데 역시 굿컨님한테 답을 얻네요 ^^

처음에 아무 사진이나 함 올려보고 쇼크로..;;
이리기웃 저리기웃 알아냈습니다 ㅎㅎ

안녕하세요! 덕분에 저도 방금 커버이미지 만들어서 업로드했어요! 한방에 성공했어요!ㅎㅎㅎ 유익한 정보 정말 감사드립니다...살며시 팔로우도 하구 갑니다..(꾸벅)^^*

깔끔하고 멋진 대문 잘 구경하고 왔습니다.
한 방에 끝내시다니 대단하세요^^
맞팔했습니다.
제게는 문외한인 세계에 살고 계시던데 피드에서 자주 뵙기를 바랍니다^^