TITLE SEQUENCE: "Happy Graphic"

A Happy Graphic from Josh Juhasz on Vimeo.

This is the latest after effects tutorial that I did, the aim of the tutorial was to create an animated title of any words of phrases that you wanted. Combining the skills I had already learnt in the last tutorials of the position and opacity tools and the 3D tools that we learnt in this tutorial. 

Step 1: First we spent some time deciding what we wanted our title page to look like, I decided to use the words "A HAPPY GRAPHIC" I felt that I could do a lot with this phrase and animate the words in different ways to make it more interesting. 

Step 2: Once we had decided what to use it was time to start making it! I used a bold font on Adobe Illustrator and used two different colours Red and black to make the "Happy" word stand out from the rest of the phrase. 

Step 3: Once I had created the phrase on Illustrator I imported the phrase into After effects and started using different effects like the position tool and the rotation tool to start to make the text move and animate. I also tried out some options called the 3D options which allowed me to make the text look 3 dimensional. Axis options, bevel and emboss and drop shadow options were just some of the effects that were in these options. 

This tutorial was very helpful because it introduced me to a completely new set of skills in after effects. I will be using the 3D options in future because they are a clever way of bringing an animation to life by creating an atmosphere for text and objects! 

Modernity and Design lecture notes

Modernity and design: Part 2   : 27th April 2015

"The goal of communication is to "include in the audience some belief". 

Pop artists use appropriation as a focal theme in their work, they reproduced vinacular images to create their art pieces. The Marilyn monroe art piece by Andy Warhol is an example of this. It raises questions about originality and ownership of the actual piece of work. 

Andy Warhol, Orange disaster number 5 from 1963. Using repetition to convey a message of death through the art. Appealing to the readers emotions. This art piece uses repetition and sometimes repetition can lead the design to lose it's actual meaning. If a gruesome image was shown over and over again it wouldn't be as gruesome and as original. 

"VINTAGE" a nostalgic reference to something in the past. It's about someone emotional attachment to something that they think they can remember to a better time or place. 

Readymade taking something that already exists, changing it a little bit so it creates a different message. An example of this would be the recreation of the Mona Lisa by Marcel Duchamp in 1919, he uses the mona lisa and plays on the fact that it's a self portrait by adding a moustache and a beard. 

Sherrie Levine, FOUNTAIN (After Marcel duchamps: A.P.), 1991
Banksy, Show me the Monet, 2005
Paula Sher, Swatch, 1985
Banksy, Napalm, 2005
Daniel Eatock, Everything Heinz

