디자이너 가든의 OPEN 디자인창고

상세페이지 만드시는 분들께 꼭 알려드리고 싶은 일러스트 꿀팁! 포토샵이 아닌 일러스트로 상세페이지를 만드는 분들은 포토샵만큼 효과를 바로 적용하지 못해서 답답할 때가 많죠? 하지만, 일러스트에서도 간단한 효과를 적용해서 디자인 퀄리티를 높일 수 있습니다. 일러스트에서 제품 상세페이지, 배너, 포스터, 제품소개서 등을 만들 때 하단에 비지는 그림자 하나만 넣어도 퀄리티가 좋아보입니다. 유튜브 영상을 보시고, 원리를 이해해서 많은 디자인 작업에 적용하셨으면 좋겠습니다 :)! 일러스트 그림자 효과를 직접 적용해볼 수 있는 일러스트 실습 파일을 무료로 제공해드리고 있습니다. 왼쪽의 앰플을 오른쪽처럼 만들어보세요! 만드는 방법은 유튜브 영상을 통해 확인할 수 있습니다. 일러스트 그림자 효과 실습 파일 다운 그 외..

일러스트에서 텍스트를 강조하고 싶을 때 텍스트에 선 굵기를 줬는데 글자 폭이 줄어든 경험 있으시죠? 기존 폰트의 폭과 넓이가 줄어들지 않도록 글자 테두리에만 선을 주는 방법을 원리부터 설명드리겠습니다. 무려 1초만에 호다닥 원하는대로 바꿀 수 있는 매우 쉬운 방법이에요! 텍스트뿐만 아니라 각종 도형 오브젝토에도 적용 가능한 일러스트 강좌니까 처음부터 끝까지 보는 것을 추천드립니다. 일러스트 도형 선 테두리 변경 왼쪽은 도형 예시인데요, 사각형에 선 stroke를 만들고 굵기를 조절하면 저렇게 됩니다. 이 때 [모양] 패널을 살펴보면 단면, 모퉁이, 선정렬 항목을 볼 수 있습니다. 선정렬 항목을 가운데, 안쪽, 바깥쪽으로 변경하면 이렇게 도형 안쪽 혹은 바깥쪽에 선이 생깁니다. 그러면 원래 도형 크기에 손..

안녕하세요 가든입니다. 여러분 일러스트로 별 만들어본 적 있으신가요? 요즘에는 도형 모서리에 작은 원을 움직어서 모서리 둥글게 움직일 수 있는 기능이 있지만, 일러스트 별 모양은 모서리를 조절하는 버튼이 습니다. 그래서 제가 일러스트 강좌를 하나 준비했습니다 :) 일러스트 별 모서리 둥글게 만드는 방법은 1분이면 오케이! 별모양 말고 다양한 도형 사각형, 삼각형, 다각형 모서리 모두 둥글게 만들 수 있으니까 일러스트 강의 영상 다 보고 꿀팁 알아가세요! 일러스트 강좌 별 테두리 둥글게 왼쪽에 있는 별을 오른쪽 별처럼 모서리 부분을 둥글게 만들어보겠습니다! 먼저 왼쪽 도구 툴에서 [strar tool]을 선택해주세요. 별모양을 만들 수 있는 별모양 도구입니다. 그리고 아트보드 위에 별 모양을 1개 그려줬습..

최근에 유튜브에서 일러스트를 시작하려고 하는데, 어떤 거부터 시작해야 될지 모르겠다고 댓글을 많이 남겨주시더라고요. 일러스트 강의 중 가장 처음으로 알아야 하는 부부는 아트보드라고 불리는 대지입니다. 이 대지는 일러스트에서 그림을 그릴 수 있는 도화지 역할을 하기때문에 무조건 일러스트를 시작하면 반드시 만들어줘야 합니다. 그래서 대지를 다루는 방법, 생성하고 변경하고 저장하는 방법을 알아야 일러스트 강의 기초를 시작할 수 있다고 생각합니다 :) 자 그러면 이제 일러스트를 처음 시작하는 분들이 따라만하면 마스터할 수 있는 일러스트 강의 대지(아트보드) 편! 순차적으로 따라와 주세요! 1. 일러스트 기본 작동법 [일러스트Ai - 기본, 대지] 일러스트의 기본 작동법과 대지를 알아보자! 안녕하세요 문가든입니다..

안녕하세요 디자이너 가든입니다! 일러스트에서 가장 많이 사용하고 꼭 무조건 알아야 할 일러스트 도형, 그리고 도형 (쉽게) 만드는 법을 알려드릴게요! 일러스트 도형 만들기 도형은 왼쪽 패널에서 '도형 도구'를 찾아야합니다! 보통은 네모(사각형도구)로 표시되어있을텐데 네모(사각형 도구)를 꾸욱 누르면 숨겨져 있는 다양한 도형들이 등장합니다! 사각형, 정사각형 & 원,정원 만들기 그냥 네모, 직사각형를 그리고싶으면 사각형 도구를 선택한 뒤 대지 위에 드래그하면 되는데 정사각형을 만들고 싶으면 shift를 함께 누르고 드래그합니다! 일러스트 도형 만들기에서 SHIFT의 기능은 모든 도형에서 동일하게 적용합니다. Shift를 누르지 않으면 위 이미지처럼 타원, 긴 원 등 다양하게 내가 원하는대로 만들 수 있지만..

