반응형 디자인 반응형 144 [일러스트레이터] Warp툴로 글자 곡선 왜곡하기 [일러스트레이터] Warp툴로 글자 곡선 왜곡하기 안녕하세요. 당근입니다. 오늘은 일러스트레이터에서 Warp를 이용해 글자를 곡선형태로 왜곡하는 방법을 알려드릴게요. 간단하게 보여드리면 이렇게 되는 형태입니다. 글자 전체를 동그랗게 살짝 곡선으로 왜곡을 주는 스타일이에요. 글자를 곡선형태로 쓰게하고 싶을 때 이 방법 말고도 패스로 곡선이나 도형을 그려서 그 위에 텍스트를 쓰는 방법도 있습니다. 오늘은 더 손쉬운 방법인 warp툴을 이용하여 살짝 왜곡을 주고 각도 등을 변경시켜서 타이포 디자인을 해볼게요. 먼저 타입툴로 원하는 텍스트를 입력합니다. 원하는 폰트를 선택하세요. 저는 요런 곡선으로 굴릴만한거에 어울리는 캘리그라피 폰트로 선택했어요. 그런다음 상단 캐릭터 상태창에서 저렇게 생긴 와프툴을 클릭합니.. 2020. 4. 16. [figma] 피그마 미러mirror 앱으로 디자인 모바일 환경에서 보기 안녕하세요. 당근입니다. 피그마에서 디자인을 한 다음에 재생버튼을 눌러 프로토타입을 볼 때 PC버전은 잘 나오지만 모바일 환경을 PC에서 미리보기 할 때 불편하잖아요. 브라우저 세팅으로 모바일 환경으로 맞출 수 있긴 하지만 한계가 있고요. 그래서 피그마에서는 피그마 미러(figma mirror)라는 앱을 통해 모바일에서도 모바일 환경에 최적화된 디자인 프로토타이핑을 볼 수 있는 환경을 제공하고 있는데요. 오늘은 피그마 미러 사용법에 대해 간단히 알아볼까요? 앱스토어나 구글스토어에서 피그마를 검색하세요. 이렇게 생긴 앱을 다운받으시면 됩니다. 앱을 실행하시면 로그인창이 떠요. 현재 작업중인 피그마에 로그인 되어 있는 아이디와 동일한 걸로 로그인해야겠죠? 저는 구글 계정으로 로그인했기 때문에 Log in w.. 2020. 4. 13. 무료 다운로드 가능한 디자인 리소스 사이트들 (계속 업데이트 중) 무료 다운로드 가능한 디자인 리소스 사이트들 (계속 업데이트 중) 무료 이미지 https://pixabay.com/ko/ https://unsplash.com/ unsplash가 더 분위기 있는 느낌, pixabay는 동영상도 제공 korea라고 검색했을때 나오는 이미지들. 왼쪽 픽사베이 오른쪽 언스플래쉬 무료 일러스트레이션 https://undraw.co/illustrations Illustrations | unDraw The design project with open-source illustrations for any idea you can imagine and create. Create beautiful websites, products and applications with your color,.. 2020. 4. 11. [포토샵] 포토샵에서 흑백처리하는 법 3가지 [포토샵] 포토샵에서 흑백처리하는 법 3가지 안녕하세요. 당근입니다. 오늘은 포토샵에서 사진을 흑백처리 하는 방법에 대해서 알아볼건데요. 크게 세 가지 방법이 있습니다. 1. 작업 모드 자체를 Grayscale로 바꿔 흑백 처리 하는 방법 (비추천) 2. 이미지 채도를 낮춰서 흑백 처리 하는 방법 3. 별도의 흑백 색깔을 깔고 블렌딩 모드로 흑백 처리 하는 방법 그럼 차례대로 어떻게 작업하는지 알아볼까요? 1. 작업 모드 자체를 Grayscale로 바꿔 흑백 처리 하는 방법 (비추천) 첫 번째 방법은 포토샵 모드 자체를 Grayscale, 즉 흑백 모드로 바꿔서 이미지를 출력하는 방식입니다. 포토샵에서 이미지를 불러옵니다. image - mode - grayscale을 선택합니다. 그럼 상단에 파일 명 .. 2020. 4. 10. [일러스트레이터] 다각형 도구와 회전툴을 이용한 방사형 패턴 만들기 [일러스트레이터] 다각형 도구와 회전툴을 이용한 방사형 패턴 만들기 안녕하세요. 당근입니다. 오늘은 일러스트레이터에서 배너를 만들거나 상세페이지 등 메인 이미지를 강조할 때 흔히 사용되는 방사형 패턴을 만들어 볼 거예요. 이런 모양의 패턴이죠. 저렇게 생긴 모양의 삼각형을 만들어서 같은 삼각형을 일정한 각도로 회전, 복사 시켜서 만드는 거예요. 어떻게 만드는지 차근 차근 따라해보세요. 먼저 도형 툴을 꾹 눌러서 폴리곤 툴Polygon Tool을 선택합니다. 캔버스에 더블클릭하면 설정창이 떠요. Radius는 크기Sides는 각의 개수입니다. 삼각형을 만들거니까 3을 입력하세요. OK 버튼을 누르거나 엔터를 치시면 정삼각형이 만들어집니다. 이제 이 삼각형을 방사형에 어울릴법한 삼각형으로 만들어주세요. 길이.. 2020. 4. 3. [일러스트레이터] 글자 및 오브젝트 기울이기(이탤릭) [일러스트레이터] 글자 및 오브젝트 기울이기(이탤릭) 안녕하세요. 당근입니다. 오늘도 일러스트레이터 기초적인 기능이지만 모르면 많이 번거로워지는 팁을 가지고 왔는데요. 바로 일러스트에서 글자 기울이기 (이탤릭)입니다. 텍스트 입력시 쉽게 이탤릭 효과(기울게)를 설정할 수 잇는 포토샵과 달리 일러스트레이터에서는 캐릭터 패널에 해당 옵션이 없습니다. 그렇다면 일러스트에서 어떻게 해서 글자 기울기를 처리할 수 있을까요? 먼저 글자를 써주세요. 그리고 툴바에서 Scale Tool 을 꾹 누르면 나오는 Shear Tool을 선택합니다. 이게 기울이는 툴이에요. 좌우 상하로 드래그하여 조절할 수 있지만 글자가 살짝 기울어진 이탤릭 효과를 주고 싶은 것이므로 좌우로 마우스를 드래그해가면서 살짝 넣어주세요. 이 때 S.. 2020. 4. 2. [일러스트레이터] 마우스 드래그로 도형 크기 변경 안될 때 해결 방법 [일러스트레이터] 마우스 드래그로 도형 크기 변경 안될 때 해결 방법 이렇게 Selection tool (검은색 마우스 커서)인 상태에서 아무리 크기 변경을 하려고 해도 이동만 될 뿐 크기 변경이 되지 않습니다. 보통은 단축키가 잘못 눌러져서 View-Show Bounding Box라고 되어있는 부분을 Hide Bounding Box로 바꿔주세요. 단축키는 Shift + Ctrl + B입니다. 이렇게 Show Bounding Box가 되어야 도형이나 오브젝트를 선택했을 때 우리가 아는 익숙한 모양으로 조작할 수 있게 됩니다. 도움이 되셨나요? 그럼 당근이었습니다. 2020. 4. 1. 무료 3D 프로그램 블렌더(Blender) 설치 및 조작법 무료 3D 프로그램 블렌더(Blender) 설치 및 조작법 안녕하세요. 당근입니다. 오늘은 무료 3D 프로그램인 블렌더(Blender)를 설치하고 간단한 조작법을 알아보겠습니다. 블렌더는 모델링 뿐 아니라 애니메이션까지 가능한 오픈 소스 3d 소프트웨어예요. https://www.blender.org/download/ Download — blender.org Home of the Blender project - Free and Open 3D Creation Software www.blender.org 블렌더 다운로드 인스톨러 지시에 따라서 next 누르면서 설치해주세요. 설치 완료 되었습니다. https://www.youtube.com/watch?v=MF1qEhBSfq4&list=PLa1F2ddGya_-.. 2020. 3. 30. [프리미어] 프리미어 트랜지션 프리셋 적용하기(+무료 화면 전환 효과 프리셋) [프리미어] 프리미어 트랜지션 프리셋 적용하기(+무료 화면 전환 효과 프리셋) 안녕하세요. 당근입니다. 오늘은 다운받은 프리셋을 프리미어에 불러들여서 적용하는 방법을 알아보겠습니다. 정말 너무 간단해서 제일 하단에는 제가 찾아봤더니 괜찮았던 무료 트랜지션 효과 링크도 공유해둘게요. 그럼 프리셋 적용하기는 어떻게 하는 걸까요? 먼저 프리미어를 켭니다. 프리미어 Effects 탭에서 마우스 우클릭 - Import Presets를 선택합니다. 만약 Effects 패널이 안보이시면 상단 메뉴에서 Window - Effects 선택하셔서 꺼내세요. 파일 경로 찾아 들어가셔서 다운받은 프리셋 파일을 선택합니다. 열기 버튼을 눌러서 불러오세요. 프리셋을 불러왔습니다. 참 쉽죠? 이 불러온 프리셋들은 영상에 드래그앤드.. 2020. 3. 29. 이전 1 ··· 11 12 13 14 15 16 다음