레이블이 키노트인 게시물을 표시합니다. 모든 게시물 표시
레이블이 키노트인 게시물을 표시합니다. 모든 게시물 표시

2012년 5월 2일 수요일

[아이북스 오서/iBooks Author] Keynote로 슬라이드 뷰어 만들어서 iBooks Author에 삽입하기


Keynote를 실행시켜 먼저 적당한 슬라이드 크기를 설정합니다. 설정 > 도큐멘트 > 도큐멘트 탭에서 슬라이드 크기를 클릭합니다. 본 예제는 800 x 600 pixel로 설정되었습니다.
Tip: 지원하지 않는 슬라이드 크기를 설정할 때는 사용자 설정 슬라이드 크기를 선택하여 대화상자에서 직접 입력합니다.


이번에는 프리젠테이션 메뉴에서 하이퍼링크 전용을 선택합니다.

첫번째 슬라이드를 만듭니다. 그림처럼 드래그 앤 드롭을 이용하여 5개의 그림을 배치하고 크기와 위치를 적당히 조절합니다.


화면 좌측의 첫번째 그림을 선택한 후 속성 > 하이퍼링크 탭을 선택합니다. 하이퍼링크로 활성화를 체크하고, 첫번째 슬라이드를 선택합니다.


이번에는 좌측 두번째 그림부터 네번째 그림까지 투명도를 조절합니다. 투명도를 조절하여 사진이 Off 된 것으로 표시합니다. 속성 > 그래픽 탭의 불투명도 옵션에서 30%로 설정합니다.
Tip: 세번째 그림과 네번째 그림에서 붙투명도 옵션을 속성을 이용하지 않고 설정하려면 두번째 그림을 선택한 후 스타일 복사, 세번째와 네번째 그림을 선택한 후 스타일 붙이기를 하면 더욱 편리합니다.


좌측 네번째 그림을 설정하여 속성 > 하이퍼링크로 활성화를 체크하고, 마지막 슬라이드를 선택합니다.


두번째, 세번째, 네번째 슬라이드를 만들기 위해서 좌측 사이드 바 메뉴에서 첫번째 슬라이드를 선택하여 마우스 우클릭한 후, 베껴두기 (Command-C)를 선택합니다.



다시 우클릭하여 붙이기 (Command-V)를 두번 실행하여 같은 슬라이드를 세 장 복사합니다. 총 네 장의 슬라이드를 만듭니다.



이번에는 두번째 슬라이드를 편집합니다. 먼저 우측 메인 이미지 그림을 변경하고자 하는 이미지로 대체합니다. 이 슬라이드에서는 좌측 첫번째 그림의 불투명도를 30%로 변경하고 두번째 그림의 불투명도를 100%로 변경합니다.

좌측 두번째 그림의 하이퍼링크를 변경합니다. 좌측 두번째 그림을 선택하고 속성 > 하이퍼링크 탭에서 하이퍼링크로 활성화를 선택하고 슬라이드를 2로 변경합니다.

세번째 슬라이드를 편집합니다. 마찬가지로 메인 이미지를 변경합니다.

좌측 첫번째 그림의 불투명도를 30%로 설정하고 세번째 그림의 불투명도를 100%로 설정합니다.
좌측 두번째 그림의 하이퍼링크를 속성 > 하이퍼링크에서 슬라이드 2로 변경합니다. 좌측 세번째 그림의 하이퍼링크를 속성 > 하이퍼링크에서 슬라이드 3으로 변경합니다.

마지막 네번째 슬라이드를 편집합니다. 먼저 메인 이미지를 대체합니다.
좌측 첫번째 그림의 불투명도를 30%로 설정하고 네번째 그림의 불투명도를 100%로 설정합니다.
좌측 두번째 그림에서 속성 > 하이퍼링크 탭에서 슬라이드2로 변경합니다. 좌측 세번째 그림의 하이퍼링크를 속성 > 하이퍼링크에서 슬라이드 3으로 변경합니다.

다시 첫번째 슬라이드로 돌아와서 좌측 두번째 그림에서 속성 > 하이퍼링크 탭에서 슬라이드2로 변경합니다. 좌측 세번째 그림의 하이퍼링크를 속성 > 하이퍼링크에서 슬라이드 3으로 변경합니다.

도구 막대에서 재생을 선택하여 잘 작동하는지 확인합니다.

파일을 저장한 후 드래그 앤 드롭을 통해 iBooks Author에 삽입합니다.









2012년 3월 4일 일요일

[아이북스 오서/iBooks Author] 사용법: Keynote html의 삽입

iBooks Author에서는 키노트 파일 (.key)를 삽입할 수 있을 뿐만 아니라, Keynote html 파일의 삽입이 가능합니다.

즉 키노트 파일 형태가 바로 html5 형태로 전환되어 iBooks Author에 임베딩됩니다. 아래는 삽입되어서 작동되는 예제를 동영상으로 변환하였습니다. 

개인적으로는 iBooks Author의 가장 강력한 인터랙티브 기능은 역시 html5의 삽입입니다. 이를 통하여 많은 형태의 멀티미디어적인 요소의 추가가 가능합니다.


Keynote에서 html 형식으로 로 보내기

Keynote에서 공유>보내기 를 선택합니다. 아래 화면에서 HTML 탭을 선택합니다. 다음을 클릭하면

아래와 같은 화면이 나오 보내기를 하면 폴더 형태로 저장이 됩니다.


생성된 html예제 폴더를 드래그 앤 드롭 방식으로 iBooks Author에 삽입합니다.


지원되는 전환 효과와 빌드 효과들

그러나 Keynote에 있는 모든 전화효과와 빌드 효과를 이용할 수는 없습니다. 다음과 같은 효과만을 이용할 수 있습니다.

화면 전환: 이동 마법사, 큐브, 디졸브, 드롭, 뒤집기, 모션, 디졸브, 안으로 들어오기, 피벗, 푸시, 나타내기, 크기 조절, 소용돌이
빌드: 나타남/사라짐, 큐브, 디졸브, 드롭, 안으로 이동/밖으로 이동, 피벗, 크기 조절, 소용돌이
지원되지 않는 빌드와 영상 효과는 디졸브로 대체됩니다.





2012년 2월 26일 일요일

[키노트/Keynote] 화면 전환 효과

Keynote에서는 빌드인, 빌드아웃 효과 뿐만 아니라, 다양한 화면 전환 효과를 제공합니다.

이전 포스트에서 말씀 드린 것 처럼, 이 동영상은 맥용 Keynote에서 작성하였습니다.
마찬가지로 일부 화면 전화 효과는 iPad용 Keynote에서는 나타나지 않습니다.


[키노트/Keynote] 텍스트 상자에서 빌드인 효과

Keynote는 마이크로소프트의 파워포인트에 비해 재미있는 효과를 좀 더 줄 수 있습니다.

맥에서 제작되었습니다. 이 중 일부 기능은 iPad용 Keynote에서는 나타나지 않습니다.

살펴 볼 내용은 텍스트 상자에서의 다양한 빌드인 효과입니다.


2012년 2월 23일 목요일

[키노트/Keynote] 예제: Keynote로 만든 동영상

Keynote는 애플에서 나온 프리젠테이션용 소프트웨어 입니다.

Kyenote는 Mac 용과 아이패드용이 나옵니다. 가격은 각각 19.99달러, 9.99달러입니다.
이를 이용하면 간단하게 동영상을 만들 수 있습니다.



간단하게 이런 동영상을 만든다면 좋은 툴입니다.
제작시간이 짧고 쉽게 변형이 가능합니다.