포토샵 강좌 #88 - 사진 자르기! 인스타그램 파노라마 업로드 방법 I 슬라이스 분할 저장

[@joker1381]

가이드를 원하는대로 지정하고 'Slice tool'상태에서 상단패널 옵션의 'Slices From Guides' 를 실행하면 자동으로 가이드라인 영역들이 잘리는데 이 기능을 배제하고 그냥 자를 영역을 가이드선에 맞추어 불편하게 자른 이유는요????????????

[@rollstory]

우앙~~ 🐶꿀팁 고마워요 :)!! *수동시스템(?)도 같이 알아두면 엄청 유용하겠네요 ^~^

[@TV-vp7yo]

오 갸꿀이네요. 감사합니다.

[@m_ltaq]

감사합니다

[@dyk4499]

와 !! 너무뿌듯해요 ㅋㅋㅋㅋㅋㅋㅋㅋㅋ

[@rollstory]

이제 이렇게 만들면 돼요 ^~^

[@habin_studio]

메리추석입니다!!!!😀😀

[@rollstory]

추석 연휴가 끝났네요 으아앜 ㅠㅠ ㅎㅎ

[@galong441]

이분 목소리 성대모사 하고싶네,, 중독성있슴

[@rollstory]

엌... ㅎㅎ 사실 고향은 대구고 지금은 서울에 살고 있어요 ㅎㅎ 살면서 지역 이동(?)을 워낙 많이 해서 말투가 짬뽕입니다 ㅋㅋ ㅠㅠ 그래도 좋게 봐주셔서 감사합니다 또르륵~

[@nomad-p2b]

강의클라스 굿요

[@rollstory]

감사합니다~ 재밌게 공부하세요 :)

[@aneogirl]

언제나 최신 트렌드를 꽉! 잡고 있는 우디님~ 짱짱맨뿡뿡~~~!!! ㅎㅎㅎ 👍💜

[@rollstory]

야호~ 뿡뿡 ^~^👍💜

[@곰곰-k9j]

드디어 모든 포토샵 강의를 다 들었네요!! 항상 들어야지라고 다짐만 하고 미뤘는데 이번 방학에는 일러스트,포토샵 모두 완강했습니다! 항상 영상보면서 느끼지만 이 정도 퀄리티의 강의를 무료로 배포하시고 있다는 게 너무 대단하신 것 같아요! 알려주신 팁들 잘 활용하겠습니다. 나중에 포트폴리오를 만들게된다면 꼭 포폴 피드백도 받아보고 싶어요 ㅎㅎ 너무 감사드리고 하나하나 영상 올리는데 얼마나 많은 노력을 하셨을지 존경스럽습니다.앞으로도 올려주신 다른 강의들 열심히 볼게요! 항상 감사합니다!!!

[@rollstory]

와아... 놀아야하는 방학기간에 포토샵 일러 모두 다 완강 하셨다니 ^~^!! 제가 다 뿌듯하네요 ㅎㅎ!!! 앞으로도 무료로 정규강좌는 계속 업로드 되니, 언제든 공부하러 오세요~! 포트폴리오도 기대하겠습니다 +_+~

[@mooklee1007]

안녕하세요!! 알려주신대로 3분할 잘 저장했습니다! 근데 화질이 많이 깨져서 나오는데 이거는 이유가 있을까요?? 원본 사진은 고화질인데 3분할 하고 저장하면 화질이 엄청 깨져서 나오네요...

[@rollstory]

Save for Web이 웹에 업로드하기 최적화된 형태로 만들기 위해 기본적으로 세팅을 최대로 해도 일반 저장 보다 화질이 깨져보일 수 있어요~ 그럴 땐, 번거롭더라도 크롭 툴로 하나씩 잘라서 일반 저장 하시면 됩니다 :)

[@mooklee1007]

@@rollstory답변 감사합니다!! 크롭 툴로 하나씩 잘라서 일반 저장은 어떻게 해야 하나요?..

