Gallery

MA 04 – Layout – Work Prosses

BRIEF:
“The art of boiling water” is a fictional cookbook. You are to design the layout of this book and show examples of how the pages should look. In the book, you will use one serif font and one sans serif font.

The book will consist of the following: 

  • Title Page
  • Imprint (Norwegian; kolofon)
  • Table of Contents
  • Foreword
  • 4 recipes –  4 spreads (Norwegian; oppslag)

strawberry

 

PROCEDURE:

Research and work process

  • Creative methods

After reading the assignment I went straight to my bookshelf. I knew that I had  a  Jamie Oliver cook book there, and wanted to see if maybe I wanted to make something a bit similar since it was the same chef.
I also went through the rest of my cook books. Everything from baby food to recipes from the well known Norwegian chef, Ingrid Espelid Hovig.

I drew the different grid-systems from the different books to have something to work off of. This was very helpful. I also added the different margins to get a sense of how it is done.

I picked up some ideas from the different books, and from the learning videos on Lynda. Both about the different colored for the different frames. And for the page numbers on the top page.

When I was searching for inspiration for the title page, and the pages without recipes I had to go back to my book shelf. I have a lot of books, and then also a lot of inspiration for this task.

I checked out wich of the fonts I already had in my InDesign, and went to download the other ones. I faced some problems when I tried to download them, and just got the message that I had to try again later. This made it difficult for me to check out with of the fonts that fit well together.
I decided to google the different fonts to see if there were any information about the different ones.

  • Inspirational methods

For inspiration I made a moodboard on pinterest. Where I added pins about different types of layouts, design principles and fonts.

I also used my books to see what actually works on print.
For the title page I searched through a good amount of my books, and actually found it more inspirational to «see and feel» the layout, than to watch it on screen.

 

My final result:
gra1_assignment_04_layout_eliseaasenhatveit_21102016

Gallery

MA – 03 Illustration

 

With bleed

Assignment
Interpretation of the task

Mandatory assignment 03 was to make a photo based illustration with vector elements, for a song that I could choose myself. The brief said that the musician had contacted me, and wanted to bring a new dimension for his song.
The criteria for the illustration was that it should be photo based with vector elements. It could not be any text in the illustration, and it should be in the format 210 * 300 mm, with a resolution of 300 ppi and 3 mm bleed.
I chose the song “Fuck deg, helsing 90-talet” (Fuck you, greetings from the 90s) by Daniel Kvammen.

Strategic design
Target group

The target group here is a bit difficult to specify. It is not just teenagers, but people in all ages. After being on a concert with this artist and seeing what kind of people was there, I would say that the target group is huge. Posters on the other hand is probably more for people from 15 to 40. So the design would have to fit all ages. A 90s look would appeal to the people that actually have some connection to the 90s. And the game on the phone would appeal to everybody from 5 to 60 years. So I think my target group is wide.
Message/achieved action 
The message I would like to send with this Illustration is that even though your childhood can be rough, you can rise above it all.
If you look at the illustration without its real context, it can also work as a riot against the social media and smart phone society of today.

Concept

I have created an illustration for a song. This is to bring new life and another view to the song. I tried to make something a bit similar to what is already made for this artist, without it being “the same”. I wanted to make something that made the message of the song easy to read and grasp. With no option to use words, this was a tough nut to crack.
Research and work process
Creative methods

I know the song and the lyrics, but I decided to check out the music video to see if there were some colors or ideas I could bounce off of. I also googled the cd-cover to see what kind of style it had. Then I searched for the lyrics just to take a better look, and see if there were some words or sentences I could come up with ideas from.
Then I created a mind map to get my thoughts sorted.

I made it in a way that I kept my 90s thoughts on one side, and my thoughts about the song on the other side. This way I could clearly separate my thoughts. A couple of ideas about the illustration quickly came to mind, but I decided to do a bit of brainstorming first. 
I wrote down the ideas for the illustration, then I started the sketching. A lot of my sketches revolved around the person showing the middle finger-idea. But I thought that that would be too obvious, and wanted to go for something else. Then I got the idea about rock, scissors, middle finger. I sort of liked that idea since it has something to do with the music video. But since the illustration was to be a photo based illustration with vector elements I decided to go for another idea. After playing a bit with the Nokia 5110-snake idea – I just went for it.