Satire: a critique or attack, driven by desire to make a social commentary or to challenge the status quo. (Implies humour as it's weapon to do this) An example of this would be Banksy and his piece of artwork called "Napalm" 

Pastiche, it's a form of homage like a satire. it copies or mimics another works style in a comedy way it references the original without making a positive or negative point. An example would be Paula Sher's "Swatch"

Parody, or visual punning is a visual satire, the practice is copying the conventions style or 
appearance of a work. "Airplane"

CULTURE JAMMING, SHEPHARD FAIREY, OBEY POSTER

Adbuster campaigns: they describe their-selves as anti advertising. they spoof logo's and other designs to sabotage their message. They convert the image into meaning something else. 

Stephan Sameister, set the twightlight, 1996


What I learned from this Seminar:  In this seminar I learnt a lot about different types of advertising and modernity. Satire, Pastiche and Parody have all been talked through and I now know the meanings of all of them. I am happy that I have learnt more about advertising and how it can be flipped on it's head and led in a completely different direction. I also learned that often designers mimic past designs in an acknowledgment of their work or a critical analysis of how their work could be changed.

"I am the design":Manifesto

"I am the design" Manifesto. 

I am the design that would change your life, 

I am the design that people wish they created, 

I am the design that never breaks, 

I am the design that never runs out of batteries,

I am the design that people wait for all day, 

I am the design that saves and creates life, 

I am the design that is only getting bigger,

I am the design that other designs want to be,

I am the design that you can touch,

I am the design that works anywhere, 

I am the design that saves us from other designs,

I am the design that is old and new all at the same time,

I am the design that creates design, 

I am the design that makes you wonder,

I am the design you want for Christmas, 

I am the worlds best design, 

I am the design that shapes the world, 

I am the design that is underrated, 

I am the most important design there has ever been, 

I am the design that make life easier...

I am the design that makes life... 

I am the design that makes... 

I am the design... 

The idea of this exercise was to think more deeply about how we relate to design. We think how we can be likened to a design and how we ourselves are the design. This is a list of scenarios of how we are the designs of our generation. The main point of this exercise was to think how we are designs and how we could fit in to the ever changing world; the scenarios I created, focus on how we as designs could be implicated and changed. 

Photoshop tutorial: (ROTOSCOPING)

By using the brush tool and a colour of our choice we traced the dancer's movement to create our own character that moved and copied the actions of the dancer, we did this by using the timeline to move along the frames by using the next frame button, this gave us an accurate measurement of where and how the dancer was moving every second. The short time between frames was beneficial because it meant that our character was only moving slightly every frame, this made the video as a whole much smoother, the short frame times the better! This method was very laborious and was quite boring but the end result was worth it and the outcome looked smooth the transitions between frames were tight.

This was the timeline. (Window, Timeline) We created two new video layers one for the footage of the man dancing and one for the layer on which we would draw our character. This was a pretty simple process and a good skill to learn even though it was quite laborious I enjoyed using the timeline for the first time in Adobe Photoshop. 

After we made the gif animation we moved onto created a movie animation. We did this by importing some footage into photoshop after we created a new layer. The first thing we had to do was open the timeline in the window options, once we did this we could create a new video layer which sat on the top of our footage. On this layer we could draw whatever we wanted I decided to draw the man dancing as a stick figure and use the new frame button to redraw the stick figure on each frame to replicate the mans actions as he was dancing. This was a fairly short tutorial but one which I enjoyed and although I did not quite finish the whole video I feel as though I have gained a lot of experience in using frames in photoshop which before I never knew was possible!

Photoshop tutorial: Animated GIF (PHOTOSHOP TIMELINE)

Firstly, we set up our document. We created a custom document because of the unique height and width of the pixels, we used a 300 pixels width by a 100 pixel height. this gave us lots of room to be able to play with and left plenty of room for our animation to animate in. The resolution didn't matter as we were only creating a quick and simple gif. 

This is where we learn a bit more about the timeline option in photoshop. To start to create the animation we created 10 different video layers and create a different object on every layer, I chose to create circles because i felt that this was a quick and simple gif using geometric shapes and i was focused on learning how to create the gif rather than the final outcome. Once we had our layers we selected the create frame animation button; this sent all of our layers onto one single layer on the timeline. we then selected the drop down menu on the right hand side of the timeline and selected the make all layers button. This made the 10 separate layer we once had in the order we made them in. We could then go onto creating the actual animation. 

These are some stages of development of my animated GIF, first we had to set up the photoshop document. we created a work space of 300 pixels by 100 pixels this is the normal size of most animated gifs. Once we had it set up it was time to start.

Step 1: We went to Window and selected Timeline.
Step 2: We created ten different layers and I used a geometric shape on each layer.
Step 3: Select Create key frame animation button
Step 4: A single layer appears, go to the drop down menu on the right hand side and select the button which creates the layers separately so there are more than 1.
Step 5: Mess around with the timing by selecting all of the layers and clicking on the time at the bottom of one of the layers in this case we changed it to 0.1 frames per second.

I was very happy with this tutorial, I learned a new skill that I never new was possible on photoshop (Animation) I found that the process of creating an animated gif was quite simple and useful for future if I were to create website designs with gifs which feature on the design. This is definitely one to remember for the future and I enjoyed the tutorial in general, I felt that I learned a lot from
this tutorial.

Type Setting and Negative space analysis

This layout uses shapes with text to create this modernist layout which also uses the grid system. The font used is very strong and looks great next to the single column of text. It seems that the emphasis is placed a lot more on layouts than the information conveyed to me this information strikes me a post modern thinking but I feel that the design as a whole is very modern with beautifully set type with a great use of font styles to convey a message. 

The negative space is something that I also find professional about this layout, the negative space created next to the type with the strong title is great and keeps the page looking clean and crisp. Blank space like this is something that I want to create in my magazine because of the professionalism it creates and the space awareness is shows I have when designing my magazine.

"UCA FARNHAM" : Modernist layout analysis

I have chosen to analyse this double page layout mainly because of it's layout, the use of a full page as kind of a title page for the upcoming information is a very smart idea. This not only adds a page of interest and an opportunity to experiment with bold font and title layout but it also splits the magazine into sections which makes the magazine easier to understand and follow in general. 

There is another obvious colour theme of white, orange and green the colours work very well together and aren't too contrasting because of this the page looks relaxed and smooth with information on one page and a bigger title page on the other. However, I do not like the type setting on the right hand side. The reason behind this is I feel that the text is too wide and chunky which makes the text harder to read 4 vertical columns may have worked better against the strong title page which I feel would have made the layout look more professional. 

"BUILD" : Inspiration for my magazine

"BUILD", a graphic design company who's outcomes are mainly of a modern style. Their design style is very inspiring to me mainly because of the layout. A grid system is obviously used in all of their publications, posters and flyers this makes for a great modernist appearance which I love so much; along with the crisp type setting that they use makes for a great visually stimulating piece of design. Not a lot of text is used and the main focus is on the layout and the colour scheme, because of this we experience quite a minimalist style which I also find very inspiring. 

The colour scheme's they use are deliberately bold and powerful, the colour scheme is used to enhance a piece of design rather than just to stand out and be in your face this is an extension of the fact that they are a very modernist influenced company. I want to use these techniques in my magazine, I think that the bold colours are smart and next to either black or white the colours work well and give a more contemporary look. Bright and or primary colours are used with bolder darker colours for a great contrast which also works very well when put together. 

Their style and influence is very inspiring to me and they are definitely people that I want to inspire to be like, when creating my new visual language publication I will bare in mind their bold style and how they use strong colour to make certain things attend out on their covers. Their type setting is something that also inspires me, they use a lot of helvetica in their work because of their modernist appeal and style. 

"New intro" : SWERVE

This is only an 8 second video but I find it inspiring because of how the type is brought into the workspace, I researched SWERVE's animation videos to get idea for future animation and transitions of type. The type seems to fly in from the line that is in the middle of the workspace, this draws our eye to the middle of the page to the animation; the black background also works well with the white and red to give a bold and striking appearance which is quite modern in my view. This Modernist animation is very clean cut and professional and the use of font is very aesthetically pleasing. Separating the style with a line has separated the type and gave each bit it's own space. After effects has been used in the making of this video the transitions of the text and the timing is floors and along with the music which is very deliberately relatable to SWERVE the whole intro is very clean and professional and is a great example of someone advertising their Youtube channel well through a modernist styled animation. 

"Livi boss, T-shirt design" : SWERVE

 This is a T-shirt design for LIVI that swerve created, I would describe the design as being post modern/modern because of the lack of grid system used but the whole design is quite grounded and contemporary. i love the process swerve goes through and the fact that he starts out with a sketch on paper and ends up with a fully vectored design. The presentation of the design is also interesting and he uses and image of a t-shirt as a test for his design, he splits the page with a green to separate the blankness of the white. The colour scheme has worked well in the final presentation and the use of his design in the background has also worked well opacity has helped to create interest in the background. SWERVE starts with a sketch he created earlier on paper, he then imports it onto Illustrator and uses the pen tool to trace his design and tidy it up to create the text and different elements of his design until he ends up with a very successful looking t-shirt design for "Levis". The process he goes through is great from sketch to vector to final outcome all in one video. 

For future designs and ideas I am going to use this process of sketch to vector, this works very well not only for t-shirt design like this one but with any design created. SWERVE finishes by using a photograph of a T-shirt and his illustration together to create an actual visual of what the design would look like. 

"How to make a burger" : SWERVE

This is one of my favourite videos by SWERVE. He creates an illustration of a burger with the different elements of the burger all visible on the design. He uses the pen tool to create this entire design and some geometric shapes to create thing like the Tomatoes and the onions. He sets a guide for himself in the form of a dotted line running through the burger this helps him organise the different elements of the design so the illustration looks as professional as possible. 

I like this illustration not just for the style and the professional outcome but also for the creation process itself. SWERVE's videos take me through a journey of how he created the entire design we can see first hand how he made the different elements of the design and this to me is much more important that the actual outcome itself. His use of the pen tool is inspiring and is something I am going to try in future with a bigger illustration.

SWERVE uses the Pen tool to create the different ingredients that go into the burger, he uses shadows and highlights which he also creates using the pen tool to give his design some depth. His use of type setting and font next to his illustration works well and fits in well with the style of his illustration, the style of the illustration is very realistic but it still has some aspects of how it has been illustrated. the chalkboard text that he uses next to his burger creates a menu styles design as a whole which works well as a theme. I thin that this is a very successful illustration that uses type, font and illustration brought together to create a chalkboard styles menu design. 

"Fast Food" : SWERVE

SWERVE starts with a simple line drawing using the pen tool and then moves on to filling with layer upon layer of different colour and effects using Adobe illustrator he creates magnificent illustrations and meanings behind his work. Once he has his line drawing and some basic colour he starts adding features like shadows and highlights to give the illustration presence and an atmosphere. 

His use of font with the illustration is inspiring and his font resembles the illustration and matches the  style of this particular illustration. However it isn't just the quality of the illustration that I love; the making of the video is also great using after effects to import different music and mix it with the video of him creating the design. 

Geomanist font : SWERVE

Another video by SWERVE! This one is a short demonstration of a free downloadable font called GEOMANIST, I decided to use this font in my magazine because of it's bold appearance and range of different styles, the font overall is clear and professional and works well on most backgrounds. This seems like a good substitute of helvetica or could work well together on my magazine. When I watched the video and the type setting I instantly liked it; swerve advertises the font by using the font on that actual advert with I thought was clever. The effects were also of good standard and the eclipse that runs over the font and magnifies the font is a great effect and one I want to learn how to create in future. I went to the free download of the font in the link that is provided below the video. I used this font on my magazine because of it's clear and bold crisp look which ties in with my modernist style. 

As a substitution of Helvetica for a bold aesthetic this font will work well on my magazine as headers and subheaders on various pages. I am very happy that I have found this video it has helped me to find a font that I usually wouldn't have found. 

"How to make a seamless background" : SWERVE

This is a tutorial by swerve on how to make a pattern background. I will use this tutorial to create my own pattern which I will use in my magazine as a theme of my masthead. I like how he uses a combination of simple geometric shapes and the pen tool to create different elements of the background. This tutorial is very useful in learning how to make a background; swerve's videos are always interesting and easy to follow. His step by step guides are very handy in learning Adobe programmes and I will definitely use these in the future. 

Kinetic typography

This is a Kinetic typography video that I have found using the song MAPS by Maroon 5. The transition from word to word is very clean and each word has it's own illustration that goes with the actual word. I found this inspirational because I like the fact that each sentence of the song has it's own composition. From one word to another and how sentences of lyrics are strung together to create the entire song. The illustrations used also work well and are very clear and strong, they fit in with the words and help the song as a whole flow better. the type is also more understandable because of the use of illustration but there isn't too much illustration which doesn't take away from the actual text.
I have tried this with a song I have fond in my free time and its something I want to try again and is something I am very interested in.

Good magazine layout

I have started to look at magazine layout and what interests me the most about magazine aesthetic, I have found layouts like this which combine the use of Modernism and Post modernism into one magazine; the type is quite modernist because of its bold and powerful appearance. Where as the layout of the image with the placement of the type and the master header has quite a post modern aesthetic which I also like when combined with a modernist style. 

The colour scheme is very strong, black and white combined with another colour like yellow contrast well. I want to try this rule of three colours in some of my work to see if I can produce the 

same result. 

Photoshop tutorial: Pear and Rocket (APPEARANCE PANEL)

In this tutorial we created a rocket using only 4 shapes, and a pear mesh using the mesh tool and eye dropper tool to fill colour and the appearance panel to make the different textures of the rocket.

To create the rocket we created 4 simple shapes.

1) Rocket itself
2) Window
3) Wings
4) The squared pattern

