반응형 디자인 반응형 144 [일러스트레이터] 아트보드 순서 변경하기(PDF 출력시) [일러스트레이터] 아트보드 순서 변경하기(PDF 출력시) 안녕하세요. 당근입니다. 일러스트레이터에서 PDF로 출력할 때 작업한 순서와 달리 아트보드의 순서를 지정하고 싶을 때가 있죠. PDF에서 순차적으로 페이지를 정렬할 수 있도록 아트보드 순서를 변경할 수 있습니다. window-artboards에 들어가서 아트보드 패널을 열어주세요. 아트보드 패널에 보면 이렇게 아트보드 이름과 순서가 있습니다. 2번에 나와있는 아트보드 이름에 적힌 넘버는 출력할 때 순서랑 아무 관계가 없어요. 여기서 페이지 순서를 위해 참고해야하는 것은 1번입니다. 순서 변경과 편의를 위해 아트보드 이름을 원하시는 순서로 바꿔주세요. 아트보드 패널을 여신 채로 이름 바꾸고 싶은 아트보드를 선택하시면 자동으로 선택됩니다. 그런 다음에.. 2020. 5. 27. [피그마] 알아두면 좋은 figma 단축키 모음 [피그마] 알아두면 좋은 figma 단축키 모음 안녕하세요. 당근입니다. 오늘은 피그마figma에서 쓸 수 있는 단축키 모음을 정리해봤어요. 무작정 figma shortcut이라고 검색해서 나오는 것을 한글로 나름 해석해보고 평소에 제가 음? 이렇게 해도 되던데? 하는 것들을 추가했어요. 또 필요하다 싶어서 평소에 궁금했던 단축키도 구글링해서 추가했어요. (예를들면 전체 잠금 해제라던지...) 들어가기에 앞서, figma에서 Ctrl(cmd)+Shift+/를 누르시면 여러 단축키들을 쉽게 둘러보실 수 있습니다. 그리고 저는 figma를 윈도우 환경에서 주로 사용하기 때문에 Ctrl로 표시했어요. 맥 유저시라면 Cmd로 대체해서 쓰시면 됩니다. 1. File & Properties Ctrl+Shift+E .. 2020. 5. 22. [프리미어] 프리미어에서 이어폰(에어팟)으로 듣기 [프리미어] 프리미어에서 이어폰(에어팟)으로 듣기 안녕하세요. 당근입니다. 프리미어에서 영상 편집하실 때 이어폰을 또는 블루투스 이어폰을 연결 했는데도 영상 프리뷰 할 때 스피커에서 재생이 되시나요? 컴퓨터와 연결 되어 있어도 프리미어에서 별도로 설정을 해주지 않으면 연결된 외부 아웃풋으로 재생되지 않아요. 오늘은 집이 아닌 카페나 공공장소에서 영상 편집을 하실 때 이어폰으로 들으면서 할 수 있도록 오디오 아웃풋을 별도 기기로 설정하는 법을 알아보겠습니다. 프리미어에서 환경설정 창을 켜줘야합니다. Preference - General으로 들어가세요. Audio Hardware를 선택하시고 Default Output을 연결된 외부기기로 바꿔줍니다. 그리고 OK를 눌러 창을 닫아주시면 끝입니다. 2020. 5. 17. [피그마] fimga에서 패스파인더Pathfinder 사용하기(Shape tool) [피그마] fimga에서 패스파인더Pathfinder 사용하기(Shape tool) 안녕하세요. 당근입니다. 오늘은 저처럼 피그마에 적응중인 여러분을 위해 피그마에서 도형을 그리고 편집할 때 어도비 일러스트에 있는 패스파인더 기능을 어떻게 사용할 수 있는 지 알아보겠습니다. 튜토리얼에 앞서 이 글은 먼저 일러스트에서 패스파인더가 어떤 작용을 하는 툴인지 알고 계신 분을 대상으로 합니다. 하지만 아래에 각 옵션을 선택하면 일어나는 일들을 그림으로 보여드릴거예요. 사용법 자체는 엄청나게 간단하기 때문에 훑어보시면 패스파인더를 모르시는 분이라도 무리없이 이해하실 수 있을거라고 생각해요. 먼저 사각형 도형이 그려져있는 아이콘을 클릭하셔서 원하시는 도형을 그립니다. 패스파인더를 원하시는 분이라면 두개 이상의 도형.. 2020. 5. 16. 상업용 무료 폰트 사이트 한 눈에 보자 : 눈누noonnu 상업용 무료 폰트 사이트 한 눈에 보자 : 눈누noonnu 안녕하세요. 당근입니다. 오늘은 제가 폰트가 필요할 때 마다 자주 들어가서 확인해보는 사이트인 눈누를 소개하려고해요. 눈누는 개인적 용도는 물론이고 상업용으로 사용가능한 한글 폰트들을 총망라해놓은 고마운 사이트인데요. 사이트에 들어가보시면 아주 간결한 레이아웃에 폰트를 보여주는 것에 충실한 레이아웃으로 디자인되어있습니다. 모든 폰트 버튼을 눌러보시면 용도에 맞게 검색도 되고요. 가장 많이 사용하실 고딕 / 명조 / 손글씨 부분을 체크 또는 체크해제 하시면 알맞는 폰트만 보여줍니다. 흔히 사용하시는 배달의 민족 폰트나 각종 기업 또는 관공서에서 배포한 무료폰트들을 한눈에 보실 수 있어요. 원하시는 폰트 항목을 클릭해보세요. 저는 쿠키런 폰트를 클릭.. 2020. 5. 14. [일러스트레이터] 지그재그 라인그리기 + 물결 라인 그리기 [일러스트레이터] 지그재그 라인그리기 + 물결 라인 그리기 안녕하세요. 당근입니다. 오늘은 제가 패턴 만들 때 썼던 뾰족뾰족한 지그재그 라인을 어떻게 만드는 지 알아볼거예요. 지그재그 라인 만들 때 간단한 옵션 체크를 통해 뾰족한 부분을 부드럽게 해서 물결 형태의 파형 라인도 만들 수 있는데요. 그것까지 한꺼번에 설명해볼게요. 먼저 지그재그라인입니다. 툴바에서 라인 세그먼트 툴(line segment tool)을 클릭해서 새로운 라인을 하나 만드세요. Effect - Distort & Transform - Zig Zag에 들어갑니다. Preview를 눌러서 보시면서 Size와 Ridges per segment를 조절하세요. Size는 뾰족뾰족한 산의 크기, Ridges per segment는 라인 안에 .. 2020. 5. 13. 디자인 이미지를 "있어 보이게" 만들어 줄 무료 목업 사이트 모음 안녕하세요. 당근입니다. 오늘은 플랫한 형태의 디자인 이미지를 만들고 나서 그 이미지를 한층 있어보이게 해주는 목업 파일을 무료로 제공하는 사이트들을 정리해볼건데요. 브랜딩 프로젝트를 하시거나 디자인 포트폴리오를 만드실 때 유용하게 사용하시길 바랍니다. 1. Anthony boyd graphics https://www.anthonyboyd.graphics/mockups/ Free Mockups Free Mockups by Anthony Boyd Graphics. Easily Edit Smart Objects in Photoshop. Free for personal and commercial use. www.anthonyboyd.graphics 2. postermockup 다음은 포스터 목업만 모여있는 사.. 2020. 5. 11. [포토샵] 포토샵에서 텍스트(글자)에 그라데이션 넣기 [포토샵] 포토샵에서 텍스트(글자)에 그라데이션 넣기 안녕하세요. 당근입니다. 오늘은 포토샵에서 텍스트 또는 글자에 그라데이션 넣는 법을 알아보겠습니다. 먼저 샘플 텍스트를 입력했습니다. 그리고 레이어 패널에 fx라고 적힌 작은 버튼을 클릭합니다. (add layer style) 거기에 나오는 여러 항목들 중 Gradient Overlay를 누르세요. 여기에서 그라데이션 색을 지정하실 수 있습니다. 그라데이션 색상부분을 누르면 컬러를 변경하실 수 있고 angle부분에서 각도를 조정하실 수 있습니다. 프리뷰에 체크해서 적당히 보면서 지정해주세요. 그라디언트 색상을 지정하실 때 아래에 있는 컬러칩은 색상을 나타내고 위에 있는 컬러칩을 클릭하면 투명도를 지정하실 수 있어요. 저는 이런 색으로 지정했어요. 원하.. 2020. 5. 10. [피그마] 구글 Material Design Icons 플러그인으로 기본 아이콘 쉽게 삽입하기 [피그마] 구글 Material Design Icons 플러그인으로 기본 아이콘 쉽게 삽입하기 안녕하세요. 당근입니다. 오늘은 피그마figma에서 기본적인 아이콘이 필요할 때 쉽게 삽입하는 플러그인을 소개해드릴거예요. 안드로이드 Material Design icon은 정리도 잘 되어있고 아이콘 종류도 다양해서 널리 쓰이는 무료 아이콘입니다. 피그마에서 플러그인을 이용해서 별도로 svg이미지를 복사하거나 불러오지 않아도 손쉽게 삽입하고 편집하실 수 있어요. 먼저 플러그인 설치를 위해 피그마에서 햄버거버튼(왼쪽 상단) Plugins - Manage plugins...에 들어가셔서 Plugins-Browse all plugins을 누르시거나 아래 주소로 직접 플러그인 페이지에 접속하셔서 플러그인을 설치해주세요.. 2020. 5. 9. 이전 1 ··· 9 10 11 12 13 14 15 16 다음
