Summary:

We Can Be Heroes! - Create a Game in PowerPoint

    ●   PowerPoint is a Useful Tool who's Power is Often Overlooked.

    ●   In this project we use it as an introduction to critical thinking and problem solving skills.


Learn About:

The Principle of Contrast Presentation Illustrator png vs. jpg formats

This Project Happens in Three Parts:

Part #1: Create your Superhero ~

Put your Head on a Superhero in Photoshop and Illustrator


  • Get a picture of your head and paste it on a superhero's body.

  • Then begin to trace the outline, starting with your face, and then the rest of your head.

 

  • Include your own unique Superhero Logo, Hero Name, all that stuff.

 

  • Also include shapes, colors and everything you've learned about design so far.

  • REMEMBER: All Content Must be 90% your own, modified into an original composition, including all text and imagery.

 

• Render your work using the skills learned from the Tutorials to demonstrate mastery of the tools.


 

Part #2: Sketch Your Game Concept~

   Design with Paper and Pencil

    • Then create your game concept using the Graphic Organizer.

    • Your characters need a Name, Motivation, and Academic Questions to answer.

  • You need at Least 3 Slides per Question:

 

 

  1 Slide for the Question itself.

1 Slide for the Wrong Answer.

1 Slide for Right Answer.


Last Step: The Final Product ~

example car ad

     • Your final computer-generated image must be created from scratch.

    ●   Students must create a game in Presentation and plan their moves in advance. This requires abstract forethought as they implement their strategy on the computer.

     • You may use images found online as long a they are blended together to make a cohesive and convincing scene with everything modified by 90%, unrecognizable from the original.

 

    • Students create all the graphics and concepts for the game and many kids who've dreamed about becoming game designers get a taste of how complicated it can be.



ALL work must be an original creation!


YES, you can trace copied images from the internet but the end result must be modified by at least 90%, meaning that the color, size and name should be changed to be unrecognizable from the original content.


NEVER plagiarize or pass off other peoples ideas as your own.

Other People's Work:

These are examples created by students following this project.

            hero              

Day 1: We can Be Heroes! ~

New Project "We Can Be Heroes!" Begins Today

Introduce this PBL project by reading the Entry Document with the Class -

Reflection Journal - Attach the previous project to your portfolio and reflect upon what you have learned from it.

Tutorial #1- Begin your Superhero - Start in Photoshop - Then Move to Illustrator.


Day 2: We can Be Heroes! ~

digitalartanddesign.org

"We Can be Heroes! - Day 2"

Journal - Find a Powerpoint game on-line - Begin class with this warm-up writing prompt.

Tutorial #1 - Finish Outlining your Hero - Learn the Brush Tool & Template Layers in Illustrator - Attach by Due Date.

Tutorial #2 - Color your Line Art in Illustrator - Learn the Mesh Tool, Pencil Tool & Colors in Illustrator - Attach by Due Date.

Tutorial #3 - Brush Libraries in AI - Attach by Due Date.

Begin Graphic Organizer - Answer the Questions and Design the Interface for your Game.


Day 3: We can Be Heroes! ~

digitalartanddesign.org

"We Can be Heroes! - Day 3"

Journal - Improve This Game - Begin class with this warm-up writing prompt.

Tutorial #1 - Finish Outlining Your Hero - Last Day.

Tutorial #2 - Color your Line Art in Illustrator - Learn the Mesh Tool, Pencil Tool & Colors in Illustrator - Attach by Due Date.

Tutorial #3 - Vector Eyes - Attach by Due Date.

Tutorial #4 - Northern Lights - Make a Landscape Background - Attach by Due Date.

Continue Graphic Organizer - Do a Good Job!


Day 4: We can Be Heroes! ~

digitalartanddesign.org

"We Can be Heroes! - Day 4"

Journal - What Motivates your Character? - Begin class with this warm-up writing prompt.

Tutorial #1 - Color your Line Art in Illustrator - Learn the Mesh Tool, Pencil Tool & Colors in Illustrator - Attach by Due Date.

Tutorial #2 - Vector Eyes - Attach by Due Date.

Tutorial #3 - Northern Lights - Make a Landscape Background - Attach by Due Date.

Tutorial #4 - Landscape Background - Attach by Due Date.

