Showing posts with label Inspiration. Show all posts
Showing posts with label Inspiration. Show all posts

Friday, December 9, 2011

Cereal Box Design

April Arevalo
- ITA Tech Instructor -

Elements of graphic design can be found everywhere. What better way to teach the students about all the elements of graphic design than by making themselves into what, I hope, gives them the copious energy they have every Saturday morning; a cereal box.

The purpose of this project was to advertise each student in a complete styling. The students didn't necessarily have to be a cereal product, but some students did get creative by adding many aspects of them as a real cereal brand.

The cereal box was split up with each session focusing on a different part, and mastering the same tools that could be applied to the entire cereal box.


Front of the Cereal box:
On this side, the students created digitized self-portraits of themselves. The main tool used for this was the pen tool, a very useful but challenging tool. The students learned very quickly that, while frustrating, this tool can create great, detailed artistry. Starting with a picture of themselves, the students essentially traced over the picture to recreate the image. Still, they would tell you that it is not as easy as it seems. The pen tool requires a keen eye, an understanding of anchor points of curvature of a line, and the use of layers.

After practicing this tool several times, the students were able to tame it and create digitized versions of themselves that looked great.This is a picture of a student, as a final digitized image.


Back of the Cereal box:
In this section, the students created a typographical map of their neighborhood and nearby areas. This section again focused on the pen tool but introduced new elements such as a "clipping mask" and "type to path" tool. The students really developed their pen tool skills in this section. In order to make a typographical map, the students would outline the shapes present in the image of their neighborhood. Then, they would use a new layer to write text of the area they were covering up, i.e. parks and street names. Then, selecting both layers, they would create a clipping mask that would cut the text to the shape they outlined and color it as the shape was colored. The students repeated this for each section of their map.
This is a map of a student's neighborhood entirely made up of text.

Sides and Panels of the Cereal box:
After giving the students a very structured front and back of their cereal box, they were given more freedom for the rest of the box. Keeping in mind that they were creating a cereal box, many of the students created "nutritional facts," based on what makes them who they are. They also started to think of images that could portray aspects of importance to them, such as religion, school spirit, and other things of interest.
These are the side panels for another student's cereal box. She chose to draw her journey at ITA on one side of her cereal box.

For the final result of the cereal box, the students were asked to think about color schemes throughout the box and overall presentation. They are portraying themselves and need to think about what makes something aesthetically pleasing. The majority of students still have some tweaking to do, in order to make their boxes as presentable as possible. In using a website known as "dropbox" the students are able to work on their projects at home and can send us a complete cereal box that they put time into and would be proud to show.

The students came a long way and have begun to understand what it takes to make a complete piece of work/art. This is a great structure for the projects to come in their ITA career.

COMING SOON:
Below are some photos of the actual cereal boxes! We displayed them at this year's 12th Annual Holiday Luncheon:

Wednesday, October 26, 2011

Exploring Aviary

Felipe Gacharna
- ITA Tech Instructor -

For the October 22nd ITA session, students had the option to join a choice session that explored Aviary. Aviary is a free online set of tools that allow for image editing and creation as well as music editing and creation. In particular, students got to explore the Phoenix photo editor, similar to Adobe Photoshop, the Raven vector editor, similar to Adobe Illustrator, the Myna music creator, similar to Sony ACID, and the Peacock effects editor, which is unlike most programs the students have experienced before in ITA.

All the Aviary software runs in a browser and is free for anyone to use! We used the specialized education version to great success, which allowed us to oversee much of what the students were able to accomplish in this session.

This student was very proud of the work she could do to her photo in a web browser software:




Phoenix (like Photoshop)


Phoenix has many of the same features that students have already learned in Photoshop, including layers, blending modes, filters, and the clone stamp tool, to name a few. In Phoenix, students got to play around with a base image of a hot air balloon that I provided.

Using the hot air balloon image, students were able to duplicate some of the functionality they are familiar with in Photoshop and then take it to another level with the Peacock effects editor.

Peacock (a unique photo editing tool)

You can "push" a layer from Phoenix directly to Peacock, edit the layer in Peacock, and then send it back to Phoenix. Here are some pictures of the edited hot air balloon image as well as a screen shot of the Peacock editor, showing the unique user interface.



