SlideShare a Scribd company logo
Production Reflection
Your Name
Process
To begin my production, I first
started by creating a spritesheet
for my fighting game. This would
be necessary as the characters
would need to move and change.
I created my spritesheet in
photoshop with the pencil tool. I
based my spritesheet off a pre-
existing spritesheet as making
one from scratch would have
been too time consuming.
In order to stay organized, I had
to title all the different sprites so
I knew which layer held which
sprite variant. This was very
useful in keeping track of my
work and I was able to make
edits to the sprites easier.
Process
• Then, to make the background of the
fighting game, I took a real life image
and pixelated it
(Filter>Pixelate>Mosaic). Then, I edited
the colours using a gradient map
adjustment layer. I made the image a
washed out red. After this, I cut out
the background and replaced it with a
flat pastel blue background to
represent the sky. To finally touch
things up, I went in with the pencil tool
and touched up areas that didn’t look
blocky and fitting.
Process
• And then, to create the
animation, I loaded the sprites
on top of the background, and
created a UI that includes
healthbars, names, and a
timer. This is where I begun to
animate and I did this by
starting a timeline. The
character on the left needed
the most animating which can
be seen by the high amount of
sprites in the timeline. In order
to change the sprites, I placed
the different sprite images
across the timeline. To make
the sprites move in different
directions, I used position
keyframes.
Process
• To create the character selection screen, I
first made a guide layout to help me
create the boxes evenly. Then, after this I
drew in the boxes with the different
characters of my game using the pencil
tool. I initially drew them as clipping
masks so I wouldn’t draw out of
boundaries. After creating all of the
characters, I made slots at the corners of
the screen to show what character each
player was selecting. The graph also
includes markers that hover over the
characters when the player has selected
them. When the selection is confirmed, a
green tick shows up beside each player’s
icon. I animated this part of the game the
same way as the fighting part.
Process
• Then, to finalize my
product I used Adobe
Premier to put the
clips together and add
sound. I found sound
effects and music
online and used them
to create hitsounds,
victory fanfares,
selection sounds, and
battle music.

More Related Content

PPTX
3. production experiments(2)
PPTX
6. Production Reflection
PPTX
4. production experiments
PPTX
6. production reflection
PPTX
6. production reflection video game
PPT
Digital Techniques
PPTX
3. production experiments(2)
PPTX
Uni presentation (pptx)
3. production experiments(2)
6. Production Reflection
4. production experiments
6. production reflection
6. production reflection video game
Digital Techniques
3. production experiments(2)
Uni presentation (pptx)

What's hot (19)

PPTX
Animation tools and equipment
PPTX
Production experiments (video game project)
ODP
Unit 78 digital graphics for computer games
PPTX
multimedia animations
PPTX
Unit 78 digital graphics for computer games
PPT
Modeling and texturing in 3 ds max
PPTX
6. production reflection (1) (1) (1)
PPTX
3Ds MAX & INTRODUCTION TO ANIMATION IN AUTODESK 3Ds MAX
PPTX
Power point exercises
PPTX
6. production reflection(3)
PPTX
Graphic investigation
PPTX
6. production reflection (8)
DOCX
Pixel Man
PDF
3DS Max - Presentation
PPTX
6. production reflection
PPT
Digital Techniques
PPTX
Production process
PPT
Video Game Design: Art & Sound
PPTX
7. production reflection
Animation tools and equipment
Production experiments (video game project)
Unit 78 digital graphics for computer games
multimedia animations
Unit 78 digital graphics for computer games
Modeling and texturing in 3 ds max
6. production reflection (1) (1) (1)
3Ds MAX & INTRODUCTION TO ANIMATION IN AUTODESK 3Ds MAX
Power point exercises
6. production reflection(3)
Graphic investigation
6. production reflection (8)
Pixel Man
3DS Max - Presentation
6. production reflection
Digital Techniques
Production process
Video Game Design: Art & Sound
7. production reflection
Ad

Similar to Interactive Project - Production Reflection (20)

PPTX
Production reflection (task 4)
PPTX
6. production reflection
PPTX
fmp production reflection
PPTX
7. production reflection
PPTX
6. production reflection
PPTX
6. production (gaming)
PPTX
6. production reflection
PPTX
6. Production Reflection (FMP).pptx
PPTX
6. production reflection (hack & slash)
PPTX
Video Game Production Reflection
PPTX
6. Production Reflection
PPTX
6. production reflection
PPTX
6. Production reflection
PPTX
6. Production reflection
PPTX
Production reflection
PPTX
Production reflection
PPTX
production reflection (interactive)
PPTX
6. production reflection
PPTX
6.%20 production%20reflection(2)%20(luke%20headland)
PPTX
Production Reflection
Production reflection (task 4)
6. production reflection
fmp production reflection
7. production reflection
6. production reflection
6. production (gaming)
6. production reflection
6. Production Reflection (FMP).pptx
6. production reflection (hack & slash)
Video Game Production Reflection
6. Production Reflection
6. production reflection
6. Production reflection
6. Production reflection
Production reflection
Production reflection
production reflection (interactive)
6. production reflection
6.%20 production%20reflection(2)%20(luke%20headland)
Production Reflection
Ad