To create the rocket we using the Pen tool, we then manipulated the outline by adding anchor points and changing directions to create a curved point and a base for our rocket. After this we curved in the edges by adding another anchor point and rounding it off by dragging the anchor point down. We did the same for the bottom curve. We used the pen tool to freehand the wings of the rocket, then edited it with the direct selection tool and anchor points to make the wing look more like a realistic wing of a rocket. 

After this we added a dotted line in the shape, by going to the appearance panel and making a new stroke, with this stroke we then selected 2px thickness this gave us a solid line which ran around the rocket, we made a dashed line simply by selecting "Dashed line" we selected a "minus" offset stroke which meant the stroke would appear inside the rocket.  

We then created the wings using the Pen tool creating a basic wing shape a duplicating it to create two wings for the rocket. After making the wings we made the pattern for the inside using the appearance panel to create an offset pattern which we then put into the rocket itself.
A white rectangle and two overlapping green rectangles, this made the crosshatching pattern that would be inside the rocket itself. After we added this we used the appearance panel to create the inner dashed lines, we used the same effect on the window which we created using the ellipse tool and finished our rocket off by adding a drop shadow creating an atmospheric effect.

The Pear:

To create the pear we used the mesh tool, we started with a rectangle and added a mesh to said rectangle, we then moved the mesh around so that it was roughly the same shape as the pear. After we had our mesh in place we added anchor points spanning across the pear mesh which allowed us to be able to render our pear.

