Gallery

LA – Pace and contrast

Compare the design (in terms of pace and contrast) of an online magazine, blog or website to that of a printed magazine, book or journal.

What differences can you see between the kinds of design strategies used in the two formats?

There are some obvious differences between magazines in print and online. The ones in print you can either read at home or in a waiting room for instance. If you read in a waiting room you usually jump back and forth to easily get to the “good stuff” fast. If you read it at home you can take more time and get through the entire magazine.
If you read an online magazine you usually just click on to the articles you find most interesting, and maybe you dont even “see” the other ones. At least thats how I do it.

So in online magazines you need to “catch” the reader even faster than in a printed magazine. Online there are also a lot more adds, and disturbing elements than in print.

 

skjermbilde-2016-09-18-kl-23-54-26skjermbilde-2016-09-18-kl-23-54-09skjermbilde-2016-09-18-kl-23-52-29

 

In printed magazines there are less adds and disturbing elements. And I think the placing of the adds is less disturbing.

wp-1474235948242.jpgwp-1474235942593.jpgwp-1474235933120.jpg

Advertisements
Gallery

LA – Basic principles of layout

Take a magazine, newspaper or book that includes images and text. Lay tracing paper over the top of three spreads (both left-hand and right-hand pages). Using a pencil and ruler, carefully trace the grid underlying the page layouts. Remember to remove specific text elements or images, and to only draw the grid lines. Note column widths and margin sizes at the top, bottom, and to the left and right of the main body of text. Is your document based on a two-column, three-column, or another type of grid? Which elements stay the same on each page, and which change?

This is a two column grid system. The margin size on the bottom stays the same, while the margin size on the top and sides change on both sides. The width on the column also stay the same on both pages.

wp-1474060881363.jpg

 

This is also a two column grid. On the left hand side the bottom margin size stays the same, while the margin size on the top and both sides change. The column width is the same.
On the right hand side non of the side-, top- or bottom margin is the same. They all change. The only thing that remains the same is the width of the column.

wp-1474060864548.jpg

 

On the third spread there is a three column grid. The width on the columns are the same, and the width between the columns are the same. All of the columns also have the same top and bottom margin size. On the left hand side the margin is slightly bigger than on the right hand side.
The page on the right has a photo on it that fills the whole page. The top-, bottom- and right hand side has the same margin size. But the left hand margin size is smaller.

wp-1474060859058.jpg

Gallery

LA – Symmetry/asymmetry

In this assignment, you will be given the opportunity to also test your idea sketching skills. It is important to start working with basic ideas on paper and develop your concept from there on out.

On an A4 landscape page, draw four equal squares. Create 4 more pages in this way. So, you’ll have 5 pages with four squares on each.
Draw one or two squares or rectangles in each empty square to achieve the following visual effects (refer to your textbook, p.41 as guidance). You can work with the interaction of rectangles and squares to make the balance or imbalance more evident.
Entering left
Movement to the right
Movement to the left
Movement downwards
Movement upwards
Balance
Tension
Symmetry/asymmetry
Produce at least two different versions of each effect, recording your results each time. Explain in one or two sentences what you wanted to achieve (as shown in your manual).

 

Entering left: By putting the figures at the very start of the empty square you get a feeling that the figure is entering from the left. 
Movement to the right: By placing the figures on the right hand side, you make a movement to the right.

wp-1473445019303.jpg

Symmetry: By placing same size figures with equal distance from the edges you get a symmetrical feeling. 
Asymmetry: By placing figures figures with different size on places that dont make a “line” you make it look asymmetrical.

wp-1473445015914.jpg

Tension: By placing the figures “towards” each other you build a tension between them.
Symmetry: By placing same size figures with equal distance from the edges you get a symmetrical feeling.

wp-1473445012594.jpg

Movement upwards: With the figures in the upper part of the frame, you get upwards movement.
Balance: To create balance, I put the figures in the middle, with the same amount of negative space on each side.

wp-1473445008672.jpg

Movement to the left: By putting the figures on the left han side, I created movement to the left.
Movement downwards: I created downwards movement by putting the figures on the bottom of the frame.

wp-1473445003407.jpg

 

Gallery

LA – Form and space (week 9 & 10)

