• Like
Keynote Kung-Fu: Black Belt
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Keynote Kung-Fu: Black Belt

  • 253,148 views
Published

Advanced Keynote topics such as environment/setup hacks, prototyping on iOS, and advanced animation

Advanced Keynote topics such as environment/setup hacks, prototyping on iOS, and advanced animation

Published in Design , Sports , Education
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
253,148
On SlideShare
0
From Embeds
0
Number of Embeds
28

Actions

Shares
Downloads
842
Comments
5
Likes
85

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. KEYNOTEBLACK BELT KUNG-FU
  • 2. Travis Isaacs@tbisaacs
  • 3. KEYNOTE INJAS WIREFRAME HOW N KUNG-FU@tbisaacs
  • 4. KEYNOTE INJAS WIREFRAME HOW N KUNG-FU@tbisaacs
  • 5. Plans Subdivisions Items Options Trade Partner Req uests Take-offs for #175 0 (The Venetian) for a ll elevations and a ll options 1200 Plumbing Fixtures 1400 Frame I Walls and J oists 1440 Windows KEYNOTE EFRAME 1450 External Doors 1460 1530 INJAS WIR HOW N KUNG-FU Framing Labor Electrical 1550 HVAC 1600 Insulate Walls 1610 Sheetrock Materia l 1630 Sheetrock Hang, T ape, Bed, and Textu re 1800 Paint 1810 Stain/Finish Cabin ets 1830 Interior Doors & T rim 1840 Interior Trim L abor@tbisaacs 1870 Insulate Cielin gs
  • 6. F1: Add Artwork F2: Mats F3: Frames F4: Finishing Plans Subdivisions Items Options TOTAL: $49 Trade Partner Req uests Align Take-offs for #175 0 Distribute (The Venetian) for a I canWall ake mColor 1: Photo of Children ll eleveditnshe d a atio s an e... optio 1200 r ll ns Plumbing Fixtures 2: Photo of Grandparen ts 1400 Frame I Walls and Image J oists Grandparents description 1440 Windows KEYNOTE Im”x e 10ag8”size Wid” 10 th x Heigh 8” EFRAME 1450 External Doors INJAS WIR 4” HOW N KUNG-FU Imrmal condition Noage condition 1460 Framing Labor Imagogtype y Phot e raph 1530 Electrical 2” 1: Children SAVE 10” x 8” 2: Grandparents D 1550 HVAC 10” x 8” Add more artwork 1600 Insulate Walls 1610 Sheetrock Materia 4” l 1630 Sheetrock Hang, T ape, Bed, and Textu re Mat Dimensions: 27” x 1800 Paint 16” 3” 1810 Stain/Finish Cabin ets 1830 Interior Doors & T rim 1840 Interior Trim L abor@tbisaacs 1870 Insulate Cielin gs
  • 7. F1: Add Artwork F2: Mats F3: Frames F4: Finishing Plans Subdivisions Items Options TOTAL: $49 Trade Partner Req uests Align Take-offs for #175 0 Distribute (The Venetian) for a I canWall ake mColor 1: Photo of Children ll eleveditnshe d a atio s an e... optio 1200 CARRIER 3G r ll 10:00 AM ns Plumbing Fixtures 2: Photo of Grandparen Accounts tbisaacs New Tweet ts 1400 Frame I Walls and Image J oists Search Timeline Grandparents description 1440 Windows KEYNOTE axbomhyperlink Im”x e 10ag8”size Wid” 10 th x Heigh 8” EFRAME I must say, I love wireframing in 1450 External Doors 1 hour INJAS WIR #keynotekungfu http://uxa.se/kkfu - 2 more pages, then 4” to #blonski off HOW N KUNG-FU Imrmal condition Noage condition 1460 Framing Labor Imagogtype y Phot e raph annettepriest prototyping for iPhone and about to 1530 Electrical 2” 1: Children compare Mockapp.com with 1 hour SAVE 10” x 8” 2: Grandparents Keynotekungfu.com. Should be an D interesting battle. 1550 HVAC 10” x 8” Add more artwork 1600 Insulate Walls gldnspud Verdict: http://keynotekungfu.com is 1 hour AWESOME. Thank you @tbisaacs!!! 1610 Sheetrock Materia 4” l 1630 Sheetrock Hang, T ape, Bed, and Textu re Mat Dimensions: 27” x @ 1800 Paint 16” 3” 1810 Stain/Finish Cabin ets 1830 Interior Doors & T rim 1840 Interior Trim L abor@tbisaacs 1870 Insulate Cielin gs
  • 8. F1: Add Artwork F2: Mats F3: Frames F4: Finishing Plans Subdivisions Items Options TOTAL: $49 Trade Partner Req uests Align Take-offs for #175 0 Distribute (The Venetian) for a I canWall ake mColor 1: Photo of Children ll eleveditnshe d a atio s an e... optio 1200 CARRIER 3G r ll 10:00 AM ns Plumbing Fixtures 2: Photo of Grandparen Accounts tbisaacs New Tweet ts 1400 Frame I Walls and Image J oists Search Timeline Grandparents description 1440 Windows KEYNOTE axbomhyperlink Im”x e 10ag8”size Wid” 10 th x Heigh 8” EFRAME I must say, I love wireframing in 1450 External Doors 1 hour INJAS WIR #keynotekungfu http://uxa.se/kkfu - 2 more pages, then 4” to #blonski off HOW N KUNG-FU slideshare.net/tbisaacs Imrmal condition Noage condition 1460 Framing Labor Imagogtype y Phot e raph annettepriest prototyping for iPhone and about to 1530 Electrical 2” 1: Children compare Mockapp.com with 1 hour SAVE 10” x 8” 2: Grandparents Keynotekungfu.com. Should be an D interesting battle. 1550 HVAC 10” x 8” Add more artwork 1600 Insulate Walls gldnspud Verdict: http://keynotekungfu.com is 1 hour AWESOME. Thank you @tbisaacs!!! 1610 Sheetrock Materia 4” l 1630 Sheetrock Hang, T ape, Bed, and Textu re Mat Dimensions: 27” x @ 1800 Paint 16” 3” 1810 Stain/Finish Cabin ets 1830 Interior Doors & T rim 1840 Interior Trim L abor@tbisaacs 1870 Insulate Cielin gs
  • 9. I got this
  • 10. Dustin Askins@dustinaskins
  • 11. It’s what we do. ™
  • 12. BLACK BELT
  • 13. NVIRONMENT R KEYNOTE ES ETTING UP YOU
  • 14. Portrait-oriented
  • 15. Blank
  • 16. Corporate docs
  • 17. Project specific
  • 18. Keynote Kung-Fu
  • 19. REDACTEDREDACTED HUGE TIME SAVER
  • 20. This thumbnail comesfrom the first slide of the deck.
  • 21. Every new file starts with the same masters
  • 22. What if I want todelete this theme?
  • 23. Blank
  • 24. Useful when you need a clean starting point, or to capture a one-off idea.
  • 25. Blank.kth Blank.zip
  • 26. Blank.kth Blank.zip
  • 27. 51 KB.
  • 28. These can safely be ignored
  • 29. 3.3 MB for a blank theme!
  • 30. Dustin’s “Augmented”Toolkit
  • 31. Window Title404
  • 32. Window Title404
  • 33. Window Titlelink
  • 34. Window Title linklink, Y U NO LINK?
  • 35. What size should I make my theme?
  • 36. 768x10241024x768 1280x720 320x480 612x792 1280x1656
  • 37. 768x10241024x768 1280x720 320x480 612x792 1280x1656
  • 38. 320x48 0 768x10241024x768 1280x720 612x79 1280x1024 1280x165 2 6
  • 39. 320x48 0 768x10241024x768 1280x720 612x79 1280x1024 1280x165 2 6
  • 40. 320x48 0 768x10241024x768 1280x720 612x79 1280x1024 1280x165 2 6
  • 41. 320x48 0 768x10241024x768 1280x720 @jacobmorse uses 1024x768 for iPhone design 612x79 1280x1024 1280x165 documentation 2 6
  • 42. 768x10241024x768 1280x720 320x480 612x792 1280x1656
  • 43. 768x10241024x768 1280x720 320x480 612x792 1280x1656
  • 44. 768x10241024x768 1280x720 320x480 612x792 1280x1656
  • 45. Perfectly prints on astandard sheet of paper
  • 46. 768x10241024x768 1280x720 320x480 612x792 1280x1656
  • 47. Also perfectly prints on astandard sheet of paper
  • 48. SIMPLETO MAKE
  • 49. 1024x768
  • 50. 768x10241024x768 1280x720 320x480 612x792 1280x1656
  • 51. Copy PasteOriginal slide size New slide size
  • 52. Keynote actually comes with over 60 frames
  • 53. ENABLING EXTRA FRAMES
  • 54. Resources /BGGraphicInspectorFrames.plist
  • 55. Blue construction paper texture is EXACTLY what this slide needs. AMIRIGHT?
  • 56. BOOM.
  • 57. The Inspector
  • 58. I expected to be able to “tear” this off
  • 59. FAIL
  • 60. Then one day...
  • 61. CK I LIKCLCC
  • 62. 7 instances
  • 63. All I really need
  • 64. L A N YA R R R D C O N F E R E N C E C O M PA N I O N
  • 65. L A N YA R R R D C O N F E R E N C E C O M PA N I O N
  • 66. DEMO L A N YA R R R D C O N F E R E N C E C O M PA N I O N
  • 67. IDE ATION
  • 68. Notes Microframes Planning Wireframing Pitch
  • 69. “Ideation”Notes Microframes Planning
  • 70. Conference App Ideas Meeting 07/11/2011 Jane Stakeholder / Travis Isaacs / Dustin AskinsBrief To wireframe...An iPhone or Android, preferably iPhone, application that can be used to find • Desktop websiteconferences beforehand and day of when attending--so many apps get this part wrong, • Mobile website What to do?you have to search when you’re there at the conference wanting to get info, geo-locate! • iPhone application Who’s there?Once you’re there, browse the schedule, get session info, mark sessions you’re • iPad applicationinterested in, and check-in to sessions once there. • Storyboad the video...Branding / Logo• Some kind of badge-like logo• Conference Companion Timeline• Lanyard - already exists! • Two weeks to wireframe• Lanyarrrd • One week to create video Kind of pirate themed? • Launch website • Launch app Jane, “Love it.”• On the site, “forrr iPhone” “forrr iPad” What’s said?Website• App store link• Screenshots• Promo video• Testimonials• Mention that it’s free to use and free to list
  • 71. Notes&Work
  • 72. Microframing
  • 73. Too big?
  • 74. Called fortoo much detail
  • 75. Less DetailMore Rapid Less Paper
  • 76. Label Label
  • 77. Conference App Ideas Meeting 07/11/2011 Jane Stakeholder / Travis Isaacs / Dustin AskinsBrief To wireframe...An iPhone or Android, preferably iPhone, application that can be used to find • Desktop website Dconferences R LANY A R R beforehand and day of when attending--so many apps get this part wrong, • Mobile websiteyou have to search when you’re there at the conference wanting to get info, geo-locate! • iPhone applicationOnce you’re there, browse the schedule, get session info, mark sessions you’re • iPad applicationinterested in, and check-in to sessions once there. • Storyboad the video...Branding / Logo• Some kind of badge-like logo• Conference Companion Timeline• Lanyard - already exists! • Two weeks to wireframe• Lanyarrrd • One week to create video Kind of pirate themed? • Launch website • Launch app Jane, “Love it.”• On the site, “forrr iPhone” “forrr iPad”Website• App store link Planning• Screenshots• Promo video• Testimonials• Mention that it’s free to use and free to list
  • 78. Timeline wireframe • Two weeks to create video • One week to D ARRRLANY • Launch web site • Launch app
  • 79. Timeline wireframe • Two weeks to create video • One week to D ARRRLANY • Launch web site • Launch app WireframeVideo Site App Launch Launch
  • 80. Timeline• Two weeks to wireframe• One week to create video• Launch website• Launch app WireframeVideo Site App Launch Launch
  • 81. Notes, Timeline & Work
  • 82. PROTOTYPESW IREFRAMES &
  • 83. Let’s review master slides KEYNOTEHOW NINJAS WIREFRAME KUNG-FU
  • 84. LESSON 3Use master slides for pagelayouts/typesAvoid endless cut-and-paste by puttingstatic elements, like navigation,backgrounds, and site “chrome” in masterslides.Master slides are free, use as many as youwant!
  • 85. Master Slide Content Slide
  • 86. Most of the work is done in here
  • 87. Recently we had a BIG project
  • 88. 2 contributors30+ masters118 slides150MB file
  • 89. 2 contributors30+ masters Cumbersome to manage118 slides150MB file
  • 90. Conference App Ideas Meeting 07/11/2011 Jane Stakeholder / Travis Isaacs / Dustin AskinsBrief To wireframe...An iPhone or Android, preferably iPhone, application that can be used to find • Desktop website Dconferences R LANY A R R beforehand and day of when attending--so many apps get this part wrong, • Mobile websiteyou have to search when you’re there at the conference wanting to get info, geo-locate! • iPhone applicationOnce you’re there, browse the schedule, get session info, mark sessions you’re • iPad applicationinterested in, and check-in to sessions once there. • Storyboad the video...Branding / Logo• Some kind of badge-like logo• Conference Companion Timeline• Lanyard - already exists! • Two weeks to wireframe• Lanyarrrd • One week to create video Kind of pirate themed? • Launch website • Launch app Jane, “Love it.”• On the site, “forrr iPhone” “forrr iPad”Website• App store link• Screenshots• Promo video• Testimonials• Mention that it’s free to use and free to list
  • 91. Private Public Activity Published to.. Redacted Activity Redacted Redacted Redacted Reda Managed by me RedactedOur notes inform a high- Redacted level “story board” Activity Redacted Redacted Activity Published to.. Redacted Published to.. Redacted Redacted Redacted Activity Redacted Redacted Managed by me Activity Redacted Redacted Redacted Redac
  • 92. Storyboard elements become groups of functionality
  • 93. Divide &Conquer
  • 94. KCLIC
  • 95. The required master slides will automatically come along when you drag
  • 96. 1 23 4 Travis’s Deck Dustin’s Deck5 1 2 Merged Deck 3 4 5
  • 97. wo rking IN a theme file vsworking FROM a theme file
  • 98. vs
  • 99. vs
  • 100. preference
  • 101. Wireframing != Visual Design
  • 102. D ARRRLANY CARRIER 3G 10:00 AM Back Keynote Kung-Fu... Saturday, July 16th, 2011 at 2:00pm Keynote Kung-Fu: Black Belt You already use Keynote to create dazzling presentations, polished wireframes, and scrappy prototypes. But now its time to earn your Keynote black belt. Travis Isaacs and Dustin Askins will roundhouse kick their way through advanced Keynote usage: • Creating motion graphics and animation • Advanced animation controls and timing • Creating your own per-project themes • Creating your own default shape styles • Creating wireframes on the iPad • Porting your prototype to be used in a browser - Testing a prototype on the iPhone • And many other hidden gems and uses of Keynote that you didnt know about Check In
  • 103. D ARRRLANY CARRIER 3G 10:00 AM Back Keynote Kung-Fu... Saturday, July 16th, 2011 at 2:00pm Keynote Kung-Fu: Black Belt You already use Keynote to create dazzling presentations, polished wireframes, and scrappy prototypes. But now its time to earn your Keynote black belt. Travis Isaacs and Dustin Askins will roundhouse kick their way through advanced Keynote usage: • Creating motion graphics and animation • Advanced animation controls and timing • Creating your own per-project themes • Creating your own default shape styles • Creating wireframes on the iPad • Porting your prototype to be used in a browser - Testing a prototype on the iPhone • And many other hidden gems and uses of Keynote that you didnt know about Check In
  • 104. D ARRRLANY CARRIER 3G 10:00 AM Back Keynote Kung-Fu... Saturday, July 16th, 2011 at 2:00pm Keynote Kung-Fu: Black Belt You already use Keynote to create dazzling presentations, polished wireframes, and scrappy prototypes. But now its time to earn your Keynote black belt. Travis Isaacs and Dustin Askins will roundhouse kick their way through advanced Keynote usage: • Creating motion graphics and animation • Advanced animation controls and timing • Creating your own per-project themes • Creating your own default shape styles • Creating wireframes on the iPad • Porting your prototype to be used in a browser - Testing a prototype on the iPhone • And many other hidden gems and uses of Keynote that you didnt know about Check In
  • 105. This is a native shape, so changing the color is easy. D ARRRLANY CARRIER 3G 10:00 AM Back Keynote Kung-Fu... Saturday, July 16th, 2011 at 2:00pm Keynote Kung-Fu: Black Belt You already use Keynote to create dazzling presentations, polished wireframes, and scrappy prototypes. But now its time to earn your Keynote black belt. Travis Isaacs and Dustin Askins will roundhouse kick their way through advanced Keynote usage: • Creating motion graphics and animation • Advanced animation controls and timing • Creating your own per-project themes • Creating your own default shape styles • Creating wireframes on the iPad • Porting your prototype to be used in a browser - Testing a prototype on the iPhone • And many other hidden gems and uses of Keynote that you didnt know about Check In
  • 106. D ARRRLANY Cancel Check In Check In Keynote Kung-Fu: Black Belt What are you doing? But this is a Pictos icon... Share Facebook ON Twitter ON Twitter Value Q W E R T Y U I O P A S D F G H J K L Z X C V B N M .?123 space Search
  • 107. D ARRRLANY Cancel Check In Check In Keynote Kung-Fu: Black Belt What are you doing? Share Facebook ON Twitter ON Twitter Value Q W E R T Y U I O P A S D F G H J K L Z X C V B N M .?123 space Search
  • 108. D ARRRLANY Cancel Check In Check In Keynote Kung-Fu: Black Belt What are you doing? Share Facebook ON Twitter ON Twitter Value Q W E R T Y U I O P A S D F G H J K L Z X C V B N M .?123 space Search
  • 109. D ARRRLANY Cancel Check In Check In Keynote Kung-Fu: Black Belt What are you doing? Share Facebook ON Twitter ON Twitter Value Q W E R T Y U I O P A S D F G H J K L Z X C V B N M .?123 space Search
  • 110. D ARRRLANY Cancel Check In Check In Keynote Kung-Fu: Black Belt What are you doing? Share Facebook ON Twitter ON Twitter Value Q W E R T Y U I O P A S D F G H J K L Z X C V B N M .?123 space Search
  • 111. D ARRRLANY Cancel Check In Check In Keynote Kung-Fu: Black Belt What are you doing? Share Facebook ON Twitter ON Twitter Value Q W E R T Y U I O P A S D F G H J K L Z X C V B N M .?123 space Search
  • 112. D ARRRLANY Cancel Check In Check In Keynote Kung-Fu: Black Belt What are you doing? Share Facebook ON Twitter ON Twitter Value Q W E R T Y U I O P A S D F G H J K L Z X C V B N M .?123 space Search
  • 113. Let’s talk about masking..
  • 114. You could just drop shape from Illustrator, but..
  • 115. Mail Search Print Radiation
  • 116. We like just having a single Mail Search Print Radiation PDF sheet in our toolkit.
  • 117. Mail Search Print Radiation
  • 118. Mail Search Print Radiation
  • 119. Mail Search Print Radiation
  • 120. Mail Search Print Radiation
  • 121. Mail Search Print Radiation
  • 122. Mail Search Print Radiation
  • 123. Mail Search Print Radiation
  • 124. Radiat
  • 125. Arrow Key:Move 1 pixel at a time
  • 126. Shift+ Arrow Key:Move 10 pixels at a time
  • 127. Shift+ Drag:Constrain Movement
  • 128. Shift+ Resize:Resize Proportionally
  • 129. Option+Resize:Resize fromcenter
  • 130. Insanely portable
  • 131. http://www.flickr.com/photos/wicho/4532824380/
  • 132. http://www.flickr.com/photos/ippei-janine/5804239132/sizes/o/in/photostream/
  • 133. http://www.flickr.com/photos/jamesreeve/5930449160/sizes/l/in/photostream/
  • 134. Fully functional* *if you are working solely on the iPad
  • 135. The Starbucks factor
  • 136. You can have any slidesize that you want, as long as it’s 1024x768
  • 137. No “action” builds
  • 138. No locked objects
  • 139. No custom master slides
  • 140. Too bad.
  • 141. You can’t edit grouped elements
  • 142. No linking betweenobjects and slides
  • 143. Button
  • 144. Button
  • 145. Button
  • 146. Button
  • 147. Button
  • 148. & PRES ENTINGPROTOTYPING
  • 149. We’ve got to show this tosomeone...how do we do it?
  • 150. iPad 10:00 AM Conferenc es Nearby We’ve got to show this to 2:00pm someone...how do we do it?CARRIER 3G 10:00 AM Conferences Nearby forrr iPhone forrr iPad L A N YA R R R D July 14-16 in Dallas TX CONFERE NCE COM PA N I O N  Free to use th e app! Free to list yo ur conference ! iPhone Scree nshots I’m There Many apps h ave tried to d Lanyarrrd d o this right, oes it rrrr’ig ht! iPad Screens hots Makes it easi nces er to decide in Search For Other Confere what session s to attend. advance rch Conferences I was able
  • 151. We could just press play in Keynote, but that misses the context
  • 152. It needs to be here
  • 153. So let’s slice it up!
  • 154. Normally when wireframing, youfocus on creating pages and layouts Travis’s Deck
  • 155. Instead of creating pages, create logical groups, or chunks of functionality Travis’s Deck
  • 156. Now we have our slices. Wrap them in some really simple HTML
  • 157. What about interactivity? Like a modal window for example Travis’s Deck
  • 158. Please Register Travis’s Deck
  • 159. PYPlease Register CO Travis’s Deck
  • 160. Just paste into Photoshop as a smart object.
  • 161. Now, with just a little bit of JS, you have full interactivity
  • 162. Now, with just a little bit of JS, you have full interactivity C LI CK
  • 163. Now, with just a little bit of JS, you have full interactivityPlease Register C LI CK
  • 164. Presenting on the iPadhttp://www.flickr.com/photos/otivo/5489295621/sizes/l/in/photostream/
  • 165. Limited by file size
  • 166. FACEPALM
  • 167. Dropbox
  • 168. TAP
  • 169. The slideaction isdisruptive tothe prototype
  • 170. Let’s try iBooks!
  • 171. Let’s try GoodReader
  • 172. It looks complex upon initial view...
  • 173. Looks promising.
  • 174. Looks promising. TAP
  • 175. Nailed it.
  • 176. Worth mentioning:
  • 177. PROM OTIONTHE PITCH &
  • 178. DESIGN THINKING
  • 179. AnnotateAnnotate Annotate Annotate
  • 180. NOT a list
  • 181. Day of
  • 182. Before or After
  • 183. Silhouette
  • 184. Silhouette
  • 185. D ARRRLANY
  • 186. D ARRRLANY “ “ Responsive Web Design
  • 187. D ARRRLANY
  • 188. D ARRRLANY
  • 189. D ARRRLANY
  • 190. TELL A STORY
  • 191. Outline Story Welcome Setting UpAdvanced Animation Ideation Custom Themes Wireframing Keynote on iOS Prototyping Prototyping Display Slide Dimensions Pitch Division of Labor Promotion Hacks & Tips Closing
  • 192. Animation& Keynote Video
  • 193. D ARRRLANY
  • 194. Management Conference 5,000 Employees “2 weeks from now”
  • 195. Management Conference We dont... 5,000 video. Employees “2 weeks from now”
  • 196. Management Conference 5,000 Employees “2 weeks from now”
  • 197. D ARRRLANY
  • 198. Builds - In / Out (automated)Transition-like animations
  • 199. Actions (manual)Everything once on the slide
  • 200. Actions (manual)Everything once on the slide
  • 201. Actions (manual)Everything once on the slide
  • 202. Actions (manual)Everything once on the slide
  • 203. Actions (manual)Everything once on the slide
  • 204. Actions (manual)Everything once on the slide
  • 205. Actions (manual)Everything once on the slide
  • 206. Actions (manual)Everything once on the slide
  • 207. Builder Order Draweris your friend
  • 208. Builder Order Draweris your friend
  • 209. Builder Order Draweris your friend
  • 210. Builder Order Draweris your friend
  • 211. Order...
  • 212. Start...
  • 213. Start...
  • 214. Delay...
  • 215. Duration...
  • 216. Sorry, Slideshare. You had to be there for this one.AMAZING TRANSITION
  • 217. AMAZING TRANSITION
  • 218. (Animation)
  • 219. You could animate the group...
  • 220. 10:00 AMCARRIER 3G Big Design Conference TODAY2:00pm Keynote Kung-Fu: Black Belt Travis Isaacs & Dustin Askins Trinity Ballroom Game User Research Heather Desurvire Addison Lecture Hall Slay The Legacy Code Beast Caleb Jenkins Chinaberry Room
  • 221. But there AMlot of 10:00 a moving parts, could getCARRIER 3G messy.. Big Design Conference TODAY2:00pm Keynote Kung-Fu: Black Belt Travis Isaacs & Dustin Askins Trinity Ballroom Game User Research Heather Desurvire Addison Lecture Hall Slay The Legacy Code Beast Caleb Jenkins Chinaberry Room
  • 222. Instead, we like to animate a PDF
  • 223. PDF Keynote
  • 224. If this is no big deal to you..
  • 225. BLACK BELT
  • 226. You might be a black belt alreadyBLACK BELT
  • 227. This can get crazy to manage
  • 228. slide1slide2
  • 229. slide1This animation actually has two distinct parts slide2
  • 230. slide1slide2
  • 231. slide1The zoom, and the title wipe.. slide2
  • 232. slide1slide2
  • 233. slide1So we’ll split them up over two slides. slide2
  • 234. slide1Invisible Transition slide2
  • 235. This will make the slide auto-advance
  • 236. The zoom animation stays here
  • 237. Automaticallytransition to this slide...
  • 238. 6655033
  • 239. Keynote Quicktime
  • 240. You may need iMovie to fade music in/out
  • 241. forrr forrr iPhone iPad L A N YA R R R D C O N F E R E N C E C O M PA N I O N ! Free to use the app! Free to list your conference!iPhone Screenshots Many apps have tried to do this right, Lanyarrrd does it rrrr’ight!
  • 242. ?@tbisaacs @dustinaskins @improving keynotekungfu.com
  • 243. if there’s time... ?@tbisaacs @dustinaskins @improving keynotekungfu.com