반응형 일러스트레이터 반응형 17 [일러스트레이터] 글자 자유변형 하기 [일러스트레이터] 글자 자유변형하기 안녕하세요. 당근입니다. 포토샵에서 사진의 꼭지점을 조정하여 변형하는 자유변형(ctrl+t) 아시죠? 사진을 보정하거나 합성할 때 많이 쓰이는데요. 오늘은 일러스트에서 타이포나 오브젝트의 꼭지점을 변형할 수 있는 두 가지 방법을 소개해드릴건데요. free transform 기능과 free distort 기능입니다. 간단하게 이 기능을 활용해 타이포를 디자인해보겠습니다. 먼저 사용할 텍스트를 입력하세요. 1. free transform 활용하기 입력한 텍스트에서 free transform 기능을 활용해 꼭지점을 움직여서 투시를 변경해보겠습니다. free transform은 툴바에서 쉽게 찾으실 수 있어요. *free transform에서는 저처럼 글자를 활용한 디자인을 .. 2020. 11. 19. [일러스트레이터] 와프툴Warp tool로 도형을 자연스럽게 변형해보자. [일러스트레이터] 와프툴Warp tool로 도형을 자연스럽게 변형해보자. 안녕하세요. 당근입니다. 오늘은 기본도형을 간단히 왜곡해서 자연스럽고 손그림 느낌을 주는 방법을 알려드릴겁니다. 성격 급하신 분들을 위해서 먼저 알려드리면! 바로 이 와프툴로 저런 느낌을 낼 수 있습니다. 물론 펜툴로 직접 저런 모양을 그리셔도 됩니다. 하지만 귀찮으니까요. 허허 빨리 보여드릴게요. 먼저 기본 도형을 그립니다. 그리고 Warp tool을 선택하세요. (Shift+R) 와프 툴이 안보이신다면 Width Tool을 꾹 눌러보세요. 그리고 나면 마우스포인터가 동그랗게 바뀌실건데요. 그 상태에서 도형에 가져가서 모양을 변형시키시면 됩니다. 어느 정도 보정이 들어가면서 왜곡이 되니까 자연스러운 표현이 가능해요. 너무 깎은 것.. 2020. 10. 20. [일러스트레이터] 라이브 페인트로 색칠하기 [일러스트레이터] 라이브 페인트로 색칠하기 안녕하세요. 당근입니다. 오늘은 일러스트레이터에서 패스의 면색을 바꾸는 것이 아니라 "라이브 페인트"를 사용해서 페인트 툴처럼 색을 입힐 수 있는 방법을 알려드릴거예요. 포스팅에 앞서, 원하시는 결과를 얻으시려면 이미지에 선이 뚜렷해야하고, 선이 다른 면과 확실히 구분되도록 끊어져있으면 안됩니다. 이 점 주의해주세요! *만약 패스로 디자인을 하셨다면 패스를 꼼꼼히 닫아야합니다. 저는 편의상 요렇게 생긴 이미지 파일을 하나 다운받았어요. 그리고 이미지 트레이싱으로 이미지를 벡터로 만들어주겠습니다. 만약 저처럼 이미지를 벡터형태로 가공해서 사용하시기를 원한다면 아래 포스팅을 참고하세요. 2020/06/17 - [디자인/일러스트·포토샵] - [일러스트레이터] Imag.. 2020. 8. 6. [일러스트레이터] 뱅글뱅글 동심원 패턴 한방에 만들기 [일러스트레이터] 뱅글뱅글 동심원 패턴 한방에 만들기 안녕하세요. 당근입니다. 여러분들은 이렇게 생긴 동심원 패턴, 어떻게 만드시나요? 동심원 패턴(모양)은 작은 원을 기준으로 일정한 간격으로 조금씩 더 큰 동그라미가 만들어지는, 그렇지만 원의 중심점은 같은 패턴인데요. 설마 Offset Path로 하나 하나 만드시는 건 아니겠죠...? offset path로 만들어도 상관없지만, 이렇게 되면 20~30개의 선을 만드려면 offset path를 계속 실행해줘야하는 단점이 있습니다. (ctrl+d로 하면 되지 않냐고요?, 안됩니다.) 동심원 패턴은 배경에 활용해도 좋고, 기하학적인 도형으로 이루어진 디자인에 사용하기 좋은 도형입니다. 이제부터 제가 쉽고 빠르게 만드는 법을 알려드릴테니 따라해보시고 잘 활용.. 2020. 7. 9. [일러스트레이터] 두 동그라미를 부드럽게 이어서 메타볼(metaball) 만들기! ( feat. 일러스트 스크립트 설치법) [일러스트레이터] 두 동그라미를 부드럽게 이어서 메타볼(metaball) 만들기! 안녕하세요. 당근입니다. 오늘은 일러스트레이터에서 두 동그라미를 부드러운 곡선으로 이어서 유기적인 느낌을 주는 메타볼을 만들어보겠습니다. 메타볼이란 이런 형태의 유기적인 결합을 말하는 것으로, 오늘 만들것이 Gif는 아니지만 어떤 느낌인지 잘 보여드릴 수 있을 것 같아서 위의 이미지를 준비했어요. 메타볼 만들기에 앞서, 먼저 쉽고 간단하게 두 개 이상의 원을 이어줄 수 있는 곡선을 가진 면을 만들기 위해서 스크립트 하나를 설치할 거예요. 어렵지 않으니까 차근차근 따라해보세요. 1. 스크립트 설치 http://shspage.com/aijs/en s.h's page : Scripts for Adobe Illustrator CS.. 2020. 7. 2. [일러스트레이터] 오브젝트 패턴으로 만들고 적용하기 [일러스트레이터] 오브젝트 패턴으로 만들고 적용하기 안녕하세요. 당근입니다. 지난 번에 빗금 패턴 만들기에 이어 오늘은 일러스트레이터에서 직접 패턴을 만들고 적용해볼거예요. 패턴 소스를 그립니다. 저는 뾰족뾰족한 선을 그려봤어요. object-pattern-make를 눌러서 패턴 생성으로 들어갑니다. 그러면 패턴옵션에서 5x5 기준으로 이런 패턴이 만들어집니다. 처음 패턴소스가 옆으로 길기 때문에 이런 현상이 일어나는데요. 이렇게 패턴을 만들면 저렇게 길게 생긴 오브젝트에는 무리없이 되겠지만 저것보다 세로 길이가 넓은 오브젝트라면 중간에만 패턴이 적용되겠죠? 그래서 저처럼 선으로 패턴을 구성하실 분들은 정사각형 정도로 선을 복사해서 작은 패턴을 만들어주신 다음에 패턴으로 만드시는 것이 좋습니다. 회색의 .. 2020. 3. 27. 일러스트레이터 아이소메트릭 텍스트 만들기 (2.5d 타이포그래피) 일러스트레이터 아이소메트릭 텍스트 만들기 안녕하세요. 친절한 당근블로그입니다. 배너나 포스터에서 자주 보이는 2.5d 타이포그래피! 일러스트에서 3D 이펙트를 이용한 아이소메트릭(isometric) 텍스트를 만들어보겠습니다. 3d를 써야해서 복잡하진 않을까 걱정되시나요? 한 번 해보고 나면 어렵지 않게 만들 수 있으니까 차근 차근 따라해보세요. 먼저 대지를 만듭니다. 저는 가로 A4사이즈로 만들게요. 적당히 두꺼운 폰트로 원하시는 텍스트를 씁니다. 저는 검은고딕을 사용했어요. 색깔도 넣어주시고요. 입력하신 텍스트를 선택하시고 Effect-3d-Extrude & Bevel로 들어갑니다. 들어가셨으면 Position에서 Isometric Left를 선택하세요. 그리고 Extrude & Bevel 탭에서 Ex.. 2020. 2. 15. [일러스트레이터]작업파일 이미지 링크 Embed, Link 패널로 한번에 확인하기. 일러스트레이터 작업파일 이미지 링크, Links 패널로 한번에 Embed하기! 안녕하세요. 당근입니다. 오늘은 디자인 실무, 특히 발주 시에 주의해야할 사항에 대한 이야기입니다. 디자인 실무 하다보면 작업파일을 주고 받을 일이 많이 생기죠. 일러스트레이터 작업을 마친 후 상대방이 작업파일을 열었을 때 이미지가 유실되어 있는 일은 생각보다 비일비재합니다. 실무에 있어서 일러스트 파일을 전달할 때는 이미지가 작업파일 안에 포함되어 있는지 꼭 확인해야합니다. 이미지로 뽑아서 전달하는 경우에는 전혀 문제 없지만 작업파일 그대로 전달할 때 링크가 그대로 있으면 어떻게 될까요?이미지가 작업자 로컬 폴더에서 일러스트에 불려와있는 상태, 즉 Linked Image 상태에서는 파일 경로가 달라지는 즉시 일러스트 작업 창.. 2020. 2. 8. 이전 1 2 다음
