RealisationA to Z

오늘은 일러스트 패턴 브러쉬 만들기에 대해 알아보겠습니다. 패턴 브러쉬는 일반 브러쉬와 다르게 내가 원하는 영역에 텍스트가 아닌 패턴으로 그릴 수 있다는 특징이 있습니다. 그러면 지금부터 시작해보도록 하겠습니다. 출처:롤스토리디자인연구소 왼쪽 패널에서 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)두께를 주고 싶은 만큼 조절해..

오늘은 일러스트 패스파인더를 활용할 수 있는 방법에 대해 배워보고자 한다. 패스파인더는 툴을 누르면 바로 가능하지만 태극기와 같은 문양으로 만드는 데는 어려울 수 있는 아래의 방법과 글을 통해 쉽게 활용 방법을 알아보자. 가장 먼저 원을 그려준 후 왼쪽 메뉴바에서 scale을 선택해 기존의 원보다 50% 스케일이 작은 원을 만들어 준다. 이렇게 원이 완성되면 align툴을 활용해 원의 좌측에 위치하도록 이동한다. (align objects 중 가장 첫 번째 아이콘 클릭) 원의 좌측에 이동시킨 후 동일한 원을 복사해 같은 방법으로 align툴을 활용해 우측으로 이동한다. 앞서 만들었던 도형들을 모두 선택한후 direct selection tool 마우스로(왼쪽 메뉴바에 두 번째 마우스 아이콘) 일부를 선택..

오늘은 일러스트의 기본! 일러스트 이미지 트레이스하는 방법에 대해 알아보도록 하겠다. 포토샵에서 뿐만아니고 일러스트에서도 이미지 트레이스가 가능하다는 점! 이미지 트레이스를 통해 자신이 원하는 이미지의 라인을 간편하게 딸 수 있다. 일러스트 이미지 트레이스 하는 방법 구글에서 마음에드는 안경 사진을 아무거나 복사한 후 일러스트에 그대로 똑같은 사진 하나를 복사해 2개의 안경을 만든다. 아래의 안경 이미지 하나를 클릭하고 상단의 이미지 트레이스(imgae trace)를 누른다. 이미지 트레이스(imgae trace)를 누르면 이렇게 선을 딴 안경의 모양이 자연스럽게 완성된다. 선이 완벽하게 정리되지는 않기 때문에 Advanced에 paths, corners를 조정해 선을 다듬어준다. 이미지 트레이스(img..

오늘은 상업적으로도 활용 가능한 일러스트 라벨 뱃지 만들기에 대해 알아보도록 하자. 일러스트 라벨 뱃지로 직접 디자인하고 나만의 디자인으로 출력까지 해본다면 멋진 작업물이 될것이다! 원을 그린 후 Effect - distort - zigzag로 들어간다 이렇게 zig zag 팝업창이 뜨게 되는데 이때 options와 points를 지정해서 디자인하고자 하는 라벨 뱃지 모양을 다듬어 준다. 일러스트 라벨 뱃지의 모양을 완성했다면 원 내부에 선을 그려준다. type툴을 클릭해서 여러 가지 툴 중 도형을 따라 글을 쓸 수 있는 typeonpathtool을 선택하여 원하는 글씨체를 선택하고 글을 써준다. 왼쪽의 line segment tool을 활용해 선을 그려준다. 모두 완성을 한후 자신이 원하는 컬러대로 넣..

오늘은 일러스트 그라데이션 쉽게 넣는 방법에 대해 알아보고자 한다. 일러스트 그라데이션은 배경과 객체 모두 넣을 수 있기 때문에 아래 방법을 사용한다면 누구나 쉽게 따라할 수 있다. 직사각형의 툴을 꺼내서 저번 별 모양 때 했던 방법 그대로 알 값을 넣어준다. 후에 면이 아닌 선으로 위의 직사각형을 바꿔준다. (일러스트 그라데이션을 넣는 방법을 바로 배우기전 인스타 로고 만드는 작업을 통해 빠르게 배워보자!) [ 일러스트 모형을 둥글게 만드는 방법을 모르겠다면 아래의 자료를 참고하길! ] 일러스트레이터 둥근 별 모서리 만들기 [복습] 위의 사진에서 오른쪽 아래에서 네 번째의 아이콘을 클릭해 별 모양을 클릭한다. 자신이 원하는 색상을 넣은 별 모양을 도화지에 넣어준다. Ctrl을 누르면 별의 모양을 오각형..