Skip to content
Menu
  • Web Design Business
  • Web design Fundalmentals
City Kitty Design

Design Fundamentals: Storyboarding Pen & Ink

Posted on January 30, 2018


Design Fundamentals: Storyboarding Pen & Ink
How do you block out the shot and tell a story using traditional tools? What if you can’t draw? Are there any tips or shorthand for drawing?

Session 2 in a series of storyboarding a surfing sequence with Chris Do, Mark Contreras and Aaron Szekely.

—
01:30 Marker tools/supplies that we use for storyboarding
09:25 Aaron’s Surfing Sequence review
18:02 What is the goal of our storyboarding process?
18:28 Why we Storyboard: Be clear and intentional with how you frame and sequence things together so that you capture key moments.
21:09 Search for the shot, learn how to edit/cut the film in your mind
22:33 Sketching the camera viewpoint for the right shot
24:35 How to determine the centerpoint – rule of perspective
35:09 Mark’s Shot – Critique
35:48 You don’t want everything to be parallel to the picture frame
41:22 Draw straight lines – Lock your arm to draw better
47:15 Imagine that there is an oven mitt on the hand that you want to draw
54:37 How do you guys translate a complex camera movement in a drawing?
1:10:14 When you are creating a shot, you should pay attention to the focal point
1:12:09 Editing is about patterns – One shot won’t, two might, three will
1:43:45 A Storyboard provides you with a shared conceptual framework
1:44:26 Do clients approve your storyboard, or is it for internal use in your creative team?
1:49:53 Summary & Outro

Show References
—————-
Storyboarder – https://wonderunit.com/storyboarder/

—

The Futur is a startup, and we need your support! Here’s how:

See all of our products:
https://goo.gl/J52GqA

Donate to The Futur:
https://goo.gl/GKhI2c

LEARN & GROW
Pro-Group Membership: https://goo.gl/1s62Gp
Sales and Marketing Class: https://goo.gl/iF5xua
Lettering I Class: https://goo.gl/lNHaqh
CORE Strategy Kit:https://goo.gl/Uc3IKp
Agency-In-A-Box Kit: https://goo.gl/lyEdjK
Selling & Overcoming Objections: https://goo.gl/qS91x2
The Pitch Kit: https://goo.gl/MgZY6z
The Perfect Proposal: https://goo.gl/XNF4ZH
CORE UX Facilitation Kit: https://goo.gl/aAfeAL
UX Masterclass: https://goo.gl/8yH8dP

FUTUR GEAR
The Futur Mug: https://goo.gl/FuCwuO
Blind Sketch Book: https://goo.gl/hUYojY
Snapshot Numbered Print: https://goo.gl/A2KHb0

Visit our website:
https://goo.gl/a4ZtAk

See all of our free resources:
https://goo.gl/Rf6zdc

—

OUR AFFILIATE LINKS
Skillshare: https://goo.gl/YCo2uT
Amazon: https://goo.gl/K1bIhg
Creative Market: https://goo.gl/g4jlTE
Music from ArtList.io: http://goo.gl/22VpQi

—

Listen to the Futur podcast on iTunes: ?
https://itunes.apple.com/us/podcast/the-futur/id1209219220?mt=2
Android Stitcher:
http://www.stitcher.com/podcast/aaron/the-futur
Google Play:
https://play.google.com/music/listen?u=0#/ps/Itg3hr5bs4a54w73o2toxcr4vhe
Sound Cloud

—
Connect with us online: ?
https://www.facebook.com/theFuturisHere/
Tweets by thefuturishere

Logo Crits:
https://www.facebook.com/groups/FuturFeedback/
—

Need brand strategy help?
Visit Blind LA’s WEBSITE: http://blind.com

—

Credits:
Executive Producer– Chris Do
Host– Chris Do
Director– Erica Pead
Cinematography– Aaron Szekely, Mark Contreras
Editor– Erica Pead
Show Open– Roy Kang
Futur Theme Music – Adam Sanborne http://www.adamsanborne.com
Annotations & SEO – Isaiah Nwukor
Typefaces: Futura, Din
Futur theme song— Adam Sanborne

