Thursday, 27 October 2016

Illusive Face Demonstration

Illusive face demonstration 1 from Charlie Hamnett on Vimeo.

Illusive face demonstration 2 from Charlie Hamnett on Vimeo.

Illusive face demonstration 3 from Charlie Hamnett on Vimeo.

I have created visual demonstrations to reveal the illusive face expression in my project. This will reinforce the observers understanding of how the illusion works. I created these 5 second demonstrations in After Effects. It visually communicates how our vision detects high and low spatial frequencies and will reinforce the idea behind this in my cybernetic self project. In my project, I have used this technique to express the dangers online and you never really know who you are talking to behind the profile.

Monday, 24 October 2016

Project Typography / Cybernetic self

I have researched what fonts are used for credit/debit cards to apply to my project. This will represent the notion of a criminal sense, alluding a victim into giving away their personal information in a scam. I have found Two fonts that are commonly used within credit cards, Kredit type and a font literally called credit card. I will experiment with the two to see which composes with the design in the most appropriate way.



In addition, I intend to integrate the font used in emails to convey the sense most scams are focused through this channel. The three fonts used in emails I have discovered from research are Helvetica, Arial, and Calibri. I will seek to use one of these and find a way to integrate the email type and the credit/debit card type together to create unique typographic content for my poster.



Development 4 / Cybernetic Self

https://s-media-cache-ak0.pinimg.com/564x/87/3b/2c/873b2c818b62589368782b9c2775e269.jpg

https://s-media-cache-ak0.pinimg.com/736x/32/d2/2e/32d22eac885f179e5b550f080e556f53.jpg
Moving on to creating title type for my design. I have researched ideas, as inspiration to help me discover a way to layout type that will illustrate the illusive nature of cyber-crime. I have discovered these two posters above that hide and reveal elements of word and letters, this instantly gave me an idea how to lay out type in my poster. I could trim one word or words and reveal another beneath to sum up the idea of criminals hiding behind an anonymous profile online.


Using Photoshop I created title type experimentation for my poster. Similar, to the hide and seek idea, I have used the font 'Kredit' to communicate the involvement of money and I trimmed away the bottom section of the text cyber-crime after rasterising the layer, this text layer illustrates the face profile the criminals use as an anonymous source. Underneath this layer, I have created different phrases that question and express the tricks that cyber-criminals put in place to fool victims. I have used the font Helvetica, as this font is commonly used in emails and it communicates the primary channel to reach victims. for this text, I rasterised and trimmed the top layer to place to only reveal the bottom half, revealing enough if its body to read.

For the 'what you don't see text', I have added a transparent and faded effect. I have done this to create an illusive meaning to the design. When you squint or are far away to will not see the phrase, but when up close or focus your eyes you will notice the type. This will work alongside the illusive faces in the design, to help justify an overall misleading effect and relate to cyber-crime.

Sunday, 23 October 2016

After Effects / Motion Graphics / Sarah Nasteruk / Process and production 1

Sarah introduced us to new After Effects techniques that can be effectively and quickly used to create short animations to publish on TV. Initially, I was shown motion graphic videos with some of the techniques I will be learning today, to express the limitless possibilities of what can be done. I was then taught, all videos being published on to TV have to be investigated in the case of seizure awareness. All motion graphics on telly have to be categorised before being published, to tell viewers the well documented quote, 'some scenes may have flashing images'.

                      30 motion tests in 30 seconds from Steffen K on Vimeo.

This is one of the videos Sarah had shown me. Every second for 30 seconds is a different clip of motion graphic footage and basically this is what we are going to create, but lasting 10 seconds. This will be a good way of showcasing our motion graphic skills for our portfolio, so it was important that I payed good attention to what Sarah had to teach us.

                       After Effects, Tutorial One Exploration from Charlie Hamnett on Vimeo.

First of all in the Production workshop, Sarah taught us how to apply transitional frames to the one second clips and how you can create many of different transitions to create a reel of simple but visually appealing footage. I learnt how to add transitions and how to work with them using time frames and their tools to arrange the transitions and make them appear and disappear in different ways. In the video above, you can see the transitions that I have learnt. My favourite one is the white diamond to blue reveal around 7 seconds into the video.

