RealisationA to Z

오늘은 일러스트 기초 일러스트를 활용한 패턴을 만들어보겠습니다. 패턴은 배경에 주로 많이 활용되는데요 간단한 방법을 통해 일러스트 패턴을 만들어보겟습니다. 출처 : 롤스토리디자인연구소 흰 바탕에 일러스트 패턴으로 만들고자 하는 개체를 그려줍니다. 이동하고 싶은 만큼 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을 누르면 별의 모양을 오각형..

오늘은 일러스트를 통해 도형 모서리 둥글게하는 방법에대해 알아보고자 한다. 일러스트를 통해 다양한 아이콘과 모형 디자인이 가능하기 때문에 모서리를 둥글게하는 방법을 안다면 크게 도움이 될것이다! 위의 사진에서 오른쪽 아래에서 네 번째의 아이콘을 클릭해 별 모양을 클릭한다. 자신이 원하는 색상을 넣은 별 모양을 도화지에 넣어준다. Ctrl을 누르면 별의 모양을 오각형으로도 바꾸기도 하며 다양하게 바꿀 수 있다. Shift는 내가 선택한 모양 그대로 움직이고 Alt를 누르면 뾰족한 모양의 별 모양으로 바뀌게 된다. 그러고 나서 상단의 object - path -offset path를 순서대로 클릭한다. object - path -offset path를 누르면 위의 사진이 나오게 되는데 자신이 원하는 크기만큼..