XOXO
PG RATED PIXEL FUCKING BROUGHT TO YOU BY
KROFL
B---D
KURT RAUFFER 1056511
6
BURIED TRAILS
20
THE HISTORY OF METAL STORM
30
AMPERSAND
38
THE GIVING TREE
46
BLACK ROCKET
50
MY WIFE HAS A COW
58
RECLAIMER
78
FROM GENERATION TO GENERATION
82
POTTY
92
NU LIFE FILMS
96
A STAR IS BORN
112
6 WORD MEMOIR
120
PRETTY LIGHTS: A COLOR MAP OF THE SUN
128
ONE WITHOUT TWO
134
GEMMSY
136
LET IT OUT
146
30 WEAPONS PROJECT
152
PICTURE BOOKS
170
HADOOP
180
-----
PARTY TIME
BURIED TRAILS
6
WALSH & GOODMAN
DESIGN / ILLUSTRATION
THERE IS AN OVERWHELMING AMOUNT OF PLACES TO VISIT IN NEW YORK CITY AND TOURISTS MAY NOT SEE ANYTHING BEYOND TIME SQUARE.
TO TACKLE THIS, KURT DESIGNED A FEW MAPS AND CARDS THAT WOULD BE PLACED IN STANDS ALONG TIME SQUARE. THE MAPS WOULD CONTAIN DIRECTIONS TO VARIOUS AREAS AROUND THE CITY WITH KEY LOCATIONS TO PLACES THAT ARE MORE OFF BEAT.
MAP DESIGN
8
MAP DESIGN _ 01
18” x 24”
CONCEPT / DESIGN / OUTPUT
MAP DESIGN
10
MAP DESIGN _ 02
18” x 24”
CONCEPT / DESIGN / OUTPUT
12
BUILDING ILLUSTRATIONS
14
TOURISTS MAY ALSO PICK UP UNIQUE CARDS THAT CONTAIN AN ILLUSTRATION AS WELL AS THE LOCATION OF AN OFF BEAT ATTRACTION.
x4 EXAMPLES
CARDS
16
WIREFRAME LAYOUT
4” x 4”
CONCEPT / DESIGN / OUTPUT
CARDS
18
DESIGN
4” x 4”
THE HISTORY OF METAL STORM
20
CHRIS WEST
MOTION
KURT WAS TASKED WITH PICKING AN OBJECT OR SPECIFIC TOPIC AND CREATING AN ANIMATION SURROUNDING IT’S HISTORY.
FOR THIS PARTICULAR PIECE, HE CHOSE THE FASTEST FIRING WEAPON IN THE WORLD, METAL STORM.
TITLE CARD STYLE FRAMES
22
FOR THE LOOK OF THE ANIMATION, KURT TOOK REFERENCE TO THE TRADITIONAL GOVERNMENT FUI SYSTEMS SEEN IN MANY MOVIES.
THE COLOR PALETTE WAS CHOSEN FROM THE LOOK OF OLD COMPUTER SCREENS.
METAL STORM
24
THE WEAPON WAS ANIMATED IN CINEMA 4D AND THEN IMPORTED INTO AFTER EFFECTS FOR COMPOSITING.
MODELING
26
THE MODEL WAS CREATED USING BLUE PRINTS OF THE WEAPONS ACTUAL DESIGN.
VARIOUS STYLE FRAMES
28
THE ENTIRE ANIMATION HAD A RUN TIME OF AROUND 2 MIN.
AMPERSAND
30
WALSH & GOODMAN
3D ILLUSTRATION
THIS PARTICULAR PIECE WOULD SERVE AS AN ILLUSTRATION FOR A SPECIFIC ARTICLE ON A WEBSITE CALLED “BOOKS & THE ARTS.
THIS ARTICLE WAS CALLED “EROTIC ARCHITECTURE: THE SEXUAL HISTORY OF GREAT BUILDINGS.”
PROCESS
32
SOFTWARE USED: MY BRAIN, HANDS, AND CINEMA 4D
10001011010010101010010101001010101010101010101010101001010101010101011001010
PROCESS
34
<3 CLAY RENDERS
XOXOXOXOXOXOXOXOXOXOXOXOXOXOXOXOXOX
36
THE GIVING TREE
38
CHRISTINA BLACK
MOTION / TITLE SEQUENCE
FOR CHRISTINA BLACK’S CLASS, KURT WAS TASKED WITH CONCEPTING, DESIGNING, AND EXECUTING A TITLE SEQUENCE FOR A BOOK THAT HAD NOT YET BEEN MADE IT A FILM.
HIS INSPIRATION WAS FOCUSED ON THE CONCEPT OF LONILESS AND INNOCENCE. THE ENTIRE BOOK WAS FILLED WITH FUN AND HAPPINESS BUT THERE WAS A DARK MESSAGE BEHIND IT THAT KURT WANTED TO SHED LIGHT ON.
ANIMATION BLUEPRINT
40
THE ANIMATIONS WOULD BE “DRAWN OUT” AS IF THIS WAS ONES IMAGINATION.
STYLEFRAMES FROM START TO FINISH
42
THE RUN TIME FOR THIS ANIMATION WAS AROUND 1 MINUTE
ALL OF THE ILLUSTRATIONS AND TEXTURES WERE DRAWN BY KURT, THEN BROUGHT INTO AFTER EFFECTS FOR IT’S ANIMATION TREATMENT.
TITLE CARD STYLE FRAMES
44
SINCE THE BOOK’S MAIN FOCUS WAS ABOUT THE TREE, KURT THOUGHT IT WAS ONLY RIGHT TO END THIS DEPRESSING TITLE SEQUENCE WITH THE TREE.
BLACK ROCKET
46
CLIENT
WEB BANNERS
BLACK ROCKET IS A NATION-WIDE COMPANY THAT PROVIDES UNIQUE ENRICHMENT AND EDUCATIONAL PROGRAMS TO CHILDREN AND YOUNG ADULTS.
KURT’S TASK WAS TO DESIGN UNIQUE WEB BANNERS FOR EACH OF THE COURSES AT BLACK ROCKET.
WEB BANNERS
48
920 PX BY 300 PX
“WELCOME TO GREYSCALE GORILLA, I AM THE GORILLA”
MY WIFE HAS A COW
50
WALSH & GOODMAN
MOTION
THE CLASS WAS TASKED WITH CREATING EITHER A ZINE, DESIGN, OR ANIMATION USING THE ENTIRE POEM, MY WIFE HAS A COW A LOVE STORY.
STYLE FRAMES
52
TO KURT, THE ENTIRE POEM WAS HORRIBLE AND AS HE READ IT EVEN MORE, THE WORDS JUST WENT THROUGH ONE EAR AND OUT THE OTHER.
THIS SPARKED THE CONCEPT FOR KURT’S ANIMATION. THE ENTIRE POEM WOULD BE SLAPPED ON A NEVER ENDING TRUCK PASSING BY HIM. THE WORDS ON THE TRUCK WOULD BE ALMOST ELIGIBLE, IF NOT COMPLETELY.
PROCESS
54
UNFORTUNATELY, TRUCKS NORMALLY ARN’T THIS LONG, SO FINDING ONE TO FILM WOULD BE IMPOSSIBLE.
INSTEAD, KURT’S DEAR FRIEND, AJ, MODELED A TRUCK FOR HIM. KURT TOOK THIS TRUCK, TRACKED IT IN THE SCENE, AND COMPOSITED IT. THE TEXT WAS TRACKED ONTO THE TRUCK AND THEN GIVEN A MOTION BLUR TREATMENT.
ENDING
56
THE ANIMATION HAD A RUN TIME OF 1 MINUTE CONSISTING OF A STUPID TRUCK.
RECLAIMER
58
ADAM KATZ
APP / MOBILE GAME
PRIMARY LOGO
SYMBOL
COLOR PALETTE
21% - 88% - 44% - 3%
79% - 42% - 12% - 0%
TYPOGRAPHY
100% - 94% - 21% - 8%
MONDA
0% - 0% - 0% - 100%
INCONSOLATA
Monda Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890
abcdefghijklmnopqrstuvwxyz
Inconsolata Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890
INSPIRED BY THE FILM, FIGHT CLUB, RECLAIMER SERVES AS A FIGHTER STYLE APP/GAME IN WHICH THE USER BATTLES HIS OPPENANT’S WITHIN A 30 FT RADIUS.
abcdefghijklmnopqrstuvwxyz
THE USER, HOWEVER, WILL NEVER KNOW WHO HE’S FIGHTING BUT WILL ONLY KNOW THAT THEY ARE NEARBY. THE MORE BATTLES HE WINS, THE CLOSER HE IS TO BECOMING, KING OF THE STREETS.
ICONS
60
MENU ICONS
MAP
VARIOUS ICONS / MEDALS USED WITHIN THE GAME
PROFILE
CLANS
SETTINGS
MEDALS
62
REJECTED MEDAL DESIGNS :( RIP
FIGHTING SEQUENCE: TITLE CARDS
64
FIGHTING SEQUENCE
POSTGAME RESULTS
66
USERS ARE ABLE TO REVIEW THE “MOVES” USED FROM THE PREVIOUS BATTLE.
MAIN MENU
68
PROFILE SCREENS -- LOOK AT THAT WEB INTERACTION. OH BABY.
MAP SCREEN
70
THE MAP DATA WAS EXTRACTED FROM GOOGLE EARTH AND RENDERED IN CINEMA 4D.
72
74
RECLAIMER POSTER
76
RECLAIM TEH STEETS FOOLS MUAHAHAHA
FROM GENERATION TO GENERATION
78
PERSONAL
MOTION
THIS IS AN ANIMATION THAT GOES THROUGH THE HISTORY OF VIDEO GAME CONSOLES.
EACH CONSOLE TRANSITIONS / BUILDS OFF FROM THE PREVIOUS CONSOLE.
STYLE FRAMES
80
RUNTIME: 1 MINUTE
TOTAL CONSOLES IN THE ANIMATION: TWENTY
POTTY
82
ADAM KATZ
MOBILE APP
POTTY IS AN APP THAT’LL FIND THE CLOSET BATHROOM AROUND YOU.
INSPIRED BY KURT’S OH SO AMAZING BLADDER, HE STRUGGLED TO FIND THE RIGHT APP THAT WOULD HELP HIM FIND A DECENT BATHROOM IN THE CITY. THIS WAS HIS ATTEMPT AT FIXING THE PROBLEM.
84
SMALLER SIZE
20mm
6mm
LARGER SIZE
COLOR PALETTE
73% - 14% - 38% - 0%
46% - 0% - 34% - 0%
TYPOGRAPHY
0% - 0% - 0% - 100%
PROXIMA NOVA
HELVETICA
Proxima Nova Semibold
ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890
abcdefghijklmnopqrstuvwxyz
Helvetica Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 ICONOGRAPHY
ALL THAT BRANDING JAZZ
abcdefghijklmnopqrstuvwxyz
SYMBOL
86
POTTY LIST SCREEN
88
THE APP’S INTERFACE IS HEAVELY GESTURE BASED. GOOD / BAD POTTY SCREEN. POTTY’S ARE RATED USING A FLUSH MOTION.
POTTY LOGO ANIMATION
90
STILLS FROM THE LOGO ANIMATION
NU LIFE FILMS
92
CLIENT
LOGO ANIMATION
KURT WAS ASKED BY HIS DEAR FRIEND, HAKYM, TO DESIGN AND ANIMATE A LOGO ANIMATION FOR HIS STARTUP PRODUCTION COMPANY, NU LIFE FILMS.
STYLE FRAMES
94
KURT WAS TASKED WITH PICKING AN OBJECT OR SPECIFIC TOPIC AND CREATING AN ANIMATION SURROUNDING IT’S HISTORY.
THE TYPE WAS CAREFULLY CONSTRUCTED OUT OF BUILDINGS, MODELED IN CINEMA 4D.
A STAR IS BORN
96
WALSH & GOODMAN
PRODUCT / PACKAGING
PRIMARY LOGO
SECONDARY LOGO
SYMBOL
COLOR PALETTE
0% - 0% - 0% - 100%
TYPOGRAPHY
0% - 0% - 0% - 0%
0% - 0% - 0% - 0%
DIN Pro
DIN Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890
abcdefghijklmnopqrstuvwxyz
DIN Medium
ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890
KURT WAS TASKED WITH REPACKAGING A ITEM I FOUND AT A THRIFT SHOP. FROM THE MOMENT HE SAW THE LITTLE LONELY TROOPER, HE KNEW HE HAD TO FIND IT A HOME.
abcdefghijklmnopqrstuvwxyz
IN THE STAR WAR’S UNIVERSE, CLONE TROOPERS ARE KNOWN AS THE “BAD GUYS.” IN THE MOVIE’S, THEIR HOME, KNOWN AS THE DEATH STAR, WAS DESTROYED. ALONG WITH THIS, THEIR LEADER WAS KILLED AS WELL. WITH KNOW WHERE TO GO AND NO WHERE TO LIVE, KIDS CAN NOW “ADOPT” THESE CLONE TROOPERS AND GIVE THEM THE LOVE AND SUPPORT THEY NEED.
BOX PACKAGING WIREFRAMES
98
15” x 20”
BOX DESIGN
PRODUCT SHELL
100
THE CLONE TROOPER DOLL WOULD LIVE INSIDE A REPLICA OF THE DEATH STAR THAT COULD BE TWISTED OPEN.
GREEBLER IS AMAZING
PRODUCT / PACKAGING
102
SOME EXAMPLES OF THE BOX AND PRODUCT SHELL
104
106
PRODUCT SHELL RENDERS
108
THE SHELL WAS CREATED WITH KURT’S HANDS, SWEAT, TEARS AND A LITTLE HELP FROM CINEMA 4D
V RAY IS MY SAVIOR
110
6 WORD MEMOIR
112
CHRISTINA BLACK
MOTION
I WAS TASKED WITH TAKING 6 IMAGES THAT REPRESENT 6 DIFFERENT WORDS FOR A MEMOIR OF MY CHOOSING.
THE MEMOIR WAS “I’VE LEARNED THAT SUCCESS IS NOT LINEAR.”
STILLS LEADING TO “ I’VE ”
114
STILLS LEADING TO “ LEARNED ”
THE ANIMATIONS WERE CREATED USING VARIATIONS OF HAND MADE GRAINY / GRUNGE TEXTURES
STILLS LEADING TO “ SUCCESS”
116
STILLS LEADING TO “ IS NOT ”
STILLS LEADING TO “ LINEAR ”
118
STILLS LEADING TO THE ENDING PHRASE
PRETTY LIGHTS
120
WALSH & GOODMAN
VINYL COVER
WE WERE TASKED WITH REDESIGNING A VINYL COVER OF OUR CHOOSING.
AS A FAN OF PRETTY LIGHTS, THE CURRENT VINYL COVER DESIGN DID NOT SERVE HIS MUSIC ANY JUSTICE. THIS WAS MY ATTEMPT AT FIXING THAT.
TYPEFACE AND SHAPE RULES
122
TO
N SU
OUL, PRESS PAUSE, L MY S ETS OF GET LOR CO
BU SY ,
AR OU
E TH
BIRD, GO DOWN SUNSHI LOW NE, YEL SO K, B RI OC GH BL T,
VI
WE WERE GIVEN ONLY ONE RULE : THAT EVERYTHING IN THE DESIGN WAS TO BE CREATED OUT OF FIVE SHAPES OF OUR CHOOSING. (THIS INCLUDED TYPE)
T HE
, PRPHET, ONE DAY RONG THE E W Y'l DON l , KN A T OW ET , D N AL E V WA E B
BE
ND
YS
HOPE PRETTY LIGHTS - A ONLY MY COL OR S, Y A MA W P AL
VINYL COVER VARIATIONS
124
THE TYPE FOR “PRETTY LIGHTS” WOULD BE MADE OUT OF A FOIL LIKE TEXTURE IN WHICH THE LIGHT WOULD REFLECT OFF OF IT TO GIVE IT THAT GLEAMING FEELING.
THE WHOLE IDEA OF THE COVER WAS CREATE A LITERAL COLOR MAP TO THE SUN.
VINYL COVER
126
A FEW EXAMPLES OF THE VINYL COVER
ONE WITHOUT TWO
128
WALSH & GOODMAN
MOTION
KURT WAS TASKED WITH ANIMATING A VIDEO BASED OFF HIS WORST DAY.
THIS PARTICULAR DAY, WAS THE MOMENT HIS COUSIN DIED.
STYLEFRAMES
130
KURT AND HIS COUSIN, BOTHED SHARED A LOVE FOR VIDEO GAMES. KURT SPECIFICALLY CHOSE PONG BECAUSE PONG IS IMPOSSIBLE TO PLAY BY YOURSELF.
THE PONG ATTEMPTING TO PLAY WITH ITSELF WAS A REFLECTION ON KURT TRYING TO MOVE ON AFTER HIS PASSING.
PONG BREAK
132
KURT TOOK REFERENCE FROM OLD VIDEO GAMES AND OLD TELEVISION AND ATTEMPTED TO MAKING IT LOOK AS REALISTIC AS POSSIBLE.
GEMMSY
134
CLIENT
LOGO ANIMATION
KURT WAS ASKED BY GABBY SOARES TO CREATE A LOGO ANIMATION FOR HER PERFUME, GEMMSY.
THE ANIMATION WOULD BE SHOWN AT AN FIT CONFERENCE.
LET IT OUT
136
WALSH & GOODMAN
MOTION
KURT WAS TASKED WITH CREATING AN ANIMATION DEPICTING THE EFFECTS OF HOLDING IN ONES EMOTIONS.
138
PROCESS
140
KURT DID NOT WANT TO REPLICATE A BRAIN BUT INSTEAD TOOK REFERENCE FROM IT’S ORGANIC AND TEXTURAL FEELING.
STYLE FRAMES
142
THE BRAIN WOULD PROGRESSIVELY GROW UNTIL IT COULD NOT HOLD THE EMOTIONS IN ANY LONGER.
144
TEAM “ROCKET”
BFG 9000
HAMMER BOR’S HAMMER
30 WEAPONS PROJECT
146
PERSONAL
ILLUSTRATION
INDIANA’S BULL WHIP
C14 RIFLE
CROSSBOW
A PERSONAL PROJECT IN WHICH KURT WOULD DESIGN ONE UNIQUE WEAPON FROM A VIDEOGAME, EVERY DAY FOR THE NEXT 30 DAYS.
HERE ARE THE SOURCES FROM EACH WEAPON (FROM LEFT TO RIGHT STARTING FROM THE TOP) : POKEMON, DOOM, SUPER MARIO BROS, INDIANA JONES, STARCRAFT, CHIVALRY.
PLASMA CUTTER
DUBSTEP GUN
FIRE FLOWER
ILLUSTRATION
148
FOAM FINGER
HAMMER
HOMETUN BAT
HERE ARE THE SOURCES FROM EACH WEAPON (FROM LEFT TO RIGHT STARTING FROM THE TOP) : DEAD SPACE, SAINTS ROW, MARIO, DEAD SPACE, SUPER SMASH BROTHERS, DEAD ISLAND.
POKE BALLS
MUSKET
NEEDLER
ILLUSTRATION
150
SASHA
PORTABLE CANNON
PROTON PACK
HERE ARE THE SOURCES FROM EACH WEAPON (FROM LEFT TO RIGHT STARTING FROM THE TOP) : POKEMON, BATTLE GROUNDS, HALO, TEAM FORTRESS 2, TEAM FORTRESS 2 MODS, GHOST BUSTERS.
PICTURE BOOKS
152
ERIC BAKER
DESIGN / BRANDING
PRIMARY LOGO
SECONDARY LOGO
COLOR PALETTE
0% - 0% - 0% - 100%
0% - 0% - 0% - 0%
TYPOGRAPHY
2% - 11% - 92% - 0%
HELVETICA NEUE
Helvetica Neue Medium
ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890
abcdefghijklmnopqrstuvwxyz
Helvetica Neue Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
KURT AND FELIPE FAJARDO TEAMED UP TO DESIGN A BRAND AROUND THE FICTIONAL BOOK STORE, PICTURE BOOKS.
PICTURE BOOKS IS A BOOK STORE THAT ONLY SELLS FILM RELATED BOOKS.
SYMBOL
FORMS
154
PICTURE BOOKS BRIDGES THE GAP BETWEEN LITERATURE AND FILM AND WE WANTED TO REFELCT THAT WITHIN THE DESIGNS.
THE FORMS WOULD BE “STILLS” OF A MOVING IMAGE, MAKING EACH DESIGN COMPLETELY UNIQUE IN ITS OWN WAY.
156
LETTERHEAD
158
MORE BUSINESS CARD AND TOTE DESIGNS
TOTE DESIGNS
160
RUNNING THE 4 BLOCKS WITHIN A PHYSICS SIMULATOR, WE WERE ABLE TO CAPTURE THE UNIQUE MOTIONS.
BOOKMARKS
162
TRANSPARENCY FOR DAYS
WEBSITE - HOME PAGE
164
ROLLOVER ECAMPLE ON THE HOMEPAGE
166
MOBILE - HOME SCREEE
168
MOBILE - MENU EXAMPLE
HADOOP
170
CLIENT
MOTION
OSBC ASKED KURT RAUFFER AND ALEX JACOBO-BLONDER TO CREATE AN ANIMATION EXPLAINER FOR HIS APACHE OPEN SOURCE SOFTWARE, HADOOP.
THE ENVIRONMENT WAS COMPOSED OF GRIDS, PROCESORS, AND TRANSISTORS IN GRAPHIC FORM TO BETTER CORRELATE WITH HADOOP’S EXISTING BRAND.
TEXTURES
172
TEXTURIAL DATA TRANSITIONS
STYLE FRAMES
174
WE WERE GIVEN KEY WORDS SUCH AS STORE, PROCESS, INDEX, AND ANALYZE TO VISUALIZE IN GRAPHIC FORM.
PROCESS
176
WE UTILIZED CINEMA 4D’S ABILITY TO HANDLE HEAVY SIMULATIONS, TO CREATE MANY OF THE DESIGNS.
STYLE FRAMES
178
WE FOUND A STRONG RELATIONSHIP BETWEEN THE GRIDS IN THE BRAND AND THE TYPE OF TECH ELEMENTS WE WANTED.
PIXEL GRIDS, GRAPHIC OVERLAYS, AND GRIDDED GLITCH ELEMENTS ALL HELPED DRIVE THE VISUALS WE DEVELOPED.
GOOGLE “EASTER” IDENT
180
CHRIS WEST
MOTION
KURT WAS TASKED WITH CREATING AN IDENT / LOGO ANIMATION FOR A BRAND OF OUR CHOOSING.
EASTER WAS COMING UP AND NO BETTER FUN AND FRIENDLY BRAND TO CELEBRATE IT WITH THEN GOOGLE.
STYLE FRAMES
182
THE ANIMATION WAS CAREFULLY CRAFTED HAND BY HAND IN PHOTOSHOP.
THANKS FOR VISITING KROFL
(. ) ( .)
XOXOXOXOXOXOXOXOXOXOX
184
186