Next we learnt wiggle path techniques and how to apply them to objects and shapes. There are two different wiggle techniques that I learnt. One technique I clicked on the shape task bar and added 'wiggle paths', this enabled me to create the outer parts of the shape to wiggle, bringing it to life. you can see this effect 2 seconds into the video. Also, there is a different wiggle path technique that I learnt. This different wiggle technique wiggles the object as a whole, not just its outer regions. To apply this effect you find it in the animation toolbar, then you drag the wiggle path option either onto your shape in its composition or onto the shapes control panel. This is what you see 6 seconds into the video.

After we was shown various new techniques, we applied our new and existing knowledge to practice and create the 10 second video. I really liked the transitional effect that I had newly learnt and will defiantly take this further into my final video that I will create after practice in the studio.


Charlie Hamnett's Motion Graphic (Updated) from Charlie Hamnett on Vimeo.

Here is my final show reel of my process and production motion graphic one. I have applied techniques that I have learnt from Sarah this week and from last year, as well as studying to learn new skills for my own benefit. I have applied transitions, wiggle paths, audio spectrum waves, motion of shape layers, type animations, bounce effects, coding, draw along a line path and more. I also created a logo with my initials, as I thought that idea worked to good effect in the video that Sarah showed me.

The newly learnt skills that I discovered in tutorials to develop my skills was coding audio wave spectrums to create the right beat/scale effect to relate to the music in the best way. I coded it to create larger scale beats using * to do so. I learnt how to create a bounce effect through coding the shape layers and to also code a pop effect in the one second bouncing ball transition mid way into the video. Also, I furthered my knowledge on how to make an object move along a line. Sarah taught my this last year to apply to my EURO 2016 re-branded logo. But, I watched tutorials to learn how to make it move along its path at different rates. I created mine to start fast and finish slow along the line, using easy easy for the first time. I then duplicated this to create a moving pattern around my logo.

All in all, I enjoy learning more about motion graphics. I like the idea of working in TV so it is important I enhance my knowledge around the subject and keep doing so. It is difficult to get your head around at first, but i find the more you play about with the new skills acquired the more likely it is they will stick with you and not have to relearn them over and over. I guess that is the same with most stuff really, the more you do it the more you know it.

Saturday, 22 October 2016

Development 3 / Cybernetic Self


Whilst talking to a friend about my idea and me telling him about my ideology behind criminals stealing information through illusive techniques to decode the information from their victims. I was show a poster about a film ex machina where their is decoded information programming a robots functions. I thought the whole composition and everything about this poster was relatable to my project. So, I started to experiment with this idea and the arrangement of the decoding type to convey the criminal activity to decode information through online technology.



Here is my experimentation with the inspiration. I have wrote in the scattered decoding type words that are scrambled that the criminals put together to decode and manipulate their victims into giving away their information. I have also added credit card numbers, National Insurance numbers and more. To read the type follow the line path it is on and the following letter to the right will spell the decoded words. This isn't instantly visable but the closer you get, you should start to notice a pattern and the closer you get the face will change. This reflects the whole idea of the illusive nature of cyber crime. from far away it looks like a different person and scrambled messages, but as you get closer the type pulls together and you see the real face who is the criminal alluding you into giving away details. All in all, my project feels like it is pulling together, just tweaking now to improve it. I need to improve the illusive nature of the face a little more and make my idea more original for my final outcome.

Proces and Production 2 / aidan nolan

Typographic design and communication through posters was the topic of this session. In the first session I learnt how to use type and how it is chosen for a particular mood or audience. Now, I must bring this into practice to create posters. I had a selection of four briefs and had to answer three, creating a poster for each. I am to be presenting my final three posters next session, so it is important that I read the brief carefully and include everything required.


Here is the first brief that I answered in the process and production session. This brief was advertising the Huddersfield Craft Beer Expedition in 2017, taking place for the first time. I had to include all of the required text and follow the rules set within the brief. I was only allowed to use type and no imagery, only allowed to use red, black and white and to stick to three type sizes, large, medium and small. In the poster above, which I created in the production workshop, I used a font that did not reflect or express the idea of craft and the beer fan base. However, I created the image of a pint of beer with the type using techniques learnt from last week, Vertical and horizontal type scales, kerning and tracking. I used a shade of red to create the beer like impression and white type to express the froth and bubbles at the top of the pint, for both the information type and the image impression type. I knew I had come back to this poster and change the type after the session, to reflect the correct genre of the expedition.


