본문 바로가기

분류 전체보기17

[키노트 강좌] 도형 합치기(연합)및 응용 저는 키노트에서 빠른 작업을 위해 바로 간단한 아이콘이나 이미지를 제작하는데요. 도형을 서로 합치거나 빼서 하나의 이미지를 만드는 기능을 주로 많이 사용합니다.(그룹과는 다름) 파워포인트에는 '도형(셰이프/Shape) 병합, 빼기'라 하고 키노트에서는 같은 기능을 '연합, 빼기'라고 부릅니다. 단어가 파워포인트와 다르므로 아래 예시 그림을 참조하시면 되겠습니다. 키노트에서는 서로 다른 도형을 하나로 만드는 것을 '연합'이라 하고, 교차 되는 부분만 남는 것을 '교차', 맨 위에 있는 도형 모양을 빼는 것을 '빼기', 교차 부분을 빼는 것은 '제외'라고 부릅니다. 도형 연합을 이용해 Cloud 디자인 하기 도형 모양 및 위치 잡기 서로 다른 도형을 응용해 'Cloud' 디자인을 해보겠습니다. 이 도형은 '.. 2024. 2. 3.
[키노트 강좌] 마스크를 이용한 이미지 자르기 키노트에서 이미지를 원하는 크기와 모양으로 잘라 넣고 싶은 경우, 포토샵과 같은 이미지 에디터를 사용하지 않고 간단히 '마스크'를 사용해 넣을 수 있습니다. 파워포인트의 자르기와 같은 기능으로 '크롭' 아이콘 모양(이미지 에디터도 거의 동일)을 하고 있습니다. 아쉽게도 파워포인트 만큼 많은 모양이 있지는 않지만, 충분히 키노트용으로 사용할 수 있습니다. 이미지 마스크로 자르기 원하는 이미지를 간단히 마우스로 '드래그 앤드 드롭'과 메뉴에서 '삽입>선택'을 해 슬라이드(페이지)에 추가합니다. ※설명을 하기 위해 여러 가지 이미지가 한 장에 들어 있는 이미지를 넣었습니다. 이미지를 마우스로 '두 번 클릭' 또는 오른쪽 마우스 클릭 메뉴에서 '마스크 편집'을 누르면, 마스크 편집과 이미지 크기 조절을 할 수 .. 2024. 1. 26.
무료 SVG, PNG 아이콘 사이트 https://www.veryicon.com/ Free SVG, PNG Icons, Vector Icons Search And Downloads in VeryIcon.com www.veryicon.com 웹,앱 디자인이나 개발중 SVG, PNG 형태의 이미지 아이콘이 필요한 경우가 있습니다. 50만개의 무료 아이콘을 제공하며, 컬러 형태도 제공하고 있습니다. 필요하실 때 유용하게 쓰셨으면 합니다. SVG는 단일 파일이며, PNG는 16px ~ 512px까지 지원합니다. 2024. 1. 23.
[키노트 강좌] 이미지 '인스턴트 알파'로 배경 투명하게 따기 키노트로 제안서, 기획서를 작성하다 보면 외부에서 이미지를 캡처하거나 다운로드하는 경우가 많습니다. 만약 키노트에 페이지에 배경색이 있다면, 이미지와 배경색이 이질감이 생겨 보기 좋지 않은 경우가 있는데요. 키노트에서는 깔끔하게 '인스턴트 알파' 기능으로 이미지 주변부를 깔끔하게 투명하게 오려낼 수 있습니다. '인스턴트 알파'란 원하는 이미지를 제외하고 주변을 투명하게 만드는 작업인 일명 누끼(ぬき)하고 하는데요. (누끼는 일본말로 정확하게는 알파채널, 투명채널 만들기라고 해야 합니다.) 키노트는 포토샵이나 픽셀메이터등의 이미지 에디터 툴을 거치지 않고 바로 '인스턴트 알파'를 사용해 빠르게 배경을 투명하게 만들어 주변부와 자연스럽게 합성을 할 수 있습니다. '인스턴트 알파' 적용하기 위와 같이 배경이 .. 2024. 1. 22.
[키노트 소스] 물방울&젤리 소스 공개 이번에 공개하는 키노트 소스는 '물방울&젤리'입니다. 이상하게 물방울을 만들려고 했는데 느낌이 먹는 젤리 느낌도 나서 2가지 이름을 썼습니다. 용도에 맞게 사용하시면 되겠습니다.^^ 본 소스의 저작권은 UMzzang.com에 있으며, 수정하여 개인 용도로 사용이 가능하나, 배포 및 제 배포, 판매는 할 수 없습니다. 2024. 1. 19.
[css] 그라데이션을 쉽게 만들어 주는 사이트 버튼이나 백그라운드에 그라데이션을 넣고 싶을때 유용하게 이용할 수 있는 사이트 입니다. https://cssgradient.io/ CSS Gradient — Generator, Maker, and Background As a free css gradient generator tool, this website lets you create a colorful gradient background for your website, blog, or social media profile. cssgradient.io 원하는 색상을 선택할 수 있고 투명도도 조절할 수 있습니다. 또한, 방향도 조정할 수 있습니다. 원하는 그라데이션을 선택하여 아래 코드를 복사해서 넣어 주면 적용이 됩니다. 2024. 1. 18.
[키노트 강좌] 키노트로 아이폰7 인트로 애니메이션 만들기 키노트의 애니메이션 효과는 MS 파워포인트와는 다르게 간결하면서도 부드럽고 멋스러운 애니메이션이 가능합니다. MS 파워포인트보다는 효과의 종류가 많지 않지만, 충분히 멋스러운 프레젠테이션과 잘 만들면 영상용 타이틀로도 사용할 수 있을 만큼의 좋은 퀄리티도 뽑아 낼 수 있습니다. 저번에 제가 만든 아이폰7 키노트를 이용해 '아이폰7 인트로 애니메이션'을 만들어 보도록 하겠습니다. 결과물은 이해하기 쉽도록 키노트 파일을 첨부했습니다. 1. iPhone 글씨 애니메이션 효과주기 아이폰7 이미지를 가장 아래에 두고 iPhone과 7 글씨를 원하는 크기와 위치로 디자인합니다. 키노트의 오른쪽 위 끝 '애니메이션'을 선택. 빌드인 동작, 빌드아웃 중 빌드인을 선택합니다. 빌드인은 페이드 인과 같은 효과이며, 동작은.. 2024. 1. 14.
[키노트 소스] Cook 디자인 키노트 소스 공개 음식, 요리, 식자재 등의 프레젠테이션이나 디자인 등에 사용할 수 있는 무료 키노트 소스입니다. 그룹으로 묶어져 있으므로 그룹을 해제하여 수정하시면 되겠습니다. 샘플로 넣은 일본어는 폰트가 다르고 내용이 다를 수 있으니 참조만 하시면 되겠습니다.^^ 본 소스의 저작권은 nekojapan.com에 있으며, 수정하여 개인 용도로 사용이 가능하나, 배포 및 제 배포, 판매는 할 수 없습니다. 2024. 1. 11.