|
|
| Line 1: |
Line 1: |
| <!-- Mirrored from Homestar Runner Wiki (hrwiki.org) via Wayback Machine; HTML converted to wikitext. Formatting may be imperfect. --> | | <!-- Mirrored from Homestar Runner Wiki (hrwiki.org) via Wayback Machine --> |
| <div class="thumb tright">
| | https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/7/7e/hs_wallpaper.png/180px-hs_wallpaper.png |
|
| |
|
| <div class="thumbinner" style="width:252px;">
| | ''Through the years'' |
|
| |
|
| [[File:hs wallpaper.png|[[File:hs_wallpaper.png|250px|thumb]]]] | | Over the years, [[homestarrunner.com]] [[Characters|characters]] have undergone a number of changes to their appearance. Below are links to charts for individual characters as they have changed. |
| <div class="thumbcaption">
| |
|
| |
|
| <div class="magnify">
| | === Main Characters === |
|
| |
|
| [[File:hs wallpaper.png|[[File:magnify-clip.png|15px|thumb]]]] | | * [[Homestar Runner Evolution]] |
| | * [[Strong Bad Evolution]] |
| | * [[Pom Pom Evolution]] |
| | * [[Coach Z Evolution]] |
| | * [[Bubs Evolution]] |
| | * [[The Cheat Evolution]] |
| | * [[Strong Mad Evolution]] |
| | * [[Strong Sad Evolution]] |
| | * [[Marzipan Evolution]] |
| | * [[The King of Town Evolution|The King Of Town Evolution]] |
| | * [[The Poopsmith Evolution]] |
| | * [[Homsar Evolution]] |
|
| |
|
| </div>
| | === Old-Timey === |
| Homestar through the years
| |
|
| |
|
| </div>
| | * [[The Homestar Runner Evolution]] |
| | * [[Old-Timey Strong Bad Evolution]] |
|
| |
|
| </div>
| | === 20X6 === |
|
| |
|
| </div>
| | * [[Stinkoman|Stinkoman Evolution]] |
| Over the years, [[Homestar Runner (body of work)|Homestar Runner]] [[Characters|characters]] have undergone a number of changes to their appearance. The first two years of [[homestarrunner.com|the site]] saw particularly dramatic shifts in appearances, as creative duo [[The Brothers Chaps|the Brothers Chaps]] familiarized themselves with [[Flash]] and developed their signature art [[Style|style]].
| | * [[1-Up|1-Up Evolution]] |
|
| |
|
| Below are links to charts for individual characters as they have changed.
| | === Storybook World === |
|
| |
|
| <span id="character-evolution-pages-by-category"></span>
| | * [[Mr. Bland|Mr. Bland Evolution]] |
| == <span class="mw-headline"> Character evolution pages by category </span> ==
| | * [[Señor|Señor Evolution]] |
| | * [[The Robot (storybook)|The Robot Evolution]] |
| | * [[The Grape Fairie|The Grape Fairie Evolution]] |
|
| |
|
| * '''[[Main Characters]]:''' [[Homestar Runner Evolution|Homestar Runner]] · [[Strong Bad Evolution|Strong Bad]] · [[Pom Pom Evolution|Pom Pom]] · [[Coach Z Evolution|Coach Z]] · [[Bubs Evolution|Bubs]] · [[The Cheat Evolution|The Cheat]] · [[Strong Mad Evolution|Strong Mad]] · [[Strong Sad Evolution|Strong Sad]] · [[Marzipan Evolution|Marzipan]] · [[The King of Town Evolution|The King of Town]] · [[The Poopsmith Evolution|The Poopsmith]] · [[Homsar Evolution|Homsar]]
| | === Other === |
| * '''[[Old-Timey]]:''' [[The Homestar Runner Evolution|The Homestar Runner]] · [[Old-Timey Strong Bad Evolution|Old-Timey Strong Bad]]
| |
| * '''[[20X6]]:''' [[Stinkoman]] · [[1-Up]]
| |
| * '''[[Storybook World]]:''' [[Mr. Bland]] · [[Señor]] · [[The Robot (storybook)|The Robot]] · [[The Grape Fairie]]
| |
| * '''Other:''' [[The Announcer]] · [[The Umpire]] · [[The Knight]] · [[The Yello Dello]] · [[The Goblin]] · [[Visor Robot]] · [[The Sad Kids]] · [[Nebulon]] · [[Preshy and Rafferty]]
| |
|
| |
|
| <span id="general-design-trends"></span>
| | * [[The Announcer|The Announcer Evolution]] |
| == <span class="mw-headline"> General design trends</span> ==
| | * [[Visor Robot|Visor Robot Evolution]] |
| | * [[Nebulon|Nebulon Evolution]] |
| | * [[The Goblin|The Goblin Evolution]] |
| | * [[The Umpire|The Umpire Evolution]] |
| | * [[The Sad Kids|The Sad Kids Evolution]] |
|
| |
|
| Many characters were initially designed for [[Original Book|children's books]]. These hand-drawn designs were simple and loose, with thin outlines and bold, solid colors:
| | == See Also == |
| | |
| {| class="wikitable gallery" cellspacing="0" cellpadding="0"
| |
| |-
| |
| | <div class="gallerybox" style="width: 155px;">
| |
| | |
| <div class="thumb" style="padding: 13px 0; width: 150px;">
| |
| | |
| <div style="margin-left: auto; margin-right: auto; width: 120px;">
| |
| | |
| [[File:firsthomestar.png|[[File:firsthomestar.png|51px|thumb]]]]
| |
| | |
| </div>
| |
| | |
| </div>
| |
| <div class="gallerytext">
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | <div class="gallerybox" style="width: 155px;">
| |
| | |
| <div class="thumb" style="padding: 13px 0; width: 150px;">
| |
| | |
| <div style="margin-left: auto; margin-right: auto; width: 120px;">
| |
| | |
| [[File:tinyhandedstrongbad.png|[[File:tinyhandedstrongbad.png|69px|thumb]]]]
| |
| | |
| </div>
| |
| | |
| </div>
| |
| <div class="gallerytext">
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | <div class="gallerybox" style="width: 155px;">
| |
| | |
| <div class="thumb" style="padding: 24px 0; width: 150px;">
| |
| | |
| <div style="margin-left: auto; margin-right: auto; width: 120px;">
| |
| | |
| [[File:The cheatachu72.PNG|[[File:The_cheatachu72.PNG|120px|thumb]]]]
| |
| | |
| </div>
| |
| | |
| </div>
| |
| <div class="gallerytext">
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | <div class="gallerybox" style="width: 155px;">
| |
| | |
| <div class="thumb" style="padding: 13px 0; width: 150px;">
| |
| | |
| <div style="margin-left: auto; margin-right: auto; width: 120px;">
| |
| | |
| [[File:firstpompom.png|[[File:firstpompom.png|118px|thumb]]]]
| |
| | |
| </div>
| |
| | |
| </div>
| |
| <div class="gallerytext">
| |
| | |
| </div>
| |
| | |
| </div>
| |
| |}
| |
| | |
| When [[The Brothers Chaps|the Brothers Chaps]] began using [[Flash]], character designs still kept the hand-drawn feeling with thick, irregular lines (as drawings were often digitized with [[Adobe Streamline]]); coloring made use of gradients:
| |
| | |
| {| class="wikitable gallery" cellspacing="0" cellpadding="0"
| |
| |-
| |
| | <div class="gallerybox" style="width: 155px;">
| |
| | |
| <div class="thumb" style="padding: 13px 0; width: 150px;">
| |
| | |
| <div style="margin-left: auto; margin-right: auto; width: 120px;">
| |
| | |
| [[File:hr3.png|[[File:hr3.png|65px|thumb]]]]
| |
| | |
| </div>
| |
| | |
| </div>
| |
| <div class="gallerytext">
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | <div class="gallerybox" style="width: 155px;">
| |
| | |
| <div class="thumb" style="padding: 13px 0; width: 150px;">
| |
| | |
| <div style="margin-left: auto; margin-right: auto; width: 120px;">
| |
| | |
| [[File:StrongBadThirdDesign.png|[[File:StrongBadThirdDesign.png|100px|thumb]]]]
| |
| | |
| </div>
| |
| | |
| </div>
| |
| <div class="gallerytext">
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | <div class="gallerybox" style="width: 155px;">
| |
| | |
| <div class="thumb" style="padding: 20px 0; width: 150px;">
| |
| | |
| <div style="margin-left: auto; margin-right: auto; width: 120px;">
| |
| | |
| [[File:oldthecheat.png|[[File:oldthecheat.png|120px|thumb]]]]
| |
| | |
| </div>
| |
| | |
| </div>
| |
| <div class="gallerytext">
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | <div class="gallerybox" style="width: 155px;">
| |
| | |
| <div class="thumb" style="padding: 13px 0; width: 150px;">
| |
| | |
| <div style="margin-left: auto; margin-right: auto; width: 120px;">
| |
| | |
| [[File:pompom evolution iop.png|[[File:pompom_evolution_iop.png|109px|thumb]]]]
| |
| | |
| </div>
| |
| | |
| </div>
| |
| <div class="gallerytext">
| |
| | |
| </div>
| |
| | |
| </div>
| |
| |}
| |
| | |
| Around the time of [[A Jumping Jack Contest]], characters began to be drawn in Flash and appeared with cleaner vector lines with more precise shapes. This art style primarily used black outlines, flat colors, and limited shading:
| |
| | |
| {| class="wikitable gallery" cellspacing="0" cellpadding="0"
| |
| |-
| |
| | <div class="gallerybox" style="width: 155px;">
| |
| | |
| <div class="thumb" style="padding: 13px 0; width: 150px;">
| |
| | |
| <div style="margin-left: auto; margin-right: auto; width: 120px;">
| |
| | |
| [[File:jjhomestar.png|[[File:jjhomestar.png|58px|thumb]]]]
| |
| | |
| </div>
| |
| | |
| </div>
| |
| <div class="gallerytext">
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | <div class="gallerybox" style="width: 155px;">
| |
| | |
| <div class="thumb" style="padding: 13px 0; width: 150px;">
| |
| | |
| <div style="margin-left: auto; margin-right: auto; width: 120px;">
| |
| | |
| [[File:sb evolution jumpingjack.png|[[File:sb_evolution_jumpingjack.png|92px|thumb]]]]
| |
| | |
| </div>
| |
| | |
| </div>
| |
| <div class="gallerytext">
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | <div class="gallerybox" style="width: 155px;">
| |
| | |
| <div class="thumb" style="padding: 23px 0; width: 150px;">
| |
| | |
| <div style="margin-left: auto; margin-right: auto; width: 120px;">
| |
| | |
| [[File:2ndthecheat.png|[[File:2ndthecheat.png|120px|thumb]]]]
| |
| | |
| </div>
| |
| | |
| </div>
| |
| <div class="gallerytext">
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | <div class="gallerybox" style="width: 155px;">
| |
| | |
| <div class="thumb" style="padding: 13px 0; width: 150px;">
| |
| | |
| <div style="margin-left: auto; margin-right: auto; width: 120px;">
| |
| | |
| [[File:jumpingjackspompom.png|[[File:jumpingjackspompom.png|106px|thumb]]]]
| |
| | |
| </div>
| |
| | |
| </div>
| |
| <div class="gallerytext">
| |
| | |
| </div>
| |
| | |
| </div>
| |
| |}
| |
| | |
| Characters' current designs are typified by colored outlines and the use of shadows, highlights, and varying line width to add depth:
| |
| | |
| {| class="wikitable gallery" cellspacing="0" cellpadding="0"
| |
| |-
| |
| | <div class="gallerybox" style="width: 155px;">
| |
| | |
| <div class="thumb" style="padding: 13px 0; width: 150px;">
| |
| | |
| <div style="margin-left: auto; margin-right: auto; width: 120px;">
| |
| | |
| [[File:NewerestHomestar.png|[[File:NewerestHomestar.png|59px|thumb]]]]
| |
| | |
| </div>
| |
| | |
| </div>
| |
| <div class="gallerytext">
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | <div class="gallerybox" style="width: 155px;">
| |
| | |
| <div class="thumb" style="padding: 13px 0; width: 150px;">
| |
| | |
| <div style="margin-left: auto; margin-right: auto; width: 120px;">
| |
| | |
| [[File:currentbad.png|[[File:currentbad.png|79px|thumb]]]]
| |
| | |
| </div>
| |
| | |
| </div>
| |
| <div class="gallerytext">
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | <div class="gallerybox" style="width: 155px;">
| |
| | |
| <div class="thumb" style="padding: 21px 0; width: 150px;">
| |
| | |
| <div style="margin-left: auto; margin-right: auto; width: 120px;">
| |
| | |
| [[File:The Cheat Character Video.PNG|[[File:The_Cheat_Character_Video.PNG|120px|thumb]]]]
| |
| | |
| </div>
| |
| | |
| </div>
| |
| <div class="gallerytext">
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | <div class="gallerybox" style="width: 155px;">
| |
| | |
| <div class="thumb" style="padding: 13px 0; width: 150px;">
| |
| | |
| <div style="margin-left: auto; margin-right: auto; width: 120px;">
| |
| | |
| [[File:pompom.PNG|[[File:pompom.PNG|100px|thumb]]]]
| |
| | |
| </div>
| |
| | |
| </div>
| |
| <div class="gallerytext">
| |
| | |
| </div>
| |
| | |
| </div>
| |
| |}
| |
| | |
| Most character designs have not significantly evolved since 2001. Post-2001 changes typically include minor adjustments to facial or body proportions, additional facial expressions, or reworking how a character is animated, not major changes to how the character is drawn.
| |
| | |
| <span id="see-also"></span>
| |
| == <span class="mw-headline">See Also</span> ==
| |
|
| |
|
| * [[Minor Character Variations]] | | * [[Minor Character Variations]] |
| * [[Stylized Character Designs]] | | * [[Stylized Character Designs]] |
| * [[Other Costumes]] | | * [[Other Costumes]] |
| | | [[Category:Character Evolution]] |
| <div id="catlinks" class="catlinks">
| | [[Category:Lists]] |
| | |
| <div id="mw-normal-catlinks">
| |
| | |
| [/wiki/Special:Categories Categories]: <span dir="ltr">[[Category:Character Evolution|Character Evolution]]</span> | <span dir="ltr">[[Category:Lists|Lists]]</span>
| |
| | |
| </div>
| |
| | |
| </div>
| |
|
| |
|