Recent Posts

  • The Ultimate Guide to Choosing the Right Marketing Company in Charlotte
  • Unlocking Growth: How a Marketing Company in Charlotte Can Elevate Your Business
  • Top Marketing Companies in Charlotte: How to Choose the Right One
  • Finding the Right Marketing Company in Charlotte: A Guide for Local Businesses
  • Finding the Best Marketing Company in Charlotte: A Comprehensive Guide

RSS feed: Web Design News Web Design News

  • JavaScript SpeechSynthesis API November 20, 2025
    As the web continues to be the medium for all users, standards bodies need to continue to provide new APIs to enrich user experience and accessibility. One underused API for unsighted users is speechSynthesis, an API to programmatically direct the browser to audibly speak any arbitrary string. The Code You can direct the browser to […]
  • Fix “This video format is not supported” on YouTube TV November 17, 2025
    Setting up a new computer is bliss — no old, unused apps and the machine performs much better than the previous. Unfortunately, you may encounter new problems based on the new hardware. One such issue I encountered with my new MacBook was a “This video format is not supported” message when I went to YouTube […]
  • Easy way to upload, transform and deliver files and images (Sponsored) March 24, 2025
    Managing media is a really difficult task if you try to do all of it yourself, especially if the media comes from other sources. The file can be submitted in any state and size, but what if you need something really specific? You can code it all yourself or you can use an awesome service […]
  • How to Download a YouTube Video or Channel September 4, 2024
    The ability to download media on the internet almost feels like a lost art. When I was in my teens, piracy of mp3s, movies, and just about everything else via torrents and apps like Kazaa, LimeWire, Napster, etc. was in full swing. These days sites use blob URLs and other means to prevent downloads. Luckily […]
  • How to Add a Header to a curl Request August 3, 2024
    curl is one of those great utilities that’s been around seemingly forever and has endless use cases. These days I find myself using curl to batch download files and test APIs. Sometimes my testing leads me to using different HTTP headers in my requests. To add a header to a curl request, use the -H […]
  • Case Insensitive CSS Attribute Selector June 19, 2024
    CSS selectors never cease to amaze me in how powerful they can be in matching complex patterns. Most of that flexibility is in parent/child/sibling relationships, very seldomly in value matching. Consider my surprise when I learned that CSS allows matching attribute values regardless off case! Adding a {space}i to the attribute selector brackets will make […]
  • How to Set Date Time from Mac Command Line June 17, 2024
    Working on a web extension that ships to an app store and isn’t immediately modifiable, like a website, can be difficult. Since you cannot immediately deploy updates, you sometimes need to bake in hardcoded date-based logic. Testing future dates can be difficult if you don’t know how to quickly change the date on your local […]
  • How to Retrieve WiFi Password on Windows May 13, 2024
    Remembering the WiFi password when on a guest network is never easy. Even worse is when it’s no longer posted and someone else is asking you for it. Luckily there’s a built in Windows command to recover the password of a given WiFi network. The Shell Code Open cmd and execute the following command: netsh […]
  • How to Fix: Windows WASD Keys Reversed with Arrow Keys May 2, 2024
    This past weekend I had the opportunity to be what every father wants, if only for a moment: the “cool dad”. My wife was out of town and my youngest son wanted to play PUBG. I caved in, taught him the basic FPS key binds, and he was having a great time. While he was […]
  • HTML popover Attribute April 15, 2024
    Modals have been an important part of websites for two decades. Stacking contents and using fetch to accomplish tasks are a great way to improve UX on both desktop and mobile. Unfortunately most developers don’t know that the HTML and JavaScript specs have implemented a native modal system via the popover attribute — let’s check […]

Related Sites

CatNFTs.io

©2026 City Kitty Design