반응형 디자인 반응형 143 [figma] 물결 디자인이 이렇게 쉽다고...? 웨이브 만드는 꿀 플러그인 : Get Waves [figma] 물결 디자인이 이렇게 쉽다고...? 웨이브 만드는 꿀 플러그인 : Get Waves 안녕하세요. 당근입니다. 오늘은 피그마 커뮤니티를 돌아보던 중 발견한 꿀 플러그인! Get Waves를 소개해드릴게요. 먼저 플러그인을 설치해볼까요? 피그마에서 파일을 열고 Plugins - Browse plugins in Community로 가셔서 Get Waves를 검색하고 설치하세요. Plugins - Get Waves를 선택해서 플러그인 실행! 주사위를 굴려서 슬라이더 위치에 따라 어떤 느낌의 물결이 생기는 지 감을 잡아보세요. 원하시는 모양이 나올 때 까지 굴려 보셔도 되고요. 슬라이더가 오른쪽으로 갈 수록 마루와 골의 양이 많아집니다. 슬라이드를 원하는 곳에 위치시킨 후 주사위를 굴려 알맞은 모양.. 2022. 4. 16. [일러스트레이터] 다양한 형태의 모서리 만들기 [일러스트레이터] 다양한 형태의 모서리 만들기 안녕하세요. 당근입니다. 일러스트레이터에서 도형을 그릴 때 여러가지 모서리를 쉽게 디자인 할 수 있다는 사실을 아시나요? 패스파인더로 다른 도형을 그려서 나누기 하지 않아도 같은 값으로 귀퉁이를 안으로 동그랗게 깎거나 대각선으로 잘라내는 방법이 있다는 사실! 오늘 포스팅에서는 가장 활용도가 높은 사각형으로 예시를 들어 쉽게 설명해드릴게요. 먼저 도형툴로 사각형을 그려야겠죠? 그리고 나서 만든 도형을 선택하시고 동그라미 친 부분을 잡아서 안으로(왼쪽으로) 끌어보세요. 모서리가 둥글게 변합니다. 상단 바에서 얼마나 둥글게 할지 라운드(Radius) 값을 지정해주시고요. 이렇게만 하면 둥근 모서리를 가진 사각형 형태가 완성됩니다. 상단에 둥근 모서리 형태의 아이콘.. 2022. 4. 15. 무료 영문 폰트 아카이브 : 세리프 무료 영문 폰트 아카이브 : 세리프 1. Mazius https://www.behance.net/gallery/75889863/Mazius-Display-typeface?tracking_source=search_projects%7Cmazius Mazius Display typeface Mazius Display is a typographic family created as final project of a type design class i took in early 2017. It consists of a regular weight and two italics: a simpler italic style, intended for a wider usage, and a sharper extra italic s.. 2022. 3. 30. 무료 영문 폰트 아카이브 : 캘리그라피, 스크립트 무료 영문 폰트 아카이브 : 캘리그라피, 스크립트 1. Wiegel Kurrent 2. Summery Bold Handwriting (개인적 용도) 3. carneys-gallery-script (개인적 용도) 4. Marquette (개인적 용도) 5. Balloon (개인적 용도) 6.ED Piedmont(개인정 용도) 다운로드 : https://emyselfdesign.gumroad.com/l/rtbwk ED Piedmont ED Piedmont is an elegant and classic bold script font. This font is equipped with uppercase, lowercase, number, symbol, ligature and multi-language supp.. 2022. 3. 10. 일러스트레이터 물결모양으로 글씨쓰기(Envelope Distort) 일러스트레이터 물결모양으로 글씨쓰기(Envelope Distort) 안녕하세요. 당근입니다. 오늘은 일러스트에서 특정 도형에 텍스트를 매핑하고 자유롭게 왜곡하는 방법에 대해 알아볼게요. 먼저 일러스트에서 텍스를 입력합니다. 간단하게 사각형을 물결 무늬로 부드럽게 왜곡할거기 때문에 도형툴로 투명한 사각형을 그려주세요. 이 때 사각형이 텍스트 위에 있어야합니당. 그리고 텍스트와 도형을 함께 선택하고 Object-Envelope Distort-Make with Top Object 또는 단축키 Alt+Ctrl+C를 누르세요. 그럼 글자와 도형이 합쳐집니다. 그리고 도형툴에서 흰색 화살표(Direct Selection Tool)를 클릭하시고 모서리를 눌러보시면 왜곡할 수 있는 앵커포인트가 나옵니다. 앵커포인트와 .. 2022. 2. 14. PPT에서 다운받은 이미지가 찌그러져있다면? 포토샵 픽셀 종횡비 교정하기 PPT에서 다운받은 이미지가 찌그러져있다면? 포토샵 픽셀 종횡비 교정하기 안녕하세요. 당근입니다. 오늘은 PPT나 워드 등에서 다운받은 이미지가 삽입할 때 찌그러졌거나 해서 포토샵으로 찌그러진 상태로 불러와질 때 뜨는 이 경고창! Pixel aspect ratio correction is for preview purposes only. Turn it off for maximum image quality. 요걸 픽셀 종횡비 교정을 통해 해결해보겠습니다. 먼저 실험을 위해 위와 같은 이미지를 만들었어요. 원래 비율은 이렇게 생긴 정사각형 이미지입니다. 이걸 일부러 PPT에서 찌그러지게 넣고 저장해볼게요. 그리고 불러온 PPT에서 삽입했던 찌그러진 그림을 그림으로 저장합니다. 디자인을 위한 기획서 파일을 받았.. 2022. 1. 10. [figma]피그마에서 백그라운드 블러(background blur) 만들기 [figma]피그마에서 백그라운드 블러(background blur) 만들기 안녕하세요. 당근입니다. 오늘도 피그마 사용법을 가지고 왔어요. 오브젝트를 기준으로 뒤에 위치한 요소를 흐리게 만들어주는 백그라운드 블러 (background blur) 효과! 피그마로 적용하는 법을 알아볼건데요. 이번에도 엄청 쉽답니다. 처음부터 차근차근 알아볼까요? 먼저 뒤에 배경이 있어야 블러가 들어간 걸 확인할 수 있겠죠? 저는 언스플래시에서 예쁜 배경 하나를 삽입해봤어요. 플러그인으로 피그마에서 쉽게 삽입할 수 있습니다. 아래 글을 참조하세요. 2020.04.23 - [디자인/피그마] - [피그마] 고퀄리티 무료 이미지를 바로 불러올 수 있는 플러그인 : Unsplash [피그마] 고퀄리티 무료 이미지를 바로 불러올 수.. 2021. 11. 9. [figma] 피그마 작업 전에 해야할 필수 과정! 레이아웃 그리드 세팅하는 방법! [figma] 피그마 작업 전에 해야할 필수 과정! 레이아웃 그리드 세팅하는 방법! 안녕하세요. 당근입니다. 오늘은 이제서야?... 싶게도 피그마로 웹이나 모바일 화면을 설계하실 때 필요한 필수 세팅! 레이아웃 그리드를 설정하는 법을 알려드릴게요. 작업전 그리드를 잘 세팅해놔야 작업하기도 빠르고, 정렬이 깔끔하게 되겠죠. 빨리 알아볼까요? 왼쪽 상단에 프레임 버튼을 눌러 새로운 프레임을 만드세요. 드래그하셔서 그리신 다음 사이즈 세팅을 하셔도 되고, 오른쪽 디자인 탭에서 제공하는 사이즈를 선택하셔도 됩니다. 데스크탑 사이즈나 태블릿 모바일 등등 원하시는 크기로 설정하세요. 저는 1920x1080으로 세팅했습니다. 하셨나요? 오른편 디자인탭에서 Layout grid가 보이실거예요. +버튼을 눌러 그리드를 .. 2021. 11. 1. [스케치] 더이상 미룰 수 없다! Sketch 시작하기(설치, 아트보드 만들기, 그리드 세팅) [스케치] 더이상 미룰 수 없다! Sketch 시작하기(설치, 아트보드 만들기, 그리드 세팅) 안녕하세요. 당근입니다. 드디어... 오늘은 스케치 사용법을 가지고 왔습니다. 스케치는 맥에서만 지원되고요, 첫 달 무료지만 그 다음부터는 유료입니다. (1년에 99달러) 처음부터 이것저것 하면 머리아프니까 간단하게 설치하고 아트보드를 만들어보고, 그리드까지 세팅해보겠습니다. 1. 설치하기 https://www.sketch.com/apps/ Apps We design and build our apps to make the best of what each platform has to offer. www.sketch.com 여기에 들어가셔서 다운로드 받으세요. 받아지는 동안 회원가입을 합니다. 계정을 입력하고 이름.. 2021. 10. 24. 이전 1 2 3 4 5 6 7 ··· 16 다음
