본문 바로가기

Apple11

[키노트 강좌] 글씨 음각 효과 만들기 키노트를 사용하면서 가장 아쉬운 부분은 글씨(폰트) 효과가 많지 않아 다양한 디자인을 할 수 없다는 것입니다. 흔한 글씨에 그라디언트 색상 채우기도 없습니다. 그러다 보니 여러 가지 디자인 툴을 이용해 가져와 사용하는 경우가 많은데요. 이번 강좌에서는 키노트에 있는 글씨 효과를 최대한 활용해 입체감 있는 글씨 간단하게 만들어 보도록 하겠습니다. 글씨 음각 효과 만들기 음각 효과란 판화나 조각에 사용하는 표현기법으로 글씨나 그림이 표면보다 튀어나온 것을 양각, 표면보다 파고 들어간 것을 음각이라고 합니다. 키노트에서는 글씨의 그림자 효과를 이용해 음각이 효과를 낼 수 있는데요. 질감이 있는 배경이나 이미지 배경과 함께 사용하면 좀 더 세련된 표지 디자인을 할 수 있습니다. 우선 흰색 테마를 선택합니다. 슬.. 2024. 2. 20.
[키노트 강좌] 텍스트 마스크 흉내 내기 이번 강좌는 키노트에 없는 기능을 편법을 사용해 '텍스트 마스크'를 흉내 내보도록 하겠습니다. 파워포인트에서는 텍스트를 도형화시켜 병합, 빼기 등을 할 수 있는 기능이 있는데요. 애플 키노트에서는 텍스트는 순수하게 사용하라는 의미인지 같은 기능이 없습니다. 그래서 편법으로 비슷하게 만들어 보도록 하겠습니다. ※ 포토샵과 같은 이미지 에디터 툴이 있는 경우에는 툴을 이용해 만들어 사용하시는 것이 퀄리티도 좋고 편할 수 있습니다. 이 강좌는 디자인 에디터 툴이 없거나 다루기 어려운 디자인 초보자 분들을 위한 강좌입니다. 텍스트 빼기 파워포인트에서 사용하는 일명 '텍스트 빼기'를 해보겠습니다. 텍스트 빼기는 글씨를 도형(Shape)으로 인식시켜 다른 도형에서 글씨 모양을 빼는 것을 말하는 데요. 글씨 모양을 .. 2024. 2. 16.
[키노트 강좌] 도형 채우기 이해하기 키노트에서 가장 많이 사용하는 '도형 채우기'에 대한 내용으로 강좌를 할까 합니다. 키노트에서 채우기는 이미지 디자인 툴에 있는 페인트(paint)와 같은 기능으로 도형에 색상 및 그라디언트, 이미지(텍스쳐)를 넣는 것을 말합니다. ※ 슬라이드(페이지)배경도 거의 동일한 방식이지만 몇가지가 틀린점이 있어서 배경은 추후 따로 강좌로 하겠습니다. 채우기 기본 구조 채우기는 4가지 설정을 알아 두시면 편하게 사용할 수 있습니다. 프리셋 색상, 그라디언트 또는 이미지 채우기를 빠르게 선택해 채울 수 있습니다. 기본 색상 프리셋으로 되어있지만, 선택 후 수정이 가능합니다. 또한, 이미지 채우기 경우 키노트에서 기본으로 제공하는 노이즈 이미지가 채워집니다. ※ 처음 신규 테마 선택시 테마에 따라 프리셋이 다를 수 .. 2024. 2. 15.
[키노트 강좌] 스마트 워치 디자인하기 이번에는 키노트에서 스마트 시계 만들어 보도록 하겠습니다. 스마트 시계를 만들어 위와 같은 이미지의 인포그래픽 디자인 등에 아주 유용하게 활용할 수 있습니다. 우선 스마트 시계의 기본 디자인을 생각합니다. 저는 원형 스마트 시계를 생각했기 때문에 타원형 4개를 이용해 시계를 만들어 보도록 하겠습니다. 처음 디자인을 하신다면 원, 삼각, 사각형에서 구상하시면 빠르게 작업하실 수 있습니다. 타원형 3개로 원형 스마트 시계 베젤 만들기 도형에서 타원형을 선택합니다. 크기는 '너비, 높이:300pt'로 잡아 줍니다. 스타일에서 '그라디언트 채우기'를 위쪽에 흰색 아래쪽에 옅은 회색을 넣어주고 '그림자 없음'을 선택합니다. 처음 타원형을 복사해 붙여넣기를 합니다. 크기는 '너비, 높이:250pt'로 합니다. 스타.. 2024. 2. 8.
[키노트 강좌] 환경 설정 스위치 만들기 이번에는 모바일 기기나 컴퓨터의 환경설정에서 사용되는 ON/OFF 스위치를 만들어 보겠습니다. 검색을 통해 오픈 소스 이미지들이 많이 있긴 한데요. 저는 디자이너이니 만들어 보도록 하겠습니다.^^ ON 스위치 만들기 도형에서 회색 그라디언트 스타일 중 '모서리가 둥근 직사각형'을 선택합니다. 크기를 너비:300pt / 높이:100pt / 모서리 반경:50pt 로 변경합니다. '고급 그라디언트 채우기'를 선택하고 반전(또는 각도:90도)으로 변경 후 색상표에서 '웹 전용 색상'을 선택, 오른쪽부터 차례대로 푸른색을 넣습니다. 안쪽 그림자 효과를 주기 위해 가장 왼쪽에 있는 색과 중간색은 최대한 왼쪽으로 가깝게 붙입니다. TIP:그라디언트 색상 추가는 그라디언트 색상 바에 가깝게 마우스 포인트를 가져가면 포.. 2024. 2. 6.
[키노트 강좌] 도형 합치기(연합)및 응용 저는 키노트에서 빠른 작업을 위해 바로 간단한 아이콘이나 이미지를 제작하는데요. 도형을 서로 합치거나 빼서 하나의 이미지를 만드는 기능을 주로 많이 사용합니다.(그룹과는 다름) 파워포인트에는 '도형(셰이프/Shape) 병합, 빼기'라 하고 키노트에서는 같은 기능을 '연합, 빼기'라고 부릅니다. 단어가 파워포인트와 다르므로 아래 예시 그림을 참조하시면 되겠습니다. 키노트에서는 서로 다른 도형을 하나로 만드는 것을 '연합'이라 하고, 교차 되는 부분만 남는 것을 '교차', 맨 위에 있는 도형 모양을 빼는 것을 '빼기', 교차 부분을 빼는 것은 '제외'라고 부릅니다. 도형 연합을 이용해 Cloud 디자인 하기 도형 모양 및 위치 잡기 서로 다른 도형을 응용해 'Cloud' 디자인을 해보겠습니다. 이 도형은 '.. 2024. 2. 3.
[키노트 강좌] 마스크를 이용한 이미지 자르기 키노트에서 이미지를 원하는 크기와 모양으로 잘라 넣고 싶은 경우, 포토샵과 같은 이미지 에디터를 사용하지 않고 간단히 '마스크'를 사용해 넣을 수 있습니다. 파워포인트의 자르기와 같은 기능으로 '크롭' 아이콘 모양(이미지 에디터도 거의 동일)을 하고 있습니다. 아쉽게도 파워포인트 만큼 많은 모양이 있지는 않지만, 충분히 키노트용으로 사용할 수 있습니다. 이미지 마스크로 자르기 원하는 이미지를 간단히 마우스로 '드래그 앤드 드롭'과 메뉴에서 '삽입>선택'을 해 슬라이드(페이지)에 추가합니다. ※설명을 하기 위해 여러 가지 이미지가 한 장에 들어 있는 이미지를 넣었습니다. 이미지를 마우스로 '두 번 클릭' 또는 오른쪽 마우스 클릭 메뉴에서 '마스크 편집'을 누르면, 마스크 편집과 이미지 크기 조절을 할 수 .. 2024. 1. 26.
[키노트 강좌] 이미지 '인스턴트 알파'로 배경 투명하게 따기 키노트로 제안서, 기획서를 작성하다 보면 외부에서 이미지를 캡처하거나 다운로드하는 경우가 많습니다. 만약 키노트에 페이지에 배경색이 있다면, 이미지와 배경색이 이질감이 생겨 보기 좋지 않은 경우가 있는데요. 키노트에서는 깔끔하게 '인스턴트 알파' 기능으로 이미지 주변부를 깔끔하게 투명하게 오려낼 수 있습니다. '인스턴트 알파'란 원하는 이미지를 제외하고 주변을 투명하게 만드는 작업인 일명 누끼(ぬき)하고 하는데요. (누끼는 일본말로 정확하게는 알파채널, 투명채널 만들기라고 해야 합니다.) 키노트는 포토샵이나 픽셀메이터등의 이미지 에디터 툴을 거치지 않고 바로 '인스턴트 알파'를 사용해 빠르게 배경을 투명하게 만들어 주변부와 자연스럽게 합성을 할 수 있습니다. '인스턴트 알파' 적용하기 위와 같이 배경이 .. 2024. 1. 22.