SarahWillmott-CollegeDays: January 2014

Friday, 31 January 2014

Bedroom wall

My bedroom wall has recently turned into a poster mess. All my own artwork and various posters that I liked have gone up.

The whole thing

Rayban ad&pck project poster

Quote poster that represents me

Poster of Falmouth uni with individual students photos in a box

Cow skull in fineliner

Cornflakes 'wake me up' letterform alphabet

Swatch watch retro poster project outcome

Illustrated poster of personal items by a student at Epsom

Type is beautiful - testing out my letterpress stamps & a yellow toned layered artwork of my little cousins for their birthdays

Innocent smoothie 'the taste of summer' poster - ad&pck project

Tied up type letterform alphabet

Innocent smoothie - gcse piece wax crayons

Rayban stand out poster - ad&pck project

Older rayban crazy hair doodle - retro poster project outcome

My own website

Also within the web design project we have to create our own website, I had one already so decided to develop this.

Home page. I went with a gallery look with the images clickable. Links to my Facebook page and etsy shop also this blog.

About me page

My online shop. This is a link to my etsy shop with various artworks for sale

Online portfolio - various slide shows of pieces

Again

Contact page

Mobile version pages

Web design basics

We had a sessions with learning about the basics of creating a website. Below are various points you need to know and also some screen grabs of the process outcome.

Basics:

www

Browser

URL

History

Reload

Download

Upload

Bookmarks

File sharing

Ecommerce (online shopping)

HTML- everything online

CSS- style of website, colour, shape, size

Java & php - sending stuff online to service

Flv - online video or mp4 or swf (swf Is gaming and animation)

Http - start of he wen address no longer needed. Reads where you're going to. Google.com is the same as http://www.google.com

Java - interactive pieces such as drop down boxes

Common tags:

<body>

<div>

<h1>

<p>

<title>

<img>

<a>

Theses above are for opening.

To close these use / for example

<header> this is the header <header/>

The CSS doesn't just changes it, it styles it. Used for backgrounds, forms, styling and sizing the page.

Jpegs or png - do not edit jpegs, these are for final images. Png 24 is best for the web.

Uses grids and golden ratio, use web safe fonts.

Below are screen grabs of playing around with the coding on a page.

Start page

Changed the heading size and also font by adding <h1> Hello World <h1/> then <helvetica> in the code

By changing the numbers by the colour this changed the background and box colour

Same again for the box

Changed the colour of the text with putting white next to the heading & also got rid of the box by taking it out of the code.- picture below

Changed the colour of the background & also added a heading underneath with a smaller sized font and grey not white

Friday, 24 January 2014

Advertising & Packaging outcome poster design -Innocent

For part of out ad and pack project we had to complete a poster that advertised the product, one of my products were raybans. These are an everyday item for me and I also love them.

Below is the process

Thumbnail

Drawn up

Zoomed

Version 1 - the taste of summer

Version 2 - it has to be innocent

Advertising & Packaging project poster design - RayBan

For part of out ad and pack project we had to complete a poster that advertised the product, one of my products were raybans. These are an everyday item for me and I also love them.

Below is the process

Partly drawn

All drawn and ready for colour

All coloured up with a logo to hit the advertising view. Version 1

Outcome 2 - simple use Of wayfares and helvetica with the saying 'stand out' alongside the logo

Tuesday, 21 January 2014

another illustration day for artwork. This time for my advertising and packaging project, we were briefed to advertise a product through a poster and re package the design for the product. I chose RayBan and Innocent smoothies.

Below is my illustrated poster for innocent

Thumbnail