Inspiration methods

I went to Pinterest to make a moodboard. I collected pins about the 90s, inspiration of different designs I liked and shortcuts and hacks in Illustrator and Photoshop. I looked at illustrations of songs on Spotify, and made my own pins of the ones that inspired me the most. I asked on the forum if anybody had any good websites about the 90s, and got a great site from one of the teachers. I googled a lot for pictures and articles related to this era and the musician, and also for graphic designs connected to the 90s. I spoke to the musician’s sister to get an even deeper understanding of the text. She was willing to answer all of my questions as good as possible. Since the musician himself is in studio, recording his new album, it was great help talking to his sister, and bouncing my idea off of her. 
Then I took a look at my cd collection. I had a lot of cds from the 90s, and found these inspiring and helpful.

Analysis

About song illustrations:

After taking a good look on my old cd covers with «graphic design» eyes, I got a better understanding of what kind of opportunities there are in making a poster. It was interesting to take a look at old cd covers versus the illustrations you find on Spotify today. After browsing Spotify for a while looking for great illustrations, I felt that I had a good overview of different illustration types. 
There are so many things to choose from, and it all depends on the music genre and when it was released. I tried to hold my research within 90s-inspired illustrations, and adding a little 2016 twist.

About the musician: 
Daniel Kvammen grew up in a little place called Geilo. This is a place with 2363 citizens. If you don’t ski or play football you will easily be excluded from the youngsters.  About his own work he says:
” My songs are mostly conversations with myself, 
about me and the people around me. 
Stories about people who try too hard, 
and people who don’t know when to shut up” 
-Daniel Kvammen

About the song:
This song is a bit different than his other songs. This one has a bit more energy. He usually sings and plays a guitar. But on this song there is a more electronic feel to it due to the upbeat tempo and the synth. The artist himself says that this song is a typical “looser anthem”, and has a lot to do with his childhood. I spoke to his sister to get to know a bit more about what his idea about the song was. Due to him recording his next album it was not that easy to get a hold of him.

