일러스트레이터 강좌 #63 - 그라디언트 완벽 정리
HTML-код
- Опубликовано: 20 июн 2024
- 일러스트레이터에 그라이디언트 만드는 거 많이들 헷갈리셨죠?!
오늘은 그라디언트와 관련된 수많은 질문에 답변해드리는 강좌입니다 :)
■ 예제파일 다운로드
drive.google.com/drive/folder...
0:00 인트로
0:55 모든 도구 불러오기
1:25 그라디언트 패널
1:48 디폴트 그라디언트
3:05 그라디언트 색상 변경
4:45 그라디언트 툴 활용
5:40 이미지에서 그라디언트 추출법
8:06 오늘의 꿀팁
#일러스트레이터강좌 #그라디언트 #그라데이션
----------
'학원은 왜가? 우디와 함께 독학하자!'
오늘도 도움 되셨나요? 그럼, 우디에게 힘이 되는 구독&좋아요&알림 버튼 꾹~ 부탁드립니다 😍
실무 디자이너가 되는 그날까지, 롤스토리디자인연구소가 언제나 함께 할게요 :)
본 영상에 사용된 버전은 Adobe CC 2021 및 Mac(애플컴퓨터) 환경이며,
화면에 보이는 맥용 단축키는 아래의 윈도우키와 같습니다.
⌘(command) = ctrl / ⌥(option) = alt / ⇧ = shift
◼︎ 광고/비즈니스/개인 문의 patoz@daum.net
◼︎ 디자인 의뢰 문의 open.kakao.com/o/sPDMl4tc
(디자인 의뢰 문의 외, 개인적인 질문엔 답변하지 않습니다)
■ 롤스토리디자인연구소 인스타그램 / woody_seo
■ 롤스토리디자인연구소 블로그 rollstory.tistory.com/
이 영상의 저작권은 롤스토리디자인연구소에게 있으며, 무단 복제 및 도용을 금지합니다. Copyrightⓒ2018 Rollstory Design Lab All rights reserved.
일러스트레이터 노하우, 우디가 작정하고 알려줍니다 😎
■ 📙진짜 쓰는 일러스트레이터 책 구매하기
예스24 - bit.ly/yes_woody
교보문고 - bit.ly/kyobo_woody
알라딘 - bit.ly/aladin_woody
진짜 이러한 강의 유튜버를 찾았어요!!! 정말 감사합니다ㅠㅠ 은인이에요
와앙~ 반가워요 ^~^
자주 오셔서 꿀팁 마구마구 담아가세요~~
드디어 진도를 맞출 수 있게 되었어요. 우디님 늘 너무 너무 고맙습니다.
야호~ 기억안나면 또 찾아보고 또 찾아보고 그렇게, 내 걸로 만들어 보세요 :)
앞으로도 계속 화이팅!!
헉 일러 강의 계속 기다렸어요👍
너무 늦었죠 ㅎㅎ? 이제 더 빨리 올릴게요 ㅠㅠ 또르륵~
진짜 책도 읽어 봤는데 꼭 예외들이 존재하잖아요. 진짜 롤스로리는 그런거 다 알려줘서 너무 좋아요ㅜㅜㅜㅜ
ㅎㅎ 완전 공감해요~ 항상 예외가 있길 마련이죠 ㅠㅠ
저도 부족한게 많지만, 더 공부해서 다~~ 알려 드릴게요 ^~^
진짜~~ 공감합니다. 롤스토리님 본투비 티챠~~~
오우왕! 그라디언트 툴 맨날 써도 몰랐던 정보인데 알려주셔서 고마워용~ 덕분에 잘배워가요 :D
이제 그라디언트 아무 걱정 하지 말아요~~ ㅎㅎ :)
날이 갈수록 멋있어지십니다🙆🏻♂️
엄훠낫~ 고..고마워요 :)
그라디언트에 컬러 피커가 없는 버전에서는 도구상자의 스포이드(eyedropper tool)를 선택하고 shift 키를 누른채로 클릭하여 컬러를 추출하시면 됩니다
오호~!! 감사합니다!
감사합니다.. 덕분에 분조장 걸릴뻔 한거 해결되었어요,,b
감사합니다 분조장 걸릴뻔했어요..
진짜..쌤 없으면 어떻게 살죠ㅠㅠ무병장수하세요😭
엄훠낫~ 저도 여러분들 덕분에 기쁘게 강좌 만들고 있답니다 ^~^ 고마워요~
모든 궁금증 여기서 다 해결함 천재다 천재~~♡♡♡
모르는 거 빼고(?) 다~ 알려 줄게요 ^~^♡
늘 유익한 영상 감사합니다!
고마워요~ 재밌게 공부하세요 :)
찾고있던 영상이예요 ㅠㅠ 감사합니다 선생님 적게 일하시고 많이 버세요
항상 고마워요 ^~^
늘 유익한 정보 감사합니다.~~
감사합니다~ 재밌게 공부하세요 :)
디자인 초짜인데 오늘부터 하루 3강의 시작하려합니당! 너무 설명 잘해주시고 목소리 쏙쏙 들어오네요 ㅎㅎ
힘나는 말씀 고마워요 ^~^
짧더라도 매일매일 공부하는게 더 효과가 크다네요~
꼭 처음부터 정주행 해보세요!!
강좌 넘넘 잘 들었습니다~ ^^
재밌게 공부하세요 ^~^
두번째 질문 강좌가 완전 꿀팁이었네용ㅎㅎ
야호~~ ^~^
신기하네...
처음 일러스트 공부했을때는 이 강의를보고 도대체 이해가안가서 난감했었는데
어느덧 한달가량 이것저것 공부를하고나서 다시 들어보니 완전 꿀강의였다는 ...
역시 아는만큼 보이는거구나 ... 후훗
ㅎㅎ 완전 공감되는 말이네요~
결국 내가 안한게 문제 였지, 막상 하면서 하나씩 지식을 쌓다보면.. 어느덧 길이 보이기 시작한답니다 ^~^
이 때, 더 공부하셔야 실력이 늘어요!! ㅎㅎ
이왕 공부한거 끝까지 차근 차근 해보세요 :)
좋은설명 감사드립니다.
고마워요 👏
좋은 강의 감사드립니다.
고마워요~ 재밌게 공부하세요 ^~^
와 만세입니다. 너무 도움되었습니다. 한번더 정독할게요 감사합니다.
좋아요! 많은 분들이 정주행 하고 다시 반복하고 있답니다 ㅎㅎ
처음엔 몰랐던게 또 보이거든요 ^~^
@@rollstory 맞습니당 감사드려요
너무 재밌게 잘 들었습니다!!!
다른 강좌들도 꼭 챙겨 보세요 ^~^
좋은 강좌 잘 보고 갑니다.
감사합니다 :)
3강 인스타그램 로고 만드는 연습 중이었는데 색깔은 제가 맘대로 넣어보려고 그라이언트 해봤는데..대망의 1위 질문처럼 되더라구요?
혹시나..싶어 63강 제목을 보고 들어와봤는데 우디쌤의 답이 있군요! 우디쌤 만세~~~ㅋㅋㅋㅋ
키키~ ㅎㅎ 앞 강좌도 미리 찾아서 보고 너무너무 잘하고 있어요 +_+
그렇게 정주행 하다 보면 궁금한것들도 하나씩 해결되고 언제가 잘 다루고 있는 나를 보게 될겁니다~!
만세~~ +_+
원하는거 찾아서 좋아요 찍고 갑니다
원하는 걸 찾으셨군요 :)
우디님 혹시 여기에서 사용된 도형의 그라디언트 처럼 색상이 점점 흩뿌려지면서 지워진듯한 투명색을 나타내려거든 어떻게 해야 할까요? 그라디언트 툴에서 한 쪽엔 색상을 넣고 다른 한 쪽엔 흰색 + 투명도 0을 줘봤는데 저런 느낌은 안 나오더라구요 ㅜㅜ 방법이 있을까요?
+ 링크를 삽입했더니 자꾸 댓글이 지워지네요..^^; 사이트를 공유할 수 있는 방법이 있다면 알려주시거든 감사하겠습니다
언제부턴가 링크 넣으면 어떤 댓글은 스팸으로 자동 삭제 되는거 같더라고요 ㅠㅠ
글만 봐서는 모르겠어요~ 나중에 메일로 한 번 보내주세요 :)
좋은 정보 감사합니다. CS3가 최신판이었던 고딩떄이후 새로 배우고 싶어서 들어오게 되었어요 ㅎㅎ
확실히 뭔가 더 세밀하게 바뀌었네요. 혹시 색을 지정한 그라이언트를 저장하는 방법이 있나요??
맞아요~ 특히나 CS에서 CC로 오면서 일러스트레이터는 생각보다 많은게 바뀌었답니다 :)
그라디언트 색상을 지정하고 싶으면 스와치 패널에 만든 그라디언트를 드래그 & 드롭 하면 됩니다!
우디님! 질문이 2개가 있습니다ㅠㅠ
1. 저는 도형을 클릭하고 그라디언트 툴을 누르면 우니님처럼 그라디언트 바가 안 생깁니다ㅠㅠ 4분 48초의 그라디언트 바가 생기게 하려면 어떻게 해야하나요ㅠ?? 그라디언트 툴을 누른 후에 드래그를 하면 바가 잠깐잠깐 보이긴 하지만 영상 속에 있는 바처럼 고정되게 할 수 있는 방법이 있을까요?
2. 이미지에서 그라디언트를 추출할 때 7분 17초에서 그라디언트 패널에 컬러 피커가 보이게 하는 방법이 있을까요? 저는 그라디언트를 초기값(흑백)으로 변형시켜도 그라디언트 패널 내부에 컬러 피커가 보이지 않습니다ㅠㅠ 일러스트 버전의 차이인가요?
(버전은 cc2018 입니다!)
1. 그거 아마 버그일거예요... (저도 예전에 어떤 버전이였는지 모르지만 그랬던 적이 있었거든요~ 결국 버전 바꾸면서 해결됐던 기억이..)
2. 네.. 마찬가지로 초반에 말씀드린것과 같이, 버전상의 이유 입니다 :(
컬러 피커 기능이 없는 경우에는 어쩔 수 없이 네모 도형을 여러개 만들어 두시고 기존의 아이드로퍼 툴로 색을 추출 하세요~ 그러면 CMYK 컬러값이 보이죠?
똑같이 그라디언 색 고정점에 입력하면 됩니다 :)
정주행 끝~~~ㅎㅎ;; 오늘도 꾸벅!
와웅~~ 짝짝짝 :) 앞으로도 강좌는 계속 업데이트 된답니다 +_+
조금 쉬었다가 계속 공부해 보세요~ ㅎㅎ
@@rollstory 감사합니다~~
감사합니다 :)
즐겁게 공부하세요 ^~^
안녕하세요 우디님 영상 정말 잘보고있습니다
그라디언트 종류들이 참 많이 있던데
혹시 다양한 그라디언트 타입들을 표현하는 강의도 알려주실수 있나요? 그라디언트 blurred와 다양한 그라디언트 표현법이 궁금합니다!
네~ 나중에 기회되면 저도 공부해서 알려드릴 수 있도록 할게요 :)
진짜 너무 감사합니다😁😁
꿀팁 가득 담아 가세요 ^~^
@@rollstory 진짜 만나뵈서 커피라도 한 잔 대접해 그리고 싶네요😁😁 감사해요👍👍
감사합니다.
짝짝짝 :)
감사합니다.. 링크 남겨주셔서 감사합니다.
즐겁게 공부하세요 :)
우디천사님 강의잘봣습니당:) 그런데 그라디언트에 컬러 적용하고 나중에 또 사용할수도 잇으니까 저장해놓는???기능도 잇던데 그거에 대해 나중에 추가해주시면 감사하겟습니다~
강좌의 설명과 같이 프리셋은 그 순간은 저장되지만, 새 캔버스를 깔면 또다시 디폴트로 바뀌어 버린답니다~
물론, 프리셋으로 따로 저장해서 내보내기를 할 순 있지만 어찌됐건 새 캔버스 깔면 다시 불러와야 하는 과정을 거쳐야 하기 때문에,
저는 그냥 큰 대지에 브러쉬랑 그라디언트랑 등등 자주쓰는 프리셋들 쭈욱 모아두고
필요할 때 해당 ai파일을 오픈해서 원하는 프리셋을 그냥 복/붙 해서 사용하고 있어요 :)
선생님~! 안녕하세요.
1. 그라디언트를 적용하고 인쇄소에 넘길 때 expand를 시켜야 하나요 아님 래스터화를 시켜야 하나요?
1-1. Expand를 시킬 때, 다른 때와 달리 그라디언트 적용 후의 expand는 fill외에 "그라디언트 메쉬망"과 "Specify" 체크박스가 활성화 되던데 뭘 눌러야 되는지 모르겠..어요.
1-2. 일러에서 너무 작은 부분에 래스터화를 시키면 너무 깨지던데, 인쇄하면 괜찮나요?
컴퓨터로 연습만 해봤지 인쇄를 해야할 때는 어떻게 해야하는지 궁금합니다.
1. 옛날엔 래스터화 시켰는데 이제는 그냥 보내셔도 돼요~
2. 안해도 돼요
3. 일러스트레이터는 인쇄물에 최적화된 벡터 기반의 툴이고 최대한 래스터화 시키지 않고 벡터 오브젝트 그대로 전달하고 인쇄해요~
만약 래스터화 시켜서 깨져 보이면 인쇄해도 깨져보입니다!
와......... 감사합니다!!
그라디언트 완벽 해결~~ 😎
완젼꿀티입이넹ㅎ
히히 맞아용~ ^~^
정보감사합니다 일러스트 cs6버전에서는 7:20에 나오는 컬러픽 기능이 없나요? 제 화면에서는 컬러픽이 안보이네요 .
이미지를 가져왔는데 그 색상을 쓰고싶은데 선택하는 툴이없어요 ㅜㅜ
네~ CS6 버전에는 없는걸로 알고 있어요 :(
그냥 도형 여러개 미리 만들어 두시고 하나씩 색 추출한다음, 컬러패널에 보이는 cmyk값을 그대로 적용해 보세요~
오늘도 60강에서63강까정 달려보았습니다. 오늘공부는 여기까정 끝~~~( 공부 넘 많이 하면 머리 아퍼요 ㅎㅎ)
주말인데 여유도 가지면서 쉬엄쉬엄 공부 하세요 ㅎㅎ :)!
언제나 너무 좋은 세세팁들 감사드립니다. 일러스트외에 질문이긴 한데 혹시 컴퓨터화면녹화하실때 어떤프로그램으로 하시는지 여쭤봐도 될까요?
저는 맥용 퀵타임플레이어로 화면 촬영하고 있습니다 :)
@@rollstory 앗 저는 맥이 아니라 그건없지만 답변주신것만으로 넘 감사드립니다♡
별색지정하면 출력시 별색인쇄될까요?? 그라디언트 넣은 인쇄하려하는데 ㅠㅠ 별색지정안하고 4도하면 색이 넘 어둡게 나와서 별색지정하고 작업후 인쇄컬러가 또렷이 나오는지 궁금합니다 ㅜㅜ
그라디언트를 별색으로?? 하는건 저도 해보지 않아 잘 모르겠어요 :(
인쇄 관련해서는 사실 저한테 물어보는것 보다.. 인쇄하는 인쇄소에 직접 물어보는게 최고에요~
저도 큰 프로젝트에서 출력할 일 있을 때, 소량 인쇄가 가능한 상황이면 샘플로 인쇄도 해보고 결과물 보고 인쇄소에 연락도 해보고 한답니다 :)
강의 감사합니다~그라디언트가 층층이 보이는걸 최소화 할 수 있는 방법은 없을까요?
웹용으로만 보는 용도라면 최대한 고해상도로.... :(
선생님 궁금한게 있어요! 그라데이션에서 한부분만 색을 추출하고 싶을때는 어떻게 해야하나요? 스포이드 툴 쓰면 그라데이션 전체가 추출돼서 궁금해요 ㅜㅜ!
일러스트레이터로 그린 그라디언트 도형에 있는 하나의 색상을 말씀 하시는건가요??
그럼, 해당 도형을 선택하면, 그라디언트 패널에 들어간 색상이 보이고 거기에 원하는 색고정점 하나를 클릭하셔서 보이는 CMYK값을 기억하시고 적용하면 되지 않을까요 :)?
해당 그라디언트 패널의 색 고정점을 더블클릭해서 스와치 패널에 드래그 & 드롭으로 등록하셔서 다른 그라디언트 색상에 적용시킬 수 도 있어요~
@@rollstory 헥 그런방법이있군요 !!! 매번 감사합니다 :)
질문입니당. 그라데이션 자유형으로 색을 넣고 저장후 껐다가 키면 클리핑마스크가 씌워져 있고 색 수정이 안됩니다 어떻게 해야하나요?
우음.. 처음 듣는 현상(?)이네요 :(
혹시 모르니 세팅초기화 하시고 일반 도형 만들어서 다시 테스트 해보세요!
*세팅 초기화 = (프로그램 종료 후) ctrl + alt + shift + 재실행
하 유익해~ 감사합니다. 그런데 제꺼는 예전 버전이라 컬러 픽커가 없는걸까요?(CC2018버전)
네~ 아마 2018버전에 없었던걸로 기억하고 있어요 :(
그때는 그냥 CMYK값 외워서 넣거나 스와치 패널에 미리 등록해놓고 적용하곤 했었네요 ㅋㅋ
혹시 책 출간은 안 하시나요?그리고 어떤 노트북.데스크탑 사용중이신지..일러스트 포토샵 용 노트북.데스크탑 고르는중인데 머리가 빠질 지경입니다ㅋㅋ유용한 영상 감사드립니다
1. 네, 올 봄쯤에 출간 예정입니다.
2. 저는 디자인용으로는 아이맥과 맥북의 애플 컴퓨터만 사용하고 있어요 ㅎㅎ
이동을 조금이라도 하셔야 한다면 당연히 노트북이 필요하시고 그게 아니시라면 데스크탑이 훨씬 더 가성비가 좋겠죠 :)?
드디어 올해 진입!
박수~~ 짝짝짝 :)
우디쌤 최고에여..쌤 이미지는 어떻게 가져오는걸까요ㅠㅠ?
아트보드로 이미지 드래그 & 드롭 또는 File - Place
다른질문인대용 ctrl v ctrl b는 바로뒤에 복사인데 저는 왜 다른곳에 복사가되는걸까용?ㅜㅜ
말씀하신 그대로 입니다~
ctrl + C (복사) / ctrl + B (뒷면 붙여넣기)
복사하고 나서 오브젝트를 움직여 보세요~ 같은 위치에 겹쳐져 있어서 모르시는건 아닐까요 :(?!
그라디언트 만만하게 봤는데..인스타그램 그라디언트 입히다보니 뭘 가르쳐주신대로 안한건지 안의 하얀 스트로크와 플래시 점모양에까지 그라이언트가 입혀지더라구요.
어쩌다 보니 다시 제대로 흰색으로 돌아와도 다른거 이것저것 해보다보면 또 그라이언트가 입혀지고..왜 그런지를 모르니 아직아직아직은 실력이 거기까진가 보다..하면서 걍 냅둬야 암 안걸릴듯.전에 우디쌤이 답글에 스트로크에도 그라이언트 입힐 수 있다고 하셨는데 그걸로 알게 됐다~그러믄서 정신승리 중입니다~ㅋㅋㅋㅋ
아~ 맞아요~ 옛날엔 스트로크에는 그라디언트 적용이 불가능했는데, 아마 CC버전 언젠가부터 그게 가능해졌어요 ㅎㅎ
그래서 내가지금 Fill을 선택한건지, Stroke를 선택하고 하고 있는건지 잘 봐야할 필요성이 있겠네요 :)
이렇게 고민하면서 방법을 찾아냈을 때, 실력이 또 한 층 올라간다고 생각해요 ^~^
선을 그리고, 라이브페인트 만들기 후 안에 색을 채울 때 그라디언트를 사용하고 싶은데
사용하니 가로로만 사용되고 각도를 변경할 수는 없네요 ㅠㅠ
이럴 땐 어떻게 해야 되나요?
그라디언트 패널에서 조절 하시면 되지 않나요 :(?
@@rollstory 각도가 기본으로 0도 되어있는데 칠하기 전에 해봐도 안 되고 칠한 후에 바꿔봐도 안 되네요 ㅠㅠ
그냥 일반 도형에 그라디언트를 해도 안된다는 말씀이신가요???
그라디언트가 적용되면 방향도 바꿀 수 있어야 정상이에요 ㅠㅠ
힛 몰랐찡?!
히히~ 이제 알았찡?!
이미지에서 그라디언트 추출하는법에서요... 컬러피커가 cs5에서는 안보이는데 ㅜ.ㅜ 어디있는건지 혹시 아시나요...
최신 버전에서 생긴 기능이라, CS버전에서는 없을거예요~ :(
그럴 땐 어쩔 수 없이, 도형 만들어서 각각 아이드로퍼툴로 추출해두시고 CMYK값을 직접 적용해야할거예요..
다른 방법도 있지 않았을까 하긴 하는데 이전 버전이 없어서 확인을 못하겠네요 ㅎㅎ
@@rollstory 허걱... 넘 어렵네요 ㅠㅠ 그래두 답변 감사합니다!!
혹시 그라디언트 드래그로 표현할때 왜 저는 선생님처럼 그래프?같은게 안뜨는걸까요...
View - Show Gradient Annotator 체크 해보세요 :)
컬러피커 저 기능은 2021 버전에만 있나요 혹시..?!
이전 버전에서는... 색 고정점 더블클릭해서 보이는 미니 패널에 있지 않았나요?? 기억이 안나네요 ㅠ.ㅠ
아무튼 뭔가 버전업 되면서 생기긴 생겼던거 같아요 ㅎㅎ
@@rollstory 이전 버전을 사용하고 있을 경우에는 그러면 스포이드 도구로 단색 하나하나 찝어서 만든 다음에 그거대로 그라데이션 색깔 만들어도 되겠..죠?
옛 버전에서 혹시 다른 방법이 있었을지도 모르겠지만,
컬러 피커가 없을땐, 네모 도형을 여러개 깔아 두시고 각 도형마다 아이드로퍼 툴로 이미지 색을 추출 하세요~
그럼 각 색상마다 CMYK값이 있죠??
그걸 그대로 그라디언트의 색 고정값에 일일이 집어 넣는 겁니다 ㅎㅎ
2018cc 버전은 없는것 같아요..암만 찾아도 없네요 ㅠㅠ
프리폼 그라디언트 로 색깔 넣고 저장한 후 에 저장 파일 다시 열면 색이 사라져 있는데 어떻게 해결할수 없을까요…??😭😭
잉?? 자유형 그라디언트 적용하시고 ai 파일로 저장하고 불러오면 적용이 안된다는 말씀인가요??
그러면 안되는건데 이상하네요 ㅠㅠ
혹시 모르니 일러스트레이터 버전을 다운그레이드 시켜서 테스트 해보세요!!
@@rollstory 네 ai 파일로 저장시 다시 파일을 열면 색깔이 없어져 있어요…ㅠㅠ
도형에 적용한거면 그대로 남아 있어야 정상이에요 ㅠㅠ
버전을 바꿔서 테스트 해보는 방법밖엔 없을거 같아요.. 버그일 수도 있거든요 :(
그라디언트를 클리핑 마스크로 적용한 도형을 가로 비율만 늘릴 때 도형만 길어지고 그라디언트는 도형이 늘어난 만큼 적용이 안되는데 왜 그런가요 ㅠㅠ
무슨 말씀인지 이해가 잘 안되네요 ㅠㅠ
그라디언트가 적용된 도형을 그라디언트 도구로 슬라이더 상태를 확인해 보세요~
클리핑 마스크 된 도형은 더블 클릭하여 내부 개체도 개별 선택할 수 있어요 :)
@@rollstory 답변 감사합니다! 해결했는데 버전의 문제인 거 같아요ㅠ cs6에서 오류 나던걸 cc에서 작업하니까 가능하더라고요
혹시 저는 그라디언트 바가 안생기는데 어떻게 해야하나요??ㅜㅜ
그라디언트 패널 우측 상단의 삼선 아이콘(옵션) 누르시고 Show Options 눌러 보세요 :)!
계단 현상 해결하고싶어요 ㅠ
고해상도 이미지로 출력해 보세요~
일러 화면상에서는 약간 저하되어 보일 수 있어요 :)
몰라찡?ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
깔깔~ 이제 알아찡~~~ ㅋㅋ