Better Digital Storytelling with a Smartphone: Core Design Elements
1 like438 views
際際滷s for a workshop for an audience of international journalists visiting DePaul University in Chicago, June 2016. Workshop learning objectives: 1) Understand key concepts in digital storytelling, as applied to news production, and be able to apply to story development on current political news example; 2) Improve photography with a smart phone for using in social media and/or digital news stories, plus in-the-field activity to practice concepts; and 3) Using Snapseed photo editing application to edit photos on a smart phone.
Better Digital Storytelling with a Smartphone: Core Design Elements
- 1. Jill 油Hopke 油 油 @jillhopke 油 Be#er 油Digital 油Storytelling 油with 油a 油 Smartphone: 油Core 油Design 油Elements 油 油
- 2. Workshop 油Overview 油 油 油 油Core 油design 油elements 油 油In-足the-足Field 油Exercise: 油PracBce 油Concepts 油at 油 油Millennium 油Park 油 油 油 油Photo 油ediBng 油in 油Snapseed 油
- 4. Linear 油PerspecBve 油 ≒ Strong 油percepBve 油 e鍖ect 油 ≒ Diagonal 油lines 油 suggest 油depth 油 ≒ Adds 油visual 油tension 油 and 油sense 油of 油 movement 油 ≒ Viewpoint 油 determines 油degree 油 of 油convergence 油 ≒ Lens 油focal 油length 油 (wide-足angle 油vs. 油 telephoto) 油changes 油 perspecBve 油 HADRIAN'S 油WALL 油 油 Hadrian's 油Wall 油at 油Housesteads, 油Cumbria. 油Stretching 油73 油miles 油across 油Northern 油England 油from 油the 油 Solway 油to 油the 油Tyne, 油it 油was 油built 油by 油the 油Roman 油Emperor 油Hadrian, 油who 油arrived 油in 油Britain 油in 油AD 油122, 油 as 油protecBon 油from 油marauding 油tribesmen 油from 油the 油north. 油息Michael 油Freeman 油 油 Source: 油Freeman, 油M. 油(n.d.). 油Hadrian's 油wall. 油Retrieved 油from 油h^p://goo.gl/TAuI29 油 油 油 油
- 5. Diminishing 油PerspecBve 油 Perspec:ve 油and 油Depth 油 ≒ Form 油of 油linear 油 perspecBve 油 ≒ Works 油with 油similar 油 objects, 油e.g. 油line 油of 油trees 油 ≒ Objects 油appear 油to 油be 油 geang 油smaller 油 ≒ Establish 油perspecBve 油with 油 familiar 油object 油giving 油 standard 油of 油scale 油 ≒ Works 油with 油placement 油 and 油overlap 油 息equitus 油 油 Source: 油Bray, 油S. 油(2011, 油Dec. 油8). 油Maximizing 油perspecBve 油and 油depth 油in 油 your 油photography. 油Retrieved 油from 油 h^p://photography.tutsplus.com/arBcles/maximizing-足perspecBve-足 and-足depth-足in-足your-足photography-足-足photo-足8302 油 油 油 油 油
- 6. Contrast 油
- 7. ≒ RevoluBon 油in 油design 油 theory 油(ca. 油1920s) 油 ≒ School 油of 油design 油and 油 architecture 油 油 ≒ Founded 油 油by 油Walter 油 Gropius 油in 油1919 油in 油 Dessau, 油Germany 油 ≒ Linkages 油to 油Chicagos 油 New 油Bauhaus 油schools 油 油 Bauhaus 油and 油Design 油Theory 油 油 Bauhaus 油Dessau 油Workshop 油by 油Thomas 油Lehmann 油 4 油February 油1987 油 油 Source: 油German 油Federal 油Archive. 油(1987, 油Feb. 油4). 油Dessau, 油Bauhaus. 油Retrieved 油from 油 h^ps://commons.wikimedia.org/wiki/ File:Bundesarchiv_Bild_183-足1987-足0204-足305,_Dessau,_Bauhaus.jpg 油 油 油 油
- 8. Johannes 油I^ens 油Theory 油of 油ComposiBon 油 Paul 油Stockmar, 油Portrait 油of 油Johannes 油I^en, 油no 油date 油 Kunstmuseum 油Bern, 油I^en-足SBlung 油 Source: 油___. 油(n.d.). 油Johannes 油I^en. 油Retrieved 油from 油 h^p://bauhaus-足online.de/en/atlas/personen/johannes-足 i^en 油 油 ≒ Johannes 油I^en 油(1888-足1967) 油 taught 油at 油Bauhaus 油in 油the 油early 油 1920s, 油in 油the 油Basic 油Course 油 ≒ His 油Theory 油of 油ComposiBon 油is 油 based 油on 油concept 油of 油contrasts 油 油 ≒ Basic 油way 油to 油compose 油an 油image 油 or 油photograph 油 油
- 9. I#ens 油Contrasts 油 Point 油/ 油line 油 Area 油/ 油line 油 Plane 油/ 油volume 油 Area 油/ 油body 油 Large 油/ 油small 油 Line 油/ 油body 油 High 油/ 油low 油 Smooth 油/ 油rough 油 Long 油/ 油short 油 Hard 油/ 油sol 油 Broad 油/ 油narrow 油 SBll 油/ 油moving 油 Thick 油/ 油thin 油 Light 油/ 油heavy 油 Light 油/ 油dark 油 Transparent 油/ 油opaque 油 Black 油/ 油white 油 ConBnuous 油/ 油intermi^ent 油 Much 油/ 油li^le 油 Liquid 油/ 油solid 油 Straight 油/ 油curved 油 Sweet 油/ 油sour 油 Pointed 油/ 油blunt 油 Strong 油/ 油weak 油 Horizontal 油/ 油verBcal 油 Loud 油/ 油sol 油 Diagonal 油/ 油circular 油 I^ens 油Contrasts 油Applied 油to 油Photography 油 Freeman 油 (2007), 油Page 油34 油
- 10. Many 油vs. 油One 油 Freeman 油(2007), 油Page 油34 油
- 11. Figure 油and 油 Ground 油
- 12. ≒ Your 油brain 油looks 油for 油a 油 subject 油and 油background 油 ≒ First, 油decide 油on 油point 油of 油 interest 油(e.g. 油person, 油 object) 油 ≒ Second, 油choose 油 background 油 ≒ Use 油ambiguity 油to 油your 油 advantage 油(e.g. 油 silhoue^es) 油 ≒ Adds 油tension 油and 油 interest 油 油 Figure 油and 油Ground 油 息 油Henri 油CarBer-足Bresson/Magnum 油Photos 油 FRANCE. 油The 油Var 油department. 油Hy竪res 油(1932). 油 油 Source: 油Magnum 油Photos. 油(n.d.). 油Henri 油CarBer-足 Bresson. 油Retrieved 油from 油h^p://goo.gl/i9ZVLv 油 油
- 13. Figure-足Ground 油RelaBonship 油 息 油Henri 油CarBer-足Bresson/Magnum 油Photos 油 FRANCE. 油The 油Var 油department. 油Hy竪res 油(1932). 油 油 Source: 油Magnum 油Photos. 油(n.d.). 油Henri 油CarBer-足Bresson. 油 Retrieved 油from 油h^p://goo.gl/i9ZVLv 油 油 Source: 油Leaf 油Glover, 油T. 油(2016, 油Jan. 油30). 油10 油myths 油about 油the 油 rule 油of 油thirds. 油PetaPixel. 油Retrieved 油from 油 h^p://petapixel.com/2016/01/30/10-足myths-足about-足the-足rule-足 of-足thirds/ 油 油 油
- 14. Balance 油
- 15. Which 油image 油do 油you 油like 油be^er? 油Why? 油 Freeman 油(2007), 油Pages 油40-足41 油
- 16. StaBc 油Balance 油 Freeman 油(2007), 油Page 油40 油 ≒ ResoluBon 油of 油 tension 油 ≒ Sense 油of 油Harmony 油 ≒ Equilibrium 油
- 17. An 油expressive 油picture 油is 油by 油 no 油means 油always 油 harmonious 油 油 Michael 油Freeman 油(2007, 油p. 油41) 油
- 18. ≒ Adds 油tension 油 ≒ Dynamic 油balance 油 油 油is 油more 油visually 油 油interesBng 油 ≒ Eye 油searches 油for 油 balance 油 Imbalance 油 Freeman 油(2007), 油Page 油41 油 ≒ Where 油to 油place 油point 油of 油 interest 油is 油a 油design 油choice 油 油
- 19. Placement 油
- 20. Rule 油of 油Thirds 油 Adds 油visual 油interest 油 ≒ Basic 油composiBon 油technique 油 油 ≒ Divides 油frame 油into 油nine 油 secBons 油 ≒ Place 油objects 油along 油gridlines 油 Source: 油CreaBve 油Market. 油(2014, 油Aug. 油4). 油Photography: 油15 油 great 油examples 油of 油the 油rule 油of 油thirds 油in 油acBon. 油Retrieved 油from 油 h^ps://creaBvemarket.com/blog/2014/08/04/ photography-足15-足great-足examples-足of-足the-足rule-足of-足thirds-足in-足 acBon 油 油
- 21. Breaking 油the 油Rule 油of 油Thirds 油 Centered 油movement 油 enhances 油visual 油interest 油 Boy 油on 油Trampoline 油by 油James 油Nachtwey, 油NaBonal 油 Geographic 油 油 Source: 油NaBonal 油Geographic. 油(n.d.). 油Photo 油gallery: 油Breaking 油the 油rules. 油Retrieved 油 from 油 h^p://photography.naBonalgeographic.com/photography/photo-足Bps/breaking-足 the-足rules/#/boy-足jump-足trampoline_37471_600x450.jpg 油 油
- 22. Horizon 油
- 23. ≒ Low 油placement 油 increases 油feeling 油 of 油stability 油 ≒ Works 油with 油sky 油/ 油 ground 油and 油other 油 concepts 油from 油 today 油(e.g. 油 balance) 油 ≒ Experiment! 油 Horizon 油 Freeman 油(2007), 油 Page 油29 油
- 24. VerBcal 油Lines 油
- 25. ≒ Uses 油force 油of 油gravity 油 ≒ Can 油show 油power 油and 油 strength 油 ≒ Alignment 油is 油key 油 ≒ Can 油work 油with 油 horizontal 油lines 油to 油 create 油sense 油of 油balance 油 VerBcal 油Lines 油 Rights 油Angles 油(Bankia 油Tower) 油by 油 Shemsu.Hor 油(2014) 油 油 Source: 油 h^ps://www.鍖ickr.com/photos/shemsu_hor/14042149196/in/ photostream/ 油 油 油
- 26. Photography 油Master 油 Ansel 油Adams 油and 油Ligh:ng 油
- 27. ≒ Born 油in 油San 油Francisco 油 油 ≒ Known 油for 油nature 油 photography 油and 油 landscapes 油 ≒ Lifelong 油member 油of 油the 油 Sierra 油Club 油 ≒ Master 油of 油lighBng, 油 using 油shadows 油and 油 creaBng 油texture 油in 油 photographs 油 Ansel 油Adams 油(1902-足1984) 油 息AP 油This 油Dec. 油2, 油1980 油鍖le 油photo 油showing 油late 油photographer, 油 Ansel 油Adams 油posing 油in 油front 油of 油his 油photograph 油of 油one 油the 油views 油 of 油Yosemite 油NaBonal 油Park 油Btled 油"Monolith: 油The 油Face 油of 油Half 油 Dome, 油1927," 油in 油his 油home 油in 油Carmel 油Highlands, 油Calif. 油 Source: 油 h^p://www.nbcnews.com/id/33693291/?q=Fresno, %20California 油 油
- 28. Ansel 油Adams 油and 油Fred 油Archers 油Zone 油System 油 ≒ Good 油photographs 油are 油 planned 油 ≒ Adds 油Texture 油to 油images 油 ≒ 油When 油exposure 油was 油 not 油automa:c 油 Source: 油Paul's 油Photo. 油(2013, 油Aug. 油8). 油What 油is 油the 油new 油digital 油zone 油system? 油 Retrieved 油from 油 h^p://paulsphoto.com/blog/2013/08/08/what-足is-足the-足new-足digital-足zone-足system/ 油 油
- 29. Ansel 油Adams 油Photography 油 Moon 油and 油Half 油Dome 油 Ansel 油Adams 油 (1960) 油 Source: 油h^p://www.ansel-足adams.org/moon-足and-足half-足dome.jsp#pre^yPhoto 油 油 油 油
- 30. Ansel 油Adams 油Photography 油 Church 油in 油Taos 油 Pueblo, 油New 油Mexico 油 (1941) 油 Ansel 油Adams 油 Source: 油h^p://www.ansel-足adams.org/church-足in-足taos-足pueblo-足new-足mexico.jsp 油 油 油 油 油
- 31. Ansel 油Adams 油Photography 油 El 油Capitan 油Winter 油Sunrise 油 Ansel 油Adams 油(1968) 油 Source: 油h^p://www.ansel-足adams.org/el-足captain-足winter-足sunrise.jsp 油 油 油 油 油 油 油 ≒ Shoot 油Early, 油Shoot 油Late 油 sun 油at 油angle 油 colors 油saturate 油 shadows 油form: 油textures 油 more 油contrast 油 ≒ Avoid 油high 油noon 油because 油 few 油shadows 油 light 油& 油color 油are 油鍖at 油 ≒ Try 油Backlit 油LighBng 油 sun 油behind 油subject 油 you 油face 油the 油sun 油 adjust 油exposures 油
- 33. ≒ Hue 油= 油quality, 油 essence, 油measured 油 in 油degrees 油 ≒ SaturaBon 油= 油 intensity, 油purity 油 ≒ Brightness 油= 油dark 油/ 油 lightness 油 Color 油Value 油= 油Contrast 油/ 油Luminance 油 油 Freeman 油(2007), 油Pages 油114-足15 油 Color 油Wheel 油
- 34. ≒ Colors 油always 油 working 油in 油relaBon 油 to 油each 油other 油 ≒ Complementary 油 vs. 油similarity 油 harmony 油 ≒ Look 油for 油contrasts 油 Color 油RelaBonships 油 Freeman 油(2007), 油Page 油118 油
- 35. Pa#ern, 油Texture 油and 油Many 油
- 36. What 油do 油your 油eyes 油do 油looking 油at 油this 油picture? 油 Everyday 油Pa#ern 油 油 Showing 油Gestalt 油Laws 油of 油Simplicity 油and 油Good 油ConBnuaBon 油 UnBtled 油by 油JP 油 Theberge 油 (2011). 油 油 油 Source: 油 h^ps://goo.gl/ M99nrv 油 油 油
- 37. How 油about 油now? 油 A 油break 油in 油pa#ern 油= 油emphasizes 油 the 油pa#ern 油 Freeman 油(2007), 油 Page 油51 油
- 38. A 油pa^ern 油of 油many 油= 油texture 油 Texture 油as 油structure 油in 油image 油= 油 tactual 油sense 油of 油touch. 油 油 Ligh:ng 油is 油key. 油 Freeman 油(2007), 油Page 油50 油
- 39. There 油is 油one 油moment 油at 油which 油the 油 elements 油in 油moBon 油are 油in 油balance. 油 Photography 油must 油seize 油upon 油this 油 moment. 油 油 ~Henri 油CarBer-足Bresson 油
- 40. ≒ Goal: 油Capture 油the 油 life 油of 油a 油summer 油 alernoon 油 ≒ Develop 油a 油strategy 油 for 油the 油acBvity 油 Whats 油the 油story 油 here? 油 What 油and 油who 油 might 油you 油focus 油 on? 油 PracBcing 油workshop 油concepts 油
- 41. Source 油Material: 油Photographers 油Eye 油 油 油Michael 油Freeman 油website: 油 油 油h^p://www.michaelfreemanphoto.com/ 油
- 42. QuesBons? 油 油 Jill 油Hopke 油 jhopke@depaul.edu 油