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:

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!

Many Uses of Computers Camp 2011: Graphic Design or Photography?

Cristina Lor
- ITA Tech Instructor -

The second day of class was another great experience; were so into their Adobe Photoshop and Illustrator projects that they spent their break time working on them.

The said projects include their “Layers of Me” which was created in Photoshop. In this project, the students had to import their portrait into Photoshop and then add multiple layers, categorized in the folders named “Culture”, “Hobbies”, “Name” in which all text found in the folders related to each of the folder name. They had the chance to change the font size, color, family, effects, and location of each text box.

Their illustrator project revolved around family, but in the form of penguins! In this graphic design portion of the session, the students were to use premade symbols to assemble penguin versions of their family.

Here are some class examples:

During the third hour of labs, the Evaluation unit, the students were given a mini lesson on blogging – capitalize proper nouns such as, Adobe Illustrator and Photoshop, and utilizing the power of the Enter/Return key whenever a new thought is formed! Once the mini lesson was completed, the students dove into finishing up projects, catching up from the day before, or blogging.

Looking at how fast the students picked up on both of these programs illustrates how the instructors were getting more comfortable with the students, even after only two days!

Many Uses of Computers Camp 2011: The Introduction to Labs, Labs, Labs!

Today was the first day of the Many Uses of Computers Camp for the new cohort of ITA, the class of 2015.

The 30 students began their lab with an introduction of themselves, the ITA instructors and interns, and then continued to learn each other's names with the Drop the Sheet name game.

After the introductions to staff and students, the class was split 15-15 and proceeded to their assigned labs for the rest of camp. This assures that each student can be helped and not lost within a large group.

Upon arriving in the appropriate labs, the students talked about their technology story - what kinds of technology they have experienced working with, and then dove right into learning about the accounts that they would have to navigate with and around for the next four years of ITA: Google, Wisc, and Panda.

Once the students knew what these programs were, they began exploring each one of them as they set them up.

The first day ended with an hour of storytelling, but not the kind where the instructors sit up in the front of the room and read to the students; instead, the students were guided through a memory activity where they were to recollect an event in their life... their 8th grade graduation. This was their first blog post and beginning of the documentation of their next four years at ITA.

Welcome Class of 2015! You will do great things!

2011 Motion Pictures Camp off to a great start!

Today marked the start of the Sophomore Motion Pictures Camp.

In the early morning, students showed up for their first introduction into film making including a range of topics from cinematography to editing to acting. Classes were separated into two halves, so each student could focus in on a particular skill in acting or directing.  

Activities sought to provide the basic opportunities to be creative whether through improv acting exercises or the details of shot composition and the editing essentials of Adobe Premiere. After a short break, the two halves were brought together to collaborate on short "ambiguous dialogues." These are scenes in which all the groups have the same very simple, confusing dialogues and they need to work on their acting and planning skills to make it make sense to the audience. In other words, their interpretation is key to the success of the exercise. We did this in order to not only build their skills, but to create a sense of the team environment, and be a safe outlet for creativity in film making.

It was a lot to digest in a short period of time, but the students were up to the task and getting involved with their projects in preparation for their final films.

We hope we can post some of these dialogues tomorrow, when we expect to have them finished!

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.

Senioritis? Not With These ITA Seniors.

Almost half way through the class of 2011's last year at ITA, the seniors are showing no signs of lack of motivation, procrastination, drop in lab performance, or "coasting" through the afternoon. These symptoms more commonly known as senioritis fail to be observed at ITA with this year's excellent students. The students have already shared their proposals for their project at the Holiday Luncheon. For those of you who could not attend, here is a brief re-cap of what the seniors are doing.

Protein Tubar Video by Thor and Thuy Dan

Thor and Thuy Dan are working with Professor Dave Nelson from the department of biochemistry here on campus. They taped an instructional video of Professor Nelson using the Tubar Protein Modeling Kit for SMART teams at Madison West High School. SMART Teams stand for Students Modeling A Research Topic, an extra-curricular activity that introduces high school students to the field of biomolecular research. This video will be used for teachers in the program as a demo of how to use Tubar Kits.

Flash Animations by Eddie and Jeremy

Eddie and Jeremy are creating complex Flash Animations for Professor Sebastian Bednarek of the department of biochemistry. From the pictures on the side you can see their drawing progress thus far. Eddie is working on cell membrane trafficking (on the left) and Jeremy is working on clathrin mediated endocytosis (on the right).

Scientific Demos by Noah and Maya

Noah and Maya are taping scientific demos for the biochemistry course "Exploring the Biomolecular World" taught by Professors Dave Nelson and Michael Patrick. The two scientific demos that Noah and Maya will be filming is a short video on the hydrophobic effect and an experiemnt using Beta-Galactoside.

ITA Recap by Adrianne, Lakoye, and Jasmine

Adrianne, Lakoye, and Jasmine will be using iMovie to create short video presentations about past ITA projects. These projects will be displayed for recruitment and funding meetings to demonstrate the great work done at ITA.