More from DaisyPotter (20)

PDF
Fanzine Project
PPTX
FMP Evaluation
PPTX
Fmp problem solving
PPTX
FMP Research
PPTX
FMP contextual research
DOCX
Fmp proposal
DOCX
Junji ito Essay
PPTX
FMP Pre Production
PPTX
FMP Pre Production
PPTX
FMP Experiments
PPTX
Research essay
DOCX
Blank fmp pre proposal
PPTX
Factual research pro forma
PPTX
Zine experiments
PPTX
FMP research
PPTX
1. initial plans
PPTX
Mv production assignment form 2019 (2)
PPTX
5. pre production (1)
DOCX
4. proposal
PPTX
2. initial plans
Fanzine Project
FMP Evaluation
Fmp problem solving
FMP Research
FMP contextual research
Fmp proposal
Junji ito Essay
FMP Pre Production
FMP Pre Production
FMP Experiments
Research essay
Blank fmp pre proposal
Factual research pro forma
Zine experiments
FMP research
1. initial plans
Mv production assignment form 2019 (2)
5. pre production (1)
4. proposal
2. initial plans

Recently uploaded (20)

PPTX
YV PROFILE PROJECTS PROFILE PRES. DESIGN
PDF
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
PDF
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
PDF
Chalkpiece Annual Report from 2019 To 2025
PDF
The Advantages of Working With a Design-Build Studio
PDF
Urban Design Final Project-Context
PPTX
CLASSIFICATION OF YARN- process, explanation
PPT
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
PPT
Machine printing techniques and plangi dyeing
PPTX
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
PDF
Phone away, tabs closed: No multitasking
PPTX
building Planning Overview for step wise design.pptx
PPTX
Implications Existing phase plan and its feasibility.pptx
PPTX
mahatma gandhi bus terminal in india Case Study.pptx
PPTX
HPE Aruba-master-icon-library_052722.pptx
PPTX
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
PPTX
Wisp Textiles: Where Comfort Meets Everyday Style
PDF
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
DOCX
actividad 20% informatica microsoft project
PDF
Interior Structure and Construction A1 NGYANQI
YV PROFILE PROJECTS PROFILE PRES. DESIGN
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
Chalkpiece Annual Report from 2019 To 2025
The Advantages of Working With a Design-Build Studio
Urban Design Final Project-Context
CLASSIFICATION OF YARN- process, explanation
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
Machine printing techniques and plangi dyeing
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
Phone away, tabs closed: No multitasking
building Planning Overview for step wise design.pptx
Implications Existing phase plan and its feasibility.pptx
mahatma gandhi bus terminal in india Case Study.pptx
HPE Aruba-master-icon-library_052722.pptx
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
Wisp Textiles: Where Comfort Meets Everyday Style
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
actividad 20% informatica microsoft project
Interior Structure and Construction A1 NGYANQI

Interactive Project - Production Reflection

  • 2. Process To begin my production, I first started by creating a spritesheet for my fighting game. This would be necessary as the characters would need to move and change. I created my spritesheet in photoshop with the pencil tool. I based my spritesheet off a pre- existing spritesheet as making one from scratch would have been too time consuming. In order to stay organized, I had to title all the different sprites so I knew which layer held which sprite variant. This was very useful in keeping track of my work and I was able to make edits to the sprites easier.
  • 3. Process • Then, to make the background of the fighting game, I took a real life image and pixelated it (Filter>Pixelate>Mosaic). Then, I edited the colours using a gradient map adjustment layer. I made the image a washed out red. After this, I cut out the background and replaced it with a flat pastel blue background to represent the sky. To finally touch things up, I went in with the pencil tool and touched up areas that didn’t look blocky and fitting.
  • 4. Process • And then, to create the animation, I loaded the sprites on top of the background, and created a UI that includes healthbars, names, and a timer. This is where I begun to animate and I did this by starting a timeline. The character on the left needed the most animating which can be seen by the high amount of sprites in the timeline. In order to change the sprites, I placed the different sprite images across the timeline. To make the sprites move in different directions, I used position keyframes.
  • 5. Process • To create the character selection screen, I first made a guide layout to help me create the boxes evenly. Then, after this I drew in the boxes with the different characters of my game using the pencil tool. I initially drew them as clipping masks so I wouldn’t draw out of boundaries. After creating all of the characters, I made slots at the corners of the screen to show what character each player was selecting. The graph also includes markers that hover over the characters when the player has selected them. When the selection is confirmed, a green tick shows up beside each player’s icon. I animated this part of the game the same way as the fighting part.
  • 6. Process • Then, to finalize my product I used Adobe Premier to put the clips together and add sound. I found sound effects and music online and used them to create hitsounds, victory fanfares, selection sounds, and battle music.

Editor's Notes

  • #3: Discuss the tools and processes used in your production. Log your thoughts and feelings about your work.
  • #4: Discuss the tools and processes used in your production. Log your thoughts and feelings about your work.
  • #5: Discuss the tools and processes used in your production. Log your thoughts and feelings about your work.
  • #6: Discuss the tools and processes used in your production. Log your thoughts and feelings about your work.
  • #7: Discuss the tools and processes used in your production. Log your thoughts and feelings about your work.