Tutorial #5 - Tree - Attach by Due Date.

Finish Graphic Organizer - Due Soon!  

workshop .jpg or .png? - What's the Difference? How do you separate the background from the character and make it transparent?


Day 5: We can Be Heroes! ~

digitalartanddesign.org

"We Can be Heroes! - Day 5"

Journal - The 3 Formats - Begin class with this warm-up writing prompt.

OR

Journal - Hero's Journal - Begin class with this warm-up writing prompt.

Tutorial #1 - Vector Eyes - Attach by Due Date.

Tutorial #2 - Northern Lights - Make a Landscape Background - Attach by Due Date.

Tutorial #3 - Landscape Background in PS - Attach by Due Date.

Tutorial #4 - Tree - Attach by Due Date.

Finish Graphic Organizer - Due Soon! 

workshop .jpg or .png? - What's the Difference? How do you separate the background from the character and make it transparent?


Day 6: We can Be Heroes! ~

digitalartanddesign.org

"We Can be Heroes! - Day 6"

Journal - View this example game and Comment - Begin class with this warm-up writing prompt.

Tutorial #1 - Landscape Background in PS - Attach by Due Date.

Tutorial #2 - Tree - Attach by Due Date.

Tutorial #3 - 3D Superhero Text - Attach by Due Date.

Continue Graphic Organizer - Do a Good Job!

workshop - Move to PowerPoint - Rubric says, "Repeated elements reappear across entire work." You need the same backgrounds and characters on every slide! Combine your Character layers, flip your character around, save it for web and devices as a .png so it's transparent.


Day 7: We can Be Heroes! ~

digitalartanddesign.org

"We Can be Heroes! - Day 7"

Journal - Character example game - Begin class with this warm-up writing prompt.

Tutorial #1 - Landscape Background in AI - Attach by Due Date.

Tutorial #2 - 3D Superhero Text - Attach by Due Date.

Tutorial #3 - Star Shapes - Attach by Due Date.

Tutorial #4 - Human Animal Hybrid - Attach by Due Date.

Tutorial #6 - Warped Text in Illustrator - Attach by Due Date.

Continue Graphic Organizer - Do a Good Job!

workshop - Move to PowerPoint - Rubric says, "Repeated elements reappear across entire work." You need the same backgrounds and characters on every slide! Combine your Character layers, flip your character around, save it for web and devices as a .png so it's transparent.

OR

workshop .jpg or .png? - What's the Difference? How do you separate the background from the character and make it transparent?


Day 8: We can Be Heroes! ~

digitalartanddesign.org

"We Can be Heroes! - Day 8"

Journal - What Qualities Makes a Good Game? - Begin class with this warm-up writing prompt.

Tutorial #1 - Star Shapes - Attach by Due Date.

Tutorial #2 - Human Animal Hybrid -Attach by Due Date.

Tutorial #3 - Lightning Bolt - Attach by Due Date.

Tutorial #4 - 3D Text w/ Symbols - Attach by Due Date.

Tutorial #5 - Warped Text in Illustrator - Attach by Due Date.

Continue Graphic Organizer - Do a Good Job!

workshop - Other computers don't have your fonts!

OR

workshop - Disable On-Click Advancement for all your slides.


Day 9: We can Be Heroes! ~

digitalartanddesign.org

"We Can be Heroes! - Day 9"

Journal - The 3 Formats - Begin class with this warm-up writing prompt.

OR

Journal - Hero's Journey - Begin class with this warm-up writing prompt.

Tutorial #1 - Human Animal Hybrid -Attach by Due Date.

Tutorial #2 - Lightning Bolt - Attach by Due Date.

Tutorial #4 - Animated .gif - Attach by Due Date.

Tutorial #5 - Smoke - Attach by Due Date.

Tutorial #6 - Warped Text in Illustrator - Attach by Due Date.

workshop - Critique this example.


Day 10: We can Be Heroes! ~

digitalartanddesign.org

"We Can be Heroes! - Day 10"

Journal - Name 1 thing you like about your work - Begin class with this warm-up writing prompt.

OR

Journal - What do you dislike about this game? - Begin class with this warm-up writing prompt.

Tutorial #2 - Lightning Bolt - Attach by Due Date.

Tutorial #4 - Animated .gif - Attach by Due Date.

