$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
SpongeBob Squarepants
Search
Ryan Kramer
PRO
September 25, 2024
Storyboards
1
1.1k
SpongeBob Squarepants
"SquidBird" episode storyboarded by Ryan Kramer
Ryan Kramer
PRO
September 25, 2024
Tweet
Share
More Decks by Ryan Kramer
See All by Ryan Kramer
Looney Tunes Cartoons
ryankramer83
PRO
1
630
The Day The Earth Blew Up: A Looney Tunes Movie
ryankramer83
PRO
1
510
The Day The Earth Blew Up: A Looney Tunes Movie
ryankramer83
PRO
1
77
The Day The Earth Blew Up: A Looney Tunes Movie
ryankramer83
PRO
1
540
Uncle Grandpa
ryankramer83
PRO
1
900
Looney Tunes Cartoons
ryankramer83
PRO
1
980
Tig n' Seek
ryankramer83
PRO
0
910
Ben 10
ryankramer83
PRO
0
940
The Patrick Star Show
ryankramer83
PRO
0
1k
Other Decks in Storyboards
See All in Storyboards
The Last Lick - Rough Beatboards
tildabearart
0
120
Troublesome Creek
stefisketches
0
110
Take Things Into Our Own Hands Storyboard
lucarosearts
0
280
The Robbery
shirleyz210
0
300
Labubu Date
kellinmelon
0
740
Lovestruck
theorangebird01
1
150
My Father Dragon - Reboarding Excercise
amysun35
0
230
Hidden Hollow Pilot 2025
hokuginn
0
160
Hostile Takeover
remypoiss
PRO
0
600
Spicy Competition
lonndoodles
0
120
Calm Before the Storm - Centaurkarania
tigeraspiegirl
1
150
Pa manyenm
ralphpenel
PRO
0
110
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
37
3.5k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.8k
Become a Pro
speakerdeck
PRO
30
5.7k
GitHub's CSS Performance
jonrohan
1032
470k
Practical Orchestrator
shlominoach
190
11k
A better future with KSS
kneath
240
18k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
9
1k
Build your cross-platform service in a week with App Engine
jlugia
234
18k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Unsuck your backbone
ammeep
671
58k
Transcript
None
!
"
#
$ %
&'() *+,- . /0 *.11 / 1222
$ %
&'() 2223 2
$ %
$ %
$ %
$ %
$ %
$ %
$ %
$ %
$ % !
$ % "
$ % #
$ % 4
$ % 5
$ %
6
&'() /78 3 / 97
6
6
6
6
6
6
%
%
%
%
%
%
:
&'()
:
&'()
:
&'()
:
&'()
:
&'()
:
&'()
:
&'()
:
&'()
:
&'()
% 6
% 6
% 6
% 6
% 6
% 6
% 6
6 %
&'() ,1/8* 0 0 3* 2
6 %
&'() ,1/8* 0 0 3* 2
6 %
&'() ,1/8* 0 0 3* 2
6 %
&'() ,1/8* 0 0 3* 2
6 %
&'() ,1/8* 0 0 3* 2
6 %
&'() ,1/8* 0 0 3* 2
; $
&'() //7#*< 0 < 17"=8/* ,- 7 >1 1 3*< 0 < 17? @-'AA7B
; $
&'() //7#*< 0 < 17"=8/* ,- 7 >1 1 3*< 0 < 17? @-'AA7B
:
:
:
:
:
A)! 5/<*+3117
C222 =222 3222. D <2E
5+3*1 *1 7
!
"
#
4
5
&
)
$
$
$
$
$
A)!
$
A)!
$
A)!
$
A)!
$
A)!
$
A)!
$
A)!
$
A)!
$
A)! 0 -17
$
A)! 0 -17
$ !
A)! 0 -17
$ "
A)! 0 -17
&'() F?""4G 1/H<3H<I
!
:
:
:
:
545 5/<*+ = 1. 7
:
545 5/<*+ = 1. 7
:
545 5/<*+ = 1. 7
:
:
:
:
%
545 88+ ,1222 = / == 11 9
6
6
F454G
6
6
6
545 /< =+ 33 17
6
545 /< =+ 33 17
6
545 /< =+ 33 17
6
545 /< =+ 33 17
6
545 /< =+ 33 17
6
;
;
;
545 *+ 8 7
;
A * 81 1 9
6
&'() (/947
6
&'() ,1/11 . 317
6
&'() (/* /*0* / /3*/ 197
6
545 A/*, 312 = 1 // 31117
6
545 A/*, 312 = 1 // 31117
6
545 A/*, 312 = 1 // 31117
6
$ 6
$ 6
$ 6
$ 6
$ 6
$ 6
$ 6
545 =1*1* ,-13/ * 0 2
$ $
$ $
$$
$$
$$
$$
$ %
$ %
&'() (* < 11
$ %
&'() < --1 / /3*8 81
$ %
&'() 1 * 3* 7
$ %
&'() 1 * 3* 7
$ %
$ 6
$ 6
$ 6
$ 6
$ 6
$ 6
$ 6
F" /1G
$:
&'() (/,110 *9
$%
545 5// 2
$%
&'() 33/7
$%
&'() 33/7
$6
$;
&'() A/ 1 11/.. 12
$ $
545 >1 0 / B =87 =,1/ 12
$ $
545 >1 0 / B =87 =,1/ 12
F /G
F /G
&'() 1. 3 13* ,1.1 * 31/ /3*8 82
&'() 1. 3 13* ,1.1 * 31/ /3*8 82
&'() C/ * 9E
A)! (. 3 17
!
A)! (. 3 17
"
&'() 7
#
&'() 7
4
&'() 7
:
:
:
:
:
$
%
&'() //+. 222
%
%
3+< 1/ 1J 1 12
%
3+< 1/ 1J 1 12
%
%
&'() 5/+/3 1</83 <1<1 7
: $
&'() > 8B ,< // DD(57
: $
&'() > 8B ,< // DD(57
%
&'() > 8B ,< // DD(57
%
&'() > 8B ,< // DD(57
%
&'() > 8B ,< // DD(57
6
&'() D(57
6
&'() D(57
6
&'() D(57
;
;
;
;
;
;
;
;
;
6
F H 3 G
6
6
&'() DD
6
&'() #5)"#97
6
&'() #5)"#97
6
6
:
&'() #5)"#97 K1 1 55557H1800 1
:
&'() #5)"#97 K1 1 55557H1800 1
:
K1 1 55557H1800 1
:
K1 1 55557H1800 1
:
K1 1 55557H1800 1
$
$
$
$
$
$
$
$
$
$
$ !
$ "
$ #
)4
&'() A/ 1A7A 3=3 1 3*8 17
FH1 G
FH1 G
"4
"4
"4
:
A)! *+ ,1 / 8 ,1/ 11/37
% $
% $
6
; ;
; ;
; ;
; ;
; ;
; ;
; ;
; ;
&'() /7/7 / 7
&'() /7/7 / 7
&'() /7/7 / 7
&'() /7/7 / 7
&'() /7/7 / 7
&'() /7/7 / 7
&'() /7/7 / 7
&'() /7/7 / 7
&'() /7/7 / 7
&'() /7/7 / 7
!
&'() /7/7 / 7
"
&'() /2+* 1* 312
#
545>522B * =7
4
A)!>522B ?+5459
: %
545>522B ,31 - / 3112
: %
&'() >/ 310B 1/+/ 1,<. 0 =2
: %
&'() >/ 310B 1/+/ 1,<. 0 =2
: %
&'() >/ 310B 1/+/ 1,<. 0 =2
: %
: %
545>522B ,1"555554 10- */ =< * 77
:
:
:
:$
:$
:$
: %
: %
: %
: %
: %
: %
:
:
:
:
:
:
:
:
:
:
::
::
::
::
:% $
:% $
:6
:; %
545 > B =7,31 - /7
:; %
545 > B =7,31 - /7
:; %
545 > B =7,31 - /7
:; %
545 > B =7,31 - /7
:; %
A)!>522B A/=4. +,31 - 7
:; %
: %
: %
: %
: %
: %
: %
% $
% $
%
%$
%$
%$
F8/ 1IG
%
%
%
%
%
%
%
%
%
%
%
%
%:
%:
%:
%:
%% %
%% %
%% %
%% %
%% %
%% %
%6 :
%6 :
%6 :
%6 :
%6 :
%;
&'() 7-0 /5()A5)?77F"'G
%;
&'() 7-0 /5()A5)?77F"'G
%;
&'() 7-0 /5()A5)?77F"'G
%;
&'() 7-0 /5()A5)?77F"'G
%
%
%
6 %
&'() ? + 8 2? 0 *. 1./11 . 312
6 %
&'() ? + 8 2? 0 *. 1./11 . 312
6 %
&'() ? + 8 2? 0 *. 1./11 . 312
6 %
&'() ? + 8 2? 0 *. 1./11 . 312
6 %
6 %
6 6
6 6
6 6
6 6
6 6
6 6
6 6
6$ ;
A)! 5/<*+ /8 7>BA/=10 / <+.<7
6$ ;
A)! 5/<*+ /8 7>BA/=10 / <+.<7
6$ ;
A)! 5/<*+ /8 7>BA/=10 / <+.<7
6$ ;
A)! 5/<*+ /8 7>BA/=10 / <+.<7
6$ ;
A)! 5/<*+ /8 7>BA/=10 / <+.<7
6$ ;
A)! 5/<*+ /8 7>BA/=10 / <+.<7
6$ ;
A)! 5/<*+ /8 7
6$ ;
A)! 5/<*+ /8 7
6 ;
>BA/=10 / <+.<7
6 ;
6 ;
6 ;
6 ;
6 ;
6 ;
6 ;
6 $
6 $
6 $
6 $
6 $
6 $
6 $
6 $
6 $
6 $
6 $ !
6 $ "
6:
6:
6:
6:
6:
&'() * /-0 / /8 0 *2229
6:
6:
6:
&'() 5((75A5()7
6:
6%
6%
6%
66 %
/+ 8 20* ,<L3222 L32
66 %
/+ 8 20* ,<L3222 L32
66 %
/+ 8 20* ,<L3222 L32
66 %
/+ 8 20* ,<L3222 L32
66 %
/+ 8 20* ,<L3222 L32
66 %
/+ 8 20* ,<L3222 L32
6; ;
/+ 8 20* ,<L3222
6; ;
L32
6; ;
L32
6; ;
L32
6; ;
L32
6; ;
L32
6; ;
L32
6; ;
6 6
A
6 6
A'#
6 6
A'#
6 6
6 6
A'#
6 6
6 6
A'#
;
A'#
;
A'#
;
A'#
;
A'#
;
)5("2
;
)5("2
;
)5("2
;
F)G
;
F)G
; $
; $
; $
; $
; $
; $
; $
; $
; $
A)! 5//*+ 8DD
; $
; $ !
; $ "
A)! D5(
; $ #
&'() 2A/ . 1 82
; $ 4
A)! 4+8 ,3 #*2
; $ 5
A)! 5 81 .3< *95(2
; $
; $ &
; $ )
A)! ,3J 1/- 3* 31 *3.<,1/ 17
; $
; $ A
; $ '
A)! D5(
;$ %
A)! D5(
;$ %
;$ %
&'() 831/8* 1/ 2
;$ %
&'() 831/8* 1/ 2
;$ %
&'() 831/8* 1/ 2
;$ %
&'() 831/8* 1/ 2
; %
; %
; %
; %
; %
; %
;
F<222 1/G
;
;
;
;
;
;
;
;
;
A)! A/=1+< *7* .3< *7
; !
A)! A/=1+< *7* .3< *7
;:
;:
;:
;:
;%
;%
545 *+8/=* 19
;%
545 *+8/=* 19
;%
545 *+8/=* 19
;%
545 *+8/=* 19
;%
545 *+8/=* 19
;%
A)! 00 2
;%
A)! 00 2
;%
A)! / 12
;%
FH1&?"4G
;6
;6
;6
;; $
;; $
;
A)! A/1 311 - 8 2
;
545 ,311 /-1/3< =+/ /2
;
#*<81/ 31- / 39
;
A)! 5/*/+ =- *< *1 17
$ :
$ :
$ :
$ :
$ :
:
:
:
% %
% %
% %
% %
% %
% %
6 $
6 $
;
;
;
6
6
6
6
6
6
6
!
$
$
$ :
$ :
$ :
$ :
$ :
:
:
:
:
:
: $$
$
: $$
$
% ::
% ::
% ::
% ::
% ::
6 $
6 $
;
;
;
;
;
;
;
;
;
;
FH1(A"IG
;
FH1(A"IG
;
FH1(A"IG
6
6
6
6
6
6
6
%
%
%
%
%
%
%
%
%
%
% !
% "
% #
% 4
% 5
%
$
$
$
$
6
6
6
6
6
6
6
6
6
6
6 !
6 "
6 #
6 4
6 5
6
6 &
:
:
:
% 6
% 6
% 6
% 6
% 6
% 6
% 6
% 6
% 6
% 6
% 6 !
% 6 "
)42
% 6 #
&'() 5/7 /* 377
% 6 4
&'() 5/7 /* 377
% 6 5
&'() 5/7 /* 377
% 6
% 6 &
% 6 )
F./8G
% 6
F./8G
% 6 A
F./8G
% 6 '
F./8G
% 6 M
% 6 (
% 6 I
% 6 ?
% 6 N
% 6
% 6
% 6
% 6
% 6
% 6
% 6
% 6
% 6
% 6
% 6 !
6
6
6
; 6
F 3 1 G
; 6
F 3 1 G
; 6
F 3 1 G
; 6
F 3 1 G
; 6
F 3 1 G
; 6
F 3 1 G
; 6
F 3 1 G
:
F 3 1 G
:
F 3 1 G
:
F 3 1 G
:
F 3 1 G
:
F 3 1 G
$
&'() 77
$
&'() 77
$
&'() 77
$
&'() 77
$
(+1,3= / 1 32
$
$
$$
$$
$$
$ %
(+1,3= / 1 32
$ %
$ %
$ %
$ %
$ %
$ %
$ %
$ %
$ %
$ % !
$ % "
$ % #
$ % 4
$ % 5
$ %
$
A5')' * />0B+* ,1= . 1 = 0/ 1/ 12
$:
A5')A 5//77
$% :
)#
$% :
)#
$% :
)#
$% :
$% :
$6
&'() ,= *3 7
$; $
,/-0 /0 8 /0 2
$; $
$
:
:
:
:
:
&'()>522B 1125- / 7
$
5- / 7
$
$
"M)?#4 / ./. =2
$
"M)?#4 / ./. =2
$
$
1 / ..11 < *0 J *+3 3 + /2
$
1 / ..11 < *0 J *+3 3 + /2
$
1 / ..11 < *0 J *+3 3 + /2
$
$
"M)?#4 4 =8 * +.2
$ !
"M)?#4 4 =8 * +.2
$ "
"M)?#4 4 =8 * +.2
$
$
&'() *+3*1 8.222
$
&'() *+3*1 8.222
:
:
:
:
:
:
&'() 1 .7
% 6
% 6
% 6
&'() /+ = 32
% 6
&'() /+ = 32
% 6
&'() /+ = 32
% 6
&'() /+ = 32
% 6
&'() /+ = 32
6
*81 =9
;
%
%
&'() (+/ ,18/< 007 L3+<*7
%
&'() (+/ ,18/< 007 L3+<*7
%
&'() (+/ ,18/< 007 L3+<*7
%
&'() (+/ ,18/< 007 L3+<*7
%
&'() (+/ ,18/< 007 L3+<*7
:
:
:
:
:
:
:
:
:
:
$ 6
$ 6
$ 6
$ 6
$ 6
$ 6
$ 6
;
&'() 7(/,1/ 389757
;
&'() 7(/,1/ 389757
;
;
;
;
;
;
&'() 7
$
(/,1/ 389757
$
(/,1/ 389757
$
(/,1/ 389757
$
(/,1/ 389757
$
(/,1/ 389757
$
(/,1/ 389757
$
(/,1/ 389757
$
(/,1/ 389757
$
(/,1/ 389757
$
$ !
545 (8+ 8 +/*, DD
$ "
545 (8+ 8 +/*, DD
$ #
545 (8+ 8 +/*, DD
$ 4
545 (8+ 8 +/*, DD
$ 5
&'() / 11 .7/ 11 .7
$
&'() / 11 .7/ 11 .7
$ &
&'() / 11 .7/ 11 .7
$ )
&'() / 11 .7/ 11 .7
$
A)! A/*, 1. *7"=7
$ A
A)! A/*, 1. *7"=7
$ '
A)! A/*, 1. *7"=7
: $
: $
: $
: $
: $
: $
: $
: $
: $
: $
: $ !
: $ "
: $ #
: $ 4
: $ 5
: $
: $ &
: $ )
: $
: $ A
: $ '
: $ M
: $ (
: $ I
%
&'() ?7< /* 1 /1 3< 31+ 8 //37
6
6
6
; $
; $
F =G
F =G
8
8
F 810 =G
F 810 =G
:
545 3 77
:
545 3 77
:
:
:
:
:
:
:$ %
:$ %
:$ %
:$ %
:$ %
:$ %
:
:
:
:
:
:
:
:
:
:
:
::
A)! * 1/ *<3 8//1/37
:% :
:% :
:% :
:% :
:% :
:6
:6
:6
:6
:6
:6
:6
:6
:6
:6
:6 !
:6 "
:6 #
:; ;
:; ;
F / . G
:; ;
:; ;
:; ;
:; ;
:; ;
:; ;
: %
&'() A/ ,11 . /37(, 3 7 H1 / .
: %
545 8 / .+ 8 218/- // 7
: %
F / . G A
: %
&'() (,)55#7
: %
&'() ( +
: %
&'() * / /9
%
A)! *+11*8/,3 - 12
%
A)! *+11*8/,3 - 12
%
A)! *+11*8/,3 - 12
%
A)! *+11*8/,3 - 12
% $
&'() 4/7
% $
&'() / =/ 310222
%$ :
%$ :
%$ :
%$ :
%$ :
%
% $
% $
%:
%% $
%% $
%6
%; $
%; $
% 6
&'() A/ 31 -2
% 6
&'() A/ 31 -2
% 6
&'() A/ 31 -2
% 6
&'() A/ 31 -2
% 6
545 #*<8 J 18 /3 /*3 2229///222
% 6
545 #*<8 J 18 /3 /*3 2229///222
% 6
A)! ?/+
6
A)' 52 8/,1/ 1 O3/19
6
A)' 52 8/,1/ 1 O3/19
6
6
6 :
&'() (D(D(A,DD4497
6 :
&'() (D(D(A,DD4497
6 :
&'() (D(D(A,DD4497
6 :
&'() (D(D(A,DD4497
6 :
&'() (D(D(A,DD4497
6$ 6
6$ 6
6$ 6
6$ 6
6$ 6
6$ 6
6$ 6
6
6
6
6
6 6
6 6
6 6
6 6
6 6
6 6
6 6
6: :
A)! / =8, 3 7
6: :
A)! / =8, 3 7
6: :
A)! / =8, 3 7
6: :
A)! / =8, 3 7
6: :
A)! / =8, 3 7
6% 6
545 =+ 33 . 1/ 1 7
6% 6
545 =+ 33 . 1/ 1 7
6% 6
A)! (/+* 3 =J 3. /8 89
6% 6
545 ?/+J 3. /8 8
6% 6
A)! 5/+=*2
6% 6
A)! 5/+=*2
6% 6
A)! 5/+=*2
66
66
66
66
6;
6;
6;
6;
6 ;
6 ;
6 ;
6 ;
6 ;
6 ;
6 ;
6 ;
;
545HA)! ? O+ 8 7H
;
545HA)! 3. 8 +J 3.7
;
545HA)! 3. 8 +J 3.7
;
545HA)! 3. 8 +J 3.7
;
545HA)! 3. 8 +J 3.7
;$
&'() 5/+,3 0 / 8*7
;$
;$
;$
&'() ( 3 2
;$
&'() ,3 0 / 8*2
;$
;$
&'() +<*17
;$
&'() +<*17
;$
&'() +<*17
;$
&'() +<*17
;$ !
&'() +<*17
; %
,30 *3- .77
; %
,30 *3- .77
; %
,30 *3- .77
; %
,30 *3- .77
; %
,30 *3- .77
; %
,30 *3- .77
;
;: $$
;: $$
;: $$
;: $$
;: $$
;: $$
;: $$
;: $$
;: $$
;: $$
;: $$ !
&'()>522B > 1B < / - O.<2227
;%
None