We used the eye dropper tool on each and every anchor point we created, this proved to be quite a daunting task because of the amount of anchor points we created; going through each anchor point was a bit of a pain. But the end result was a good one, once we had rendered our pear we found a texture from the internet. I used the texture of a pear I found in the hope that it would more realistic, I was right and the pear was finished. Overall I was happy with the outcome and both tutorials as
a whole.

 This is the appearance panel which we used, in these set of options were different settings which allowed us to change things like the stroke of an object, the fill and many more options which allowed us to create patterns out of shapes and offset paths like the dotted lines which went inside my rocket.

TYPE TRANSCRIPT (Testing the typeface)

I have tried to use my alphabet in other words to see if the alphabet is legible and easy enough to read, I am happy to say that I feel the typography piece has worked well! I asked numerous people and all were able to read the words that were on the screen. "The quick fox", "Bad comb" and "Snake cider" Therefore I feel that the alphabet as a whole has been a success because of how people can read the words in my own font.

Here I have tried the words in a colour, however after trying this in colour I feel that it takes away from the type more than it provides the appearance now looks childish and since my font is not aimed at a particular child like audience I won't be using any colour on my type. 

TYPE TRANSCRIPT (Vectorised alphabet)

This is my completed Alphabet I have vectorised on Adobe Illustrator. After creating my final alphabet by hand I decided that I should try and vectorise my alphabet on Illustrator to make it look more professional. I decided to use a block as a feature which appears in every letter, I like this because I feel like it cements the alphabet together and the familiarisation of the block I have made makes each letter appear similar.

