Archive for the ‘design’ Category

10th Anniversary Event Opener

January 28th, 2010, posted in creativity, design, video

This piece ran after the counter and was used as a setup for the first song, Solution.

* This piece is free and clear to download. Do enjoy!

** Special thanks to Austin Booth who composed the original score.

Fix You

January 27th, 2010, posted in creativity, design, video

This is the video compliment to the band’s performance of the track “Fix You” by Coldplay. Over the past 2-3 weeks we have had boards set up at all of our locations where people could sign them if they were saved or baptized at NewSpring.

From there we photographed the boards (along with some of the people) and mixed these images together. This is the result.



Example of the piece in play
IMG_0117

Example of one of the boards (this one from Florence)
Board1.1

Technical brief
Boards shot with anything from higher end Canon 5D’s down to standard issue point and shoot cameras. In After Effects, I manually masked out each exterior framing, applied a handful of Levels/Curves treatements to isolation the signatures, then utilized the Multiply blend mode (primarily) to lay on the blacks. The blood elements are from a stock collection of ink drops.

** As special thanks to Barron Cooley and the other slew of volunteers who did all of the photography.

*** The audio track is from the band’s performance recording, which I then used to gauge timing and pace of the song. It was executed as a soft roll video, one where we did not send a complimentary click.

Identity Theft promo

January 26th, 2010, posted in design

I’ll post a handful of our 10th anniversary content over the next few days. Here is a promo we ran for our upcoming series, Identity Theft.

If you’re into that sort of thing, here are some sketches from my whiteboard. I always find it helpful to jot down the script, ideas, comps, etc. to get a feel of how the piece will work. Not all ideas on the board make it in, but it’s a good starting point.

IMG_0128

IMG_0130

See through truck

December 28th, 2009, posted in creativity, design

Well, not exactly, but this is an interesting concept. It projects whatever the front of the truck sees on the back. I’m sure it’s in an effort to provide safety. Of course I’d be so fascinated I’d probably rear end the thing.

Like a Magic 8 ball for designers

November 3rd, 2009, posted in design

What a cool idea. Stuck on something in your design? Not sure where to go? Head over here for some advice. Push refresh on your browser for a different opinion.

[photopress:2_1_2_3_4.png,thumb,pp_image]

[photopress:1_1.png,thumb,pp_image]

Don’t Get Married Until…

November 2nd, 2009, posted in creativity, culture, design, entertainment, music, video

This weekend marked the beginning of a new series, Don’t Get Married Until… For the visual package and opener Perry’s sole request was that it should an element of hip-hop. Listening to the 90s station the other day I heard some Heavy D and I instantly knew it was the right choice. The goal in this piece is to set up the series with “if you’re ______, then you’re not ready to get married.” Here’s the resulting opener.

Tomorrow I’ll post of the preproduction details (and a special preliminary video), sketches, and talk a little about the process.

How to Survive the End of the World

October 1st, 2009, posted in design, video

This past weekend NewSpring Church launched a new series on the end times, How to Survive the End of the World. This was a fun project to work on. Initially Ben Coleman was going to take this one solo but as time drew near we all got excited about it and just had to be a part of it. Maybe it’s because we like glitch, or because we like zombie movies, or because any time you can feature Johnny Cash multiple times in a series it’s going to be a good month. Regardless, Ben did a phenomenal job on this dark-yet-appropriate opener.

How to Survive the End of the World from NewSpring Production on Vimeo.

5 lies of the devil – series package

August 31st, 2009, posted in Christ, creativity, design

For our current series, 5 lies of the devil, we decided to try a little something new. The idea behind the package was “devil vs. TRUTH,” similar to Spy-vs-Spy of yesteryear. The series package ended up quite suitable to DSKs and logo graphics due to the textured environments built within After Effects.

Joshua provided a great assortment of “devil parts” for me to animate, including the “devil jet” featured in the open and the yet-to-be-seen “devil crane,” which unfortunately had to be cut due to time limitations.

[SERIES OPEN]

[SERIES PROMO]

[SERIES COUNTER]

[LOGO, TREATED]
[photopress:5Lies_Logo.jpg,thumb,pp_image]

[MESSAGE TITLE SLIDE]
[photopress:5Lies_wk1.jpg,thumb,pp_image]

[TEXTURE BACKDROP]
[photopress:GVL_Texture.jpg,thumb,pp_image]

Typography sequencing

August 23rd, 2009, posted in creativity, culture, design, music, tech

I see what they’re doing over at Meek.FM and I dig it.

[photopress:2_1.jpg,thumb,pp_image]

The League of Moveable Type

July 30th, 2009, posted in design

The League of Moveable Type has a few nice, free typography offerings. I particularly like Chunk but I won’t lie, the first thing I though was “Rocky Road?”

