Story Board

Creating a storyboard for an animation involves detailing each scene to ensure clarity in the animation process. Here's a detailed outline of your storyboard:

 

### Storyboard for DIY StreetView 360 Panorama Animation

 

#### Scene 1: Setting Up the Camera

- **Description**: A person walks towards a car with a GoPro Max action camera.

- **Visuals**:

  - The person is seen approaching a car parked on the street.

  - The person places the GoPro Max camera on the roof of the car.

  - Close-up shot of the GoPro Max being securely attached to the car roof.

- **Background**: Urban setting in Thailand, with typical Thai architecture and street elements.

- **Duration**: 5-7 seconds.

 

#### Scene 2: Camera on the Roof

- **Description**: Show the GoPro Max action camera mounted on the car roof.

- **Visuals**:

  - Close-up of the GoPro Max camera on the car roof.

  - The camera's lens facing forward.

- **Background**: Clear view of the street and buildings in the background.

- **Duration**: 3-4 seconds.

 

#### Scene 3: Driving and Capturing Images

- **Description**: The person drives the car while the camera captures the street view.

- **Visuals**:

  - Inside the car: The person is seen driving.

  - Outside view: The street as seen through the car windshield, including commercial stores and street signs.

  - Focus on various street signs, storefronts, and unique elements typical to Thailand (e.g., Thai signboards, tuk-tuks).

- **Background**: Busy street in Thailand, with noticeable landmarks.

- **Duration**: 7-10 seconds.

 

#### Scene 4: Uploading Data

- **Description**: The person uploads data from a notebook.

- **Visuals**:

  - The person connects the GoPro Max to a laptop using a USB cable.

  - On the laptop screen, files are being uploaded.

  - Progress bar showing the upload status.

- **Background**: Home or office setting.

- **Duration**: 5-7 seconds.

 

#### Scene 5: Viewing Collected Data

- **Description**: The person views the collected street view data on a computer.

- **Visuals**:

  - The person sits at a desk, looking at the laptop screen.

  - On the screen: Clear images of the streets from Scene 3.

  - The screen displays panoramic views and detailed GIS data of the street signs, buildings, and other landmarks.

- **Background**: Home or office setting.

- **Duration**: 5-7 seconds.

 

### Creating the Animation

 

Here's a step-by-step guide using an online animation tool like Powtoon, or a more advanced tool like Adobe Animate or Blender, if you prefer more control and customization:

 

#### Using Powtoon (Simple and Fast)

 

1. **Create a New Project**:

   - Sign in to Powtoon and create a new blank project.

 

2. **Scene 1: Setting Up the Camera**:

   - Use characters and props from the Powtoon library to depict the person, car, and GoPro Max.

   - Animate the person walking to the car and attaching the GoPro Max.

 

3. **Scene 2: Camera on the Roof**:

   - Use a close-up scene template to focus on the GoPro Max camera.

   - Add appropriate background elements to represent a Thai street.

 

4. **Scene 3: Driving and Capturing Images**:

   - Use split-screen or multi-scene to show both the inside and outside view.

   - Add animations for the car driving and street elements passing by.

   - Insert Thai street signs and storefronts.

 

5. **Scene 4: Uploading Data**:

   - Use characters and props to show the person with a laptop.

   - Animate the connection and file upload process with progress bars.

 

6. **Scene 5: Viewing Collected Data**:

   - Animate the person sitting at a desk, viewing the laptop screen.

   - Add animations on the screen to display panoramic views and GIS data.

 

7. **Add Transitions and Effects**:

   - Use smooth transitions between scenes.

   - Add background music and sound effects to enhance the animation.

 

8. **Preview and Edit**:

   - Review the entire animation to ensure the flow and timing are correct.

   - Make necessary adjustments to improve clarity and visual appeal.

 

9. **Export and Share**:

   - Export the final animation as a video file.

   - Share it on your desired platforms.

​

#### Using Adobe Animate (More Control)

 

1. **Set Up Your Project**:

   - Create a new project in Adobe Animate with the desired frame rate and resolution.

 

2. **Design Characters and Scenes**:

   - Use drawing tools to create the person, car, and GoPro Max.

   - Design the Thai street scene with appropriate buildings and signs.

 

3. **Animate Each Scene**:

   - Use keyframes to animate the actions in each scene as described in the storyboard.

   - Add motion tweens for smooth transitions and movements.

   - Include detailed animations for driving, uploading data, and viewing the collected images.

 

4. **Add Audio and Effects**:

   - Record a narration if needed.

   - Add sound effects for actions (e.g., car engine, camera click, keyboard typing).

   - Include background music to set the tone.

 

5. **Render the Animation**:

   - Preview the animation to ensure it is smooth and accurate.

   - Render the final animation as a video file.