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