Video Tape of the Crystallography Research Facility

Students will be working with one of the post graduate students working with Professor Katrina Forest. Professor Forest uses x-ray crystallography in her research to study the interactions between humans and microbes. our students' task will be to record a 45 minute video of the entire process.

Interviews of Campus Professors

Students will be venturing to different research laboratories on campus to interview professors about their work. The video's goal will be to inform undergraduate students about the various research on campus to help aid them in choosing which lab to join. The first professor the students will be interviewing is Douglas Weibel from the Department of Biochemistry.

Tutorial on Jmol by Leija and Ivan

Ivan and Leija will be using CamStudio to help record a tutorial of how to use Jmol, a protein modeling software program. They will be recording an expert in Jmol give an instructional lesson of how to use the program and then distribute this video to various science professors on campus.

Holiday Greeting Cards by Ashanti and Julie

Ashanti and Julie are using Adobe Photoshop to create custom-made greeting cards for the UW-Madison Children's Hospital. They will be printing out their designs and hand delivering them in the upcoming months.

ITA Digital Yearbook by Eileen and Kiran

Eileen and Kiran will be creating the second ITA digital yearbook. The yearbook will include fun facts about each ITA student and highlight the events from this past year. Currently, the two are in the process of taking the ITA student yearbook pictures and designing a new layout in Adobe InDesign.

Congratulations Seniors!!! Keep up the great work!

Radio Commercials

Radio commercials are much different than any other commercial or ad because they only get to use sound and utilize the sense of hearing. They must grab the audience's attention without having them see anything, which is quite a feat!

The students first focused on writing a script. They thought about what goes into a script and what they should focus on. They learned some of the main questions to consider when script-writing:

• Who's the audience?
• What's the product?
• What's the message?

As the students worked, they had to think about how they would "set the stage" so that the audience knows where the scene is taking place. To set the stage, you must carefully select what sounds to use to let the audience know where the commercial is taking him or her.

After the students set the stage, the students must say what their product is and the facts that make it the best product available. This is the "meat" of a commercial as it is the most important part for getting the consumer interested in the product.

The last part of a radio commercial is a call to action, or telling the person to buy the product.

This is a sample "call to action" that one student wrote:

"Little Litter Robot! Available for only 5 easy payments of $29.99! So pick up your iPhone and call 1-800-NO-LITTR, N-O-L-I-T-T-R, right now! That's 1-800-665-4887"

The students then got to focus on recording their commercials along with a new competition set-up. Each student all had access the same sound bytes of other ITA students talking about Madison, WI. They then compiled them into a sort of PSA for the city of Madison. Then, each student was to choose a music to create a mood from SoundCloud.

The whole process of making the PSA focused the students on the production of radio commercials. The winner was determined by the ITA Staff, which was Natalia. Her prize was a honorable congratualtions, and her commercial was played before all our guests at the 11th Annual Holiday Luncheon!

Enjoy all the Madison PSAs made by the students:

ITA Students PSAs

The best part about the experience for the students is that although we didn't have time for them to finish both of their commercial projects, at least they know how to make their own all the way from product to script to final production!

America's Next Top Blogger

What better way to start off the 2010-2011 choice sessions than to become a better blogger at Information Technology Academy? This must have been the thought of the four students who signed up for the blogger workshop, right? :D At least, that's what I like to believe. But that doesn't matter because no matter how small an interest in blogging is, it will go a long way... through ITA and beyond.

As a graduate of ITA (2009), I didn't get as much of a chance, if at all to write blogs while I was in ITA (to be frank, I don't recall when AJ, the lead technology instructor, implemented or discovered blogging), but better yet, I don't just get to write blogs, I get the honor of teaching how to write blogs too!

The goal of the course was designed to make students more aware of their writing style and the way that they present it to the their readers. As you're reading this, you're probably thinking, "Wow, she's a good writer. I want to keep reading," right? I'm just playing! But please... do.. keep reading because it's all about how the workshop went.

The students started off the day with a writing a blog about what "blogging at ITA" means to them... Students wrote that it meant telling instructors how their projects went for the day. And at least in some part, it is to inform instructors on how the day went. Blogs are also useful for the students! When they return from a long break, they can read their posts and remember what they did at the last session they attended. They can also do a better job analyzing what they have learned and how they have grown while in the IT Academy program.

After a discussion on how everyone can utilize blogging at ITA, the class jumped right into "good" blogs on the internet. A lot of the good/more intriguing blogs, as the students pointed out, had a lot of pictures which kept the reader's attention among other things.

After looking at examples of good blogs, the class critiqued each others' previous blog posts. This led to a revision of their blog posts; a nice way to finish the workshop!

~written on 10/23/2010

UPDATE: Starting this year, at IT Academy's 11th Annual Holiday Luncheon event, we are now able to reward ITA's best blogger! It's called the "Blog Maven Award," and the prize this year was a "smart pen" which is a great tool for writing, drawing, taking notes, and using a computer. Congratulations to Kim!!!