Watercolour Shape Graphic (Folio Bonus Piece 3)

For this piece I wanted to do something seperate from stuff like typography and logos, etc, i felt like doing something artsy/art related and fun but still using techniques found in adobe softwares to do this.

This piece will include multiple shapes, colours and messing around with different effects and gradients on different parts of the piece to make it look nice, and maybe giving it a bit of identity.

I decided to use watercolour textures in this piece because it was something I had touched on earlier last year and didn’t go back to.

I used two free sets of watercolour textures (Free Watercolour Textures and Free Watercolour Circle Pack) to create brushes with them, and use them on a number of rectangles I placed over each other and seperated, I then brushed over each individual shape with a different brush and created a visual piece through clipping masks.

If I was to revisit this piece I would purchase a higher quality of watercolour packs more suited to be turned into brushes, or make my own. I would also spend more time on planning out the colours/brushes on each individual shape.

The overall purpouse of this graphic could be used as a branding or even a simple t-shirt/clothing wear design.

Movie Poster (Folio Bonus Piece 2)

In the same discussion with a group of friends, one of my media friends and me discussed using his movie (from his media class) as a basis for a movie poster, the Movie is titled [Insert Superhero Name]: The Movie.

The poster will include a photo of him as the main character, a coloured background, the title and some text relating to the basis of the film.

Below is the original image I used in the poster.

I worked around the image and took it out of the photo with Photoshop (and didn’t clean it up very well). And moved it into adobe illustrator.

I had discussions with my friend after watching his short film, and the film is basically a comedic take on comic book movies/characters, and from there I got the inspiration for the cartoony fonts i used, K26 Comic Kats (Dafont Link) and Comic Book (Dafont Link) were used for the Title and Poster Text.

Overall more could have been done with the text and background to make it look cleaner, as well as cleaning up the image of the main character more.

Avalent Brand Album Cover (Folio Bonus Piece 1)

Essentially after having a discussion with my friend about what I should do for this Assessment he gave me the idea to do something like an album cover for fun, the original image my friend who owns the brand wanted me to use and mess around with is below.

And below is the final version of the Album Cover.

To get the distortion/glitch effect I just went into the colour channels in photoshop and moved the red and blue to either side of my friend in the photo, after this I did a little bit of work keeping the effect only on my friend and glitching up my friend in the photo and cleaning it up.

Once I finished up on photoshop I cropped the photo into the files dimensions and added the logo to finish up.

The overall piece loses quality due to the quality of the original photo but it ends up working with the effect decently in the end.

Week 12 Activity – Internet Basics

Who is credited with Inventing the ‘internet’?

The first working prototype of the internet came in the 1960’s with the creation of ARPANET (the Advanced Research Projects Agency Network), and this technology would continue to grow and form and the world wide web was eventually assembled until computer scientist Tim Berners-Lee invented the World Wide Web.

https://www.history.com/news/who-invented-the-internet

What does HTML stand for? What does it mean?

HTML stands for Hypertext Markup Language, it is the standard markup language that is used to crate the basic elements of most/all web pages on the internet.

https://www.w3schools.com/whatis/whatis_html.asp

What is a browser? 3 Examples

A web browser is a kind of software that lets you browse throughout the web, watch videos, check emails. (essentially anything you would normally do on the internet)

3 Examples of this would be:

• Internet Explorer
• Google Chrome
• Mozilla Firefox

What does URL stand for? What does it mean?

URL stands for Universal/Uniform Resource Locator and the URL is the address of a web page on the World Wide Web.

What does HTTP stand for? What does it mean?

HTTP stands for Hyper Text Transfer Protocol and it is the ‘underlying protocol’ used by the World Wide Web and it defines how messages are transmitted and formatted, it also defines the actions that web servers and browsers should take in response to certain commands.

https://www.webopedia.com/TERM/H/HTTP.html

What does ISP stand for? My ISP at home

ISP stands for Internet Service Provider, and my ISP at home is iinet

What does Kbps stand for?

Kbps stands for kilobits per second

What does Mbps stand for? my download speed in Mbps

Mbps stands for Megabits per second

My download speed in Mbps:

 

What does CMS stand for? one example

CMS stands for Content Management System, and an example of this would be WordPress

What does SaaS stand for? one example

SaaS stands for Software as a Service, and an example of this would be Dropbox

What does LMS stand for? three examples

LMS stands for Learning Management System, and three examples of this would be:

• Moodle
• ATutor
• Eliademy

https://elearningindustry.com/top-open-source-learning-management-systems

What does WYSIWYG stand for?

WYSIWYG stands for What You See is What You Get

What does ‘open source’ mean?

Open Source is essentially a software where the original source code is freely available to anyone, anywhere. And the modification/customization of this is encouraged.

https://computer.howstuffworks.com/question435.htm

What does DNS stand for? what does it mean?

DNS stands for Domain Name Servers and the DNS is what is used to translate domain names into IP addresses

http://www.networksolutions.com/support/what-is-a-domain-name-server-dns-and-how-does-it-work/

What does SEO stand for? what does it mean?

SEO stands for Search Engine Optimization and the SEO is used to make sure your web page shows up in search engines

Typography DIY Final Pieces

Onomatopoeia Activity

The Definition of Onomatopoeia

Noun

the formation of a word from a sound associated with what is named (e.g. crack, pow ).

• the use of onomatopoeia for literary effect.

Examples

• Tick, Tock, Boom
• Onomatopoeia Examples
• Verdant

Diary Sketches

 

Saul Bass Influenced Postcard

Signature Logo and Photoshop Background Tutorial task

Typography in the Built Environment

This image above was taken down the street from my place, along a bike path and neighbourhood fences, which are covered in graffiti.

This one photo includes two large pieces of worn out graffiti and one small piece of graffiti. I took this photo because these pieces of graffiti look to be typographic signatures of some form of an artist or person who left their mark, each to their own style showing a piece of their identity, and from their worn-out look, they seem to be somewhat old sprays.

Who the Font Are You? Activity

Question 1 –

Arial Font Classification: Arial Font is a grotesque-sans serif styled font. It has a few similarities to the serif typeface of Times New Roman.

Question 2 –

MGMT’s original brand logo used a square display font to possibly relate to their old synth-pop style.

MGMT’s current brand logo uses the Pretoria Display font (Pretoria font shown below) to possibly display their current more mature approach to their synth-pop styled music.

Question 3 –

Square-Sans Serif styled font

Casual Script styled font

Decorative-Display font

Fonts used with my name above transferred and enlarged in Microsoft word.