본문 바로가기

반응형
디자인
반응형
144

[Notion] 나 빼고 다 쓰는 것 같은 노션 설치하기 [Notion] 나 빼고 다 쓰는 것 같은 노션 설치하기 안녕하세요. 당근입니다. 오늘은 저 빼고 세상 사람들 다 쓰는 것 같은 노션을 써볼겁니다. 저희 회사에서는 별도의 협업툴을 쓰지 않는데요, 실제로... 많은 회사들이 그럴 거라고 생각합니다. 개인적인 성격도 문서작성... 좀 귀찮아하는 스타일...; 하지만 오늘은 모처럼 노션의 세계가 궁금해졌으니 한번 사용해볼까요~ 노션은 기본적으로는 문서 작성, 계획, 메모 등에 최적화된 툴이고 이해가 깊어질 수록 사용성이 무한히 확장되는 툴인듯 합니다. 간단한 웹사이트도 만들 수 있어요. 개인에게는 무료로 제공됩니다. 저처럼 아직 진짜 쓸모는 없지만 혼자 깨작깨작 가지고 놀아보기 아주 좋겠네요. 먼저 PC버전을 다운받아보겠습니다. https://www.noti.. 2022. 4. 19.
[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.