일러스트 작업을 하다가 갑자기 어떤걸 눌렀는데 텍스트나 객체 등이 드래그가 안될 때 있습니다. 저도 가끔 그런적이 있는데 Ctrl과 H를 같이 누르면 그런 현상이 발생해요! 일러스트 드래그 갑자기 안될 때 어떻게 해결하나요? 위에서 말했던 단축키인 ctrl+h 를 눌러서 해결할 수도 있구요, 상단의 탭 중에서 [보기 - 가장자리 표시 - 체크 해제]를 누르면 됩니다 :) 원래는 가장자리 없애기라는 기능인데 사실 거의 쓰지 않는 기능 중에 하나입니다..! 가끔 드래그가 안되는 이유는 단축키로 추정해보자면 그룹화 단축키인 ctrl+G 를 누르려다가 H 로 잘못 눌렀을 때 발생하는 것 같습니다 갑자기 드래그가 안되서 답답했을 때 위 방법으로 꼭 해결해보세요! 그 외에도 일러스트 작업 중에 갑자기 문제가 발생했..

안녕하세요 가든입니다 :) 일러스트 작업하다가 단축키 잘못눌러서 배경이 바뀐 경우 있으시죠? 뭐라고 설명은 못하겠는데 배경이 투명해졌어요 png 처럼 변했어요, 모눈종이가 되었어요 다시 어떻게 되돌리는지, 무슨 일러스트 단축키를 눌렀길래 위 이미지처럼 변하는지 알려드리겠습니다! 원래 짙은 회색의 바탕색 배경이 갑자기 투명해져버렸다? 어떤 단축키를 잘못 눌렀을 때, 일러스트 배경이 투명하게, 모눈종이처럼 변해버렸을 때! 다시 되돌리는 해결법을 알려드릴게요! Ctrl + Shift + D [모자이크 패턴 변환] 아마 Ctrl+D로 이미지를 복사하다가 shift까지 잘못 누른 경우에 이런 일이 발생할거에요! ​ 작업할 때 모자이크 패턴변환으로 작업하지는 않지만, 바탕이 없이 이미지나 도형을 보고싶을 때 사용합..

안녕하세요 디자이너 가든입니다 :) 일러스트 작업하다가 단축키를 헷갈려서 이것저것 누르면 원하지 않은 도구도 꺼내집니다. ​ ​물론 저도 가끔 그렇구요 ㅠ_ㅠ 제가 맨 처음 접했던 당황함은 바로 이 모습이였어요 ㅋㅋㅋㅋㅋ 일러스트를 사용하면서 언젠가 한번쯤은 이런 일러스트 정육면체를 만나게 될 거에요. 위의 이미지는 ​일러스트 정육면체 가이드 일러스트 소실점이라고도 합니다 :) ​ 이렇게 정육면체 가이드가 생겨버리면 이후에 일러스트 내에서 도형을 만들 때 저 소실점에 맞춰서 기울여져서, 원근감이 반영되어 등장하게됩니다. 어떻게 정육면체 소실점을 없애나요?! 이 화면의 왼쪽 상단을 잘 보면 일러스트 소실점 아이콘(정육면체)이 떠있고 그 아이콘 왼쪽 위에 X가 보일거에요. ​ 말그대로 닫기라는 뜻이니까 살포..

안녕하세요 가든입니다! 일러스트 내에서 텍스트를 쓸 때 '자간,행간' 조절하는 법을 알아두는 건 필수! (자간 = 글자와 글자 사이의 간격 / 행간 = 문장과 문장 사이의 간격!) ​ 카드뉴스, 포스터 등 텍스트가 들어가는 작업물에는 목적에 따른 대상(소비자 등)이 잘 읽힐 수 있도록 만드는 가독성도 중요하게 생각해야합니다. 그럼 어떻게 가독성을 높이냐?! 바로 텍스트의 자간 행간 조절입니다! 자간 행간이 어떠냐에 따라서 작품 작업물의 퀄리티가 달라져요 :D 먼저 일러스트에서 텍스트를 씁니다. 그리고 텍스트의 자간과 행간을 조절해줄 패널, 툴을 등장시켜야겠죠! 문자 패널 : Ctrl+T 문자 패널의 하단의 왼쪽에서 가장 맨 왼쪽 아래에 있는 V/A. 이게 바로 텍스트의 자간을 조절해주는 부분입니다! [ ..

안녕하세요 가든입니다! 일러스트 안내선 지우기 만들기 / 안내선 설정 방법 A to Z 안녕하세요 가든입니다! 디자인을 할 때 '여백'과 '그리드'의 개념을 알면 일러스트에서 더 좋은 작품을 만들 수 있습니다. 그래서 인쇄할 때 일러스트 안내선 만들어서 재단선이나 여유 공간을 gardendesign.tistory.com 위의 게시글에서 일러스트 안내선 만들고 일러스트 작업을 위해 그리드 잡을 때 어떻게 적용하는지 알려드렸습니다. ​ 이번에는 안내선 이동을 어떻게 하는지 어떻게 움직이지 않게 안내선 고정 하는지 알려드리려고 합니다 :) 먼저 일러스트 안내선은 일러스트 자를 만들고 안내선을 만들어줍니다 (자세한 방법은 위 링크의 포스팅 혹은 영상 을 참고해주세요!) 일러스트 연습장 (진한 회색 부분)을 더블..