Tutorial #5 - Smoke - Attach by Due Date.

Tutorial #6 - Clipping Mask in Illustrator - Attach by Due Date.

Tutorial #7 - 3D Text w/ Symbols - Attach by Due Date.

workshop - Critique this example.

OR

workshop - "Correct" Slide Advances Automatically to Next Queston.



Day 11: We can Be Heroes! ~

digitalartanddesign.org

"We Can be Heroes! - Day 11"

Journal - View this example game and Comment - Begin class with this warm-up writing prompt.

Tutorial #1 - Animated Star - Attach by Due Date.

Tutorial #2 - Snake - Attach by Due Date.

Tutorial #3 - Flames - Attach by Due Date.

workshop - Critique this example.

● Project Due Soon!


Day 12: We can Be Heroes! ~

digitalartanddesign.org

"We Can be Heroes! - Day 12"

Journal - Superpowers - Begin class with this warm-up writing prompt.

Tutorial #1 - Pow! Wham! Bang! - Attach by Due Date.

Tutorial #2 - 3D Text w/ Symbols - Attach by Due Date.

Tutorial #3 - Check Mark Swish - Attach by Due Date.

workshop - How to Crop in Illustrator.

OR

workshop - Disable On-Click Advancement for all your slides.

● Project Due Soon!


Day 13: We can Be Heroes! ~

digitalartanddesign.org

"We Can be Heroes! - Day 13"

Journal - Play this game Journal - Begin class with this warm-up writing prompt.

Tutorial #1 - Hearts - Attach by Due Date.

Tutorial #2 - Easter Egg - Attach by Due Date.

Tutorial #3 - Rainbow - Attach by Due Date.

workshop - Make your New Text Animate in Presentation.

OR

workshop - Invisible Buttons in PowerPoint.

● Project Due Soon! Get to Work!


Day 14: We can Be Heroes! ~

digitalartanddesign.org

"We Can be Heroes! - Day 14"

Journal - Play this game Journal - Begin class with this warm-up writing prompt.

Tutorial #1 - Hearts - Attach by Due Date.

Tutorial #2 - Easter Egg - Attach by Due Date.

Tutorial #3 - Rainbow - Attach by Due Date.

•  Critique each others work according to this procedure.

workshop - Critique this example.

Project Due Tomorrow!


Day 15: We can Be Heroes! ~

digitalartanddesign.org

"We Can be Heroes! - Day 15"

Journal - Why should you get a good grade? - Begin class with this warm-up writing prompt.

OR

Journal - What grade would you give this game? - Begin class with this warm-up writing prompt.

Tutorial #1 - Sounds - Attach by Due Date.

Tutorial #1 - Hearts - Attach by Due Date.

Tutorial #2 - Easter Egg - Attach by Due Date.

Tutorial #3 - Rainbow - Attach by Due Date.


 

Day 16: We can Be Heroes! ~

digitalartanddesign.org

"We Can be Heroes! - Day 16"

Journal - Why should you get a good grade? - Begin class with this warm-up writing prompt.

Finish Everything!

Tutorial #1 - Text, Gradients and Stroke in AI - Attach by Due Date.


Day 17: We can Be Heroes! ~

digitalartanddesign.org

"We Can be Heroes! - Day 17"

Journal - Review Rubric - Begin class with this warm-up writing prompt.

Finish Everything!

Tutorial #1 - Only if you are done with everything Else -


Day 18: We can Be Heroes! ~

digitalartanddesign.org

"We Can be Heroes! - Day 18"

Journal - Little Johnny's Mom - Begin class with this warm-up writing prompt.

Finish Everything!

Tutorial #1 - Only if you are done with everything Else -


Day 19: We can Be Heroes! ~

digitalartanddesign.org

"We Can be Heroes! - Day 19"

Journal - Why should you get a good grade? - Begin class with this warm-up writing prompt.

Finish Everything!

• Project Due Now!

Tutorial #1 - Only if you are done with everything Else -


Day 20: We can Be Heroes! ~

digitalartanddesign.org

"We Can be Heroes! - Day 20"

Journal - Why should you get a good grade? - Begin class with this warm-up writing prompt.

Finish Everything!

• Project Due Now!

Tutorial #1 - Only if you are done with everything Else -