[@rollstory]

File - Save 를 통해 이미지 파일로 저장하시면 돼요!

[@명란젓코난-w3l]

항상 아낌없이 퍼주시는 우디선생님 정말 감사합니다! :)

[@rollstory]

다~~ 가져가세요 :)

[@mobysound3726]

영상 잘봤습니다. : )

[@rollstory]

감사합니다~ 자주 공부하러 오세요 ^~^

[@smart_store]

좋은 꿀팁 영상 감사합니다^^

[@rollstory]

재밌게 공부하세요 ^~^

[@민-v4x]

UIUX분야 준비를 위해 기반을 다지는 중입니다 ㅠㅠ 지방에서 이런 양질의 강의를 들을수 있다니 정말 너무 감사합니다 우디님😭❤️

[@rollstory]

교육만큼은 시간과 장소 큰 돈을 들이지 않고도 누구나 쉽게 배울 수 있으면 좋겠습니다. 교육만큼은 최대한 공평하게 말이죠 :)

[@hanmunan]

좋은 영상 만들어주셔서 감사합니다. 3분할로 제작할때 가운데 사진은 16:9 영상의 썸네일로 사용하려고 했으나, 계속 크롭(또는 확대)되어 다른 사진들과 맞지 않습니다. 해결할 수 있는 방법이 있을까요?

[@rollstory]

계속 크롭 된다는게 무슨 말씀인지 잘 모르겠어요 :( 그냥 보여지는 그대로 잘려진 그대로 저장되는 개념이에요~

[@hanmunan]

@@rollstory 답변주셔서 너무 감사합니다! 이미지는 알려주신대로 제작을 완료하였습니다. 다만 16:9 비율의 영상의 썸네일로 사용하려고 하니, 이미지가 9:16비율로 먼저 잘린 다음 그 후에 1:1 비율로 다시 잘려, 기존 제작한 썸네일에서 크롭된 이미지로 프로필 그리드에 뜹니다 ㅠㅠ 이건 인스타그램 상의 문제인 것 같습니다 ㅎㅎ

[@rollstory]

뭔진 모르겠지만 기본적으로 인스타그램에 업로드 되는 사진의 비율은 1:1(정사각형) 입니다. 따라서, 1:1이 아닌 비율을 올리더라도 의도적으로 정사각형 비율안에 바탕을 넣어서 만든 뒤 업로드 하는것도 방법이 될 수 있어요 :) 그러니까 1:1 비율안에 말씀하신 16:9 비율의 사진이 바탕을 포함한채 들어가 있는 개념이에요!

[@hanmunan]

답변 달아주셔서 감사합니다! 말씀해주신 부분과 유사한 방법으로 해결했습니다! 혹시나 동일한 고민을 하고 계신 분들을 위해 제가 찾은 임시 방편은, 9:16 세로로 캔버스 생성하고 그 안에 1:1로 만든 썸네일을 넣어 활용하면 원하시는 결과물을 만들어낼 수 있을 것 같습니다. 다른 분들보면 저처럼 따로 제작하지 않고도 만들수 있는 방법이 있는 듯 한데 저는 못찾았습니다. 아시는 분이 있으시면 댓글 부탁드립니다!

[@user-haerang10]

안녕하세요? 영상 잘 보고 있어요 궁금한게 있는데요 혹시 움직이는 짤로 만든 배너를 영상처럼 똑같은 비율로 분할하는 방법이 있을까요?

[@rollstory]

같은 맥락으로 Save for Web에서 GIF도 만들거든요 그래서 아래 영상 참고하셔서 한번 테스트 해보세요 :) kzbin.info/www/bejne/iF7Lc3eDZa9onac

[@user-haerang10]