In response to the failures of the previous poster, I have chosen a type that reflects the genre and craft of the beer expedition. The type that I have chose is 'Delirium NCV' and 'Delirium Neon NCV', I researched this type ind it is commonly used to reflect the aura of craft and beer. Using similar techniques as before, I created the structure of a beer pint and placed the text below in good composition to complete the poster. I have continued the colour scheme and text size, the only difference is the choice of font. Delirium NCV and Neon NCV make make the design look much more design efficient and relate-able to the craft of beer, whereas before the font was too playful and bubbly and communicated the wrong attributes such as, childish, immature and bouncy.



For this brief I had to research a designer and create a poster that correctly expresses their way of thinking and the techniques that they integrate into their designs. I chose to create a poster around Lance Wyman. I chose him because of the way he used type and creates linear patterns instantly caught my eye and I wanted to discover more. To correctly answer this brief I had to construct type in a way that relates to your chosen designer to show the acquisition of a newly learnt skill. With this type you had to type the designers name, construct an upper and lowercase alphabet, with the addition of a few numerals and glyph, then create a short paragraph of why you have chosen this specific designer and their years active in the field of graphic design.

Lance Wayman's branding for the Mexico 1966 Olympics was the main area of his designs that made me want to choose him. He uses linear lines around the type he creates to express pulsations alluding from mexico and how it draws attention to the nation hosting the Olympics. This technique is a great a way to illustrate significance and aura around a subject. His linear waves of patterns continued throughout the whole of the mexico 1966 Olympics and his unique style of creating clear linear patterns has followed him throughout his long career. He now designs specialising in systems for cities, events, institutions and transit systems for people to observe to navigate.

I used the font Avenir light and duplicated it to create the linear pattern. I expanded and created outlines of the type so I could extend certain elements to create extruding linear patterns. Also, similar to Wayman I used shape layers to create pulsating patterns from a subject, however unlike Wayman I struggled to create pulsating patterns exuding from my type. Maybe sometime in the future i will come back and create this effect to correctly reflect his practice.



Finally, for my final brief I have created a poster advertising the Huddersfield design network Wilsons Republic. The brief demanded to only used the colours of red, white and black and to use the font minion pro and the whole theme had to be based around the word 'resilience'. I was informed to look at all of their previous posters to get the idea of what they are about and how they present them selves. I discovered they produce illustrative, typographic and strictly abide by the use of grids, often showing the grid they use by filling a section with colour.

I decided I wanted to create an illustrative design. I created a fist punching through the ground to express resilience, conveying the notion of breaking through barriers and having your voice heard. However I thought the fist on its own was too vague and needed some illustrative patterns around the fist to give it more essence of resilience. But, this still didn't achieve what I wanted to communicate.


Eventually, I found a way to communicate resilience and link the design to Wilsons republic in a clever way. I created the fist to hold the logo icon of a pipe to further relate the poster to Wilsons Republic. The white pipe completes the composition and I no longer needed the eccentric patterns to express resilience. It now conveys a message that the design network breaks through barriers to overcome design problems and still remaining resilient, by calmly holding the iconic pipe in the end.

To conclude the process and production workshop, I had great fun creating and overcoming problems, even though I was struggling for time whilst facing these problems. Especially, the Wilsons Republic poster. It was a challenging task but one that I eventually finished and have learnt a lot from, in terms of what and how much a poster really needs.

Friday, 21 October 2016

Design Content & Delivery / Polina Zioga / Seminar / 21st Oct

Following on from last week, I prepared and presented my draft presentation to receive feedback for improvement. We presented our draft presentation in pairs and talked about it with lecturers Tracy Lannon and Polina Zioga. I discovered that I need to reason my research findings in greater detail, to explain 'who is this', 'why is this', etc.


After, Polina reinforced to us the structure of the presentation. Start with your research title, blog URL, name and course on the first slide. Followed by a background and literature review around 5-7 slides of your research title. Finally, to end the formative presentation with a main research question, that will set us up for research leading to the summative presentation assessment.


To conclude the seminar, presenting my draft presentation has provided me with an insight of what my lecturers expect of me when it comes to the formative assessment. I have come out of the seminar much more aware of what I need to research and how I have to display my research findings. Before we left Ploina once again outlined the dos and don'ts we need to remember for when we present.