ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko nb ko ko ko en en ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko fr ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko en ko ko ko en ko ko ko ko en es ko ko ko ko ko ko en
18. 비트맵 이미지를 벡터로 변환하는 방법 – 일러스트레이터 기초 강좌 | 디자인베이스
홈 일러스트레이터 일러스트레이터 입문 18. 비트맵 이미지를 벡터로 변환하는 방법 – 일러스트레이터 기초 강좌
일러스트레이터에서 image trace 사용하는 방법을 알아볼게요. 이미지 트레이스는 비트맵 기반의 이미지를 벡터 그래픽으로 변환해 주는 아주 좋은 기능입니다. 플랫한 그래픽을 만들기 위해 펜 툴로 직접 그린다면 많은 시간이 소모되는데, 일러스트레이터에서 제공하는 이미지 트레이스 기능을 활용하면 몇 초 만에 변환됩니다.
Image Trace 사용법을 자세히 알아볼게요.
*디자인 베이스 강좌는 Mac OS를 기준으로 해서 윈도우 사용자와 일부 차이가 있을 수 있습니다. 윈도우 사용자분들은 영상에서 커맨드(Cmd)라는 단축키 대신 컨트롤(Ctrl)을, 옵션(Option) 대신 알트(Alt)를 눌러주세요.
캔버스 영역으로 드래그 앤 드랍
주의해야 할 부분은 배경과 벡터로 변환하고 싶은 물체 부분과의 대비가 클수록 잘됩니다. 그리고 배경이 복잡하면 잘 안됩니다. 그럴 때는 포토샵에서 level 값 조절해서 대비를 높여서 불러오는 방법도 있어요.
일러스트레이터의 이미지를 불러오게 되면 기본적으로 링크가 연결되게 됩니다. 그래서 .ai 파일안에 Embed시키지 않으면 해당 경로에 불러온 이미지 원본 파일이 없으면 안보이게 됩니다.
이럴 때는 이미지 자체를 일러스트레이터 파일 안에다가 임베드 시키면 됩니다. 해당 이미지를 선택하고 옵션 바에 Embed를 눌러줍니다.
이미지를 선택한 후 옵션 바에서 Image Trace 클릭해 줍니다.
혹은 Object > Image Trace를 눌러줍니다.
좀 더 자세하게 적용을 하고 싶다면 window에서 image trace 패널을 눌러서 켜줍니다.
threshold라는 옵션을 통해 얼마나 상세하게 따올 것인지 정할 수 있어요.
일러스트레이터 – 이미지 트레이스 사용 예시
그다음에 상단 메뉴바에서 Object > Expand 시켜주면 됩니다.
27. 귀여운 꿀벌 일러스트 쉽게 만드는 방법 – 일러스트레이터 기초 강좌
#11 XD 프로토타입 & 디바이스 미리보기 – 어도비 XD 강좌 (멤버십 전용)
디자인 입문자가 꼭 참고해야 할 사이트
저작권 완전 무료 이미지 사이트 모음
디자이너에게 가장 힘든 클라이언트 유형은?
맥북 프로 16인치 목업
피그마 UI 전용 무료 아이콘
10. 자유롭게 화면 조절하는 방법 OrbitControls – Three.js 강좌
27. 귀여운 꿀벌 일러스트 쉽게 만드는 방법 – 일러스트레이터 기초 강좌
09. 3d 물체에 그림자 적용하는 방법 – Three.js 강좌
26. 프리폼 그라디언트로 5초 만에 부드러운 그라데이션 배경 만드는 방법 – 일러스트레이터 기초 강좌
Youtube Instagram Pinterest Naver Blog
포토샵 일러스트레이터 피그마 스케치 XD 프로토파이
웹디자인 웹코딩 인비전 프린서플 Lottie Three.js
소개 매거진 디자인 사전 북마크 무료 소스 문의하기 멤버십
© 2022 Designbase. All rights reserved.