반응형 디자인/일러스트·포토샵 반응형 69 [일러스트레이터] 라이브 페인트로 색칠하기 [일러스트레이터] 라이브 페인트로 색칠하기 안녕하세요. 당근입니다. 오늘은 일러스트레이터에서 패스의 면색을 바꾸는 것이 아니라 "라이브 페인트"를 사용해서 페인트 툴처럼 색을 입힐 수 있는 방법을 알려드릴거예요. 포스팅에 앞서, 원하시는 결과를 얻으시려면 이미지에 선이 뚜렷해야하고, 선이 다른 면과 확실히 구분되도록 끊어져있으면 안됩니다. 이 점 주의해주세요! *만약 패스로 디자인을 하셨다면 패스를 꼼꼼히 닫아야합니다. 저는 편의상 요렇게 생긴 이미지 파일을 하나 다운받았어요. 그리고 이미지 트레이싱으로 이미지를 벡터로 만들어주겠습니다. 만약 저처럼 이미지를 벡터형태로 가공해서 사용하시기를 원한다면 아래 포스팅을 참고하세요. 2020/06/17 - [디자인/일러스트·포토샵] - [일러스트레이터] Imag.. 2020. 8. 6. [일러스트레이터] 블렌드 툴로 라인을 활용한 그래픽 만들기 [일러스트레이터] 블렌드 툴로 라인을 활용한 그래픽 만들기 안녕하세요. 당근입니다. 오늘은 일러스트레이터에 블렌드 툴을 이용해서 라인으로 이루어진 두 가지 스타일의 그래픽을 만들어 볼 거예요. 먼저 라인 두 개를 그립니다. 저는 물결치는 느낌을 표현해보고 싶어서 펜툴로 곡선형태의 라인을 그렸는데요, 직선으로 그리셔도 됩니다. 원하는 라인을 어쨋든 여러개 그려주시면 돼요. 드라마틱한 효과를 위해서 색깔도 다르게 설정했습니다. 그리고 블렌드 툴을 선택하세요. 그리고 한 선을 선택한 다음에 다른 선을 클릭하면 이렇게 두 라인이 연결되면서 가운데 부분이 섞인 상태로 나타나게 됩니다. 이제부터는 블렌드 툴의 옵션을 좀 조절해서 저렇게 면으로 채워진 형태 말고도 어떤 그래픽을 만들어 낼 수 있는지 보여드릴게요. 이.. 2020. 7. 22. [일러스트레이터] 텍스트에 네온 효과 적용하기 [일러스트레이터] 텍스트에 네온 효과 적용하기 안녕하세요. 당근입니다. 오늘은 유행 한참 지난 것 같지만 아직도 많이 많이 사용하시는 네온 사인 효과를 먹여보겠습니다. 주로 사인 간판에 사용하시다 보니 텍스트에 적용하는 튜토리얼을 준비했지만, 일러스트에서 패스 형태로 이뤄진 모든 오브젝트에 적용가능하니까 간단한 그래픽으로 활용하셔도 좋겠네요. 그럼 시작할까요? 먼저 검은 배경(어두운 배경)에 텍스트를 씁니다. 저는 튜브형태로 이루어진 디자인을 할 거라 텍스트에 테두리를 넣었어요. Outline stroke 하셔서 텍스트 깨주세요. (ctrl + shift + O 또는 Object - path - outlinestroke) 네온사인 특유의 중간중간 끊긴 느낌을 주기 위해서 시저툴(가위)로 패스를 끊어줍니다.. 2020. 7. 10. [일러스트레이터] 뱅글뱅글 동심원 패턴 한방에 만들기 [일러스트레이터] 뱅글뱅글 동심원 패턴 한방에 만들기 안녕하세요. 당근입니다. 여러분들은 이렇게 생긴 동심원 패턴, 어떻게 만드시나요? 동심원 패턴(모양)은 작은 원을 기준으로 일정한 간격으로 조금씩 더 큰 동그라미가 만들어지는, 그렇지만 원의 중심점은 같은 패턴인데요. 설마 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. [포토샵] Bevel Emboss로 글씨에 플라스틱 느낌 내기 [포토샵] Bevel Emboss로 글씨에 플라스틱 느낌 내기 안녕하세요. 여러분. 당근입니다. 오늘은 여름 특집 배너를 만들다가 문득 생각난 김에 해보는 볼록 튀어나온 플라스틱 느낌의 글씨를 간단하게 만들어보도록 하겠습니다. 글씨 효과에 들어가는 텍스쳐는 방법만 숙지하시고 활용하시는 배경이미지나 기타 요소에 따라 설정 값을 변경해서 사용하셔야 합니다. 우선 검은 배경에 흰색 글씨로 어떤 느낌인지 직관적으로 보실 수 있도록 진행해보겠습니다. 검은 바탕에 흰색으로 글씨를 썼어요. 레이어 패널에서 텍스트 레이어를 선택하시고 fx아이콘(레이어 스타일)을 눌러 Inner Glow로 들어갑니다. 이 과정은 이미지에 따라 불필요하신분들도 있을텐데 Bevel Emboss를 할 때 뒤에 이미지와 너무 동떨어져보이지 않.. 2020. 6. 24. [일러스트레이터] Image trace로 비트맵 이미지 벡터로 만들기 [일러스트레이터] Image trace로 비트맵 이미지 벡터로 만들기 안녕하세요. 당근입니다. 오늘은 일러스트레이터에서 흑백 이미지를 벡터 오브젝트로 만들어 가공할 수 있는 방법을 알려드릴게요. 꼭 흑백이 아니라도 상관없지만 흑백 대비가 분명하고 화질이 좋은 사진이 깨끗하게 잘 트레이싱 된답니다. 먼저 사진을 준비해주세요. 저는 제 블로그 이름을 쓴 이 손글씨 이미지를 벡터로 만들어 볼게요. 포토샵에서 Image - Adjustment - Brightness/Contrast 에 들어가서 이미지의 대비를 충분히 높여주세요. 일러스트에서 검은 부분이 잘 트레이싱이 되도록요. 만약 콘트라스트가 높은 사진이나 이미지를 가지고 계시다면 이 과정은 건너 뛰셔도 됩니다. 이제 준비가 끝났습니다. 일러스트레이터에서 이.. 2020. 6. 17. [포토샵] 하프톤 패턴으로 팝아트 느낌의 도트 패턴 만들기 [포토샵] 하프톤 패턴으로 팝아트 느낌의 도트 패턴 만들기 안녕하세요. 팝아트에 흔히 나오는 배경인 도트패턴, 포토샵에서 어떻게 만들까요? 오늘은 하프톤 패턴으로 위 이미지에 쓰이는 동그랗고 점점 줄어드는 도트형태의 패턴을 만들어 보겠습니다. 포토샵에서 흰색 배경에 검은색 동그라미를 그리세요. 그리고 흰색 배경레이어와 검은색 동그라미 레이어를 합쳐줍니다. 같이 선택하고 우클릭 - Merge layers 누르시거나 복수 선택 후 단축키 ctrl + E 하시면 됩니다. 그런 다음에는 filter - pixelate - color halftone에 들어가세요. 점 크기를 지정해주고 나머지 채널을 다 0으로 해줍니다. 나머지 채널값이 있으면 알록달록한 동그라미가 만들어지게 됩니다. 저는 불필요해서 다 0으로 만.. 2020. 6. 8. [일러스트레이터] 아트보드 순서 변경하기(PDF 출력시) [일러스트레이터] 아트보드 순서 변경하기(PDF 출력시) 안녕하세요. 당근입니다. 일러스트레이터에서 PDF로 출력할 때 작업한 순서와 달리 아트보드의 순서를 지정하고 싶을 때가 있죠. PDF에서 순차적으로 페이지를 정렬할 수 있도록 아트보드 순서를 변경할 수 있습니다. window-artboards에 들어가서 아트보드 패널을 열어주세요. 아트보드 패널에 보면 이렇게 아트보드 이름과 순서가 있습니다. 2번에 나와있는 아트보드 이름에 적힌 넘버는 출력할 때 순서랑 아무 관계가 없어요. 여기서 페이지 순서를 위해 참고해야하는 것은 1번입니다. 순서 변경과 편의를 위해 아트보드 이름을 원하시는 순서로 바꿔주세요. 아트보드 패널을 여신 채로 이름 바꾸고 싶은 아트보드를 선택하시면 자동으로 선택됩니다. 그런 다음에.. 2020. 5. 27. 이전 1 2 3 4 5 6 7 8 다음
