When I was a kid watching cartoons on Saturday mornings there were a series of PSA ads call The More You Know. They encouraged kids to get involved with their education. Well, in many ways those video shorts served as inspiration for this week’s project.
My topic for this semester is wrapped around the change in our school district from a junior high model to middle schools. It’s a big change for us. Big enough to have people picking sides. With that in mind, I tried to create a visual collage poster (designed to be 8.5”x 11” finished size) that could speak to parents inviting them to learn more about how middle schools can help their student succeed.
I started with reviewing the pieces already in use by our district to get a feel for our district’s current image. My graphic narrative collage design starts with little children selected from the myriad of photos available from the district, because I believed it was better to truly represent our district using our own kids than random ones from online collections. They are placed at the top in four pictures, a blend of boys and girls, different racial groups to be inclusive of as much diversity as possible. I did change the cropping of some of the pictures to focus in on the children, and changed the cropping of the second photo from what it was in the first draft to showcase three boys rather than the two because I felt it mimicked the three girls, arms around one another, in the graduation photo, creating symmetry. The pictures were selected to show four different aspects of modern education in the elementary schools. There is math and writing (traditional education), but also work on computers/technology and the arts (aspects of the dedication to STEM and the Arts in our district (you can just see the displays in the background behind the boys in the second image).
The four images are showcased in a film strip as a nod to how we often take so many pictures of our children when they are young. It’s also a subtle subtext message of the development process by alluding to the start of the photographic process – we took pictures and they were on film before being fully developed into photographs. Below that is the finished full photo of the graduates in their caps and gowns. I selected this image because it delivers a powerful punch. We all want to see our children succeed in school. Graduation is the epitome of that success.
One of the comments I received most in critique of my first draft was the background of the piece was too plain and the pictures in the film strip (and pieces of the film strip itself) weren’t lining up properly. Another comment was to play more with the font placement, type and color. I tried all of these with the final draft. For the basic design colors I chose the primaries of red, blue and yellow (another nod to our educational beginnings). I initially chose the red from the graduation gowns but found it was too overpowering. Yellow looked too weak and became muddy with the gradient layered over it. The blue I finally selected was taken from the district logo, then changed in opacity to lighten it. Layered on top of that is a lighter opacity of the film strip image, enlarged and set at an angle, and a gradient to make the background darker toward the bottom where the bulk of the copy is located, making it easier overall to read.
The text forms a type of pyramid structure, with the largest font size being the base and located where the most important information is, as well as the call to action. The message “To get them from here, to here, there must be something in the middle” refers to the educational process. I moved “to here” onto the graduation photo to leave the middle visually empty of text subliminally emphasizing the “middle” through use of negative space. I deliberately chose the word middle and changed the color of it to allude to middle schools. Notice that the corner of the graduate picture points directly at the word middle. After all, middle school is the point of this piece.
Directly below that is the call to action “Learn more about how middle schools in the South Kitsap School District can help your student succeed.” I said student rather than child because by the time they are out of elementary we stop referring to them as children when we talk with parents. I also used color to make the core message of this piece pop visually “middle school can help your child succeed”. Below the call to action is the URL to take them to the page on the district website that has information on how middle schools are different as a model and how they specifically support the developmental needs of students in the 6th to 8th grade age groups. In the bottom left corner is the South Kitsap School District logo to make it easily identifiable that this piece relates to our district.
Photos were used with permission from the South Kitsap School District, and the flim strip cell image by Nevit Dilmen was used under Creative Commons License https://commons.wikimedia.org/wiki/File:Film_strip.svg
THE PROCESS
To create the design in Photoshop I used multiple layers. Images had to be resized from the originals (which I quickly found needed to be done in their own separate files before being copied and pasted into a layer or else it changed the entire piece). This also happened to be the biggest challenge for me because I’m not familiar with Photoshop, The film strip came in individual boxes designed to be layered over the top of photos so there was no need to multiply the image to get that effect. I rotated the graduation photo and the enlarged film strip sections using image/image rotation prior to pasting it into their own layers. Both stroke and drop shadow effects were applied to the graduation photo using Layer/Layer Style/Stroke and Drop shadow. The enlarged film strip segments in the background had the opacity reduced to 86%. For the school district logo, I had to take the file and erase the background of the image before being able to apply it. Overall I found Photoshop incredibly frustrating to work with the first time, even with our tutorials. It would help if there were a tutorial on sizing images.