All posts by gloumeau

Mobile App Design – week 2

Classroom

Tuesday

Thursday

  • Join Zoom class
  • Look at the revised ideas for apps and further refine them
  • Show Dreamco Player in XD, MAW in Dreamweaver, Evolution of App in Photoshop
  • Refine your app idea and work on the mockup in XD

Assignments

  • This week you should be refining the ideas for your app and starting to work on a mockup in XD
  • Below – some work from students last year

Links

  1. Group-PDF-Export (2)

 

Game Design – week 2

Class

Tuesday

  1. Join class via Zoom
  2. Discuss student game concepts:
    1. Get people who are not on teams on teams
    2. What is the name of your team and who is on it? Don’t have a name? Come up with one!
    3. How did communications with your team go this week?
    4. Who is your team captain/liason?
  3. Discuss Dynamics, Mechanics, Aesthetics definitions. Here are my notes
  4. Download and read Chapter 1: The Basics in PDF book (Challenges). We’ll discuss it Wednesday
  5. Time to work with team on board game

Assignments

  • Read chapter 1 in textbook (Challenges link above)
  • Work on your board game with your team
  • Check out this article

Class

Thursday

  • Join class via Zoom
  • Due to a technical glitch, there is no video of today’s class
  • The presentation schedule has been posted here. Please note when your presentation is due.
  • Check in with teams – you should plan on creating materials to share with the class about your game – for example: written game ideas, sketches, etc.
  • The website where you can get card and board templates to make games is http://www.thegamecrafter.com. The login is gjloumeau@pima.edu and the password is pccgames.
  • If you have a chance, check out the six-part series “High Score” on Netflix. It provides an interesting history of the video game industry
  • Discuss Dynamics, Mechanics, Aesthetics definitions. Here are my notes
  • Time to work on game with team

Assignments

Animation – Week 2

Class

 Tuesday

  1. Join class via Zoom
  2. Drawing tablets will be available starting next Monday in the Service Bureau (Santa Catalina building, 4th door on the left, room CG07. Mike is there Monday 10am – 12pm and Tues-Thurs. 10am-1pm)
  3. Show example of Brock
  4. Look at turnaround characters assigned in previous class
  5. Look at famous character silhouettes
  6. Show an example of how to make a character unique via a silhouette
  7. Take a look at these tips on character design
  8. Discuss character drawing issues
  9. Work on your characters during class time

Assignment

  1. Continue to work on your character turnaround based on feedback you received in class
  2. Also, draw your character in silhouette (one pose) and try and make them look unique. Upload the file to your Google Drive folder

Class

Thursday

  1. Join class via Zoom
  2. Due to a technical glitch, there is no video of today’s class
  3. Class presentation schedule – please make a note of the day your presentation is due
  4. Critique changes to character turnarounds and look at any silhouettes that were created
  5. Discuss plot-writing strategies for animated scene:
    1. A protagonist has a goal and encounters obstacles to reaching that goal which they either succeed or fail to overcome.
  6. Talk about backgrounds and look at this article
  7. Watch this animation
  8. Work on your characters during class time
  9. We’ll start doing drawing/animation exercises next Thursday so maybe you can pick up your drawing tablets between Monday and Wednesday

Assignments

  1. Write a short summary of a plot for animated scene (a couple  short paragraphs or one long paragraph) and turn it in next Tuesday
  2. Think about a background for your scene, and start sketching  some ideas

Mobile App Design – week 1

Classroom

Thursday

  • Join Zoom class
  • Attendance & Introductions
  • Syllabus
  • Adobe Login
  • Check out the XD software. Watch the overview video
  • Install XD on your computer, go to this website and do the tutorials to learn about the program
  • Show Skyrose example in XD

Assignments

  • Begin to sketch out a tree diagram of a simple app (like for restaurant or  small business) you want to make and create some sample page layouts and icons. They can be really rough, like these examples:

After Effects – Week 2

Classroom

Wednesday

  1. Join class via Zoom
  2. Video of today’s class, Passcode: @b29%RP3
  3. Attendance, introductions, and review syllabus
  4. Create a Google Drive folder and share with me.
  5. Talk about presentations
  6. Discuss Adobe login
  7. Look at examples of great After Effects Projects (Forest, Stuxnet, Buenos Aires) with more here (Procrastination, Breaking Bad) Ira Glass, From Paper to Screen, 29 Ways to Stay Creative)
  8. Interface drive-by tour
  9. Talk about the first project – animated text
  10. I will do Project 1 as a demo. If you have the software already, you can download these files and do it yourself:
    1. American Flag video
    2. Here’s the JFK quote
    3. And some stirring music (the President’s March)

