반응형 디자인/일러스트·포토샵 반응형 71 [일러스트레이터·포토샵] 특수문자 삽입하기 [일러스트레이터·포토샵] 특수문자 삽입하기 안녕하세요. 당근입니다. 오늘은 포토샵과 일러스트레이터에서 특수문자 삽입하는 방법에 대해서 알려드릴게요. 간단한 기능이지만 어디에 있는지 몰라서 사용하지 못하시는 분들을 위해 준비했어요. 먼저 일러스트입니다. 사실 윈도우 사용자시면 간편하게 자음 한자 누르는 식으로 입력, 맥이시라면 커맨드 + 컨트롤 + 스페이스로 특수문자 창을 열어 입력하실 수 있습니다. 하지만 일러스트레이터 프로그램 내에서도 글리프라는 패널을 통해 특수문자를 입력할 수 있도록 지원하고 있어요. Window - type - glyphs를 클릭합니다. 그러면 이렇게 글리프 패널이 뜨죠. 여기에서 원하시는 문자를 찾아서 입력하실 수 있어요. 엄청 간단하죠? 포토샵은 더 간단해요. Window - .. 2020. 8. 31. [포토샵] 포토샵에서 다운 받은 브러쉬 불러오기 [포토샵] 포토샵에서 다운 받은 브러쉬 불러오기 안녕하세요. 당근입니다. 오늘은 여러분의 다양한 브러쉬 보유와... 스트레스 덜 받는 디지털 페인팅을 위해서 외부에서 다운받은 브러쉬 파일을 어떻게 포토샵에서 설치해서 사용할 수 있는지 알아보겠습니다. 먼저 브러쉬를 다운받으세요. 포토샵 브러쉬 파일의 확장자는 *.abr 입니다. 그리고 포토샵에서 브러쉬 툴을 선택하신 다음에 브러쉬 고르는 창을 클릭, 설정 클릭, 그 다음에 Import Brushes를 선택합니다. 브러쉬를 다운받으신 경로에 가서 해당 브러쉬를 선택하시고 Load하세요. 그럼 이렇게 간단하게 브러쉬가 세팅됩니다. 이제부터는 다운받으신 브러쉬를 사용하실 수 있어요. 자기에게 꼭 맞는 브러쉬만 찾아도 작업의 질이 훨씬 올라가는 거 아시죠? 여러.. 2020. 8. 16. [일러스트레이터] 라이브 페인트로 색칠하기 [일러스트레이터] 라이브 페인트로 색칠하기 안녕하세요. 당근입니다. 오늘은 일러스트레이터에서 패스의 면색을 바꾸는 것이 아니라 "라이브 페인트"를 사용해서 페인트 툴처럼 색을 입힐 수 있는 방법을 알려드릴거예요. 포스팅에 앞서, 원하시는 결과를 얻으시려면 이미지에 선이 뚜렷해야하고, 선이 다른 면과 확실히 구분되도록 끊어져있으면 안됩니다. 이 점 주의해주세요! *만약 패스로 디자인을 하셨다면 패스를 꼼꼼히 닫아야합니다. 저는 편의상 요렇게 생긴 이미지 파일을 하나 다운받았어요. 그리고 이미지 트레이싱으로 이미지를 벡터로 만들어주겠습니다. 만약 저처럼 이미지를 벡터형태로 가공해서 사용하시기를 원한다면 아래 포스팅을 참고하세요. 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. 이전 1 2 3 4 5 6 7 8 다음