About the 90s:
In the 90s the TV-series “Fresh prince of Bel air” and “Friends” was major hits. This reflected the fashion a lot. Like Will Smiths clothes and Jenifer Anistons well known hairdo. There is no doubt to the fact that names like N`Sync, Backstreet boys, Spice girls, Britney Spears and Christina Aguilera also made a huge impact. TV-games and Tamagotchi was something that all teens used their spear time on. Not to mention roller skating and playing pog in recess. All the cool kids had pens that smelled like all kinds of candy, and the two buns on the head were as common as the choker around the neck, Fruit of the loom hoodies, Buffalo shoes and Adidas pants with buttons all the way up on both legs.
Moodboards

Design
Style/genre

After doing my sketches I got a little stuck. I didn’t know which one to use, and how they would work. But I realized that the phone-idea probably would give the clearest message of them all. I improved my sketches and added color. Then I made a digital sketch. The final result was not exactly like the sketch, but the same message was the same. 
I had some problems with the screen on the phone being so small. I had planned to have my vector elements on the screen, so I needed for the screen to take much place in the frame. I had to make a studio in a storage room in my house, by hanging a white piece of fabric from the roof, adding a work lamp that carpenters use, and using my brother in laws flash for the camera. I tried out with different lenses to get the shot I wanted. It was a bit difficult to get the right light, focus point and sharp enough image. I actually ended up with borrowing another camera that had better light sensibility than mine. We had the light turned of in the room, the only light was from the lamp in the hallway and the flash on the camera. This made me get the light and shot that I wanted.
After getting the grunge vibe from the music video, I decided what kind of colors and look my illustration were to have. So when I opened the image in Photoshop RAW I tried to emphasize the colors that give me the same grunge feeling.

Typography

In this assignment there was not allowed to use text, so no typography was used.

Colors

From the music video I get a bit of 90s grunge feeling. That’s why I decided to use red, black and grayish colors. My model was wearing a red caps and a red basketball-shirt, to get an even more 90s feeling. On the cd cover the artist is wearing a red sweater under a blue Adidas jacket. The Nokia 5110 I got a hold of was also black so that was perfect. The snake vector I made in illustrator was black, just like the original. I added some “light” to the screen and buttons on the phone. I made this in a color I found to be the most lifelike. I also decreased the oppassity to 46%, to make it look more real.
The colors I used:
Fargekart 1 #F1FD50
Fargekart 2 #87001B
Fargekart 3 #2C2B2F
Fargekart 4 #B6BCC3
Fargekart 5 #59616C
Fargekart 6 #111113
Fargekart 7 #082255

Composition and layout

On the photoshoot I tried out some different compositions. But to get the screen on the phone as big as I needed, I couldn’t find another composition that actually worked. 
I also wanted the person in the back to be blurry, and the phone to be in focus, so I was pleased with the result.

The vector i decided to make was a snake-like-vector. I had so much fun searching for pictures of the actual game.
I found different kinds of layouts of the game, and made my own sketch of how I needed my snake to look like. 

There was a lot of different looking snakes, but I had to adjust mine a bit so that it would look like a hand. I also did some research on how a «pixel-hand» looked like, to make my snake even more trustworthy.

Knowledge I have gained

After using illustrator, Photoshop and bridge in the same assignment, it was insightful to see how well they go together. I faced a problem with the formats. I made the document in illustrator in the size that was required, but when I was opening the photo i Photoshop I no longer knew how to get it in the right size. But after watching some of the tutorials on lynda.com, I think I figured it out.

I also faced some problems when it came to adding the bleed. But this also became a bit clearer after watching tutorials and searching the forum on Moodle and the internet.

Since photoshop does not have a function for this, I had to manually add the bleed. I had a hard time figuring out what it actually would look like when I printed it. So I ended up with printing photos both with bleed and without. I thought that made things a bit clearer, but was still not sure if it was right.

When I was combining my illustration with my report, just to see if I could manage to get it all in one PDF I realized I had a problem. 
My bleed was not a bleed, it was just a white border around the illustration with no purposes.
I the again had to write on the forum, asking for help. One of the teachers again helped me out, and I learned how I could add bleed in Illustrator instead.
I learned that it is important to follow the schedule you’ve made for what needs to be done when, or else you easily fall behind. That’s because problems do occur, and when they do it’s nice to have some extra time to get back on track.

Conclusion
This assignment was so much fun working with. Since I had to do everything myself from photo to vector, I got challenged on so many levels. Making a “studio” for the photoshoot, being creative and coming up with ideas, both that worked and that I had to throw away and improving my skills in the different Adobe programs.
I now know that I have to schedule even more time to the next project than I think I’m going to use, just in case a problem occurs.
Sources and references
About the 90s:

90s fashion – http://90strends.blogspot.no/2012/03/fashion-mid-90s.html
90s fashion – http://www.marieclaire.com/fashion/advice/g1905/best-fashion-moments-of-the-90s/
90s fashion – http://www.news.com.au/lifestyle/fashion/nine-ways-90s-fashion-is-back/story-fnjev484-1226798363258 –

About the song:
Artists website – https://danielkvammenpage.wordpress.com/musikk/

Cd cover – https://soundcloud.com/jansen-plateproduksjon/daniel-kvammen-fuck-deg-helsing-90-talet-1
Musicvideo –

Interview with the artist about the song – ://www.musikknyheter.no/nyheter/14340/Daniel-Kvammen—Fuck-deg,-helsing-90-talet.html
Lyrics – https://danielkvammenpage.wordpress.com/tekstar/fuck-deg-helsing-90-talet/

Illustration inspiration
Digital synopsis – http://digitalsynopsis.com/design/pictogram-music-posters-song-lyrics-symbols-icons/
Snake on phone – https://play.google.com/store/apps/details?id=com.dsd164.snake97
Snake stitches – https://www.etsy.com/listing/229736885/nokia-snake-mobile-phone-game-cross
Shortlist – http://www.shortlist.com/news/brilliant-graphic-song-posters Moodboard:
Moodboard on Pinterest, Elise Aasen Håtveit – https://no.pinterest.com/ehtveit/illustration-ma-03/

Literature:

Composition From snapshots to great shots by Laurie Excell, John Batdorff, David Brommer, Rick
Rickman, Steve Simon – chapter 1-3 Equipment, Exposure triangle and Light

Slagkraft by Erik Lerdahl – chapter 1 «En creative holdning»

Educational videos and articles
Bleed issue – https://www.noroff.no/student/fagskole/lms/mod/forum/discuss.php?d=26182
Bleed print – https://www.digitalprintingireland.ie/support/what-is-bleed-how-do-i-apply-it/
Photoshop essential Training lynda.com – https://www.lynda.com/Photoshop-tutorials/Photoshop-CS6-Essential-Training/97619-2.html?org=noroff.no

Links to assignment on the blog
Elise Hatveit – https://elisehatveit.wordpress.com/2016/08/29/ma-03-illustration-work-prosess/
Elise Hatveit – https://elisehatveit.wordpress.com/2016/09/02/ma-03/

 

Gallery

MA – 03 Illustration work prosess

  • Pick a song for the illustration (poster)
    Fuck deg helsing 90-talet by Daniel Kvammen
  • Concept development and research:
    1. Idea development. Focus on your target
    – tankekart, eget ark
    – moodboard – Pinterest

    2. Illustration Styles
    – Plain background – one color
    – multiple shapes in different colors around the object
    – vector glases on the object
    – 90s clothes/hair

    3. Sketching; idea sketches, working sketchs and presentation sketches.
    – egne ark

 

  • Photo ideas
    – 90s clothes, hairpins, choker, Dr. martins, 501, crop top, Adidas jacket.
    – Full figure arms down, full figure focus on hand, eye with the middle finger, rock siscors fu, “høg fingerhelsing”, full figure showing nokia, person on tv conquer pose
  • Vector ideas
    – patterns – sketches sheet
    – Nokia game snake as a hand

 

FEEDBACK FROM EARLIER REPORTS THAT I NEED TO IMPROVE IN THIS REPORT:
– clearer subtitles-to get a better overview
– more and bigger digital sketches from all of the working prosess
– bigger moodboard
– color samples, not only the color code
– more references from research (if I have)
– categorize the references

 

 

Gallery

High Key

High key

f/5
1/500 s
ISO 400
50mm

 

This photo was shot outside on a cloudy day. I was actually going for another look with her laying on the ground on a white blanket, and me shoting from the second floor. At that point her hair was like a circle around her head. I actually got really satisfied with the result, but decided to try something else aswell.

I tried with different lenses and poses, but ended up with liking this one the best. In this photo she was laying on a box with her head outside the box so that her hair would blow in the wind. I was standing on a chair over her to get as high as I needed to get her in frame. On the ground I had a white blanket to get the look I wanted.

I did some research about what defines a high key photo. One of the main things is to eliminate any harsh shadows, and make it bright and cheerful. Often this kinds of photographs is used in studio photography, product, food or in photographs where the subject is beautiful, high-quality, pure or up-scale in nature.

Gallery

MA 00 – Work Schedule

On the first day we were handed out a several page long schedule of handout dates and deadlines. I went through it and made a list of all the dates that is relevant for me to remember. Handouts and deadlines of all the Mandatory Assignments, Project Exam and Portfolio.

At first I thought this was going to be boring, but after doing it I realized it was a very clever task. I got a better overview of all the dates, and now I can mentally prepare for the tasks. Skjermbilde 2016-03-26 kl. 20.10.14

Gallery

LA – Moodle map

 

When I first read about this learning activity I got a little stressed out. I struggled a bit figuring this whole Moodle thing out, and making a map of it did not make much sense. At least until my word playing brain kicked in. I started reading Google map instead of Moodle map, and that really helped me getting the Moodle platform.

To draw this map I used a pencil, paper and some color pens to make certain aspects of the drawing pop.

For inspiration I used google.no and searched for “Google map” and “Norwegian map”.  And of course Moodle.

Even though I started out thinking this would be a tricky one, I really enjoyed doing this.
Now I like it, and think that I`m starting to get the hang of it.

I present to you:
“The Google map”

0694_001