Assignment

  • Work on ideas for Project 1 – 30 seconds long, animate a quote, song lyric, or saying, add music. You may also add video and other extras if you like. Due next class: a written outline of your project
  • Buy the book, do chapter 1, and upload the finished file to your Google Dropbox
  • On your own time, look at this post explaining frame rates

Animation – Week 1

Classroom

Thursday

  1. Join class via Zoom
  2. Video of today’s class, Passcode: 79Bg7QY%
  3. Drawing tablets will not be available until to check out until Jan. 25th. We’ll talk more about this in class.
  4. Attendance. Introductions and review syllabus
  5. Talk about Adobe login.
  6. How many of you would like to check out drawing tablets?
  7. We’re going to use  Adobe Animate (Flash)
  8. Create a folder on Google Drive and share with me.
  9. Talk about presentations, i.e. “industry reports”
  10. Discuss history of animation, watch video
  11. Share virtual examples of Zoetrope, 3D Zoetrope & Flipbook (Pixar), Thaumatrope, Praxinoscope

Assignment

  1. Sketch the turnaround view of a character that you want to animate this semester. It can be black and white or color. Here’s a video of how to do it. Scan it in or take a digital picture of it that we can share with everyone during the next class. Upload it to your Google Drive folder. Due next class.
  2. Example below (click to enlarge):

kumaclone

 

 

Web Design – Week 2

Classroom

Wednesday

    1. Join class via Zoom
    2. Video of today’s class, Passcode: !77r+a%j
    3. Attendance, introductions, and review syllabus
    4. Go over Adobe login
    5. Discuss presentations
    6. Create a Google Drive folder called “DAR256 your name” and share it with me (gjloumeau@pima.edu).
    7. Intro to HTML and CSS using Dreamweaver
    8. Intro to Adobe XD

Beginning

Resources for you to check out on your own time:

Advanced – DAR257

  • Discuss your website project with me – you will be doing self-directed projects

Assignments

Beginning

  1. Do first five pages of this beginning HTML tutorial
  2. Make an Adobe Photoshop or XD mockup of a website homepage

Advanced

    1. Make an Adobe  XD mockup of a website homepage and any other pages you have time to make
    2. Find at least 3 WP themes you would consider using on your site, and be prepared to talk about why you think they would work

 

Game Design – week 1

Classroom

  • Join class via Zoom
  • Unfortunately, no video was recorded for today’s class due to an error
  • Introductions, attendance
  • Syllabus
  • Make a Google Drive folder called “gam101 your name” and share it with me: my e-mail address is gjloumeau@pima.edu
  • Discuss presentations
  • Talk about Tabletop Simulator
  • We will form five game design teams. Each team should figure out the best way to work together (using Google Docs, making a Discord account, etc.). Give your team a name, pick a team leader, and figure out what everyone will do.
  • Show games designed by students in previous classes
  • Team 1 – Totally Glitchin’
    • Vincent Dame
    • Justin Ely
    • Amberlin Fleming
    • Franscisco Garcia
  • Team 2 – Kitchen Crew 7
    • Chance Green
    • Cameron Hemond
    • Reece Henderson
    • Leopoldo Kempton Mejia
  • Team 3 – Stormguard 
    • Kevin Maiuri Savery
    • Eva Rincon
    • Josiah O’Leske
    • Karina Otero
  • Team 4 – Team 3 
    • Daniel Pineda
    • Jenk Polletta
    • Brian Quinones
    • Erick Martinez
    • Mario Robles
  • Team 5 – The Legend of Team 5
    • Matthew Rust
    • Timothy Sullivan
    • Yahaira Vincent
    • Lillith Watt
    • Ysidro Ycedo

Assignments

Interactive Design II – week 2

Classroom

Thursday

  1. Join class via Zoom
  2. Introductions, attendance
  3. Syllabus
  4. Make a Google Drive folder called “dar254 your name” and share it with me: my e-mail address is gjloumeau@pima.edu
  5. Discuss presentations
  6. Watch Adobe Animate tutorial
  7. Look at Adobe XD
  8. Discuss the first assignment below
  9. Time to work on project

Assignments

  • Resource: XD tutorials
  • For next class: sketch out a rough draft in Photoshop, XD, or another program, or on paper (if you do it on paper, take a photo of it) , of an infographic to animate as your first project. Consider using some of the techniques shown in today’s tutorial