반응형 일러스트레이터 반응형 17 [일러스트레이터] 일러스트로 체커보드 만들기(feat. 패턴) 안녕하세요! 당근입니다. 오늘은 일러스트레이터로 귀엽고 사랑스러운 파스텔 톤의 체커보드 패턴을 만드는 법을 알아볼거예요. 체커보드 패턴 요즘들어 다시 유행하고 있는 것 같은데 미리미리 쉽게 만드는 법을 알아두면 필요할 때 딱 활용하기 좋겠죠? 그럼 바로 시작해 볼까요! 먼저 사각형을 그리고 복사해서 대각선에 같은 사각형을 배치하세요. 그리고 2개의 사각형을 함께 선택합니다. Object - Pattern - Make 를 클릭해서 패턴으로 만들어줘요. 이렇게 패턴옵션 창이 뜨셨나요? 패턴을 만드는데 요소 간 간격등을 조절할 필요가 없다면 닫아줍니다. 스와치(swatches)패널에 패턴이 추가되셨나요? 이제 끝이에요. 이대로 바로 적용하시면 됩니다. 엄청 쉽죠? 패턴의 색상을 변경하거나 체커보드 이외에도 다.. 2023. 12. 5. [일러스트레이터] 아이콘 그리기용 격자무늬 그리드 설정하기 [일러스트레이터] 아이콘 그리기용 격자무늬 그리드 설정하기 안녕하세요. 당근입니다 일러스트레이터에서 아이콘 등을 그릴 때, 그래서 '격자무늬 그리드'가 필요할 때 어떻게 하시나요? 포토샵과 같이 픽셀 기반의 툴을 사용하면 확대해보면 격자무늬가 자동으로 나오지만 일러스트에는 별도로 세팅을 해줘야하는데요. 오늘은 그 방법을 알아보겠습니다. 새로운 파일을 만들어볼까요? 저는 픽셀 세팅으로 800*600사이즈로 만들었어요. 그리고 View-Show Grid (단축키 Ctrl+') 하시면 됩니다. 그리드 자체는 이렇게 단축키 하나만 누르면 켜고 끄실 수 있어요. 이렇게 그리드가 잘 나오죠. 하지만 그리드 기본 색상이 회색이고 그 위에다가 오브젝트를 그리면 그리드가 가려지니까 저처럼 색상도 좀 바꿔보고 세팅을 알아.. 2023. 9. 14. [일러스트레이터] 왜곡을 통해 소용돌이 치는 글자를 만들어보자. [일러스트레이터] 왜곡을 통해 소용돌이 치는 글자를 만들어보자. 안녕하세요. 당근입니다. 오늘은 포스터 디자인에 활용할 수 있을만한 글자 왜곡 꿀팁을 들고 왔어요. 바로 이렇게 글자가 소용돌이 치듯이 여러겹으로 표현되는 그래픽입니다. 엄청 쉽지만 룩은 그럴듯하니까 한번 따라해보시고 잘 활용해보세요. 먼저 원하는 텍스트를 써야겠죠? 취향에 맞는 폰트로 골라서 써보세요. 다음은 이렇게 창문처럼 글자들을 배치해줍니다. Create Outline 안하셔도 효과를 먹이는데는 문제가 없지만 저는 네모지게 정렬하는데 용이하도록 폰트 속성을 깨고 Outline으로 만들어주었습니다. 다음은 Effect-Distort&Transform-Transform을 클릭합니다. 그럼 이렇게 Transform Effect 창이 뜨죠?.. 2022. 10. 7. [일러스트레이터] 다수의 아트보드(대지) 한번에 출력하기 [일러스트레이터] 다수의 아트보드(대지) 한번에 출력하기 안녕하세요! 당근입니다. 일러스트레이터에서 여러가지 아트보드(대지)에 작업하시고 한번에 JPG나 PNG등 이미지 파일로 출력하는 방법을 알아보겠습니다. 먼저 간단히 번호를 매기고 4개의 아트보드가 있는 샘플 파일을 준비했어요. 이 상태에서 File-Export-Export As... 를 선택합니다. 먼저 파일 경로를 지정하시고요. 파일 형식을 선택합니다. 저는 PNG로 뽑아볼게요 그리고 아래에 Use Artboards를 체크! Range를 지정하여 선택한 아트보드만 뽑으실 수도 있습니다. 다음은 Export 버튼을 누르세요. 어떤 옵션으로 출력할건지 묻네요. 화질이나 투명 여부등 원하시는 옵션으로 선택하세요. 그리고 OK버튼을 누르면 끝입니다. 지.. 2022. 9. 30. [일러스트레이터] 도형/패스 따라 글자 쓰기로 원형 텍스트를 만들어보자.(패스 상의 문자 도구, Type on a path tool) [일러스트레이터] 도형/패스 따라 글자 쓰기로 원형 텍스트를 만들어보자.(패스 상의 문자 도구, Type on a path tool) 안녕하세요. 당근입니다. 오늘은 스티커 등에서 흔히 볼 수 있는 디자인인 동그라미 안에 텍스트가 둥글게 삽입되어있는 이미지를 만들어볼게요. 이렇게 원형안에 위 아래로 글자 두 줄을 굴려서 넣어볼겁니다. 패스 따라 문자 삽입하는건 엄청 간단하지만 익숙하지 않으면 엥?? 이게 왜이래? 하면서 버벅거리실 수 있어요. 미리 방법을 숙지해두시면 나중에 다시 찾아보더라도 빠르게 작업하실 수 있겠죠? 일러스트에서 Ellipse tool로 동그라미를 하나 만들었습니다. 저는 이 동그라미는 배경으로 할 거니까 배경안에 들어갈 작은 동그라미를 복사해서 하나 더 만들어줍니다. 바로 이 동그라.. 2021. 6. 17. [일러스트레이터] 텍스트 찾기로 내용 한번에 수정하기(텍스트 대체) [일러스트레이터] 텍스트 찾기로 내용 한번에 수정하기(텍스트 대체) 안녕하세요. 당근입니다. 일러스트레이터에서 여러 아트보드에 많은 내용을 입력해 놓고 특정 단어가 수정되어서 한번에 바꿔야하는 경우가 있습니다. 일일이 내용을 보면서 찾으면 정말 힘든 작업이 되겠죠? 꼭 오타가 아니더라도 사소하게 대문자를 소문자로 전부 바꿔달라고 한다던가, 외래어 표기등에서 클라이언트쪽 의견이 바뀌어 수정 요청이 들어올 때가 있습니다. 이럴 때 너무 쉽지만 모르면 눈빠지는 팁! Find and Replace를 이용해서 같은 글자를 한번에 찾아서 전부 바꿔보겠습니다. 여기에 수많은 당근이 있습니다. 여기서 잘 보시면 동근이 숨어있어요. 이렇게 말이죠. 이 동근들을 한번에 찾아 당근으로 바꿔주겠습니다. Edit - Find .. 2021. 4. 15. [일러스트레이터] 자주 사용하는 심볼을 저장하고 다른 파일에서도 유지하기 : 심볼 라이브러리 [일러스트레이터] 자주 사용하는 심볼을 저장하고 다른 파일에서도 유지하기 : 심볼 라이브러리 안녕하세요. 당근입니다. 일러스트레이터에서 심볼하면 뭐가 떠오르세요? 아마 심볼을 접하실 때 심볼 하나를 정의하고 스프레이, 스피너, 사이저 등등을 이용해서 패턴이나 배경을 만드는 식의 튜토리얼을 접하셨을 거예요. 이런 식으로 말이죠. 하지만 오늘 제가 활용법은 일러스트레이터에서 자주 사용하는 오브젝트들을 심볼로 정의하고 묶음(라이브러리)으로 저장해 계속 사용할 수 있도록 세팅을 할 겁니다. 저는 일러스트레이터에서 UI디자인을 하지 않지만, 가끔 배너나 상세페이지 등의 광고용 시안을 만들 때 이런 UI 아이콘들이 필요할 때가 있어요. 그럴 때 마다 구글 머티리얼 디자인 가서... 다운 받아서... 일러스트에서 불.. 2021. 1. 12. [일러스트레이터] 도형 모서리 한쪽만 둥글게 하기 [일러스트레이터] 도형 모서리 한쪽만 둥글게 하기 안녕하세요. 당근입니다. 지난번에 일러스트레이터에서 Round Coner를 통해 모서리를 둥글게 하는 방법을 소개해드렸었죠. 그 방법 말고도 간단하게 마우스로 모서리를 둥글게 만들 수 있는데요. 여러가지 도형을 한꺼번에 동일하게 같은 라운드 값을 적용시킬 때는 Round Coner가 좋지만 사각형에서 한 모서리만 둥글게 한다거나, 하나를 빼고 나머지 세 각을 둥글게 한다거나 따로 컨트롤 할 때는 이 방법으로 하시는 게 더 편하실 거예요. Round Coner 효과로 도형 모서리를 둥글게 하는 효과는 아래 포스팅을 참조하세요. 2020/12/01 - [디자인/일러스트·포토샵] - [일러스트레이터] 도형을 만들고 모서리를 둥글게 하기 [일러스트레이터] 도형을.. 2020. 12. 21. [일러스트레이터] 도형을 만들고 모서리를 둥글게 하기 [일러스트레이터] 도형을 만들고 모서리를 둥글게 하기 안녕하세요. 당근입니다. 오늘은 일러스트레이터에서 도형을 만들고 모서리 부분을 둥글게 굴려서 귀여운 그래픽을 만들 수 있는 방법을 소개하겠습니다. 먼저 도형을 그리세요. 저는 이렇게 육각형, 마름모, 별모양의 도형을 그렸습니다. 각각 도형을 그리는 방법은 도형을 꾹 누르셔서 각각 polygon tool, rectangle tool, star tool을 이용하여 그리시면 됩니다. 그리고 도형을 선택하시고 Effect - Stylize - Round Corners 를 선택하세요. 그리고 Radius 값을 지정해줍니다. 얼마나 깎아서 둥글게 만들건지 결정하는 값입니다. 프리뷰 누르셔서 보시면서 적당한 값을 입력하세요! 모양에 따라 적절한 값이 있습니다. 저.. 2020. 12. 1. 이전 1 2 다음