@@rollstory 감사합니다 혹시 최애돌 셀럽이라는 곳 아시나요? 거기에 배너올리는데 정사각형으로 3개 나누어 작업해서 하나의 배너로 올리는데 배너작업하는데서 따로따로 3개를 작업해서 붙여넣기 하면 되는데 문제는 용량이 크다고 해서 계속 사진에 글자움직이는 정도로 작업하거든요~제가 실력이 없어서 이런 작업도 처음인데 타아티스트 배너보면 너무 움직임도 좋고 잘 만드는데 방법이 있을까요? 연구소에서 이런 작업하는데 적합한 프로그램 알고 계시면 추천부탁드립니다

[@rollstory]

그 셀럽이라는 곳에 물어 보실 순 없나요?? 저도 잘 모르겠네요 :(

[@user-in8uu4iz7r]

저기 여쭤볼게 있는데 2커트 해서 인물사진을 영상 처럼하고 싶은데 어떻게 해야 되나요...꼭 파노라마로 해야 되나요?

[@rollstory]

영상에서는 3등분 했지만, 2등분 해서 저장하시면 되죠 :)

[@bloodroyal4257]

이건 꿀팁이네요

[@rollstory]

야호~ 꿀팁 짝짝짝 :)

[@gpd3183]

쌤!!! 9개로 성공했습니다^^ 문제는 제 인스타에 올라와져있는 이미지의 위치를 못보고, 올렸는데, 하나 때문에 들쑥날쑥 ㅜ ㅜ 결국 삭제했지만, 완전 잘 알았습니다^^ 감사드립니다↗️↗️↗️

[@rollstory]

앗, 이제 그런 순서 상관 없이 인스타에 게시글 3개 작성하면 한 줄에 다 들어가지 않나요 ㅎㅎ? 아무튼 잘 이해하셔서 3x3 형태도 만드시니 뿌듯하네요 ^~^

[@gpd3183]

@@rollstory 이미지 3개는 당연히 했습니다^^ 9개도 했다고, 쌤께 뻐기는 겁니다😀😀😀 쌤~~~ 쵝오👍👍👍👍👍👍👍👍👍👍👍

[@HKGigs]

이런 신박한 기능이...ㅠㅠ 매번 감사합니다!

[@rollstory]

사실 이미 강좌로 알려 드렸던거랍니다~ 활용하기 나름이죠 ^~^!

[@쏭영-m1u]

대박대박 이거 알고 싶었는데!! 강의 감사합니다 :-)

[@rollstory]

요런 깜찍(?)한 방법으로 할 수 있답니다 ㅎㅎ :)

[@DoD-t2d]

우디쌤 덕분에 포토샵 즐기면서 배우고 있습니다! 정말 감사드려요😽😽😽

[@rollstory]

저도 덕분에 재밌게 강좌 만들고 있어요 ^~^ 같이 재밌게 공부해요~

[@DoD-t2d]

@@rollstory 넵! 근데 우디선생님 질문이 하나 있습니다.. 프리 트렌스폼+ Ctrl 꼭짓점 클릭을 하면 꼭짓점을 자유자재로 움직일 수 있는걸로 알고잇씁니다. 근데 실제로 실행하면 두 꼭짓점이 함께 움직여서 평행사변형꼴로 움직이더라구요..ㅠ 꼭짓점 하나만 움직일 수 있는 방법이 있을까요..??🥺🥺

[@rollstory]

아, 그거 래스터라이즈 시키거나 스마트 오브젝트 레이어로 만들면 하나씩 움직일 수 있어요 :) kzbin.info/www/bejne/hoCZhKx7eKuIhrM

[@DoD-t2d]

@@rollstory 감사합니다!!! 좋은밤 되세요😍🙇‍♂️

[@malmalmal_]

우디님 항상 잘 보고 있습니다 혹시 8비트 레트로 느낌의 배경 제작법이나 픽셀 아트 형식 강의 부탁드립니다ㅠㅠ

[@rollstory]

재밌겠네요~ 픽셀 확대해서 연필툴로 하나씩 채우려나요 ㅎㅎ? 나중에 연구해보고 강좌로 만들어 볼게요 ^~^

