Magazine Spread

Webb Final

For the semester final, each student was given a story that was written and reported by college students in different classes. Visual journalism students needed to read the story they were given and create a two-page layout (side-by-side pages) with texts and images. Inserting a headline that was appropriate to the piece needed to be done after first reading the story and sketching layout possibilities. Photos were provided when students were given their assigned story. Choosing what photos to accompany the story, proofreading the story, placement of all aspects of the piece (design), and color usage was completely up to the student.

Elements of the exam: main story (with byline and/ or subhead), headline, deck, sidebar (with a headline), photos, cutlines, photo credits; and, illustration, graphics, and pull-quotes/lifts (if necessary)

I created my two-page layout for a story about Kennedy Park— a cat sanctuary in Lima, Peru. The park is home to over 100 stray cats that relax and receive both love and disfavor from the local population and tourists.

I created a four-column, two-page layout for my final exam. It was a challenge to choose which photos to use because Delaney Durall-Lihehan—writer and photographer for my piece— did such a great job. Essentially I chose photos that showed people communicating with the cats and photos of cats looking at the reader. Using InDesign, a map was crated to show readers where Kenney Park was located within Peru. The map was given a headline and cutline. “The Cats’ Meow” was my headline. I intended it to be a pun, cats my not all be loved at the park, but the Kennedy Park Kittens makes sure the cats are fed, receive vaccinations, and parasite treatments. Adding a black background around the headline gave it weight and attention. To proved a focal point, I centering the photos in the layout rather than putting them on one or the other. Instead of using a caption for each similar picture, I have one caption placed at the top right corner to support all the photos. I created a deck to sum-up and intrigue readers. The byline is colored using the eyedropper tool to match the orange of the little boy’s shirt on page 3. Using Photoshop, images needed to be 300 dpi, CMYK, and changed to tiff. files.

*Layout was featured in Columbia College Chicago’s Wanderer Magazine 2015


Layout Project

Layout Blog-2

For this assignment students were given the same photos and a story about a Mexican restaurant. Instruction was given to form the photos and story into a layout design that could be put into a magazine. Amending the story and changing dpi on the photos wasn’t required for this assignment, but students did need to add a headline for the story. Placing and sizing photos, instituting location for the restaurant, and making since of color usage were challenges to face in this project.

For this assignment I created a three-column layout and made sure alignment was used throughout to assured a balanced piece. I used the eyedropper tool to take key colors from photos and use them in the words “Hunger Pains” of my headline. Around the photos, I added a black 0.25″ thick border to create a slight contrast form the white background. A drop cap introduces the story and for a special touch, I added a hypothetical page number and issue season.

Infographic Project

infographic 00

Using InDesign, students crated an infographic (informal graphic) reguarding serial killers. There were instructed to include the parts of an infographic: headline, blurb, body, source, and credit. We can design our graphic in the form of a map, diagram, or table using bars, fever, or piles. The infographics didn’t need to be complex, but were intended to provide information about five American serial killers. The killers needed to have a commonality such as: from the southwest, 21st century, etc. The graphic should then provide a minimum of seven things about each.

For my serial killer infogarphic I focused on killers of the 21st century who murdered women through strangulation. The layout is in the form of a table that was created on InDesign by using the columns and gutters option, as a guide and drawing each like separately. I then formed circles to insert photos and the text tool to insert text boxes into sections of the graphic. I used the shift + control + command keys to copy and move items creating symmetry. Photographs had to be uploaded to Photoshop, changed to 300 dpi. Photo size, and saved them as Tiff files. Therefor, when my infographic was printed the photos weren’t pixilated. I used a simple san serif font for the entire piece.


iMovie Project

Screen Shot 2014-03-28 at 12.41.50 AM

View video:

Students were to cover an event and use photography from the event to create a slide show or iMovie presentation. Adding sound would provide extra credit.

I covered a Stempunk event. It was Chicago’s first Steampunk gathering and a night of fantasy fun. Using photos I created an iMovie presentation with sound to tell the story of the night. Handcrafted clothing, steam-powered accessories, lace, corsets, pocket watches, and tunes on the record player created an “alternate world” of escapism for Steampunk participants. The setting was spectacular and accommodated the fashion show and events perfectly. I loved unique aspects of the room: brick wall, brothel photography, wood floors, antique trinkets, varieties of milk served at the bar, sweets on tables, etc. and the movie showed a cute summery of what all took place.

Webpage Midterm

MIDTERM_Webb426-1365346454 final

For the midterm, students were told to generate a focus: urban clothing, spicy foods, cats, country music, etc. and make an InDesign mock homepage for a website. The photos could be from the previous iMovie assignment or from a new story. There needed to be three stories presented on the homepage that were actual stories covered for the assignment. Stories and headlines on the homepage needed to go along with the photos represented on the page. The end result should reflect what an actual webpage would look like. Tabs, advertisements, header, footer, sidebars, etc. could be included to create a realistic feel.

I made my site about Steampunk in Chicago. It was to reflect not only the night’s event but also educate visitors on the Steampunk subculture. I focused on making a page that looked organic and natural to viewers. I added advertisements that reflected Steampunk, “follow us” options, tabs that were popular on many Steampunk sites, and a flow that also reflected aspects of Steampunk sites I visited for research.

Restore Project

IM000187.JPG        bisabuelaorigWEBBnew

Taking old photos and using Photoshop to restore them is what was introduced in today’s lesson. We recapped elements of Photoshop such as the selection tools, cropping, cloning, and layering. After being shown different ways to revive old, torn, and faded photography, students were able to choose form three options to exercise their skills.

Using a portrait of a woman, I implemented the stamp tool, lasso tool, paintbrush, and other image adjustment effect. I covered holes with the stamp tool and added contrast to her using the lasso tool. The white flowers on her face were almost transparent so I used the lasso and contrast adjustment to brighten them. I added vibrancy to the greens and blues of the leaves on her head by selecting them specifically. Implementing a makeup style appeal using the mixer tool in the paint bush option for the eyelids also improved her face. In addition to the eyelids, I erased discoloration with the stamp tool and added a contouring with the paintbrush. Lastly I cropped the photo because of excess background space. The finished product is more attractive.

Crop & Tone project

P1010995   TangoCouplesnew

Photoshop was incorporated for the first time in today’s class. We practiced and experimented with cropping and toning photography. Students were introduced to photocomposition and editing. We reviewed elements of Photoshop such as the selection tools, cropping, cloning, and layering. Students were then given a choice of three photos to edit. Using tools to lighten, darken, focus, and balance the photo, students created a more interesting and publishable work.

I used a picture of a couple dancing the tango. The photo needed to be cropped from its original size. Unnecessary aspects were captured—people looking around, the sidewalk and tree exposing extra space, blurred images. Highlighting the greenery of the tree and using lasso tools to warm the king of the female enriched the photo. Adding contrast to the photo gave depth. I added vibrancy to the man’s suite and woman’s dress using the paintbrush effect. The finished product illustrated a photo with more visual appeal and digital storytelling.