RealisationA to Z

일러스트 클리핑 마스크 만들기 1탄에 이어 2탄! 이번 시간에는 물체에 원하는 일러스트를 넣어보도록 하겠습니다! 일러스트 클리핑 마스크를 통해 깔끔하게 물체를 정리하고 원하는 물체에 넣어 봅시다. 우선 도형 안에 넣고 싶은 일러스트를 준비해줍니다. 준비한 일러스트 위에 넣고싶은 물체를 가장 상단에 배치해줍니다. 이때 물체를 넣고 배경까지 하고싶다면 하나 더 복사해줍니다. (저의 경우 별이 총 2개 만들어지는 거겠죠?!) 완료되었다면 준비한 일러스트와 넣고싶은 도형을 한 번에 드레그 하고 오른쪽 버튼을 클릭 ->클리핑 마스크 이렇게 일러스트가 도형안에 들어가게 되며 일러스트 클리핑 마스크 객체 하나가 탄생합니다. 그리고 미리 복사해주었던 도형을 그대로 드레그 하여 앞서 만들어 두었던 일러스트 클리핑 마스크..

일러스트 클리핑 마스크 만드는 방법 1편은 캔버스에 맞추고자 할 때입니다! 캔버스 맞춤이 아닌 물체에 맞추고 싶다면 2편을 참고해주시길 바랍니다. 우선 캔버스에 원하는 물체가 들어오도록 물체를 배치합니다. 이 상태에서 일러스트 클리핑 마스크를 하는 이유는 깔끔하게 정리를 하고 싶어서겠죠?! 물체를 배치했다면 캔버스 크기에 맞는 사각형을 툴을 활용해 물체 가장 위에 올려줍니다. 전체 물체를 잡고 드레그를 해준 상태에서 오른쪽 버튼을 클릭합니다. -> clipping mask 최종적으로 캔버스 크기에 딱 맞는 일러스트 클리핑 마스크가 올려진 캔버스가 완성됩니다!

오늘은 일러스트 아이콘에 그림자를 만드는 방법을 알아보도록 한다! 어플 아이콘을 디자인하거나 캐릭터를 디자인할때 그림자를 넣어주기만해도 느낌이 확 달라진다! 쉬운 방법으로 일러스트 아이콘 그림자를 넣어보자. 출처 : 롤스토리 디자인 연구소 rounded rectangle tool을 활용해 위의 사진과 같이 만든다. ( ↑ 은 알 값이 커지고 ↓은 알값이 작아진다) -> 개체를 꼭 잡은 채로 키보드의 방향키를 눌러줘야 한다. 왼쪽 사진처럼 누워있던 개체를 shift를 눌러 회전시키고 동일하게 오른쪽에 개체를 복사한다. 동일하게 복사를 하고 오른쪽 버튼을 클릭해 복사한 개체를 reflect-vertical 한다. 그리고 align툴을 활용해 horizontal align center & vertical al..

오늘은 일러스트 반사효과 만들기에 대해 알아보고자 합니다. 반사효과는 그림자보다 자연스러운 효과를 넣을 수 있어 많은 사람들이 아래의 방법을 사용합니다. (그림자 효과를 알고 싶다면 아래 글을 참조해도 좋을듯 합니다.) 일러스트 아이콘에 그림자 만들기 오늘은 일러스트 아이콘에 그림자를 만드는 방법을 알아보도록 한다! 어플 아이콘을 디자인하거나 캐릭터를 디자인할때 그림자를 넣어주기만해도 느낌이 확 달라진다! 쉬운 방법으로 일러스트 realisationz.tistory.com 출처: 롤스토리디자인연구소 반사하고 싶은 아이콘/개체를 가져옵니다. 그리고 동일한 개체를 alt키 + shift 를 활용해 복사 한 후 오른쪽 버튼을 클릭해 reflect-horizontal을 클릭합니다. 일러스트 물체를 반사시켰다면 ..

오늘은 일러스트 패턴 브러쉬 만들기에 대해 알아보겠습니다. 패턴 브러쉬는 일반 브러쉬와 다르게 내가 원하는 영역에 텍스트가 아닌 패턴으로 그릴 수 있다는 특징이 있습니다. 그러면 지금부터 시작해보도록 하겠습니다. 출처:롤스토리디자인연구소 왼쪽 패널에서 blob brush tool을 이용해서 자신이 원하는 패턴을 그립니다. 최소단위의 패턴 그리기 완료! blob brush를 사용했기때문에 뭉툭한 부분을 없애주고 평평하게 만들어야합니다. 그렇기에 위의 사진처럼 작은 사각형 하나를 그립니다. 왼쪽처럼 작은 사각형의 모양을 만들고 이전에 만들어 두었던 줄기의 상단에 올려두고 pathfinder - divide로 둥근 부분은 삭제를 해줍니다 (파란 박스를 포함해 모두 삭제) 다시한번 박스를 만들고 이번에는 pat..