[@rethe0221]

안녕하세요 실제 이 기능을 사용해보다 질문이 생겼습니다! 900x26000 픽셀의 상세페이지를 세로 11등분해 '웹용으로 저장'으로 내보내려했는데, 옵션창에서 이미지 사이즈를 원본크기의 최대 38%로밖에 내보낼 수 없다고 뜨더라구요. 원본의 세로 총 사이즈가 약 8100px을 넘어가면 그때부터 원본(100%)크기로 저장이 안되고 8100px에 근접한 수치로 축소 저장되게 막히더라구요~ (ex원본을 세로 9천픽셀로 크롭 후 2장 분할저장 하려하니 최대배율 약 90%까지 설정가능했어요) 그래서 결국 원본크기 저장을 위해 일일히 잘라서 저장했습니다 ㅠㅠㅋㅋ 설정에서도 딱히 보이지 않고... 검색해봐도 나오지 않아서 혹 방법 아실까 댓글 남겨요 우디쌤 (손꼬옥)

[@rollstory]

2만픽셀이 넘는 걸 해본적이 없어서.. 아마 크기 문제 때문에 포토샵이 처리를 못하나 보네요 :( 특히나 슬라이스 시킨 이미지가 웹용으로 저장하기 때문에 더 그럴거 같네요.. Save for Web 기능이 Legacy로 빠져 있는데, 이 걸 대체하는 다른 기능이 생긴다는 의미 거든요~ 근데 몇년 동안 계속 레거시 상태라 언젠가는 생기긴 생길건데, 당장엔 슬라이스 후 슬라이스 이미지를 각각 저장해주는 다른 기능은 없는걸로 알고 있어요 ㅠㅠ 그래서 안되면 수동으로 자르긴 하되, 가이드 라인 만들어 두시고 크롭툴로 자르고 저장하는 다시 돌리는 과정을 액션으로 만들어 두시고 사용하는게 그나마 편한 방법이 아닐까 싶어요!

[@rethe0221]

@@rollstory 그렇군요 ㅠㅠ 상세한 답변 감사합니다!

[@sj_nyc]

이번 영상에 우디님이 알려주신 포맷을 캐러셀(carousel)이라고 하며 소셜에서 자주 쓰이는 광고 포맷입니다. 인스타 피드 이미지 사이즈로 1080x1080, 1080x1350을 많이 쓰며, 아트보드 사이즈는 프리셋으로 미리 설정해 두시면 편하게 쓰실 수 있어요. 이번 팁 역시 실무하시는 분들에게도 유용한거 같습니다. 왜냐면 우디님 영상 보고 혹시나 해서 저희 팀 디자이너에게 캐러셀 만들때 슬라이스 툴 쓰고있냐고 물어봤더니 안쓰고 있는걸 발견했거든요ㅋㅋ

[@rollstory]

우앙.. 이런것도 용어가 있었군요?! 캐러셀(carousel)은 처음 들어 보네요 :) 덕분에 또 하나 배웁니다 ^~^ 비율은 1:1아닌 1:1.x?? 이런 비율도 많이 쓰더라고요~ 지인 사진작가가 1:1이 아닌, 1080x1350 사이즈로 주로 올리는 걸 보고 그건 무슨 비율이냐고 물어봤던적이 있네요 ㅎㅎ 그나저나 슬라이스 툴 안쓰고 있었다면.. 크롭하고 저장하고 크롭하고 저장하고 이렇게 하고 계셨던건가요~?! 말씀하신것처럼 자주 쓰는 형태라면, PSD로 저장해두고 재작업 없이 편하게 사용할 수 있을거랍니다 ^~^

[@sj_nyc]

@@rollstory 네 그렇게 매뉴얼로 작업하고 있었더라구요. 사진만 올리는거면 간단하지만 광고면 카피도 들어가니 은근 매뉴얼로 하면 시간이 가는데 말이죠. 아무튼 우디님 덕분에 적발(?)을 했네요 ㅋㅋ 서로 가끔 팁을 나누긴 해도 오히려 기본적인건 당연하다 생각해서 놓칠때가 많은거 같아요.

