Wiki
Edit history

<div style="color:#e0e0e0; background-color:#0e0e0e; font-family:Segoe UI, sans-serif; padding:1em; line-height:1.7; font-size:17px;">

  <p><span style="font-size:22px; color:#ff4081;"><strong>Creating a New Colored Scene for House of Roiland</strong></span></p>

  <p>We started a new background by analyzing <a href="https://www.fusionfall.org/wikim/Justin-Roiland-Personality.pdf" style="color:#88c0ff;">this PDF about Justin Roiland’s personality</a>. We gave ChatGPT the following prompt:</p>

  <blockquote style="border-left: 3px solid #ff4081; padding-left: 1em; font-style:italic; color:#ccc;">
    use this pdf to write a pilot episode for a show called "House of Roiland":<br>
    House of Roiland is a mini-series I’m working on about disgraced animator Justin Roiland trying to take back Rick and Morty from the evil executives at Adult Swim.<br><br>
    I want the first 10 lines of dialogue and a summary of the pilot , thats it 
  </blockquote>

  <p>It gave me this description of a theoretical pilot:</p>

  <div style="background-color:#1a1a1a; padding:1em; border-radius:6px; border-left:4px solid #ff4081;">
    <p>In the pilot, we find Justin Roiland hiding in a messy garage in Burbank, surrounded by empty La Croix cans, half-finished sculptures of alien heads, and a wall covered in string-and-pin conspiracy maps about Adult Swim executives. Disillusioned after being forced out of Rick and Morty, he’s spiraling — self-deprecating, chaotic, but determined to reclaim his "baby."</p>
  </div>

  <p>I liked that description of a setting, so we gave it to <a href="https://sora" style="color:#88c0ff;">SORA</a> and used this prompt:</p>

  <blockquote style="border-left: 3px solid #ff4081; padding-left: 1em; font-style:italic; color:#ccc;">
    generate a 2d background of this scene in the style of rick and morty it should look like something drawn in adobe flash cs6: a messy garage in burbank, there is a wall covered in string-and-pin conspiracy maps about Adult Swim executives
  </blockquote>

  <p>SORA created two reference images. I picked the best one and used it as a starting point:</p>

  <div style="text-align:center; margin:1.5em 0;">
    <img src="https://www.fusionfall.org/wikim/backgroundref.png" alt="Background reference" style="max-width:100%; border:2px solid #ff4081; border-radius:8px;">
    <p style="color:#aaa; font-size:14px;">↑ Background reference generated by SORA</p>
  </div>

  <p>I then resized it to 4000×2161 (the aspect ratio for House of Roiland). Since the reference image was less wide, I expanded the sides using Befunky’s expand image AI to give me a guide for linework on the left and right sides.</p>

  <p>Next, I loaded that expanded image into Flash and began drawing over it completely by hand using my Wacom tablet. After mostly finishing I then added a white background in Befunky so I could generate new versions of it with Leonardo. Here is my fully hand-drawn linework with a white backing:</p>

  <div style="text-align:center; margin:1.5em 0;">
    <div style="background-color:#ffffff; display:inline-block; padding:0.5em; border-radius:8px;">
      <img src="https://www.fusionfall.org/wikim/transparentgarage.png" alt="Original hand-drawn linework" style="max-width:100%; border:2px solid #ff4081; border-radius:8px; display:block;" />
    </div>
    <p style="color:#aaa; font-size:14px;">↑ 100% hand-drawn linework with white background so it displays clearly</p>
  </div>

  <p>However, I got burnt out and didn’t want to finish some of the more complicated roof lines. So I decided to see if Leonardo could help fill those in.</p>

  <p>I sent the image to Leonardo with two prompts:</p>

  <div style="background-color:#1a1a1a; padding:1em; border-radius:6px; border-left:4px solid #ff4081;">
    <p><strong>Prompt 1:</strong> Please fill in the missing details in this line-art drawing while keeping the original linework, line weight, and minimal sketchy style exactly as is. Do not clean up, smooth, or redraw existing lines. Do not add shading or extra rendering. Only add new elements using the same loose, slightly rough line style. Add on the floor: scattered empty cans, crumpled snack wrappers, and some small sci-fi gadget parts in the same line-art style. On the shelves: add a few extra unlabeled boxes, old gadgets, and a couple of random small objects (e.g., a toy ray gun, weird helmet). On the conspiracy wall: add more scribbled notes and photos with connecting string, drawn in simple rectangles and lines that match the current sketchy approach. Keep everything strictly black-and-white line-art. Match the quick, hand-drawn, slightly messy feeling of the original exactly. Do not change the composition, perspective, or structure of the existing drawing in any way.</p>
  </div>

  <div style="background-color:#1a1a1a; padding:1em; border-radius:6px; border-left:4px solid #ff4081; margin-top:1em;">
    <p><strong>Prompt 2:</strong> Please fill in the missing details like the roof in this line-art drawing while keeping the original linework, line weight, and minimal sketchy style exactly as is. Do not clean up, smooth, or redraw existing lines. Do not add shading or extra rendering. Only add new elements using the same loose, slightly rough line style. Add on the floor: scattered empty cans, crumpled snack wrappers, and some small sci-fi gadget parts in the same line-art style. On the shelves: add a few extra unlabeled boxes, old gadgets, and a couple of random small objects (e.g., a toy ray gun, weird helmet). On the conspiracy wall: add more scribbled notes and photos with connecting string, drawn in simple rectangles and lines that match the current sketchy approach. Keep everything strictly black-and-white line-art. Match the quick, hand-drawn, slightly messy feeling of the original exactly. Do not change the composition, perspective, or structure of the existing drawing in any way. The roof needs more structure.</p>
  </div>

  <p>Here are the two results side by side:</p>

  <div style="display:flex; gap:1em; margin:1em 0;">
    <img src="http://fusionfall.org/wikim/floorstuff.jpg" alt="Floor details" style="width:48%; border:2px solid #ff4081; border-radius:8px;">
    <img src="http://fusionfall.org/wikim/rooflines.jpg" alt="Roof lines" style="width:48%; border:2px solid #ff4081; border-radius:8px;">
  </div>

  <p>I combined these images with the original hand-drawn linework in Befunky using the crop tool (selectively cropping out and leaving in wanted vs unwanted parts). This created my final merged composition:</p>

  <div style="text-align:center; margin:1.5em 0;">
    <img src="https://www.fusionfall.org/wikim/garageA.png" alt="Merged composition" style="max-width:100%; border:2px solid #ff4081; border-radius:8px;">
    <p style="color:#aaa; font-size:14px;">↑ Final composition after merging floor and roof details</p>
  </div>

  <p>Next, I sent this composition to Leonardo with the following prompt to generate a colorized backing (NOTE, I FIRST GAVE CHATGPT THE ORIGINAL AI GENERATED REFERENCE LEONARDO CREATED, AND THEN HAD IT CREATE MY PROMPT BELOW USING CONTEXT FROM THAT ORIGINAL REFERENCE):</p>

  <blockquote style="border-left: 3px solid #ff4081; padding-left: 1em; font-style:italic; color:#ccc;">
    Please colorize this line drawing in a flat, bold, cartoon-like style, and remove all linework so that only solid color shapes remain. Make the walls a muted gray to create a simple garage interior. Color the shelves and boxes various warm browns. Make the floor a light concrete gray to suggest a slightly dusty garage floor. Color the trash can a dull green. Make the cans and papers on the floor soft metallic grays and off-whites. Color the conspiracy board a tan corkboard color with bright red connecting strings and pale yellow pinned papers. For the pinned photos, use pale skin tones, blue or gray suits, and muted hair colors to suggest bland executives. Color the wooden desk a medium brown with a pale beige top. Overall, match the style and colors of a clean, bold, animated garage scene with no black outlines.
  </blockquote>

  <p>Finally, I overlayed my original transparent linework (transparentgarage.png) on top of the colorized backing in Flash.</p>

  <div style="text-align:center; margin:1.5em 0;">
    <img src="http://fusionfall.org/wikim/ahh.png" alt="Linework with AI roof lines and floor objects" style="max-width:100%; border:2px solid #ff4081; border-radius:8px;">
    <p style="color:#aaa; font-size:14px;">↑ Version with original linework (transparentgarage.png) plus AI-generated roof lines and floor objects from Leonardo</p>
  </div>

  <p>In the final image below, I hand drew the roof lines and floor objects myself instead of using the AI-generated versions above.</p>

  <div style="text-align:center; margin:1.5em 0;">
    <img src="http://fusionfall.org/wikim/finalgarage.png" alt="Final colored scene" style="max-width:100%; border:2px solid #ff4081; border-radius:8px;">
    <p style="color:#aaa; font-size:14px;">↑ Fully completed final scene for House of Roiland</p>
  </div>

  <p>All of these steps—using Leonardo to help fill out roof lines and floor objects, creating a merged composition in Befunky with the crop tool, generating a colorized backing that included all details, then finally hand drawing the final linework over that backing—led to the creation of our finished House of Roiland scene.</p>

</div>
Wiki