Typography

This week we learned about typography. We learned the difference between Antiqua- and Gothic- fonts. Antiqua has small "foots" on each leg: A. An example on Antiqua is the font Times. Gothic don`t have these foots on, and they look like the font I`m writing with now, Verdana. In English this font type is named Gothic, but it is 2 font families named that. The gothic family is known by using letters like this: 


The Gothic font I`m talking about is the category Gothic that represents fonts like Verdana, Arial and Helvetica.
The task of the week was to write our schools name; Vågen Videregående Skole, and the name of the class; Medier og Kommunikasjon. We should try out 5 different contrasts to write in: Form/shape contrast, Size contrast, Strength contrast, Value contrast and Dynamic contrast. Examples follows.....:


Form Contrast:

Fonts with different form put together creates formcontrast.

Strength Contrast:

Differences that occur between Fonts of the same family that has unlike strength and weight.

Size Contrast:

The same shape or the same font of different size.

Value Contrast:

Clean value - or color-contrast.

Dynamic Contrast:

Variousness as big as possible.

These is the contrasts we went trough. This was task 1 out of 3. task 2 was to draw the 2 different font styles, Antiqua and Gothic, on paper. So I can`t upload it. Task 3 was to make a T-shirt design with fonts. That was funny. I`ll show you the result of my T-shirt:::::::

I used 2 contrasts: Size contrast, and Value contrast. I`m very proud of it, and it is not because Garfield joined it. Just so you`ll know, this design is created by fonts ONLY! If you don`t believe me, read the following sentence: The sleeping/dead Garfield is the symbol in the picture to the right.
  I downloaded the font "Garfield" and that is why the pictures of garfield is a letter or symbol.... Ok, the "blood" isn`t a font, you got me, I admit it. If you want to download this font, simply go to dafont.com and search for Garfield.


If this was a T-shirt, would you have bought it? I would :P


Spell ya l8er!


And by the way, later is after the vacation.
Have a nice Vacation!
I am tired of the publishing time, that always shows the wrong time. I did not publish this 0.40, or whatever. This post was published 10.26 in the morning.

Photo - Depth of field (Dybdeskarphet)

When we learned about the Camera operations and what differences they could do with a photo, we should try out those functions in practice. I, and 2 other pupils did it together. We were to choose a random task from what we had learned, and take 2 photos to show the difference. We got the theme named: Depth of field (DOF). The task read that we should first take a photo with the largest aperture (blenderåpning). And task 2 said the opposite.We should also find a clearly Foreground, background and one between. Here is the photo shot with the largest aperture (lowest number):

Aperture size: 5,6

Aperture size: 36

The foreground here, is the flower, and you can se a clear difference between the flower and the background. It looks like the flower is far away from the background.















In this photo, the background comes closer to the flower, and it doesn`t look like a great distance. The trick is that the distance is the same in both photos. But by only changing the aperture makes a large difference.




Small aperture size makes big sharpness in the depth, but large makes little sharpness.


Remember, the smaller the number, the larger the aperture and the same with larger number - smaller aperture.
My English isn`t the best, so I might have spelled the photo expressions wrong, because we learned them in Norwegian.


Have a nice Day!

Banner

When we were (Www :P) done creating the blog that you`re reading, we got this task: to make a banner for the blog. That`s the picture on top of the website. This is how mine looks like:

When you look at it, the font is like a cold flame, that burns the letters. I like to work with typography, so I wanted to make the logo/banner cool. This banner occurred by an accident actually. I was trying out the fancy effects in photoshop, and it suddenly ended up as this. Hehe, so I will try to redo the progress without knowing the exact way to do it :P


First we had to choose the image size. Here is the recipe:
Width: 900 pixels. Height: 200 pixels. 72 ppi. Color Mode: RGB 8 bit.
This window pop up when you make a new document in photoshop.


I started with the Text tool. Font: Arial. Font Size: 72px. I wrote a letter, in this case an F. Important info: Only make 1 letter. Then choose the Brush Tool. Then you might wonder what kind of brushes or brush size your gonna use. Here is what I used:

If you have problems to see what is shown in the image, ill explain. The marked brush style (the square with the black outlines) is the one I used, but I chose Size 8 px. In the image to the left, is the F that i made. When you have chosen the Brush, then click on the document. Then a pop up will appear. Click ok, and then the text Layer will transform into a normal Layer. Then you can Edit the "F" like a normal photo. Use the brush to make the letter into a "cloudy" letter. (see the picture to the left.) How? Change the color into White. Then draw randomly lines over the letter till your happy with the look. Then continue the progress with the other letters, but remember, 1 letter at a time. To check if your on the right way, you will end up with 1 Layer for each letter. When I wrote and brushed the word: "FREDRiK`s" I marked all Layers and went over to the Styles window:
Choose the style that is marked on the picture (Nebula). Then the Then the letters will look a bit weird, or maybe you like it:
Ok, in the image I have already done the other words, but I will explain how, so don`t do the exact same progress on the next 


part. 
Now write "D i G i T A L   A R T" or whatever you wanna write. Use the same font, but use size 60px. Write this as 1 sentence, and on 1 Layer. Then make the letters "cloudy" by using the same Brush settings. After you`re satisfied, go to the Styles window and choose the Puzzle effect. (The grey square under the white with a red line) Then it will look a bit different from the other word. When this is completed, the next step follows. This was kind of the easy part, or it was the easiest part to understand. Now I`m gonna make the whole image more bluely by play with the Adjustments window:
The small pictures shows what type of adjustments you can choose between. In this tutorial I`m gonna use: Brightness/Contrast, Levels and Photo Filter. 