[@rollstory]

그래서 습관이 무서운거 같아요 ㅎㅎ 뭔가 습관되면 불편해도 계속 쓰게 된다는... 😂

[@민-v4x]

우디님 컴퓨터를 바꿔서 실습을 해볼려고하니 Create Rectangle 툴이 보이지 않내요 ㅠ.ㅠ... 어떻게 빼오면 될까요

[@rollstory]

Rectangle Tool 말씀 하시는 건가요 :)? 도구마다 꾸욱 누르고 있으면 하위 메뉴가 펼쳐져요! 어디 숨어 있는게 아닐까요~? 거기도 없으면 툴바 밑에 땡땡땡 모양의 'Edit Toolbar' 버튼 누르고 Restore 를 통해 복귀(초기화) 시켜보세요!

[@lively_lee]

모르고 있던 슬라이스툴도 배워갑니당! 감사합니다 : )

[@rollstory]

자주쓰는 형태라면 PSD로 저장해두세요~ 그럼 또 안잘라도 되고 편하게 사용할 수 있답니다 ^~^

[@다이오드]

이거 보고 열심히해서 방금 인스타에 파노라마 한번 스무스하게 올려봤습니다 ^^ 무지해서 그런데 소스이미지를 고품질로하면 울어서 리사이징하니까 화소저하가 심하네요.. 좋은 방법있을까요?

[@rollstory]

인스타 자체가 이미지를 업로드 하면 서버에서 용량을 줄여 버리기 때문에 어느정도 깨지는 부분은 있어요~ 근데 이 부분에 대해서 다단계 리사이즈를 하시는 분들도 있고.. (큰 이미지를 한 번에 작게 만드는게 아니라 여러 단계를 거쳐 조금씩 사이즈를 줄이는 작업) 포맷 자체를 PNG로 저장하되, Save for web이 아닌, 일반 저장으로 저장하는게 더 해상도가 좋아서 그렇게 하시는 분들도 있어요 ㅎㅎ

[@어서오씨점]

와 이렇게 쉽게 감각적으로 만들 수 있다니!!! 감격입니다~ 스승님 감사합니다!

[@rollstory]

4강 다리 늘리기 강좌도 보셨군요 ㅎㅎ 재밌게 공부하세요 ^~^

[@김진휘-n5o]

우디님 챗 저도 사고 싶은데,, 대부분 포토샵 책이 영어라서.. ㅠㅠ 한글책은 없죠?

[@rollstory]

앗 어쩌다보니 포토샵 책(유튜브 채널 운영을 위한 포토샵 디자인)은 한글판으로 되어 있습니다 ㅎㅎ 책소개 미리 보기 참고해 보세요 :)

[@형상기억종이노벨상]

이분만큼 실력있는 유튜버는 있겠지만 이것보다 쉽게 가르치는 유튜버는 없는듯

[@rollstory]

가르치는 건 언제나 즐겁고 보람찬 일인거 같아요~ 앞으로도 같이 재밌게 공부해요 :)

[@형상기억종이노벨상]

Cs6라서 셀렉오브젝트없는데 펜툴로 따야하나요

[@rollstory]

버전 때문에 기능이 없다면, 선택 영역을 잡을 수 있는 다른 도구들을 활용해 보세요 :)!

[@jaejaeh-h2n]

패스를 그릴때 스마트가이드가 적용이 안되는데, 원래 적용이 안되나요??

[@rollstory]

View - Show - Smart Guide 체크 유무 확인해 보세요 :)

[@jaejaeh-h2n]

cc2020 버전입니다. 스마트가이드 선택되어있는데, 예를 들어 패스로 정사각형을 가이드선이 나오지않아 정사각형 그리기가 힘드네요ㅠㅠ

[@rollstory]