[photopress:chunk_11.jpg,thumb,pp_image]

Amon Tobin, visually wonderful

July 28th, 2009, posted in design, music, video

I love this pieces, especially when it gets drum and bass heavy about halfway through. Nicely treated 3D elements that fit into the environment tightly.

Visual Music – Amon Tobin music video from 12FRAMES on Vimeo.

Rollip, online polaroid generator

July 26th, 2009, posted in design, tech

Enjoy a brief whim of easy nostalgia with Rollip, and online converter of digital images into a Polaroid version of itself. I pulled my images from the 2009 Production Pig Roast. I think the Polaroid effect adds to the Southern charm of roasting a 200 lb. pig.

Before:
[photopress:3582043450_cf3af38214_b.jpg,thumb,pp_image]

After, version 1:
[photopress:image.jpg,thumb,pp_image]

After, version 2:
[photopress:image_1.jpg,thumb,pp_image]

There are a handful of different looks to try.

Digital Bible Journal

July 20th, 2009, posted in Christ, design, me, tech

I frequently rave about Evernote. Amidst the plethora of computer based applications out there it’s one of my favorite services that exists. It’s billed as an “anti social application,” or something like that. In a world of Google Docs and Twitter where everything is meant to be public Evernote is structured to be internal. It’s a place for all of your information, easily accessible, easily searchable.

Here’s how I use it for my quiet time journal. I use this from my iPhone, a paper Bible, from my laptop, or from another computer.

Benefits of this workflow:
- Access to your journal (both input and output) everywhere
- Search. Ever think “what was that verse I read on anger?” Now you can find it.
- Backup. Because it’s stored at Evernote, you won’t misplace your journal.

Typically I use YouVersion.com as my Bible. I occasionally use a hard copy Bible (especially if I’m journaling from my iPhone).

In Evernote, I create a notebook called “Journal.” Each month, I create a new note called “July 2009 notes,” changing according to the date. This way I have a grouping of notes by month.

For each day, I create the entry like this:
“date” – “scripture for the day” (ie. 7/17 – Psalm 73). This way I have the date referenced, and regardless which Bible I pick up I have my place marked. This gives me flexibility in my routine.

How you notate is up to you. I keep all my notes in plain text (no Bold, italics, etc.). I do this primarily because the iPhone only lets you append info to the end of a note with that has formatting (you can’t edit into the middle of the note). I typically quote scriptures, and include verses referenced like (3) or (v4-10) so I can figure out what I was referring to later on, then add the thoughts that God shows me in and around the scripture clippings.

I’ve been using this technique since fall of last year and have really stuck to it. For me I’ve always struggled with paper based journaling. Doing it this way allows me to stay with a workflow I’m already using with everything elsee. Sidenote: I also use this “Journal” notebook for any sermon notes or conference notes I take. That way this information is all in the same location and easily retrievable.

[photopress:Picture_1_1_2_3_4_5_6_7_8_9_10_11_12_13_14_15_16_17_18_19_20_21_22_23_24_25_26_27_28_29_30_31_32_33_34_35_36_37_38_39_40_41_42_43_44_45_46_47_48_49_50_51_52_53_54_55_56.png,thumb,pp_image]

[photopress:Picture_2_1_2_3_4_5_6_7_8_9_10_11_12_13_14_15_16_17.png,thumb,pp_image]

Ben Thomas story

June 29th, 2009, posted in creativity, culture, design, video

This week I had the privilege to work on a story that was both personal and a technical challenge. Ben Thomas is a close friend and one of the Godliest men I know. I enjoyed the opportunity to edit and composite his story.

As for the technical challenge, we chose to shoot this piece green screen. B-roll, stock footage (bet you didn’t know the train at the 0:43 mark was really a toy), and real photos and articles from the accident were layered in to add a second time line of backdrop. Stylistically I’m really happy with how it turned out. To make it extra personal I created the soundtrack myself with Reason. It’s nothing flashy, but I wanted something pretty specific and I think it fits well.

Ben Thomas interview from Ken Wilson on Vimeo.

You can watch the final version here.

[photopress:ben1.png,thumb,pp_image]

[photopress:ben2.png,thumb,pp_image]

Thanks Adam for providing brainstorm and camera support.

They say the secret to creativity is knowing how to hide your sources. I’m not so good at that… give credit where credit is due. This piece was inspired both in vision and tone by the PC3One Word” series. Great work, guys, and great inspiration.

Make something new

June 20th, 2009, posted in creativity, design, productivity

If you’re a designer with an hour or two to spare might I suggest, instead of watching youtube videos or reading twitter, you consider making something. I like to take an image that inspires me (pictured below) and try to recreate an animated version of it in After Effects.