I used the pen tool and guides to create my letters, the guides helped me adjust lines on the each letter so the style was the same throughout each letter. The alphabet's italic style is very powerful I will try the alphabet out using a sentence to prove that the alphabet works well as a whole.

KINETIC TYPE: "Personal experimentation"

Imagine dragonsupload from Josh Juhasz on Vimeo.

After I created a small typographic animation I used these skills to start to create my own animation using a song I like, I used the skills I learnt using keyframes and transition to create this small animation, it isn't completely finished yet but I am happy with the transition and the effect from one to another.

KINETIC TYPE: Final

Robin williams quote from Josh Juhasz on Vimeo.

This is the final design of my typography animation I created using a combination of Adobe Illustrator and Adobe after effects.

STEP 1:  I started by making three different designs on illustrator for the different sections of my text, I chose a background that I thought would work well with the meaning behind the quote and the font I was planning to use. I created the three different sections of my text by creating a new art-board by holding the alt key and duplicating the first rectangle to create two more along side it. 

STEP 2: I then decided on the text I was going to use, I tried to use a variation of different fonts that worked well together to keep my animation interesting and decided I would use a combination of AVENIR (ultralight), Century Gothic and AVENIR (Regular) I found that these fonts worked well together because the styles worked well in transition with each other. 

  I created the video using animated keyframes and the transform options to make the text move and appear from one place to another. I created transitions from one piece of the quote to the other by creating a new solid under the layer option so it seemed as if I created separate animations and blended them together. 

