The document discusses various types of animations and animation techniques. It describes banner ads which appear on websites like YouTube to advertise products. It also discusses interactive animations on websites like the Nike custom shoe creator. It explains linear animations that loop continuously versus interactive animations. Additional topics covered include flick books, GIF files, the animation process, persistence of vision, stop motion, frame rates, vector vs raster animation, and using Flash software to create animations.
This document discusses various types and uses of web animation. It begins by exploring common animated elements on websites like banner ads, information pages, promotions, and entertainment content. It then examines different animation techniques such as linear and interactive animations, as well as animated interface elements. The document also investigates the development of animation over time, from hand drawn animation to newer digital formats. Finally, it analyzes different types of digital animation including vector, raster, compression techniques, and common file formats.
The document provides an overview of animation techniques. It discusses the basic principles of animation including persistence of vision and frame rates. Several animation methods are described such as flipbooks, stop motion, and rotoscoping. Planning techniques for animation like storyboarding and mood boards are also covered. The document serves as an introduction to animation concepts and terminology.
Roksanna Wasiunec is an art major focusing on computer graphics and photography. This portfolio contains examples of her:
1) Computer graphics work recreating photographs in Adobe Illustrator like a close up photo of Nike shoes titled "Nike's on Them Feet".
2) Photography projects including macro shots, images exploring motion with slow shutter speeds, and photos investigating contrasts.
3) Major seminar pieces using materials like sharpies, duct tape, and tape to create abstract puzzling images connected as a series exploring themes of opposites. The pieces are meant to make the viewer question the images and move their eyes throughout.
Task 1 2-3-4-5 uses and principles of web animation for interactive mediaBenT1990
The document discusses various types and uses of web animation. It provides examples of animation used on websites such as banners ads on Gamestation that rotate products, the Simpsons logo that acts as a preloader, and interactive demos on XGamestation. It also discusses techniques like hand drawn cell animation, digital flipbooks, animated cartoons for children's television, and outlines the basic animation process.
The document discusses various types of web animation and animation software. It describes how websites like The Simpsons use animation to promote products. It also discusses different animation techniques like cel animation, flick books, and stop motion. Common file formats and software for creating web animations are mentioned, including Flash, Swish, Amara, and Director. Plugins that allow viewing animations on websites are also summarized, such as Flash Player, Shockwave, and QuickTime.
The document discusses various uses and techniques of web animation. It describes how banner ads, websites, and Google Doodles commonly use animation to grab users' attention or provide interactivity. It also explains different types of animations like linear animations in GIFs and interactive animations in games. Key animation techniques discussed include persistence of vision, frame rates, and different file formats like raster images and vector graphics.
The document discusses how new media technologies were used in constructing a music video project. Final Cut Pro was used extensively for video editing, including syncing music and video, adding transitions, and precision cutting. PhotoShop was also used to edit photos for a digital album cover. Research was conducted online using sources like Google, YouTube, and blogs. Planning involved creating storyboards and scripts shared via Slideshare and discussion on Facebook. The resulting music video was a performance-based concept filmed efficiently using detailed pre-production planning.
This document discusses various types and uses of web animation. It begins by exploring common animated elements on websites like banner ads, information pages, promotions, and entertainment content. It then examines different animation techniques such as linear and interactive animations, as well as animated interface elements. The document also investigates the development of animation over time, from hand drawn animation to newer digital formats. Finally, it analyzes different types of digital animation including vector, raster, compression techniques, and common file formats.
The document provides an overview of animation techniques. It discusses the basic principles of animation including persistence of vision and frame rates. Several animation methods are described such as flipbooks, stop motion, and rotoscoping. Planning techniques for animation like storyboarding and mood boards are also covered. The document serves as an introduction to animation concepts and terminology.
Roksanna Wasiunec is an art major focusing on computer graphics and photography. This portfolio contains examples of her:
1) Computer graphics work recreating photographs in Adobe Illustrator like a close up photo of Nike shoes titled "Nike's on Them Feet".
2) Photography projects including macro shots, images exploring motion with slow shutter speeds, and photos investigating contrasts.
3) Major seminar pieces using materials like sharpies, duct tape, and tape to create abstract puzzling images connected as a series exploring themes of opposites. The pieces are meant to make the viewer question the images and move their eyes throughout.
Task 1 2-3-4-5 uses and principles of web animation for interactive mediaBenT1990
The document discusses various types and uses of web animation. It provides examples of animation used on websites such as banners ads on Gamestation that rotate products, the Simpsons logo that acts as a preloader, and interactive demos on XGamestation. It also discusses techniques like hand drawn cell animation, digital flipbooks, animated cartoons for children's television, and outlines the basic animation process.
The document discusses various types of web animation and animation software. It describes how websites like The Simpsons use animation to promote products. It also discusses different animation techniques like cel animation, flick books, and stop motion. Common file formats and software for creating web animations are mentioned, including Flash, Swish, Amara, and Director. Plugins that allow viewing animations on websites are also summarized, such as Flash Player, Shockwave, and QuickTime.
The document discusses various uses and techniques of web animation. It describes how banner ads, websites, and Google Doodles commonly use animation to grab users' attention or provide interactivity. It also explains different types of animations like linear animations in GIFs and interactive animations in games. Key animation techniques discussed include persistence of vision, frame rates, and different file formats like raster images and vector graphics.
The document discusses how new media technologies were used in constructing a music video project. Final Cut Pro was used extensively for video editing, including syncing music and video, adding transitions, and precision cutting. PhotoShop was also used to edit photos for a digital album cover. Research was conducted online using sources like Google, YouTube, and blogs. Planning involved creating storyboards and scripts shared via Slideshare and discussion on Facebook. The resulting music video was a performance-based concept filmed efficiently using detailed pre-production planning.
Here is the evalustion of my Final products I have created which includes a magazine advertisement,a Music Video and a C.D cover and back. Moreso, in this evaluation I have answered relevent questions in order to explain and evaluate the process of creating such products.
This document is a presentation about designing effective PowerPoint slides. It provides tips over several slides on how to design slides with a killer title and opening slide, use of color schemes and images, getting the text right, using the principles of contrast, repetition, alignment and proximity (CRAP), incorporating video, sharing the presentation online, and recapping the key tips. The presentation emphasizes the importance of visual design over text-heavy slides and using techniques like strong images and video to engage the audience in a way words alone cannot. It provides examples throughout to illustrate its tips.
The student used a range of media technologies throughout the process of completing their music video coursework, including for research, planning, construction, editing, evaluation, and presentation. Some of the key programs and websites used were YouTube, Google, Microsoft Movie Maker, Photoshop, InDesign, Blogger, SlideShare, and social media like YouTube and Twitter to gather feedback. The student encountered some issues with file sharing and program access, but was able to overcome these by completing work at home or staying late at school.
The document discusses the various technologies used at different stages of a film project. DVDs and the internet were used for initial research. Blogs helped plan the project by laying out thoughts chronologically. Camcorders, iMacs, and editing software like iMovie were used to construct the trailer, poster, and magazine cover. Photoshop and Paint.NET helped design the poster and magazine drafts. iMovie was crucial for editing shots and adding effects to the trailer. While many technologies were useful, some had limitations for the tasks needed.
Tesfah Watkins-Scott created a production log to document the process of designing a poster for their silent film. They researched conventions of silent film posters and captions to design a background. Images from the film were edited to black and white and placed on the poster. The logo, title, and credits were designed using fonts matching the genre. Changes were made to improve elements like character images and the production logo. The final poster effectively portrayed the film's story and genre within the constraints of a silent film aesthetic.
Digital graphics pro forma - added extrasTheJellehKed
The document provides information on different types of digital graphics, file formats, and image editing software. It discusses raster graphics which use pixels and can distort when resized, and vector graphics which use paths and shapes and can be scaled without quality loss. It also defines different file formats like JPEG, TIFF, PSD, AI, and 3DS and provides their uses, advantages, and disadvantages. The document describes shapes, rotoscoping, and text-based tasks completed in image editing software and provides evaluations of the results. It concludes with information on logo creation, t-shirt designs, and peer evaluations.
The document discusses the various technologies used to construct a film opening, including apps, equipment, websites for research and production. It describes learning to use equipment like cameras, tripods, and editing software while gaining skills in researching information online and presenting findings. Through creating accounts and contributing content, the filmmakers' relationship with technologies changed as they became proficient media producers by filming, editing, and constructing their own horror film opening.
The document provides an evaluation of the student's photography project. It summarizes the key aspects of the project including the technical and aesthetic qualities of the images, the skills learned, and the production process. The student aimed to show how technology influences art through glitching, repetition, and pixelation effects in their images of everyday urban scenes. They struggled with some technical aspects like blurry photos but learned new editing skills in Photoshop. The evaluation reflects on what they achieved and possibilities for future improvement.
The student used various media technologies at different stages of their project. In the research stage, they used Photoshop, Prezi, and Microsoft Word to analyze images, present findings, and write long-form responses. For pre-production, they created an animatic using Sony Vegas and survey using SurveyMonkey. In production, they made a music video with After Effects, 3D object for a poster with Cinema 4D, and digipak with Photoshop. The student was most familiar with After Effects, Photoshop, and Word which aided their work, while they had to learn to use drives and backup files effectively over the course of the project.
The document discusses the various technologies and tools used during the construction, research, planning, and evaluation stages of a project. During construction, Canon DSLR cameras were used for photography and Photoshop was used to edit images for the digipak and poster. For research, the internet (Google), social media sites, and DSLR cameras were used. Planning involved using Paint Tool Sai, a Wacom tablet, and Sony Vegas to create a storyboard and animatic. Evaluation used iMacs, Photo Booth, Final Cut Pro, YouTube, and PowerPoint.
This document provides tutorials for matte painting, including descriptions and images for multiple matte painting projects. It begins with definitions of matte painting and tutorials. It then provides detailed multi-sentence tutorials on specific matte painting works, including "Decline of Babel Myth", "Haapu South Pacific Resort", "Rise of Niburu", and "Cleopatra Queen of Egypt". Each tutorial describes the process through multiple images and captions, explaining the techniques and steps used to create the matte painting.
The document discusses various digital file formats for graphics, including raster graphics, vector graphics, JPEG, TIFF, PSD, AI, and 3DS.
It provides information on each file format such as what it stands for, typical uses, advantages, and disadvantages. JPEG is noted as the most common format for images used on websites due to its small file size, though it can cause loss of quality upon recompression. TIFF is described as useful for graphic design work due to its lossless compression preventing quality loss. PSD is only compatible with Photoshop but allows for layers. AI uses vector graphics making it suitable for scaling without quality loss. 3DS is an industry standard for 3D modeling.
The document discusses different types of digital graphics file formats. It explains that raster graphics are made up of pixels and can distort or pixelate easily when resized, while vector graphics use paths defined by points, lines, and curves that can be scaled without quality loss. It then provides details on several specific file formats - JPEG for photographs, TIFF for desktop publishing, PSD for image manipulation, AI for logo creation, 3DS for 3D modeling, and their advantages and disadvantages in terms of quality, file size, compatibility and uses.
The document analyzes the title sequence of the film Coraline. It describes the optical illusions and old-fashioned visuals used, including shapes that form other objects. Important items from the film are shown floating about. Motion graphics and 2D animation are used, along with faded colors to give a Victorian, creepy feel. Rotation and other advanced techniques add to the unsettling mood created by the unsettling music. The resolution and format of the video clip are also discussed, noting advantages and disadvantages of different options.
The document provides a reflection on the student's work over 5 weeks creating assets for an animated film project. In week 1, they designed a poster in Photoshop using tools like the brush and smudge tools. In week 2, they created sand dunes and camera animation in Blender for an opening sequence. Archive footage was added in Premiere Pro. In week 3, narration was recorded and 2D animation was done in Photoshop and Adobe Animate. A t-shirt design promoting the film was made in Photoshop for week 4. Week 5 involved creating 3D driving scenes and a character in Blender.
This document contains summaries of different digital graphic narrative assignments completed by Liam Allan, including shaping images, rotoscoping, creating text-based images, comic book style images, photographs exploring themes, and an illustration. For each assignment, Liam provides 1-2 sentences on what he liked about the image and 1-2 sentences on what he would improve if doing it again, focusing on adding more details, cleaning up images, and making proportions and shapes more accurate. The document also includes mind maps and proposals for a new 10-page children's storybook about a boy who dreams of becoming a pirate and wakes up aboard a pirate ship.
Digital graphics pro forma updated - Latest DevelopmentTheJellehKed
The document provides information on different types of digital graphics file formats including raster graphics, vector graphics, JPEG, TIFF, PSD, AI, 3DS, and their key characteristics. It then discusses different digital graphics techniques including shape tasks, rotoscoping, text-based images, logo creation, and t-shirt designs. Specific examples and evaluations of using these techniques are also provided.
Task 1 2-3-4-5 uses and principles of web animation for interactive mediaBenT1990
The document discusses various types and uses of web animation. It provides examples of animation used in banner ads, interfaces, linear and interactive content, promotions, instructions, information, entertainment, hand drawn cell animation, flip books, animated cartoons, and describes the animation process. Overall the document examines how animation can be implemented on websites for things like ads, navigation, content display, and engages users.
Task 1 2-3-4-5 uses and principles of web animation for interactive mediaBenT1990
The document discusses various techniques and principles of web animation, including:
- Banner ads that use animation to display products sequentially on the Gamestation website.
- The Simpsons website uses preloaders and animated navigation elements.
- The XGamestation website uses passive animations like scrolling text headlines and animated game demos.
- The BMW website uses promotions and overlays that follow the site's color scheme and theme.
The document then covers additional animation techniques like hand-drawn cell animation, flip books, animated cartoons, and the animation process involving storyboarding, character design, layout, and editing.
The document discusses various uses and types of web animation:
1) Banner ads use animation to attract customers' attention and showcase products in an engaging way, like BMW's animated banner.
2) Information sections use animation to provide details about content, like YouTube displaying video statistics.
3) Promotional websites heavily rely on animation to advertise and market products, like Apple promoting new iPhones.
4) Entertainment sites employ animation for interactive and engaging experiences, like The Simpsons' vibrant interactive website.
Banner ads take up half a webpage and use colors related to the site to promote products. Drop down menus make items easier to find by category with dark gray hover effects. Linear animated banners cycle through slides to promote different items and can link to products. Websites provide information concisely to avoid clutter and allow users to easily find what they need. YouTube provides entertainment through user-uploaded videos on any topic that people can watch at their leisure.
Here is the evalustion of my Final products I have created which includes a magazine advertisement,a Music Video and a C.D cover and back. Moreso, in this evaluation I have answered relevent questions in order to explain and evaluate the process of creating such products.
This document is a presentation about designing effective PowerPoint slides. It provides tips over several slides on how to design slides with a killer title and opening slide, use of color schemes and images, getting the text right, using the principles of contrast, repetition, alignment and proximity (CRAP), incorporating video, sharing the presentation online, and recapping the key tips. The presentation emphasizes the importance of visual design over text-heavy slides and using techniques like strong images and video to engage the audience in a way words alone cannot. It provides examples throughout to illustrate its tips.
The student used a range of media technologies throughout the process of completing their music video coursework, including for research, planning, construction, editing, evaluation, and presentation. Some of the key programs and websites used were YouTube, Google, Microsoft Movie Maker, Photoshop, InDesign, Blogger, SlideShare, and social media like YouTube and Twitter to gather feedback. The student encountered some issues with file sharing and program access, but was able to overcome these by completing work at home or staying late at school.
The document discusses the various technologies used at different stages of a film project. DVDs and the internet were used for initial research. Blogs helped plan the project by laying out thoughts chronologically. Camcorders, iMacs, and editing software like iMovie were used to construct the trailer, poster, and magazine cover. Photoshop and Paint.NET helped design the poster and magazine drafts. iMovie was crucial for editing shots and adding effects to the trailer. While many technologies were useful, some had limitations for the tasks needed.
Tesfah Watkins-Scott created a production log to document the process of designing a poster for their silent film. They researched conventions of silent film posters and captions to design a background. Images from the film were edited to black and white and placed on the poster. The logo, title, and credits were designed using fonts matching the genre. Changes were made to improve elements like character images and the production logo. The final poster effectively portrayed the film's story and genre within the constraints of a silent film aesthetic.
Digital graphics pro forma - added extrasTheJellehKed
The document provides information on different types of digital graphics, file formats, and image editing software. It discusses raster graphics which use pixels and can distort when resized, and vector graphics which use paths and shapes and can be scaled without quality loss. It also defines different file formats like JPEG, TIFF, PSD, AI, and 3DS and provides their uses, advantages, and disadvantages. The document describes shapes, rotoscoping, and text-based tasks completed in image editing software and provides evaluations of the results. It concludes with information on logo creation, t-shirt designs, and peer evaluations.
The document discusses the various technologies used to construct a film opening, including apps, equipment, websites for research and production. It describes learning to use equipment like cameras, tripods, and editing software while gaining skills in researching information online and presenting findings. Through creating accounts and contributing content, the filmmakers' relationship with technologies changed as they became proficient media producers by filming, editing, and constructing their own horror film opening.
The document provides an evaluation of the student's photography project. It summarizes the key aspects of the project including the technical and aesthetic qualities of the images, the skills learned, and the production process. The student aimed to show how technology influences art through glitching, repetition, and pixelation effects in their images of everyday urban scenes. They struggled with some technical aspects like blurry photos but learned new editing skills in Photoshop. The evaluation reflects on what they achieved and possibilities for future improvement.
The student used various media technologies at different stages of their project. In the research stage, they used Photoshop, Prezi, and Microsoft Word to analyze images, present findings, and write long-form responses. For pre-production, they created an animatic using Sony Vegas and survey using SurveyMonkey. In production, they made a music video with After Effects, 3D object for a poster with Cinema 4D, and digipak with Photoshop. The student was most familiar with After Effects, Photoshop, and Word which aided their work, while they had to learn to use drives and backup files effectively over the course of the project.
The document discusses the various technologies and tools used during the construction, research, planning, and evaluation stages of a project. During construction, Canon DSLR cameras were used for photography and Photoshop was used to edit images for the digipak and poster. For research, the internet (Google), social media sites, and DSLR cameras were used. Planning involved using Paint Tool Sai, a Wacom tablet, and Sony Vegas to create a storyboard and animatic. Evaluation used iMacs, Photo Booth, Final Cut Pro, YouTube, and PowerPoint.
This document provides tutorials for matte painting, including descriptions and images for multiple matte painting projects. It begins with definitions of matte painting and tutorials. It then provides detailed multi-sentence tutorials on specific matte painting works, including "Decline of Babel Myth", "Haapu South Pacific Resort", "Rise of Niburu", and "Cleopatra Queen of Egypt". Each tutorial describes the process through multiple images and captions, explaining the techniques and steps used to create the matte painting.
The document discusses various digital file formats for graphics, including raster graphics, vector graphics, JPEG, TIFF, PSD, AI, and 3DS.
It provides information on each file format such as what it stands for, typical uses, advantages, and disadvantages. JPEG is noted as the most common format for images used on websites due to its small file size, though it can cause loss of quality upon recompression. TIFF is described as useful for graphic design work due to its lossless compression preventing quality loss. PSD is only compatible with Photoshop but allows for layers. AI uses vector graphics making it suitable for scaling without quality loss. 3DS is an industry standard for 3D modeling.
The document discusses different types of digital graphics file formats. It explains that raster graphics are made up of pixels and can distort or pixelate easily when resized, while vector graphics use paths defined by points, lines, and curves that can be scaled without quality loss. It then provides details on several specific file formats - JPEG for photographs, TIFF for desktop publishing, PSD for image manipulation, AI for logo creation, 3DS for 3D modeling, and their advantages and disadvantages in terms of quality, file size, compatibility and uses.
The document analyzes the title sequence of the film Coraline. It describes the optical illusions and old-fashioned visuals used, including shapes that form other objects. Important items from the film are shown floating about. Motion graphics and 2D animation are used, along with faded colors to give a Victorian, creepy feel. Rotation and other advanced techniques add to the unsettling mood created by the unsettling music. The resolution and format of the video clip are also discussed, noting advantages and disadvantages of different options.
The document provides a reflection on the student's work over 5 weeks creating assets for an animated film project. In week 1, they designed a poster in Photoshop using tools like the brush and smudge tools. In week 2, they created sand dunes and camera animation in Blender for an opening sequence. Archive footage was added in Premiere Pro. In week 3, narration was recorded and 2D animation was done in Photoshop and Adobe Animate. A t-shirt design promoting the film was made in Photoshop for week 4. Week 5 involved creating 3D driving scenes and a character in Blender.
This document contains summaries of different digital graphic narrative assignments completed by Liam Allan, including shaping images, rotoscoping, creating text-based images, comic book style images, photographs exploring themes, and an illustration. For each assignment, Liam provides 1-2 sentences on what he liked about the image and 1-2 sentences on what he would improve if doing it again, focusing on adding more details, cleaning up images, and making proportions and shapes more accurate. The document also includes mind maps and proposals for a new 10-page children's storybook about a boy who dreams of becoming a pirate and wakes up aboard a pirate ship.
Digital graphics pro forma updated - Latest DevelopmentTheJellehKed
The document provides information on different types of digital graphics file formats including raster graphics, vector graphics, JPEG, TIFF, PSD, AI, 3DS, and their key characteristics. It then discusses different digital graphics techniques including shape tasks, rotoscoping, text-based images, logo creation, and t-shirt designs. Specific examples and evaluations of using these techniques are also provided.
Task 1 2-3-4-5 uses and principles of web animation for interactive mediaBenT1990
The document discusses various types and uses of web animation. It provides examples of animation used in banner ads, interfaces, linear and interactive content, promotions, instructions, information, entertainment, hand drawn cell animation, flip books, animated cartoons, and describes the animation process. Overall the document examines how animation can be implemented on websites for things like ads, navigation, content display, and engages users.
Task 1 2-3-4-5 uses and principles of web animation for interactive mediaBenT1990
The document discusses various techniques and principles of web animation, including:
- Banner ads that use animation to display products sequentially on the Gamestation website.
- The Simpsons website uses preloaders and animated navigation elements.
- The XGamestation website uses passive animations like scrolling text headlines and animated game demos.
- The BMW website uses promotions and overlays that follow the site's color scheme and theme.
The document then covers additional animation techniques like hand-drawn cell animation, flip books, animated cartoons, and the animation process involving storyboarding, character design, layout, and editing.
The document discusses various uses and types of web animation:
1) Banner ads use animation to attract customers' attention and showcase products in an engaging way, like BMW's animated banner.
2) Information sections use animation to provide details about content, like YouTube displaying video statistics.
3) Promotional websites heavily rely on animation to advertise and market products, like Apple promoting new iPhones.
4) Entertainment sites employ animation for interactive and engaging experiences, like The Simpsons' vibrant interactive website.
Banner ads take up half a webpage and use colors related to the site to promote products. Drop down menus make items easier to find by category with dark gray hover effects. Linear animated banners cycle through slides to promote different items and can link to products. Websites provide information concisely to avoid clutter and allow users to easily find what they need. YouTube provides entertainment through user-uploaded videos on any topic that people can watch at their leisure.
Whiteboard animation. The company develops high quality Whiteboard animation services with appealing sound effects. Whiteboard design websites implement a process that optimizes the features of the web with fast loading time. Professionals and Expert Team.
Tons of people was asking how I made some neat graphics with my video, so I thought I would share with you my favorites and more resources so you can have some fun too with all these 17 video creation tools.
Read more: http://www.2asuccessdreamblog.com/17-video-creation-tools/#ixzz3Bke97Lpb
The document discusses various uses and techniques of web animation. It describes how animation can enhance websites by making them look more professional and original. Different types of animations are explored, including interactive configurations, banner ads, linear animations, and dynamic HTML. A brief history of animation is also provided, from early techniques like flick books and zoetropes to modern computer-generated animations. Key concepts in animation like frame rate and persistence of vision are defined.
3. fmp production experiments (finished)sean cawood
Sean plans to use available college software and online resources for his production experiments. He will use Premier Pro to convert file formats and considers online converters as an alternative. In his experiments, Sean extracts 3D models from games, imports them into Maya for rigging and animation, then exports the animated models into After Effects using an OBJ sequence since FBX files are not supported. He adds lighting, shadows, and other effects to improve the realism of the animations. Sean also experiments with particle effects and green screen techniques. He discusses the tools used and potential issues to address in his production work.
The document discusses several gaming and technology company websites and the animations they use. It analyzes features like sliding banners, parallax scrolling effects, highlighted tabs on hover, and background videos/gifs. It notes techniques like CSS and JavaScript used to create transitions between pages. The author's favorite animation is from Call of Duty's website where scrolling moves banners and images in sync. They also liked the glitching background from the Fuel Your Titan website and would like to recreate effects from IGN and Startup Lab.
The document provides an evaluation of the student's media product sequence. It summarizes that the sequence draws similarities to the films Robocop and Kick Ass in its storylines about a nerdy kid who is bullied and turns into a cyborg. The sequence represents teenage social groups and features a character of Indian origin to promote diversity. Small UK distribution companies are recommended to start. Teenagers are identified as the target audience. Lessons learned include allowing the end product to change from initial plans and the importance of preparation and camera skills like different shots.
This document discusses plans to advertise a short film through various online and social media platforms. It begins by examining how Marvel advertises its films through websites, social media, posters, and trailers. It then analyzes how Instagram, Snapchat, and visual posters could promote the short film. The document settles on using a website and Snapchat story to advertise, with the website providing information and the story linking to the film. It outlines website pages for the film, other works, and upcoming premiers. Finally, it discusses premiers for the short film at a local folk home and college.
Tre Wallace investigates the uses of web animation in his assignment. He discusses how banner ads, animated interfaces, linear and interactive animations, and promotions are commonly used types of web animation. Banner ads are used to advertise and promote products, while animated interfaces utilize rollover buttons and other changing elements. Linear animations consistently change over time, while interactive animations respond to user input. Promotions combine images and deals to advertise products for sale on a website.
The document provides details on the process of creating a video advertisement using only images in 3 sentences:
The document outlines the process of creating a video advertisement using only images for a client, including selecting and arranging images, adding transitions between images, creating an ending scene with the client's logo, and adding music to accompany the slides. Details such as timing for each image, selection of transitions, and adjustments made during editing are discussed. The draft is then exported and uploaded after adding music, despite issues arising from using a free trial of the video editing software.
The document provides details about the production process of a short horror film and accompanying promotional materials. It discusses researching conventions of the horror genre to inform the filmmaking. Various software programs were used at different stages - Blogger to design a blog, Slideshare to share mood boards, Animoto to embed presentations, Final Cut Pro to edit footage, Dreamweaver to build a website, Photoshop to design promotional poster and images. Audience feedback on draft materials informed revisions to things like trailer fonts, pacing and footage selection. Overall the document outlines the multimedia design process for this short horror film project from research to production to evaluation.
The document provides feedback on a student's media products for their horror film project. It summarizes the student's trailer, website, and poster. The student received feedback that the trailer lacked pace and needed to include more of the main character's actions. For the website, the student added recommended elements like media icons and moved elements for better balance. The student also adjusted fonts and imagery based on feedback.
The document discusses how the media product uses and challenges conventions of animation for its target younger audience. It describes conducting an online survey to evaluate the product that found unpredictable twists were most popular. Feedback on the product suggested improvements like fixing issues with the dubbing and ending. Technology was used at various stages for research, planning, production and distribution.
The document discusses how the media product uses and challenges conventions of animation for its target younger audience. It provides feedback from an online survey about the short film, including that most respondents were aged 16-20 and preferred an unpredictable story. Changes were made to the film based on test screenings, like removing the last scene that did not make sense. Technology was used at various stages, such as creating an animatic to storyboard the film and posting it online for feedback, as well as researching other animations online and using editing software to construct the final product.
The document discusses various tools and software that the author used to create an animation project, including Blogger, YouTube, Prezi, Photoshop, Flash, After Effects, Premier Pro, Word, PowerPoint, a graphics tablet, an all-in-one printer, and a Lenovo computer. Blogger was used to document the project process. YouTube was used for tutorials, uploading work, and getting feedback. Prezi helped in planning. Photoshop created backgrounds and assets. Flash was used for animation. After Effects added visual effects and editing. Premier Pro added sound. Word and PowerPoint aided writing. The graphics tablet, printer, and computer helped with the creative and technical aspects.
1. The document discusses graphical animation and introduces Adobe Flash, which allows users to create web animations, games, and movies.
2. It provides instructions on how to open and navigate Adobe Flash, use various drawing and animation tools like layers and frames, and export a finished Flash movie.
3. Students are assigned to create their own 5-10 second animation within Flash on any topic of their choosing, which should include some text.
1. Various new media technologies were used at different stages of the project, including digital video cameras, movie editing software, photography software, and online tools.
2. iMovie was used to edit video footage, adding effects like colorization, blurring, speeding up/slowing down, and text overlays. Photoshop allowed for image editing through layers and tools like selection and fill.
3. Online resources like blogs, slideshare, Flickr, and YouTube helped document planning and showcase elements through embedding images, videos, and presentations.
Raster graphics are made of pixels and allow for more colors than vector graphics. However, raster images cannot be enlarged without becoming blurry as individual pixels are stretched. Photoshop is commonly used for raster graphics and allows editing of photos with 16 million colors for 24-bit files. Vector graphics use mathematical formulas instead of pixels, so they can be enlarged without quality loss, making them suitable for logos, posters, and billboards. Common file formats include raster-based JPEGs, TIFFs, and PSDs which support photos, and vector-based AI files used for printing. Each file type has different uses depending on needs and intended viewing platform.
The document proposes creating a 5-minute promotional video for Cheadle College's creative media extended course. The video will showcase positive student testimonials about the course's benefits to have a bigger impact. It will also promote the college overall. The video could be distributed via YouTube for a large, worldwide audience at no cost. DVD and presentation formats are also options but have fewer viewers. Compressed video and image files will be needed to fit the content onto cheaper discs or stream quickly online without buffering.
The client will first discuss the contract, including the timeline, work requirements, and budget. They will then need to agree to and sign the contract, making it a legally binding agreement. After discussing the contract, both parties can negotiate the funds, deadlines, and wage if they disagree with the initial terms. A formal brief provides precise details through bullet points and headings to clearly outline the goals and requirements, while an informal brief takes an opposite approach without structured information.
This document outlines a SWOT analysis for a potential video editing project. The strengths include creativity, originality, equipment, and experience editing videos. Weaknesses are a lack of time, a remote location, and inexperience working with clients. Opportunities exist through multimedia platforms, a large audience, and promoting on YouTube and college websites. Threats include not having enough time, losing work, hardware failures, and competitive colleges.
The site uses bright colors like blue, white and orange that are consistent throughout to look professional. Navigation is easy with drop down menus and interactive maps. The site provides information about hostels in Australia and why to visit the country. Users can book hostels, plan trips, and search by location or hostel. Interactive maps change as the mouse moves and allow quick bookings. The colors complement each other without straining the eyes, and text stands out against backgrounds. The color scheme reflects aspects of Australia like the outback, forests, and ocean. All pages maintain consistent colors and a universal sans serif text.
This proposal outlines plans to create an interactive website for Oz Backpackers to provide travel tips and information to help people plan trips to Australia. The site will be developed using Adobe Flash to include features like rollover buttons, a navigation bar, text pages, and animations. It will contain pages with information on safety tips, bookings, hostels, and an introductory home page. Considerations around legal and ethical issues like copyright, inappropriate content, and inclusiveness are also discussed. The target audience is travelers aged 19 and older, and the site should be fully functional by November 30th.
This proposal outlines plans to create an interactive website for Oz Backpackers to provide travel tips and information to help people plan trips to Australia. The site will be developed using Adobe Flash to include features like rollover buttons, a navigation bar, text pages, and animations. It will contain pages with information on safety tips, bookings, hostels, and an introductory home page. Considerations around legal and ethical issues like copyright, inappropriate content, and inclusiveness are also discussed. The target audience is travelers aged 19 and older, and the site should be fully functional by November 30th.
This website provides information to travelers on staying safe and booking accommodations. It features sections on the homepage, safety tips, and an easy booking process. Copyright information is included at the bottom of each page.
This document discusses resources. It does not provide any details about specific resources, but rather the topic of the document is resources in general. No other information is given in the original document to include in the summary.
Animated banners and ads are commonly used on websites to attract more attention and clicks from users. Websites like YouTube allow for animated and video ads. Interactive ads also engage users by letting them make choices that influence the ad. The Nike ID site allows users to customize sports clothing like hoodies and shoes with interactive tools to design the product. Similarly, car customization sites like BMW allow users to customize vehicle features and packages.
Animated banners and ads are commonly used on websites to attract more attention and clicks from users. Websites like YouTube allow for animated and video ads. Interactive ads also engage users by letting them make choices that influence the ad. The Nike ID site allows users to customize sports clothing like hoodies and shoes with interactive tools to design the product. Similarly, car customization sites like BMW allow users to customize vehicle features and packages.
This document provides an assignment brief for a digital video production project. Learners will [1] produce a proposal for using digital video technology in college promotional materials across various platforms, [2] research and write a report on different types of project briefs, and [3] work with a client to negotiate a brief, produce a SWOT analysis, and generate ideas for a promotional video. The assignment aims to take learners through the process of working to a brief, developing ideas, and managing a video production project from start to finish.
This document provides an assignment brief for a project involving the production of a promotional video for a college department. Learners will negotiate a brief with a client to determine the requirements and then produce a proposal, documentation of communications, and a SWOT analysis. They will plan, create, and prepare a digital video sequence for use in interactive media. The goal is for learners to experience working to a brief from start to finish while developing skills in digital video technology and production management.
The document proposes an advertisement for the Cadbury Dream chocolate bar to help increase its visibility. The proposed ad begins with a boy dreaming and his dream bubbles being collected by a large purple machine. It aims to be creative, entertaining and memorable to stand out. The advertiser also plans to create social media groups on Facebook and Twitter to promote the Cadbury Dream bar and address that it is often overlooked in shops compared to being included in selection boxes.
The document proposes an advertisement for the Cadbury Dream chocolate bar to help increase its visibility. The proposed ad begins with a boy dreaming and his dream bubbles being collected by a large purple machine. It aims to be creative, entertaining and memorable to stand out. The advertiser also plans to create social media groups on Facebook and Twitter to promote the Cadbury Dream bar and address that it is often overlooked in shops compared to being included in selection boxes.
Researchers gather information to support the animation team by researching past projects, costs, and necessary tools. Stop-motion crews physically set up scenes and characters, taking individual photos to create the animation. Project managers oversee the entire project, ensuring no mistakes are made and the crew has what they need to work well together. Editors review scripts and animation to identify areas for improvement and ensure high quality and accuracy.
1. Task 1
Banner
Well known web site will use banners and they will have many different ones too. The use of an ad
banner is to advertise a product or campaign you will get website like YouTube. Therefore different
companies to put their banner on the YouTube website and then people will see it and if they are
interested in the ad banner they will click on the banner they will be sent to a different website so
they can interact with them. Also YouTube will get paid from other companies to do this and the way
it works is how many people click on the link will determine how much they will get for having the ad
banner on the website.
Animated interface elements and interactive animations
Animated interface is what you will interact with like the controls around the screen so with the Nike
store online is a good example so you can make your own shoe so it’s an animation you change
yourself so it’s not an animation which you control. For example you can move the shoe on screen in
the position you want like see it from the sides or from the top and bottom also the back of it so
there for its not linear movement so the animation doesn’t loop doing the same thing over and over.
Also you got other options like zoom, rotate, view both shoes or take an image of the shoes so you
can take the image and show your friends and get their opinion before you make the purchase. So
the official Nike store has an animated feature of theirs called Nike ID. What Nike ID does is that you
can pick 1 of the many different type of shoe type and make and personalise a shoe so you can
select different part of the shoe its self
a change the type of material you like
e.g. suede smooth leather or mesh so
you pick the material you like the best.
Also you can get to change the colour
of the shoe so it could be a plain white
shoe or you can make multi-coloured
like a rainbow so you can choose how
you like. On the heel of the shoe its self
you can put your own ID on it so on
your left shoe you can put your name
or nickname on it and on the right you
can have your birth year so there for its
your very own personal customised
shoe.
2. Linear animation is an animation you have no control over it at all so it could be an image of
someone dancing but the dancer will be dancing over and over and you won’t be able to stop the
animation you will see this if a website is loading up so you hopefully not get bored and leave the
website so therefore the linear animation Is for entertainment purposes. The Simpsons website
uses a linear animation while the webpage loads up.
Promotion, instruction, entertainment and information
The CBBC website uses animated games to promote their shows on television. So the game will be
themed on a show they have on their television channel for example ‘Dik and Dom’ is a children
programme which is CBBC aired on their channel so therefore they make a little game on their
website to promote that show also this
game will remind the child that the
programme is still on their channel also
it’s a free advertisement because it’s on
their website. On the web site the games can be educational because they have a game were you
got to match the right colour balls to get points and get rid of them to advance to the next level so
that game will help teach children to add up which will be used in life time situation. So the website
has a lot of entertainment purposes for example
the amount of games they have on there also
these page after page of them. Also they have
videos on there to watch and they have music
you can listen to. Some of the games on the
CBBC website can help children learn new
things like one I seen is an interactive clock
which you can learn from if you wanted to earn
how to tell the time from analogue.
3. Task 2
Flick books
A flick book consists of many pages with images on them. Each image looks the same but have a
minor difference. The reason for this is that when you flick though the pages quickly, the images look
like its moving. A flick book can use a series of drawings or you can use photographs instead so then
it’s a motion picture. A flick book is really an illusion which makes it look like the images are moving.
But really for a split second when the pages are being flick you still see the image from before so
therefore the movement looks smooth and the for you see a motion.
Gif file format
A gif file is short for graphic interchange format. So this file is useful for storing graphical images of
256 colours. Its compression method is LZW this means that when you go to decompress it the
information is saved so therefore the image is lossless. There are two types of gif files first gif 78a
which is when you save one image, the second is gif 78a so this is to have multiple image stored
together to create an animation (moving image).
Task 3
The Process of Animation
So the animation process starts off with the team deciding on the storyline of the animation so then
on the storyline is made in to a story board of the whole animation its self. The next step is the
recording of the voices of so the animators know how the characters mouth should move when
speech is included. The next part is the rough sketches of just the characters and there no colour in
the images still also there can be up 50,000 or more drawings. Now when all the drawings a made
the get sent off to the inker department so the images are then put on to clear celluloid acetate so
now you got the image on clear plastic material so you put the images on to a background and
because the material clear you can see straight though it to the background and then its putting the
images together and in order to make the animation.
Persistence of Vision
Persistence of vision is a phenomenon which an image will stay with you for one twenty-fifth of a
second. The myth of persistence of vision is a mistaken belief by humans persistence of motion
(brain centred) is the cause of persistence of vision (eye centred). The myth was discovered in 1912
and it still used in the modern day films e.g. Wallace and Gromit. There is also a possible theory to
explain motion perception. There are two perceptual illusions, Phi phenomenon and Beta
movement. Phi Phenomenon it is an optical illusion defined by Max Wertheimer in Gestalt
psychology in 1912, in which that persistence of vision formed part of the theory of the cinema used
by Hugo Munsterberg in 1916. This optical illusion is based on the human eye so this illusion is by a
group of frozen images being flick though to make it look like the image is moving. Beta movement is
the other optical illusion, first recorded by Max Wertheimer in 1912. It’s an illusion that uses still
4. images that seem to move. All it is a group of image that move ever so slightly. So this is very similar
to an animation.
Stop Frame/Stop Motion
Stop frame if a technique use in the animation business. Which is to take a picture of an object in
one position, then take and picture of the same object but the slightly move the object into a
different position and the repeat this many times so then you have a series of images. So if you were
to use these images into an animation software like premier elements the images will be put
together and they will be flicked though so the image is an illusion which looks like the image is
moving.
Frame Rates
Frame rate is also known as frame frequency. So this is the rate of how many images are being
shown in a second so a normal animation would use about 24 images per second. This method is
used by animators in the film and animating industry. So if you put more frames in an animation the
animation whatever it is it will then be the smoother the movement outcome you will get.
The software called flash you can make animations from scratch so you can literally draw them from
the software or you could use already made images. So if you wanted to make an image move from
one image to another and wanted it to be smooth you would first make two key frames what this
does is activate the start of a movement so in between the key frame you will the use a tween to
make the movement.
Task 4
Vector animation
Vector animation is an image which is made up of a formula rather than pixels so the image can be
copied without losing any detail also it can be resized without any detail loss. So the image is
smoother and clearer so this is the benefit the down side is that there is the lack of detail and
shading.
Raster animation
A raster animation is using photo images to make an animation so if you wanted to edit an image for
example you wanted to change the size zoom init will loss detail so the image I lossy so therefore the
image could look distort so the image ruined. The benefit of raster images is that it uses pixels so the
image could be taken with a good camera with a good pixel lens so there more detail in the image.
Also the image uses up more memory because there more detail and bigger in size.
Task 5
Flash is animation software where you can make your very own animations. So using the software
you can draw imagesfrom scratch by using many different tools also you can animate every detail to
your standards. You can make animations another way by using a camera to take images and then
import the image however you like so it can be a stop motion animation.
5. Flash player
Flash player is a plugin which allows you to watch flash animation. This is a very useful tool because
before showing the world the animation, you can watch the animation to see if there needs to be
edits sound corrections. Also you will need this plugin to play flash games or flash websites also if
you try to watch play or enter and you don’t have flash player it will prompt you to download it so
you can access flash ware products.
.