[photopress:Electrogarde_by_Biomachina.jpg,thumb,pp_image]

The result of 1 hour of work. (view here)

The benefits are several. First, it’s not a tutorial. You’re not studying the same technique that every single animator is learning at the exact same time. It’s constructive to push yourself in a unique way.

Second, you learn to problem solve. Working backwards from a result (the example picture) helps to hone more creative ways to process. In turn, the next time you’re faced with a project you have a new tool in your arsenal.

Third, because the project you create doesn’t have a home you can file it away for the right time. Keep that *.aep for future use. I’m sure at some point you’ll wish you had it.

Evernote for color grading ideas

June 19th, 2009, posted in creativity, design, productivity, tech

Yesterday we talked about using Evernote to catalog inspiration and images. Here’s another use I’ve found much along the same lines. As our department grows I find it is useful for me to have visual examples at my fingertips for various things. If I’m looking for a particular look and feel (ie. color grading) in a video piece rather than say “oh, you know, I like the dark tones with a hint of purple and some glows in the red channel and some grain but not too much,” I would rather have a visible example to work from.

Enter Evernote.

Step one, use yesterday’s technique and create an note called “Grading” in your “Ideas” notebook.

Every time you come across an image in your web browsing that catches your attention drag it into that notebook. Done, saved, references are always available. You could get advanced and starting creating various notebooks for different moods, “Grading – cool,” “Grading – warm,” “Grading – sepias,” you get the idea.

And just for fun, here’s a cool way to implement this color grading technique into Photoshop. There’s no easy way to do this in After Effects, but you could render a JPEG sequence and create an automated action to process each frame. Or you could just learn to master color grading in AE to get a similar look.

The Match Color tool can be used to treat one image to look like the colors from another image. This tutorial explains how it works. Where we add to the technique is that you can literally drag a photo out of Evernote and directly into Photoshop making it available for the Match Color tool to use.

Evernote for creative filing

June 18th, 2009, posted in creativity, design, productivity, tech

It’s no secret that I love Evernote. Here’s a new use I’ve found for it. If you’re a designer or involved in the visual brainstorm process you will likely find this useful.

The problem I’ve faced is that though I’m good at looking at a lot of inspiration over the course of a month I struggle with a way to catalog the things that inspire me. I regularly use Bloglines to read material. It provides a way to “keep post as new” or clip an article but I rarely make it back to those files, and it’s cumbersome to browse them.

I also find myself on different computers when I have the free time to browse. I use a desktop to edit on at work (where I rarely have spare time), I carry a laptop, I use my home computer on occasion, and I use my iPhone for blog reading about 50% of the time. I needed a system for filing and amassing digital images (primarily JPEGs) from all of these sources. The images also need to be viewable from anywhere.

Enter Evernote.

I created a notebook called “Ideas.” About every week or two I create a new post within that note called “Inspire #,” incrementally increasing that number just to keep track of things.

With the Evernote Desktop client I can literally drag a JPEG directly from the web browser directly into that Inspire note. Drag. Drop. Evernote automatically syncs everything.

[photopress:ev02.jpg,thumb,pp_image]

[photopress:ev01.jpg,thumb,pp_image]

A few alternative variations are required to make this solution fully ubiquitous. First, on the iPhone there isn’t a drag and drop.

1. Click and hold your finger on an image for about 2 seconds, you’ll be asked to Save the image.
2. Launch Evernote. You from the title screen choose Saved Photo Note.
[photopress:iphone_2_1.png,thumb,pp_image]
3. Save it to your “Ideas” notebook.
4. When back in the Evernote desktop application select your Inspire note and the newly uploaded image note. Do this by selecting the first note and either Command-clicking (Mac)or Control-clicking (PC) the image. Right click either of the selected notes and choose the last option, “Merge Notes.”

If you are on a computer that does not have the Evernote desktop application on it (like my poor OS X 10.4 machine at the house) just save the image to your desktop. Then using the online version of Evernote attach the images to the Inspire note.

Tomorrow, we’ll talk about another use for this image archiving technique.

Rokkaboy reel 2009

June 13th, 2009, posted in design, video

The Rokkaboy Reality 2009 reel. It’s hot.

[photopress:rokkaboy.jpg,thumb,pp_image]

Chuck Anderson interview

June 12th, 2009, posted in art, design

I’m a huge fan of Chuck Anderson’s work and therefore recommend ths interview with with from PSD Tuts.

[photopress:6_1.jpg,thumb,pp_image]

Apple App Wall

June 10th, 2009, posted in design, tech

At the WWDC this year you can see this, Apple’s app wall. It shows in near real time (supposedly) movement at the purchase of an app from the iTunes app store. Pretty dang cool.

[photopress:ap3.jpg,thumb,pp_image]