[Figma] 피그마 색상 선택과 변경 방법

이미지
  디자인하다 보면 자연스럽게 "어떤 색상을 쓸까?", "이미 적용한 색을 바꾸려면 어떻게 할까?" 이런 고민을 하게 됩니다. 특히 피그마는 웹 기반이기 때문에 버튼, 텍스트 ,배경 등 모든 요소에 색을 자유롭게 적용할 수 있기 떄문에 고민이 더 깊어질 수 있습니다. 그래서 일단은 피그마에서 색상을 선택하고 변경하는 방법에 대해서 알아볼 예정입니다. 색상 선택 방법 피그마에서 색상을 선택하는 기본 방법은 아주 간단합니다. 오브젝트를 먼저 선택해 주세요 색상을 바꾸고 싶은 도형, 텍스트, 아이콘 등이 있겠죠 오브젝트를 선택한 후에 오른쪽 속성 패널에서 Fill(채우기)에서 색상을 클릭하면 아래 이미지처럼 색상을 선택할 수 있는 UI가 나옵니다. 변경하고자 하는 색상을 선택해 주면 됩니다. 이때 색상을 변경하는 방법은 총 세 가지입니다. 색상 피커를 직접 드래그 해서 색상을 변경하는 방법 HEX 코드를 입력(예시: #FF0000, #00FF00 등) RGBA 값 입력 - Red, Green, Blue, Alpha(투명도) 값을 직접 입력합니다. 이렇게 하면 원하는 색상을 아주 정밀하게 선택할 수 있습니다. 색상 변경 & 관리 방법 색상을 고른 뒤에는 프로젝트 전반적으로 일관성 있게 사용하거나 상황에 맞게 변경해야 합니다. 색상 변경하기 이미 적용한 색상을 바꾸려면 위의 방법과 동일하게 Fill 항목을 클릭해서 변경합니다. 새로운 색상을 선택하면 바로 적용됩니다. 색상 스타일 만들기 자주 쓰는 색은 Style로 지정할 수 있습니다. Fill > 우측 상단 + 버튼을 클릭해서 원하는 이름을 입력하고 색상을 저장합니다. 그러면 아래 이미지처럼 스타일로 색상이 저장된 걸 확인할 수 있습니다. 라이브러리에 추가된 게 보이시죠? 스타일로 지정한 색상은 그 색이 적용된 모든 오브젝트가 자동으로 업데이트됩니다. 예를 들면 "메인 버튼 색상"을 초록에서 파랑으로 변경한 경우 전체 버튼이 모두 변경됩니다. 이 외에도...

[Notion] 노션 문서 PDF로 저장하는 방법

 


우리가 노션을 활용할 때 프로젝트 관리나 메모 용도로도 활용하기도 합니다.
하지만 문서 제작 시 활용하기도 하죠. 이럴 때 노션에서 작성한 문서를 외부로 제출하거나 보관해야 한다면 PDF 형식으로 변환해서 저장해야 하는 경우가 있습니다.
예를 들어 보고서 같은 경우가 있을 수 있습니다. PDF는 가장 범용적으로 많이 활용되는 형태니깐요

이 글에서 노션에서 문서를 PDF로 저장하는 방법을 처음부터 끝까지 쉽게 알아보도록 하겠습니다.

노션에서 PDF로 저장하는 방법


노션에서 PDF로 저장하는 방법은 매우 쉽습니다.
PDF로 변환하고자 하는 페이지나 파일을 연 상태에서 우측 상단 점 세 개를 눌러주세요
그리고 다양한 메뉴가 나오면 하단까지 내려주세요
그럼 '내보내기'가 보입니다. 이걸 클릭해 주세요


PDF 말고도 HTML, Markdown & CSV도 있는데 우리는 일단 PDF 변환 방법만 알아볼 예정이니
PDF를 선택해 주세요.




여기서 내보내기를 클릭하면 PDF로 저장되는 걸 확인할 수 있습니다.

모바일 앱에서 저장하기

모바일 앱에서 동일하게 적용해 보도록 하겠습니다. 아이폰 기준으로 작성했습니다.
또한, 모바일 환경에서는 PDF로 직접 저장하는 기능이 제한적일 수 있습니다.
자 그럼 순서대로 알아보도록 하겠습니다.

가장 먼저 PDF로 변환할 페이지를 열고 우측 상단 점 세 개를 터치해 주세요


자 그럼 PC 버전과 동일하게 '내보내기'를 터치해 주세요. 그럼 다음 화면으로 이동합니다.


그럼 이렇게 화면이 변환됩니다. 여기서 '내보내기'를 터치해 주세요. 그럼 다음 화면으로 넘어갑니다.



자 그러면 이렇게 미리 보기 화면으로 넘어가고 좌측 하단에 보이는 공유하기 버튼을 눌러서 공유 대상에게 보낼 수 있습니다.

자 그럼 정리해보겠습니다.
노션에서 문서를 PDF로 저장하는 방법은 아주 간단하죠?
PC에서는 내보내기(Export) 기능을 활용하면 되고 모바일에서도 동일하게 할 수 있습니다.
이렇게 하면 노션에만 있던 문서를 누구나 열어볼 수 있는 PDF로 변환할 수 있습니다.
간단하게 노션 문서를 PDF로 정리해서 저장하고 활용해 보시길 바랍니다.

추가적으로 궁금하실만한 사항을 알아보도록 하겠습니다.
1. 무료 버전에서도 PDF 전환이 가능할까요?
무료 버전도 유료와 동일하게 내보내기 기능으로 PDF 저장이 가능합니다.

2. PDF 저장 시 이미지나 표도 같이 저장될까요?
문서 안에 포함된 이미지, 표 체크리스트 등이 그대로 PDF에 포함됩니다.
다만 해상도가 줄어들 수 있습니다.

3. 저장된 PDF 글꼴이 달라지는 이유가 있을까요?
사용하는 기기에 설치된 글꼴과 노션 기본 폰트가 다를 경우 자동 변환이 일어납니다.
필요할 경우 '글꼴 포함' 옵션을 활성화해야 합니다.

4. 한 번에 여러 개의 노션 페이지를 PDF로 저장할 수 있을까요?
기본적으로는 페이지 단위로 내보내기가 가능합니다.
하지만 상위 페이지에서 '하위 페이지 포함' 옵션을 체크하면 여러 문서를 한 번에 PDF로 저장할 수 있습니다.

간단하게 궁금하실 사항까지 알아봤습니다.
추가적으로 궁금하신 내용이 있으시다면 하단의 링크를 참고해주세요

노션에서 이미지 삽입하고 정렬하는 방법

노션 유튜브 영상 삽입하는 쉬운 방법

노션에서 페이지 간 링크 연결하는 방법 총정리

이 블로그의 인기 게시물

[Blender] 블렌더 속도 2배! 꼭 알아야 할 단축키와 설정 팁

이미지
  쉽게 배우는 블렌더 단축키, 커스터마이징 블렌더는 디자인과 애니메이션 거기에 영상 편집까지 가능하게 해주는 무료 프로그램입니다. 하지만 효율성이 떨어진다면 작업 시간이 매우 오래 걸릴 수 있습니다. 그렇기 때문에 효율성을 극대화시켜줄 단축키를 알아보도록 하겠습니다. 블렌더 단축키? 저도 처음에는 그랬습니다. 단축키를 많이 모르다보니 모든걸 마우스로 해결하려고 했었습니다. 하지만 그렇게 작업을 하다 보면 효율이 떨어지고 속도도 떨어집니다. 그런데 단축키를 알고 나서 효율이 급격하게 늘어나더라고요 그래서 전달해드리려고 합니다. 효율을 극대화 시켜줄 블렌더 단축키와 커스터마이징을 알아볼게요 크기 초기화 Alt + S 회전 초기화 Alt + R 위치 초기화 Alt + G 크기 조절 S 오브젝트 회전 R 오브젝트 이동 G 위에서 간략하게 단축키를 눌렀을 때 어떻게 조작이 가능한지 설명했는데요 다시 정리하겠습니다. 이동(G): 오브젝트를 원하는 위치로 이동 시킬 수 있습니다. 회전(R): 오브젝트를 원하는 각도로 회전 시킬 수 있습니다. 스케일 조정(S) 오브젝트를 원하는 크기로 키우거나 줄일 수 있습니다. 위치 초기화(Alt + G): 이동 시킨 오브젝트의 위치를 초기화 합니다. 회전 초기화(Alt + R): 회전 시킨 오브젝트의 회전을 초기화 합니다. 크기 초기화(Alt + S): 키우거나 줄인 오브젝트의 스케일을 초기화 합니다. 그 다음은 카메라 조작에 대한 단축키 입니다. 숫자키 1 ~ 0 숫자키를 이용하면 오브젝트가 보여지는 카메라의 각도를 조정할 수 있습니다. 1번부터 0번까지 원하는 카메라 방향대로 오브젝트를 볼 수 있습니다. 하지만 이때 노트북에서 넘버 패드가 없는 경우, 텐키리스 키보드를 사용할 때 설정이 필요합니다. 텐키리스 키보드를 사용하는 경우 Edit -> Preferences -> Input -> Emulate Nupad 옵션을 켜야 숫자키를 눌렀을 때 카메라를 회전 시킬 수 있습니다. 간단하게 몇 개 더 알아보도록 하...
자세한 내용 보기

[Notion] 노션 기본 템플릿 5가지 소개와 활용 팁

이미지
  노션 초보자를 위해 쉽게 활용할 수 있는 기본 템플릿 5가지를 추천합니다. 할 일 관리, 회의 노트, 독서 기록 등 누구나 쉽게 따라 할 수 있는 방법을 소개합니다. 노션, 템플릿 부터 시작해보세요 노션(Notion)을 처음 접하셨을까요? 너무 복잡하거나 어려울 것 같다고 느낄 수 있습니다. 그렇다면 기본 템플릿부터 활용해 보는 게 좋습니다. 노션에는 이미 기존에 만들어진 기본 템플릿이 있어서 클릭 몇 번만으로 멋진 페이지를 만들 수 있습니다. 이 글을 통해서 가장 유용하고 많이 쓰이는 노션 템플릿 5가지와 함께, 어떻게 활용하면 좋은지 알아보겠습니다. 하단에 보이는 Tamplates를 클릭해 주면 템플릿이 모여 있는 페이지로 이동합니다. 그러면 여기서 먼저 To-Do List를 입력하고 추가해 보도록 하겠습니다. 자 검색했더니 이렇게 다양한 To-do list 항목이 나옵니다. 저는 이 중에서 오른쪽 위에 있는 템플릿을 선택했습니다. Free는 무료로 이용할 수 있는 템플릿이고 가격이 적혀있는 템플릿은 결제를 통해 추가할 수 있는 템플릿입니다. 자 그러면 이렇게 Weekly Plan으로 To-do list가 추가된 걸 확인할 수 있습니다. 쉽게 추가가 되고 바로 페이지에 추가되니깐 쉽게 활용할 수 있습니다. 같은 방법으로 다른 템플릿도 추가해 보도록 하겠습니다. 주간 일정 관리 독서 목록 회의 기록 목표 설정 자 가장 위에 부터 '할 일 목록', '주간 일정 관리', '독서 목록', '회의 기록', '목표 설정' 총 다섯 가지의 템플릿을 추가해봤습니다. 추가된 템플릿을 아이콘 등을 추가하거나 섹션을 다시 나누는 등의 기능을 활용해서 자유롭게 사용할 수 있습니다. 또한 추가된 템플릿은 다른 페이지와 연결할 수 있기 때문에 연동해서 쓸 수도 있습니다. 일단 간단하게 활용할 수 있는 노션 템플릿 5종만 먼저 소개했습니다. 처음 노션을 시작할 때 복잡하게 느껴질 수 있지만 기본 템플릿을 활용...
자세한 내용 보기

[Blender] 블렌더 미러 모디파이어(Mirror Modifier) 활용법

이미지
Blender에서 미러 모디파이어(Mirror Modifier)를 활용하여 좌우 대칭 모델을 빠르고 정확하게 만드는 방법!! 3D 모델링을 하다 보면 양쪽이 똑같은 형태가 있습니다. 예시를 들어보도록 하겠습니다. 사람 얼굴, 동물의 뿔, 건축물의 좌우 대칭 등 이런 구조들을 자주 만들거나 활용하게 되는데요 이런 작업을 직접 수작업으로 하다 보면 시간이 굉장히 오래 걸립니다. 그렇기 때문에 오늘 알아볼 미러 모디파이어(Mirror Modifier)를 활용해야하는건데요 이 그대로 한쪽을 만들면 반대쪽이 자동으로 복사되기 때문에, 작업 시간은 반으로 정확도는 두 배로 올라가게 됩니다. 우리는 이 글을 통해서 Blender 미러 모디파이어의 기본 사용법부터 실전 활용까지 차근차근 알아볼 예정입니다. 미러 모디파이어가 뭘까요? 미러 모디파이어는 위에서 언급했듯이 한쪽 면을 기준으로 반사된 복사본을 자동으로 생성하는 기능입니다. 블렌더의 기본 모디파이어 중 하나인데요. X, Y, Z축 중 원하는 축을 중심으로 대칭이 만들어집니다. 자 일단 원래 처음에 있던 큐브는 삭제하고 Shitf + A 단축키를 눌러서 평평한 Plane 하나를 추가해 줬습니다. 그리고 우측에 렌치 모양을 눌러서 'Add Modifier'를 클릭한 후 Mirror를 검색해서 추가했습니다. 자 기본적으로 X축 대칭이 적용됩니다. 위의 이미지와 비교해 보면 X축뿐 아니라 Y, Z축까지 활성화한 상태인 게 보이시죠? 일반적으로는 X축만 활성화 한 상태로 활용합니다. 자 그럼 Edit Mode로 들어가서 한쪽 면만 들어볼게요 그럼 어떻게 될까요? 자 한쪽 면만 들어올리는데 반대쪽 면도 같이 올라오는 게 보이시죠? 간단하게 살펴보면 미러 모디파이어는 이렇게 활용할 수 있습니다. 추가로 알아볼 내용은 오브젝트 중심으로 맞추는건데요 미러 축은 오브젝트 중심점(Origin)을 기준으로 작동합니다. Shift + S -> Cursor to World Origin Ctrl + A -> Set O...
자세한 내용 보기