I also used the ease in and ease out tool which makes the text I was transforming shift from one place to another with a more finesse this made the keyframe transitions work better together because of how they blended seamlessly without any movement which would appear too sharp. 

KINETIC TYPE: "Illustrator setup"

These are the storyboards I created in Illustrator ready to be switched over to After effects

STEP1: I set the screen size to 1920 x 1080 ensuring that I was working in pixels.

STEP 2: I chose a background colour keeping in mind how I wanted the text to be presented and how the background colour would work well with my particular quote.

STEP 3: Once I had a background colour and I was happy I then imported my text into illustrator and began work on font and style, I split my quote up into 3 sections which made three 

separate storyboards.

STEP 4: I used AVENIR NEXT (Regular and ultralight) because of how adaptable it is to different styles and background, I found that even though it had a thin style the font still worked well with the quote because of it's delicate approach which wired well on any word. 

I used CENTURY GOTHIC (Italic and Regular) for the parts of my quotation that was more important, these words could then be out into bold to make the stand out more and become the most important words. 

STEP 5: Once I had all of my text I experimented with size and layout, trying different ways of fitting the quote together even in a block text or in a separate part of the art-board. I also added rectangles to the background which emphasised the most important words even more, I like this look because of how it uses a very bold style to convey a message. 

STEP 6: Now that I was happy with everything I then imported everything over to After effects and worked on the animation side of things.

TYPEFACE TRANSCRIPTION: (3 ALPHABETS)

I also like this alphabet, because of its simplistic aesthetic, I used 2 diagonal lines to create a basis for my designs the consistency is strong and looks successful as a complete alphabet. I have the idea of combining the second alphabet with this one by maybe using the black rectangle in the place of the two diagonal lines because I like how the block creates a strength to the different letters.

I really like this Alphabet I have used the black rectangle as a feature in each letter of my alphabet in different ways this creates more of a consistency throughout my Alphabet which I like, the letters are easy to distinguish from one another and offer a wider scope of development that the other 

alphabets do. 

This is my least favourite alphabet because of it's lack of consistency, I can see how I have developed the alphabet using lowercase letters with straight lines and curves but I don't think that this alphabet works as well as the other two which are a lot more consistence and look much more like an alphabet that this one does. 

This is my experimental page of my different typographic alphabets I looked at 

various different artists and created sketches of shapes that could be evolved 

into alphabets by using different features from the art pieces. 

KINETIC TYPE: "Style research"

Stephen Fry Kinetic Typography - Language from Matthew Rogers on Vimeo.

This is a style I have found that I am very interested in pursuing in this new After effects project, I researched a channel called KINETIC typography on Vimeo and found a whole range of different inspirational typography piece that could be adapted to my quote. 

I found this Typography piece by Matthew Rogers on vimeo, the use of transition from one word to another is very appealing but I feel it could be widened to more of an animation styled piece. 

He uses very distinct movements of words to replicate the tone and sharpness of Stephen fry's voice, I believe this style could be widened by adding more punctuation in pauses to replicate how Stephen is talking. I also think that different font could be used with different transitions to expand on important words. This would work well with Robin williams quote because of the amount of pauses and different words he uses.

KINETIC TYPE: Research "My quote"

This is the quote clip I am going to use in my next After effects project, I find the quote to be beautiful but simplistic and complicated. The way Robin Williams words the quote taken from the DEAD POETS SOCIETY is very soft, I feel that the various pauses in the quote benefit me to fit more transitions and animation of the various text to make the quote blend together a lot better. 