오늘은 일러스트 쉐이프 빌더를 활용한 무지개 일러스트를 만들어 보고자 합니다. 쉐이프 빌더 툴이 생소하실 분들도 있는데 아래의 영상과 글을 통해 쉐이프 빌더를 활용한 무지개 일러스트를 만들어 봅시다. 출처 : 롤스토리 디자인 연구소 가장 먼저 5pt의 원을 그려줍니다. 상단의 Object - Path - Offset Path에 들어가서 아까 그려준 5pt의 원만큼 Offset 해줍니다. 위의 과정을 동일하게 7 과정을 반복해주며 헷갈리지 않도록 색상을 선정합니다. 이렇게 하다 보면 어느새 무지개 색상 완성! 무지개를 만들기전 무지개를 전체 드래그하여 잡은 후 가운데의 선을 기준으로 line bar을 그려줍니다. 그리고 다시 전체를 드래그하여 자르기 전 object - expand를 눌러 무지개를 면으로 ..

오늘은 일러스트 불규칙 패턴 만들기에 대해 알아보고자 합니다. 일반 일러스트 패턴 만들기가 궁금하다면 아래 글을 참고해도 굿굿! 일러스트 패턴 만들기 오늘은 일러스트 기초 일러스트를 활용한 패턴을 만들어보겠습니다. 패턴은 배경에 주로 많이 활용되는데요 간단한 방법을 통해 일러스트 패턴을 만들어보겟습니다. 출처 : 롤스토리디자인연 realisationz.tistory.com 출처: 롤스토리디자인연구소 흰 도화지에 사각형 툴을 50:50으로 그려줍니다. 사각형을 완성했다면 원하는 일러스트 불규칙 패턴을 사각형 틀에 넣어줍니다. 선을 벗어나도 OK! 일러스트 패턴이 되는 도형을 모두 넣어주었다면, 본격적으로 도형 복사를 통해 후에 패턴으로 만들었을 때 어색하지 않도록 양면에 같은 패턴을 복사하도록 하겠습니다...

오늘은 일러스트 기초 일러스트를 활용한 패턴을 만들어보겠습니다. 패턴은 배경에 주로 많이 활용되는데요 간단한 방법을 통해 일러스트 패턴을 만들어보겟습니다. 출처 : 롤스토리디자인연구소 흰 바탕에 일러스트 패턴으로 만들고자 하는 개체를 그려줍니다. 이동하고 싶은 만큼 alt를 사용해 같은 패턴을 복사합니다. 그리고 ctrl + d를 누르면 이동한 수만큼 일러스트 패턴이 반복됩니다. 동일한 방법으로 alt를 눌러 상단의 그룹 패턴을 이동하고 ctrl + d를 누르면 똑같이 일러스트 패턴이 반복됩니다. 대각선 패턴 만들기 대각선은 방향만 다르게 수정한 후 위와 동일한 방식으로 실행하면 빠르게 일러스트 패턴으로 만들어집니다. 패턴 저장하기 swatches오른쪽 패널에 자신이 만든 개체의 모양을 drag & dr..

오늘은 일러스트 블렌드옵션을 활용한 타이포그래피를 만들어보려 합니다. 블렌드 옵션은 주로 타이포그래피나 도형의 색상을 입힐때 많이 활용합니다. 출처 : 롤스토리 디자인 연구소 자신이 만들고 싶은 글씨를 적어줍니다. 배경과 쉽게 분리를 하도록 원래 글자색은 하얀색으로 배경색은 색이 있는 컬러로 넣어주고 저번 타이포그래피와 같이 object의 path에서 offset path에 들어갑니다. 그러고 나서 pathfinder의 unite로 offset 된 타이포를 합쳐줍니다. 일러스트레이터 Offset path 으로 타이포그래피 완성하기 [복습] 타이핑을 하고 싶은 글자를 new document에 새긴다. 만약 움직이고 싶은 글자들이 있다면 type - create outlines에 들어가 selection t..

오늘은 일러스트 오프셋 활용 방법에 대해 알아보고자 한다. 일러스트 오프셋은 주로 타이포그래피를 할때 활용하는데 아래 영상과 글을 통해 간단한 일러스트 오프셋 활용 방법에대해 배워보자. 타이핑을 하고 싶은 글자를 new document에 새긴다. 만약 움직이고 싶은 글자들이 있다면 type - create outlines에 들어가 selection tool을 클릭하고 원하는 글자들을 움직여 준다. (위의 사진과 비교해보면 a라는 글자가 살짝 이동했다.) 조금 더 디자인하고 싶은 글씨에 blob brush tool과 smooth 툴을 활용하여 자연스럽게 디자인을 해준다. 디자인을 완성했다면 object- path - offset path에 들어가서 자신이 글씨에 (stroke)두께를 주고 싶은 만큼 조절해..