반응형 디자인 반응형 149 상업용 무료 폰트 사이트 한 눈에 보자 : 눈누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. [포토샵] 사진, 이미지 초간단 수평 맞추기 [포토샵] 사진, 이미지 초간단 수평 맞추기 안녕하세요. 당근입니다. 이번에는 포토샵에서 수평이 맞지 않는 이미지 수평 맞추는 가장 간단한 방법을 알아볼거예요. 이미지 수평을 맞춰야 할 때 이미지를 회전시켜서 자르셔도 되지만 straighten으로 손쉽게 처리하실 수 있습니다. 먼저 작업하실 이미지를 불러오세요. 크롭툴을 선택하신 다음에 상단 바에 있는 Straighten을 클릭합니다. 그러면 마우스 커서가 요상한 모양으로 바뀔거예요. 이미지 수평선/지평선을 따라 드래그해주세요. 잘 보이지 않아서 빨간색 라인으로 표시해봤어요. 끝에 기울어진 각도가 간단히 표시됩니다. 그러면 드래그 하신 수평선이 자동으로 보정됩니다. 이렇게 지정한대로 별 이상이 없으시다면 엔터/리턴 키를 탭합니다. 자동으로 회전 및 자르.. 2020. 5. 8. [포토샵] 포토샵 2020 새 파일 안 열릴 때 해결 방법 [포토샵] 포토샵 2020 새 파일 안 열릴 때 해결 방법 안녕하세요. 당근입니다. 오늘은 포토샵 2020 버전이 깔린 맥북 환경에서 작업을 하던 도중 새파일을 열 수 없는 문제를 발견했어요. 처음에 아무 작업이 없는 상태에서 새 파일을 여는 것은 가능한데, 작업을 하다가 다른 창에 새 파일을 열고 싶을 때가 있잖아요. 그럴 때 단축키를 누르거나 new file을 클릭했더니 이렇게 뜨면서 create 버튼을 눌러도 아무 일도 일어나지 않더라고요. 단도직입적으로 해결 방법을 알아볼까요? 먼저 포토샵 환경설정을 열어야합니다. 포토샵 - preferences - general 에 들어가세요. 그리고 나서 Use Legacy “New Document” Interface 부분에 체크가 해제되어있을 거예요. 이걸 .. 2020. 5. 7. [포토샵] 포토샵에서 크롭한 이미지 영역 보존하기 [포토샵] 포토샵에서 크롭한 이미지 영역 보존하기 안녕하세요. 당근입니다. 오늘은 포토샵에서 많이 쓰는 크롭툴(crop tool)에 관련된 유용한 팁을 하나 소개해드릴건데요. 포토샵에서는 이미지를 크롭하고 나면 나머지 부분이 사라져서 나중에 사라진 부분이 필요할 때 다시 원본 이미지를 처음부터 불러온다거나, 아니면 원본 이미지를 보존하기 위해서 레이어상으로 복제이미지를 만들어서 그 해당 레이어에 작업하시나요? 아니면 마스크를 사용하시나요? 이제 그러실 필요 없이 포토샵에서 이미지를 잘라내도 해당 영역을 보존시켜놓을 수 있습니다. 방법은 간단해요. 이렇게 샘플 이미지를 불러왔어요. 여기에서 크롭툴을 사용해서 튤립 부분을 중심으로 아래 위를 자른다고 가정을 해 볼게요. 이렇게 말이죠. 영역을 지정하고 엔터를.. 2020. 5. 6. [일러스트레이터] 적용한 패턴 색깔 쉽게 바꾸기 [일러스트레이터] 적용한 패턴 색깔 쉽게 바꾸기 안녕하세요. 당근입니다. 지난번에 올렸던 일러스트레이터에서 빗금 패턴을 적용하는 포스팅에 이어서 적용한 패턴을 직접 수정하고 만들 수 있는 법까지 소개해드렸었는데요. 오늘은 해당 포스팅에 이어서 간편하게 적용된 패턴의 색깔을 쉽게 바꾸는 법을 알려드릴게요. 패턴 뿐 아니라 모든 오브젝트/패스에 적용가능한 방법이니 알아두시면 무척 유용하실 거예요. 적용할 오브젝트를 만들고 패턴을 적용합니다. 요런 Basic 라인 패턴 적용하는 방법이 궁금하신 분들은 아래 포스팅을 참고하세요. https://nicecarrot2.tistory.com/46 [일러스트레이터] 일러에서 빗금 패턴 적용하기 [일러스트레이터] 일러에서 빗금 패턴 적용하기 안녕하세요. 당근입니다. 오늘.. 2020. 4. 29. 이전 1 ··· 10 11 12 13 14 15 16 17 다음