아 일러스트레이터와 달리 포토샵에서는 펜 툴 작업시에는 가이드가 본래 생기지 않아요~ 직선을 만들고 싶으면 shift 키를 누르고 있으면 됩니다!

[@Ittlepony]

우워……👍🏻👍🏻👍🏻👍🏻

[@rollstory]

야호 ^~^👍🏻

[@moglmlmu]

선생님.. 요즘 선생님 영상을 보면서 포토샵이랑 일러 공부를 하고 있는데 막 엄청 어려운 게 아닌데 3개 하는 데에 2시간씩 걸립니다… 10분짜리 영상을 보면서 실제로 해보는 데에 20-30분은 걸린다는 건데… (보면서 제가 기억해야 할 것들을 적기는 합니다)뭔가 제가 쓸 데 없는 동작을 하는 걸까요? 영상 올려주셔서 항상 감사합니다..

[@rollstory]

처음엔 다 그런거랍니다 ㅎㅎ 속도 너무 의식 하지 마시고, 처음엔 이해하는데 중점을 두세요 :) 속도는 계속하다보면 자연스레 빨라져요 ^~^

[@건강-h5z]

앱 링크좀 공유해주실수있나요

[@rollstory]

네이버에서 어도비 포토샵 검색해 보세요 :)

[@brendanb9]

뭐가 잘못된 건지 크롭툴로 자를때 화면 처럼 잘라지지 않고 네모칸 비율이 작아지고 사각형을 자르게 영역 지정이 잘 안되네요... 오랫만이라 왜 그런지 잘 모르겠네요. 설정을 잘 못한게 있는지

[@rollstory]

2:59 강좌에 설명이 있어요 :) 아마, Ratio탭에 수치가 들어가 있어서 그렇지 않을까 싶네요~

[@brendanb9]

@@rollstory 감사합니다. 성급했네요. 이어서 보니까 해결 했습니다.

[@4pril_MARKY]

넘좋아!

[@rollstory]

좋아 😍

[@jsb6852]

선생님 요새 픽토그램 영상 패러디 많은데 픽토그램 그리는 법 컨텐츠도 괜찮을것 같아요!

[@rollstory]

아이콘류는 보통 일러스트레이터에서 저는 주로 만들고 있어요 ^~^ 나중에 한 번 구상해 볼게요~!

[@T_MYhero]

건물 뒤로 글자 가게 하는 기능은 이해가 잘 안 되네요..ㅠㅠ

[@비빔밥국밥]

마스크 기능일텐데 우디님 포토샵강의보면 나와있을거에요^^

[@T_MYhero]

@@비빔밥국밥 네~~ 우디는 강의는 다 봤는데 다시 복습 해야겠어요~

[@rollstory]

후음.. 자~ 1. 밑에 사진이 있고 바로 위에 글자 레이어가 있는 상태죠? 2. 사진 레이어를 선택하고 [선택도구류:마술봉, 퀵설렉션 등]를 선택하면 컨트롤 패널에 설렉트 서브젝트 메뉴가 활성화 돼요~ 자동으로 이미지의 피사체를 추출해주는 기능이랍니다 3. 사진의 피사체(건물류)만 선택 영역으로 활성화 됐다면, 4. 선택 영역을 반전(ctrl + shift + I)하고 다시 문자 레이어를 선택한 다음 5. 문자 레이어에 '레이어 마스크'를 추가하면 끝이랍니다~ * 선택 영역이 활성화 되어 있는 상태에서 레이어 마스크가 추가되면, 해당 선택 영역만 남기고 나머지는 지워(검정 처리)지는 개념이에요 ^~^

[@T_MYhero]

@@rollstory 우디님이 직접 댓글로 설명까지... 감동 ㅠㅠ

[@황동현-e6z]

저렇게 하면 피드에는 어떻게 보이나요???

[@rollstory]

직접 보는게 최고겠죠? 제 인스타그램 확인해 보세요 ^~^ woody_seo