Artist inspiration for type (El Lissitzky)

El lissitzky- An artist I have found inspirational when I was developing my typefaces. His use of geometric shapes and lines in a composition or design work well and create certain feelings about that are suggested in some of his work. I like the way diagonal lines are used in lots of his work and thin lines are used against bold geometric shapes to add depth and contrast in his work which I find appealing.

Works Like these have inspired me because of there use of diagonal lines, there are plenty of shapes to be found in artworks like these and I will use this to my advantage when experimenting with my typefaces.

Adobe InDesign tutorial: (TYPE SETTING)

Type setting involving Widows/Orphans tutorial notes

In this tutorial we will learn about widows and orphans and how they make type setting looking inconsistent and unprofessional looking. 

Widow:  is a line of text at the end of a paragraph separated from the rest of the text, meaning that this line is either in the next column or in the next page. It can also appear as an opening line of a paragraph at the bottom of the column or a page, thus separated from the rest of the paragraph.

“Orphan” is a word or few words in its own row that end a paragraph, thus creating too much white space between paragraphs. These white spaces in a paragraph can be identified as being called "Rivers" this makes the type setting look inconsistent and not nice to look at. 

 

Here is a picture of some examples I have found on widows and orphans. It makes the type look messy and and hard to read, there are a number of different ways to solve this problem in InDesign. 

1) Justifying the type using the "Justify type" buttons. 

2) Using tracking and kerning to makes the space between words and letters more or less. 

3) Making the type itself larger or smaller by using the sizing settings.

4) Using the hyphenate button. 

All of these are different ways of making the type beautiful and clear, it also makes everything easier to read and makes the whole aesthetic of the type a lot more aesthetically pleasing. This was a helpful tutorial in learning how to justify and make my type beautiful. I will use this tutorial to work with my magazine to make the type setting the best I can I will watch out for things like orphans and widows and correct them so they look professional. 

InDesign tutorial: Magazine layout (DTP POSTER)

This is my cover, I kept the cover looking minimalistic by not adding too much information which would overcrowd the magazine. I used AVENIR ULTRALIGHT as my font I felt that the thin style of the font offered a more simplistic value which I wanted to add into my magazine cover.

I also made some double page spreads, I tried to focus on where the font would be situated. I aligned the text so that each paragraph was the same size and length this made the layout more pleasing and overall made the layout of the text and the whole page loo more professional.

In this instance, I used a white text which I was happy with. However, the white font was not clear to see on this background I used, I had a number of choices because of this. I could change the image to match the colour of the font, change the colour of the font to match the image or use the rectangle tool to create a separate background for my font to sit on.

I am happiest with the layout of the text on this page and how I have used long paragraphs and short paragraphs which I think creates interest.

Research-1

CHARACTER ANIMATION: After effects

Iphone animation720 from Josh Juhasz on Vimeo.

This is the animation I created in my After effects lesson, Firstly I created my object on Illustrator as a vector image because I felt that the quality was much better than Photoshop for creating this kind 

of thing. I ensured that every part of the object was saved onto a different layer this meant I could animate individual layers instead of just the phone itself. 

After I was happy with my illustration and the features I wanted to animate I imported the file into After effects making sure my work space was set at the correct width and height (1920x1080); After everything was set up and I was ready to animate I decided that the phone would look the best if it actually appeared to enter my scene. 

I created this effect by using the position tool and the parenting tool to assure that the screen layer would always follow the phone itself, I then used an array of different tools such as the Opacity, Rotation and position tool to create animation and motion for the different layers of my iPhone. 

After I went through the effects and animation process I added a texture to the background to give my animation another point of interest and more depth, I imported the image as a jPEG and put the textured background behind my background layer, I then used the Multiply tool on my background layer to make the layer more transparent which allowed the texture to show through and create a 

nice effect.

Overall I am very happy with how the animation has turned out, the animation is smooth and crisp and there are points of various speed between the keyframes which gives the animation a variation of speed and interest.