These edited balloon images showcase some of what you can do with Phoenix and Peacock.


This screenshot of Peacock shows the "node-based user interface" that the tool uses. It's a rather unique user interface (UI) where the user is provided with "nodes" or blocks which they can manipulate. Nodes can be connected through the little "notches" on the top and on the bottom of each. These "notches" are inputs and outputs. Manipulating the inputs and outputs to each node allows for heavy manipulation of images, and since each node has its own properties that can also be manipulated, the user has a lot of power in creating a desired effect.

Here's another screenshot of Peacock showing the nodes more clearly and some manipulation done to a gradient.


Myna (sort of like Sony ACID or a drum machine)

The Myna music creator allowed students to mix sounds from a large library to create beats. Myna provides a simple interface, with several layers of different sounds and each sound having a track, with beats being on or off for a given beat. Volume can be tuned for each sound as well as for each particular beat, so students have a good amount of power in mixing their beats. Here is a screenshot of one of the beats created by a student as well as an over-the-shoulder picture of one of the students working on his Myna project.






Listen to some beats the students made:







Aviary also provides a Hall of Fame where anyone can look through submissions, as ranked by users. Most of the time, the projects actually allow you to open up the program used to create it so that users can view how the project was created. Students had an opportunity to look through the Hall of Fame to see what could be done with the tools they were using and to help them gather ideas of how they could achieve some effects in their final artifacts by looking through the projects that allowed you to see how they were created.

Thursday, September 1, 2011

Back to School Technology Preview...

This year at the IT Academy, students will have the various opportunities to enjoy and learn about all kinds of things!

Here is a list of some of the things we have in store for the Technology Labs:

Poster Mosaic: Each student creates one piece of a whole illustrated poster!
"Campfire Tales": Creative storytelling through digital audio!
Social Justice Social Media:
Students bring a cause and learn how to effectively educate others about what they care about!
Self-Portrait: Illustrate your self or your friends in creative ways!
Accessibility and Assistive Technology: Creative journey into how technology can help in many, many ways!
Using AfterEffects in Post-Production: Learn ways to use AfterEffects to adjust the video you've captured and add the subtle visual qualities that can transform the viewer experience. 
Space Text: Moving typography in film using AfterEffects!
Going Green: An exploration of the green movement in technology!
Hack This: 
Not that kind of hacking... learn to make technology work for YOU in ways it wasn't necessarily designed for.
Data Visualization: Learn about the unusually fascinating and exciting world of visualizing data!
Audio Equipment Virtualization: Using virtual synthesizers, drum machines, patch cords, and effects racks -- ON A BROWSER! http://audiotool.com/app
Polyvore Magazine Layout: Learn some of the tricks of the trade in magazine page layout, using a super cool and fun website! http://www.polyvore.com/
Commercial Fun! Make short (50 seconds or less) commercials, focusing on storyline and product placement.
How DOES that work? Ever wondered how that worked? Learn some tools to find out!

It's going to be quite a semester! Keep looking out for future updates and see the amazing work of our students as these workshops unfold!

Monday, March 28, 2011

Stepping Towards the Future

April Arevalo
- ITA Tech Instructor -

I feel that having the students thinking about speech, dialog, words and how they can be used to express feelings, thoughts, the past and present is a great way to develop clear and meaningful messages in student projects. For me personally being able to write down what has occurred in my life is a huge tool to help me reflect on what I've accomplished, and how I can change my future. Lately I have been thinking about inspirational words and how to incorporate technology to display something positive. I recently thought of doing an "inspirational word" poster in Adobe Illustrator. I think it will be a great way for the students to realize that being creative and original and having fun and is a key part to portraying a strong message.

When students get to create in a way that involves colors and different aspects of "art" they don't necessarily see that a message is being formed. When more than one glance is taken, thousands of messages can be portrayed, ones that they hadn't thought of the first time. I saw this to be true while I assisted in the Mandala Custom Workshop. The students seemed to be creating things that were captivating to the eye and at a second glance deeper messages were shared. There were themes of nature and the beauty of the universe. Projects like this are beginning to open the minds of the students to something more than just doing projects because they have to.

By coming up with clearer messages, I feel the students will appreciate what they are creating a lot more and pursue future creation on their own.