GalleyCat FishbowlNY FishbowlDC UnBeige MediaJobsDaily SocialTimes AllFacebook AllTwitter LostRemote TVNewser TVSpy AgencySpy PRNewser

Posts Tagged ‘tutorials’

Learn To Code Today with Google Code University

Google Code logo

Journalists, what are some of your New Year’s resolutions? If one of them happens to be “learn to code”, then search engine titan Google has you covered with Google Code University.

There are many reasons that journalists should learn how to code. Like we’ve stated before here on 10,000 Words, coding skills are an essential part of working in a new media environment. A knowledge of HTML, CSS and JavaScript gives you the tools you need to create your own website, and can make you a valuable resource for any news organization. Not only that, several journalism fellowships and trainee programs are looking for journalists with programming knowledge. You can have the skills to apply for an opportunity to receive funding for your own cutting edge journalism projects.

Google Code University (GCU) does not require any registration, and materials are free to use. In Web Programming, for example, there are lectures, videos, and contributed course content to teach users how to create interactive web applications that go beyond your basic static web page.

Here are just a few of the courses GCU offers:

  • Python
  • C++
  • Java
  • CSS, HTML and JavaScript
  • HTML5
  • Web Security
  • Algorithms
  • Android Application Development
  • Introduction to Databases and MySQL

Computer science educators are also welcome to submit their own coursework for inclusion within GCU. All courses will be placed under a Creative Commons license which will allow for people to reuse and modify the courses for their own curriculum as necessary. And if you’re looking for more curriculum to peruse or get stuck on a particular term, GCU also includes a search feature via Google Directory that includes lectures, assignments, papers and videos from schools like Harvard University, Duke University, and Carnegie Mellon University.

GCU is a part of Google Code’s education resources, which also include Google DocType and the popular HTML5 Rocks website. To get started today, visit http://code.google.com/edu.

Mediabistro Course

Content Marketing 101

Content Marketing 101Starting September 8, get hands-on content marketing training in Content Marketing 101! Through a series of webcasts, content and marketing experts will teach you the best practices for creating, distributing and measuring the results of your brand's content, including how to develop a content marketing plan, become a content marketer and more. Register now! 

Kinetic typography as a storytelling technique

by Lauren M. Rabaino

You’ve seen the technique before. On TV commercials, on viral music videos, as user-created fan art — words swooping into the screen with flashy graphics while a narrator speaks over it. The technique is called kinetic typography (fancy way of saying “moving text”) and it’s an engaging way of relaying words and stats to your audience.

Put simply, kinetic typography is the practice of telling a text-based story through animated words, supplemented by graphics, charts, photos and/or video.

How journalists can apply the technique to storytelling

There’s huge value in being able to tell a story that people will read all the way through– from start to finish– and then share with all their friends and family. Kinetic type lends itself to exactly that kind of attentiveness and shareability.

I’m not alone in watching those videos all the way through, every time. We’re of a visual era. We like seeing content in a way that engages us, a way that attracts our full attention. These videos are addicting — but not just because they’re fun. You walk away from them with a new wealth of knowledge that is easily digestible and thus easily retainable.

From a journalistic standpoint, kinetic type has the most potential for effectiveness when used for stories that have massive amounts of data and statistics.

There are a few examples of news outlets already using kinetic type as a form of storytelling. GOOD Magainze (disclosue: I’m a huge GOOD fangirl), does it best in videos that integrate graphics, typography and other animation with narration and text:

News21, a student reporting project led by 12 of America’s leading research universities, does an incredible video series on “A Changing America,” and last year’s intro video made great use of kinetic type (focusing more on the graphic aspect that the typography):

The Economist and Shift Happens partner every year to do a “Did You Know?” video which includes statistics focusing on the changing media landscape. This example shows the power of pure text and graphics without any narration:

Kinetic type has been proven as an engaging format for storytelling in other arenas already:

  • Mainstream advertisers: I first saw the technique used on a Ford F150 ad and fell in love with it. Starbucks also used kinetic type for an ad promoting their free coffee on election day.
  • Random people just for fun: Just search “kinetic typography” on YouTube and you’ll find tons of examples from people who make fan-art style videos using scenes from their favorite movies or excerpts from their favorite books. As a testament to the viralness associated with kinetic type videos, take a look at the number of views per video– some have hundreds of thousands.
  • Public relations and advocates: Kinetic type is especially powerful as a means of persuasion. If you have an agenda or viewpoint to push, kinetic type can be mixed with the right typeface, graphics and background music to make it particularly compelling. (Update: a great example of this is from Mindy McAdams in the comments — The Girl Effect– a video about a solution to poverty).

How to do it

To create a kinetic-type-style video with all the bells and whistles, you ideally need Adobe Illustrator and Adobe After Effects. This will allow you to do all the cool zooming, blurs and other effects. (Note: You can mimic the same effect using a series of images and adding a new word to each subsequent image, then dumping them into iMovie or SoundSlides, but it’s not efficient and I don’t recommend it.)

From experience, I have a few tips and tricks for saving time while creating a kinetic type video:

  1. Before you get started, fully flesh out the exact copy you want to use. It’s a pain to go back and change even one word, especially if you’re going to narrate.
  2. Keep the text simple. Short sentences. Think about which words and phrases are important from the start so you can later highlight them with a different color or motion.
  3. Watch a few tutorials to get a feel for how it will all come together in the end. There are kinetic type tutorials all over the web. I recommend this thorough, step-by-step video tutorial as a starting point.
  4. Record the narration after you’re absolutely sure of the text you want to use. After you have a good working version, mix in your audio loop (I prefer getting free loops from Flashkit). Then match the text animation to the narration and the music.
  5. I also recommend storyboarding. Do it by hand on a piece of paper or use a quick and easy mockup tool like GoMockingbird to get the general gist of which graphics/photos you want to include through the sequence.
  6. Update: In the comments, Jeremy Pennycook notified me that you can also do this same technique using Apple’s Motion application which comes with Final Cut Studio.

You don’t have to be a graphic designer to be able to pull this off. You will need a few hours’ free time, a lot of patience, a spark of creativity and a story worth telling.