Rearrange shapes cut out of paper, and try to find the point at which the figure disappears into the ground.

  • Cut out a series of shapes from black paper – squares, rectangles, circles and random shapes – in a variety of sizes, from small to large.
    wp-1473408101045.jpg
  • Working with a square piece of white paper, place shapes of different sizes into the white space; place them on the white one at a time and move them around.
    wp-1473408118765.jpgwp-1473408113791.jpg
  • Try to find the point where the distinction between figure and ground becomes unclear. Does it depend on which shape dominates the space: black or white? Is it about the position of the shape within the space? Think about how important figure-ground relationships are within composition and design.

    wp-1473408124057.jpgwp-1473408110134.jpgwp-1473408105908.jpg

While doing this assignment I found out something the amazed me. The point where the distinction between the figure and ground becomes unclear is not nessecarily when the figure is larger than the ground.
I cut out some small triangles, which i placed in every corner. This made it look like the ground was black, and the figure was white. Also when I replaced two of the corners with some big squares it could easily have been a black background. So I think its all about where the figure is placed, and not so much about its size.

 

Gallery

LA -Exposure Basics Q1

Question 1

Name all the functions / buttons on your camera

cameraback

A-Delete button
B-Playback button
C-Menu Button
D-Help/protect button and White balance
E-Minus zoom and ISO
F-Plus zoom and Quality button
G-Diopter adjustment control
H-AE-L/AF-L button and focus lock
I-Main command dial
J-Live view button Photo/video
K-Multi elector
L-OK button
M-Focus selector lock
N-Info

Camerafront

O-AF assist illuminator
P-Sub com and dial
Q- Fn button
R-Flash mode button
S-Bracketing button
T-Lense release button
U-Focus mode selector

 

cameratop

V-Mode dial
W-Metering button
X-Shutter-release button
Y-Exposure compensation button
Z-Release mode button
Æ-Autofocus button

 
Explain how you would set the correct ISO
ISO means: The cameras sensor`s sensitivity to light.
You should always try to shoot with the lowest ISO settings possible. This makes a photo with higher resolution, and less noise. If you are in a situation with low light you need to bring the ISO up. This adds noise, but allows you to shoot pictures in less light.
Low ISO – better image quality – needs more light – wider aperture – slower shutter speed
High ISO – more noise in the image – needs less light – smaller aperture – faster shutter speed.

Explain how you would change the aperture
The aperture is what is shown as f on your camera. The lower(smaller) the f-number the wider the opening.
A small aperture enables you to get a sharp focus point, and a shallow depth of field (blurry background).
Larger number – smaller lens opening -less light gets through – you need a slower shutter speed. If you want more depth of field you need a smaller aperture which means a higher number. (big equals more)

A big aperture enables you to get a good focus throughout the photo. This way you dont get the blurred background.
Lower number – bigger lens opening – more light gets throuh – you can use a faster shutter speed.
Explain how you would change the shutter speed
The shutter speed is the amount of time shutter is open, and allows light to pass through.
A slow shutter speed lets you get a sense og motion in the photo. (Waterfalls) This increases the depth of field.
If you want some parts of the photo to be sharp, and some to be blurry you have tho follow the object with the lense.

A fast shutter speed stop motion, and allows us to freeze the object.

posterRepro-01.png
jamesgilmore.net

Sources
Composition From snapshots to great shots by Laurie Excell – Chapter 1 and 2
Lynda video
User manual Nikon d 90

Gallery

LA -Exposure Basics Q2

Question 2

1.Watch the video on Lynda.com. Explore your individual camera according to the Lynda.com lessons.
Digital Photography Principles: The Camera by Ben Long (1h 52m)

2.Complete the exercise files in Chapter 1 and 2 from your From Snapshots to Great Shots textbook

Chapter 1:

Equipment inventory:

What I have: Nikon d90, 50 mm, 18-105 with UV filter, a couple of memory cards, one battery with charger, camera bag, lense cleaner,

What I need: tripod, flash, more lenses

Since my equipment is bought im 2009-2010, I dont know the exact cost or purchase date.

(The rest of the assignments on chapter 1 and 2 was practical assignments)

3.Take five pictures every day for the next five days. The subjects of your pictures can include a series of different objects, people and landscapes. Apply the manual settings as explained in your textbook. Submit your six best pictures with its settings:
ISO
Aperture
Shutter speed

Misty

ISO 200
Aperture f/9
Shutter speed1/320 s

Sslide
ISO 400
Aperture f/25
Shutter speed 1/40 s

DreinthedarkISO 400
Aperture f/13
Shutter speed 1/30 s

TbearBlueberryISO 200
Aperture f/5,6
Shutter speed 1/60 s

golden-section

ISO 200
Aperture f 4/5
Shutter speed 1/3200 s

PipeinthewoodsISO 200
Aperture f/4
Shutter speed 1/40 s

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/