First click on the Photo Filter. It will show a square colored Orange. Click on it to change the color to what you want: 
 
















Then click on the Level button, and try to change it.

Levels

Brightness/Contrast

After that, click on the Brightness/Contrast button, and change the contrast or brightness to where it is acceptable to have them.


After you have tested, tried and adjusted to the infinity and beyond, you have finally succeeded to make exactly what I made. Then your letters or words will look cool, fancy or amazing:

The finished banner.

Remember, I made this creation by accident, and I am not the best source to how this works, but if you want to make a banner like this, then you can listen to what I`m saying.


Have a nice Day!

Pan

If we`d finished the photo collage before the deadline had arrived, we could set our skills on a trial. We could make a Pan picture, with 3-8 photographies put together like a long picture. I shot 7 pictures in portrait format. That`s the easy part. After the "easy" part, the "a little bit harder part, but still an easy part" follows. The first thing to do, is OPEN Adobe Photoshop CS5. Then go to File-Scripts-Load Files into stack... 


Then choose the images you want to load, and click open.














Then you will get a bunch of layers, and it doesn`t make much sense at all, like shown way below...

Left click on the upper Layer to mark it Blue. Hold down the SHIFT button, and left click on the lowest Layer to mark all. Then go to edit, in the menu, and then Auto-Align Layers. Then it will pop up a window with multiple choices. Choose Auto and press OK. Then let it load, don`t cancel it. After the loading is completed, your image will look like this: (The motive in the picture will not look the same).

You can see the light changes in the picture, and you will probably not have that in the picture. Go to Edit-Autoblend Layers:








Then this wonderful program simply do all the work for you, and your picture does look just like it should be. 














Crop the image to where you want it to be, and press enter.


Then your picture/image/photo/photography is completely completed. My picture looks like this:
















Hope this helped they who wanted to be helped in exact this theme. And this wasn`t actually a hard task, but I learned how to do it :P




Have a nice Day!

"Photo Collage"

We, the pupils of 1MFA, were given the great honor to clone us self into a picture, or make a collage of photografies. My collage contained 5 persons, and 1 background. The background is like the main photo. I shot 6 pictures. The first picture is the background, containing only the background. (And with that I mean no people took place in the picture.) When the first picture were taken, I`d try to not shake, throw or move the camera, because I should take 5 more pictures with the same motive. I was pretending to be another person in each picture, to create a scene in the picture. The Picture shows below, and it is named "Den katastrofale ulykken!" (In Norwegian. It is named "The catastrophal accident" in English)

As you can see, I am actually five different persons at the same time. I am so fast, that i managed to change clothes 5 times before I pressed the button on the camera that shoot photos.                Just kidding :P 
The background is the beautiful car, and the houses in the back. The rest of the picture is filled with me. If anyone wonder how this magic picture were created, you can try to read the following text below...








I used Adobe Photoshop CS5 to create the picture. The task said we should only use the Move Tool and the Lasso Tool + the Copy and Paste Tool. It is not hard, actually, but if you want it to look real, then it`s  another story...

I activated the Lasso Tool and drew lines around the object I wanted to Copy. Then I Copied the object into the Background picture ( The picture with the car and houses on) , and dragged it where I wanted it, as you can see on the picture to the left of this sentence <--. You can probably see the marked lines ( black and white ) , they show you the marked object. Your job here, is to make the object fit in the original picture, and that is much easier spelled than done.

It might be confusing when you are working with many Layers at once. You can actually just click them away, and they will be invisible. You can click them back to visibility by clicking the button next to the layer that looks like an eye. When the Layer is invisible, you can`t see the eye.


If you want to get completely rid of the Layers, and if you can`t be near them without getting the feeling to throwing up on the screen, then I can help you. In the lower right corner of the LAYERS bar is a little dustbin/trashcan or whatever. Click in the upper layer + hold down SHIFT and click on the lower Layer. then all layers will be marked BLUE. Drag the Layers into this precious dustbin/trashcan and release. Then you wont see them anymore :D


This information might seem unimportant to everyone that knew this already, but, I`m spelling it anyway.






Have a nice Day!

Hello there!

This is my first blog post, and it`s actually my first blog too. In this blog, I`m going to show my schoolwork, and how I did it. As an example of what we do in our school, I`ll show you the Pictogram project we finished a week ago. Here is 5 of the Pictograms I made:

We were going to make 5 different pictograms from 1 single theme. I chose sparetime-activities. After we had chosen a theme, and made 5 different pictograms, we should make the chosen pictogram in Adobe Illusrtator. And after that were done, we had to make 5 different designs from the chosen pictogram, as shown above...

This is the pictogram that i chose as my favorite:

I only used the Pen Tool, Line Segment Tool and the Rectangle Tool to make this pictogram.












Have a nice Day!