Вы находитесь на странице: 1из 13

PLACE-HOLDER

1
IT Multimedia MDP
30630475
Contents Statement of Intent Inspiration Board
Contents��������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������2
KEY�����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������2
Statement of Intent�����������������������������������������������������������������������������������������������������������������������������������������������������������������3
KEY For my Industrial Technology Multimedia Major Work I plan to design a magazine and
website through to production, which will contain accompanying logos and videos. The content of
the magazine will cover Music, Graphic Design, Arts and Fashion as these are my broad interests. The
Inspiration Board��������������������������������������������������������������������������������������������������������������������������������������������������������������������3 KEY POINTS website will be designed around the magazine company. The magazine should be well designed to a
Research - Magazines������������������������������������������������������������������������������������������������������������������������������������������������������������4 consistent high standard. I can achieve consistency throughout the magazine by developing a colour
Research - Logos ���������������������������������������������������������������������������������������������������������������������������������������������������������������������5 ONGOING EVALUATION palette, repeating fonts and grids to create layouts. Throughout the development of the project I will
Research - Websites���������������������������������������������������������������������������������������������������������������������������������������������������������������5 need to frequently review my progress on the project in the form of ongoing evaluation. Before I begin

2 3
Research - Design Principles�����������������������������������������������������������������������������������������������������������������������������������������������6 development, sketches and planning must be done to make the process more efficient. Throughout the
Research - Software ��������������������������������������������������������������������������������������������������������������������������������������������������������������6 design process I will follow rules of design like hierarchy, symmetry, colour, etc. These rules will allow
Research - Web Fonts ������������������������������������������������������������������������������������������������������������������������������������������������������������7 my designs to be visually appealing and to a high standard. The content I will cover in the magazine
Research - Magazine Fonts ��������������������������������������������������������������������������������������������������������������������������������������������������7 will be design and arts related. The website will have information about the magazine company and a
Research - Software ���������������������������������������������������������������������������������������������������������������������������������������������������������������8 few articles.
Research - Hardware��������������������������������������������������������������������������������������������������������������������������������������������������������������8
Portfolio Time Plan�����������������������������������������������������������������������������������������������������������������������������������������������������������������9 Motivation
Production Time Plan �������������������������������������������������������������������������������������������������������������������������������������������������������� 10 The reason for choosing a website and a magazine is so I can create a digital and print product
Finance Plan �������������������������������������������������������������������������������������������������������������������������������������������������������������������������� 11 to the highest quality possible and so each medium can reach different target markets/users. The
Magazine Flat Plan/Design Identity������������������������������������������������������������������������������������������������������������������������������ 12 reason for the content of my magazine is because it fits with my interests. The project will be used in
Logo Idea Generation/Prototyping ������������������������������������������������������������������������������������������������������������������������������ 13 my professional portfolio for university/college and job opportunities.
Final Serif Logo and Branding����������������������������������������������������������������������������������������������������������������������������������������� 14
Magazine Advert Development��������������������������������������������������������������������������������������������������������������������������������������� 15 How?
Magazine Advert Development��������������������������������������������������������������������������������������������������������������������������������������� 16 I will research the best/most effective industry standard programs for use in the production of
Production of Magazine Covers �������������������������������������������������������������������������������������������������������������������������������������� 17 both my magazine, folio and website.
Production of Website 3D Model������������������������������������������������������������������������������������������������������������������������������������ 18
Production of Website�������������������������������������������������������������������������������������������������������������������������������������������������������� 19 Budget:
Production of Advert for Website����������������������������������������������������������������������������������������������������������������������������������� 20 The only expected costs are printing of the magazine and any necessary other printing of folio or
Production of Magazine Content������������������������������������������������������������������������������������������������������������������������������������ 21 accompanying print like pamphlets or postcards. This will most likely be less than 200 dollars, which
WHS Safe working practices �������������������������������������������������������������������������������������������������������������������������������������������� 22 is around what I am willing to spend.
Magazine Spread Evaluation�������������������������������������������������������������������������������������������������������������������������������������������� 23
Website Evaluation�������������������������������������������������������������������������������������������������������������������������������������������������������������� 24 I feel like I have accutately followed my statement of intent and my project I have produced
Magazine Evaluation����������������������������������������������������������������������������������������������������������������������������������������������������������� 24 demonstrates my skills in Industrial Technology Multimedia very adequately.
Research - Magazines Research - Logos Research - Websites
Rolling Stone magazine Whilst a good logo is subjective, there are a few factors that make a good logo. These are simplicity, Websites follow similar rules as magazines such as hierarchy, fonts and correct colour palettes.
The Rolling Stone is a monthly American publication that covers current music, film, TV and politics memorability, timelessness, relevancy, versatility and uniqueness. However there are factors that affect the success of a website such as usability and the relationship
Plus between the user and the website (parallax scrolling). User Experience/User Interface (UX,UI) design
The rolling stone magazine mainly consists of articles with the text formatted into a grid to Personally I believe that billion dollar company logos do not have negatives as they usually have hired is a much more complicated specialization of graphic design than logos or magazines as the user is
allow consistency throughout the magazine. the best designers possible to design their logos and have had them for decades ( due to the timeless much more involved with the product.
The magazine uses very strong typography for its headers and article separators. nature of them).
Very strong photography throughout the magazine. Heavy research and hence documentation is avaliable on styles of UI design for example the Material

4 5
Negative design style used by Google has rules and instructions on every possible element needed in a website
The magazine has a lot of content resulting in limited white-space in the magazine. or app (found at material.io).
McDonald’s Logo - Positives
Polychrome Apple Website
Plus • Simple Positives
Really strong combination of illustrations and photographs • Versatile • Good interactivity with user through parallax
Strong stylized typographic logo • Memorable scrolling.
Good balance between aesthetics and content • Simple colour palette. • Simple modern design aesthetic
Negative • Timeless • Modern design re-insures security
Slightly less clear theme consistency due to too many colours. • Easy to navigate horizontal navigation bar
Overcomplicated due to using more fonts than necessary. • High quality product photographs
NUDE. Apple Logo - Positives
“It would be a publication that shed light on not just one aspect of the industry, but would feature Negatives
everyone behind the scenes as well. Creatives such as models, stylists, designers, makeup artists and • Memorable • Apple puts the hierarchy in order of what
more would be included. It would showcase an array of people who strive for what they believe in and • Simple they want you to buy front and centre,
do what they love. It is our mission to give you a glimpse into the lives of those individuals, while also • Popular because of serving as self advertisement. Whilst this is
giving them a platform to showcase their work and talent.” - NUDE (insight into type of content) price of logo good for the business it can disrupt the user’s
• Versatile experience.
Plus
The NUDE. Magazine features very strong photography making the magazine more engaging. Rolling Stone Rolling Stone Mag Website
The magazine uses common repeating elements to create a ‘brand’ or magazine identity. Positives
These elements include overlapping images, repeated symbols like circles and repeated words. • The Rolling Stone magazine Logo is less important than Apple as you use • Strong colour theme with red
These repeating patterns and symbols help create consistency throughout the magazine and is also Apple’s logo more often with their products. • Easy to navigate with categories
aesthetically pleasing. • The simple but bright colour of the logo entices the reader. • Search bar makes it easy to get to exactly
• Simple, memorable, timeless, versatile (see web logo adaptation above) what you want
Negatives
Unlike the Rolling Stone magazine ‘NUDE.’ Focuses on arranging the text in a form over function Most popular brands have these factors and have pretty similar positives such as Pepsi, Nike, Microsoft Negatives
way. This reduces the amount of text and content in the magazine in comparison to the Rolling Stone and Adidas. What makes a good logo is pretty simple and most logos follow the same rules. • Improvements could be made on mobile
MAG. layout as it makes navigation harder as some
The logo for the magazine might be difficult to read when shrunk. However the company seems These are simplicity, memorability, timelessness, relevancy, versatility and uniqueness. options are removed.
to use a silhouetted version of the logo for smaller applications as opposed to the outlined version.
Research - Design Principles Research - Software Research - Web Fonts Research - Magazine Fonts
Grid Layouts Code Editor - Atom Roboto Arial
Grid layouts in the pages allow for consistency in the layout throughout the magazine. The grid Atom is a free open source code editor for all operating systems. It has “Roboto has a dual nature. It has a mechanical skeleton and the forms are Perhaps one of the most standard and widely used fonts in the world, Arial
layout also includes the margins, columns and modules. Different effects can be achieved by changing support for most languages. The software is easily customizable through largely geometric. At the same time, the font features friendly and open has nearly become a comic sans level font. Often used with vibrant colours
widths of margins and columns, such as creating tension with the edges of the page by narrowing the add-ons making it easy to customize the experience so it is exactly right for curves.” Roboto is featured in more than 26,000,000 websites which makes it the font gives of a comedic vibe with the serious style juxtaposed with the
margins. me. I’ve used Atom for years to develop websites and software. Atom is my a bit overused in my opinion. over use and colour combinations. However it’s not the style that I’m going
Fonts personal preference. for therefore it won’t be used.
Most fonts fall into 2 categories serif or sans-serif, however there are other fonts such as decorative/

6 7
cursive fonts or ding-bat fonts. Traditional serif fonts are used in print and sans-serif fonts are used for Code Editor - Sublime text Open Sans Gill Sans MT
digital forms. Most serif fonts look outdated, however there are some exceptions. Sublime text is a cross-platform source code editor. It natively supports “Open Sans is a humanist sans serif typeface designed by Steve Matteson, Gill Sans MT family is a great sans serif family in a wide range of weights. The
Most likely my magazine will mostly be read on the accompanying website in this project so a sans- syntax for most programming and mark-up languages. Similar to atom, Type Director of Ascender Corp. This version contains the complete 897 thicker widths such as Ultra Bold have a distinctive organic form which fits
serif font would be appropriate; also the more modern feel of the font will complement the modern Sublime allows for add-ons and plug-ins however there are fewer and it is character set, which includes the standard ISO Latin 1, Latin CE, Greek and the design style of my magazine perfectly. At the current point in production
design aesthetic of the magazine. more difficult to install them. Cyrillic character sets.” Open Sans is featured in more than 25,000,000 I’ve just finished the logo-type which uses this font, hence the repetition will
websites which means it’s a bit overused. I do like this font better than form a clear aesthetic.
Roboto but it’s more suitable for technology companies.

Code Editor - Adobe Dreamweaver Blinker Helvetica Light


Adobe Dreamweaver is included in the Adobe Creative Cloud Suite which I “Blinker is a low contrast sans serif typeface with a squircle as its basic After confirming the use of the Gill Sans MT family I needed a good font to
can obtain free from school. However I have no experience in Dreamweaver shape, think squarish curves, or Eurostyle’s flamboyant cousin. It’s best used pair it with. Helvetica Light has a very exact neutral feeling that juxtaposes
and it is designed for less experienced web developers. It has unnecessary for medium to large text, rather than a long copy.” Hence as I’m planning on well with the thick organic forms of Gill Sans MT. Therefore It will be a perfect
Colours features which hinder productivity. using a Uniform font for the whole page including the body text, the font is inclusion in my magazine.
When designing a logo it is important that the logo looks good in a single colour as well as coloured. unsuitable.
If I do incorporate colours into my magazine or logo they should be Red, Blue, or Yellow as those are
the colours with the clearest and most defined meanings. However if I were to use colour in a pictorial
manner I could stick to a palette of shades or tone such as pastel or earthy tones as these colours when Motion Graphics Software - Adobe After Effects Montserrat Fonts
combined, can help envision a scene or a mood. Adobe After-Effects is another industry standard program capable of “The old posters and signs in the traditional Montserrat neighbourhood of Through prior research on page 6 I concluded that sans serif fonts will be best. After experimenting
assisting in creating complex special effects, motion graphics and animations. Buenos Aires inspired Julieta Ulanovsky to design this typeface and rescue and researching fonts I have concluded that Lato will be used for my website and the Gill Sans MT
Type Size and Leading I’ve also been using After Effects for many years. It is also included in the the beauty of urban typography that emerged in the first half of the twentieth family and Helvetica light fonts will be used for my magazine.
My main copy size for my text will be from 11-12pt as I believe it is the optimal and most aesthetically Creative Cloud, hence is free. With the ability to get it for free it is an obvious century. As urban development changes that place, it will never return to its
pleasing. For headings the size should relate to the base copy size of 11 pt so possibly having the choice to use as other free alternatives are lacking in features in comparison. original form and loses forever the designs that are so special and unique.” *All quotes/references come from the fonts’ respective authors
headings size 22pt, 33pt, 44pt etc. With my font size being 11pt my leading will be between 120% and Similar to blinker the wide characters make it unsuitable for body text.
145% most likely more towards the latter to allow for more white space.
Motion Graphics Software - Motion for MacOS Lato
Paper Types/Sizes Motion is a motion graphics program specifically designed for motion “Lato is a sans serif typeface family started in the summer of 2010 by
There are many types of papers available for selection ranging from thicknesses of 50gsm - 200gsm. graphics, titling and some film production. Motion comes with the purchase Warsaw-based designer Łukasz Dziedzic. In December 2010 the Lato
Different finishes are available, including gloss, matte, silk and recycled paper. The best way to find of Final Cut Pro X for $499. As I have experience in After Effects and am able family was published under the Open Font License by his foundry tyPoland,
what paper is appropriate for the magazine is to physically hold it and touch it. to get it for free it makes no sense to use Motion for my major project. with support from Google.” Lato is available in 10 styles and featured in
Common sizes for magazines are usually trimmed versions of A4. I will experiment with my magazine 12,000,000 websites. I personally think it fits with the feel of my website and
having an A4 height with a width that confines to the golden ratio. Whilst this may prove impractical it the weight variations are beneficial therefore it will be used for my website.
will prove as good experimentation.
Research - Software Research - Hardware Portfolio Time Plan
Vector Graphics Editor - Adobe Illustrator Computer - Desktop PC
Adobe Illustrator is the industry standard for creating logos and vector I built my own Desktop PC a few years ago. It is powerful with and was
graphics. The program allows you to create and arrange shapes and texts cheaper than purchasing a new laptop. The only drawback is that it is stuck
accurately. I’ve been using Illustrator for years. Illustrator is included in the at home meaning I can’t use it in lessons. Therefore I will use it for CPU/RAM
Adobe creative cloud suite which is available for school students for free. heavy software/processes.
Considering Illustrator is widely used in the industry and I can use it for free,
it’ll be used.

8 9
Computer - MacBook Pro 2013
Vector Graphics Editor - Inkscape I’ve owned a MacBook since 2013. It’s not very powerful with only 4GB of
Inkscape is a free open source alternative to Adobe Illustrator. It has the same RAM, low hard drive space, processor speeds etc. However it is powerful
core mechanics as Illustrator but is lacking in some specific technical areas, enough for coding, logo creation and basic image manipulation. Hence this
such as lacking tools resulting in a less productive workflow. laptop will be used for work whilst not at home.

Vector Graphics Editor - Designer


Affinity Designer is a vector graphics tool developed by Serif for all platforms.
It is available for purchase for $79. The workflow is more streamlined for
vector illustration whereas I will be using the vector editor for logotypes. My research proved valuable in reinforcing my choices and revealing new options for my project.
Having no experience and no free/cheap access to it rules out Affinity. Whilst the research did not effect my choices it was nice to know that all options had been explored.

Publishing Editor - Adobe InDesign


Adobe InDesign is the industry standard program for creating magazines
and most types of print media. It is similar to all the other programs I have
lengthy experience in it. It is also included in the Creative Cloud, hence is free.
There are not many other programs that offer anywhere near the amount of
features as InDesign. Therefore I will use InDesign for development of the
portfolio and magazine.

Publishing Editor - Scribus


Scribus is an open source alternative to Adobe InDesign. It has less features
than InDesign due to less funding and a shorter development life. I also
have no experience in Scribus in comparison to InDesign. The main positive
I managed to follow my time-plan pretty well for my project however I didn’t follow it as well as I could have for my portfolio. I originally planned to do nearly monthly updates to my portfolio so there would be less cram-
of Scribus is that it is free however the whole Adobe Suite is available for ming towards the due date. I missed a few update points but mostly was not too bad.
students.
Production Time Plan Finance Plan
I planned to balance my work on my Magazine
and Website, working on them at the same
time. I strictly only worked on my magazine
at home other than some sketches when I was
unable to see the next direction for my website.
I completed my website very effectively in class
time allowing me to spend time experimenting

10 11
with additions that demonstrate a great range of
skills.
I spent a little bit longer than intended on
coming up with the brand name and logo
design, however the prototyping process proved
valuable to the overall project. After finding a
brand name and logo design that I was happy
with the cover design went pretty smoothly
however still took a bit longer than originally
planned as I did not plan on creating multiple
covers. As I said before I was working on my
website at the same time as my magazine so I My predicted cost of my project would be $140 this included Folio printing and Magazine Printing,
had already finished the navigation, I had a very all other resources were school provided or already owned. I got the folio cost from last years DNT
clear goal for my navigation as I have improved portfolio printing cost, however I found an a3 folder at school that I could have and could get free
off previous projects. I then began on the long printing at my dads work and after doing some test the quality was adequate. The magazine printing
task of creating the 3D model background. I was a lot more than originally anticipated as I did not originally plan on getting more than one copy
had a good amount of time to experiment with however I feel like it would be good to have multiple just in case I wanted to give one to someone.
software and research as I had never done any This bumped the cost up to $154.90 only $14.90 above my original planned amount, which is quite
modelling before then. reasonable.
Despite starting the 3D modelling process late
due to working on my folio I still managed to
effectively problem solve and finish in time. I
then periodically worked through my website
with everything going to plan.
I also occasionally worked on my magazine in
the holidays and the weekends when I was free,
slowly chipping away at the layout and content.
I got to a point where I found it difficult to see
the final goal so I created a new flat plan which
helped me significantly.
Magazine Flat Plan/Design Identity Logo Idea Generation/Prototyping
I first made a flat plan for the basic content For designing developing heavily typography based logos it is appropriate to use CAD programs like Adobe Illustrator, as it is easier to experiment with different fonts.
separation of Ads and Photos etc. After figuring
out my final design identity layout I laid out
content in the sketch on the bottom left. I FATBOY LOGO
created a basic layout in InDesign using Master The FATBOY logo is visually appealing however
page layouts (See the page numbers in the I’m not sure the name is as good as it could be.
sketches.) This allowed me to fit my content in The logo is strong however lacks in elements as it

12 13
correspondence to the repetitive page elements. has no strong logo-mark.
I experimented with coloured shapes (inspired
by a newspaper I saw in Japan) to add some Positives
visual interest to the page but it confused the Strong typographic element
hierarchy of the page and disrupted the flow Pretty good name but probably not suitable for
of content and took up unnecessary space. The a design or art magazine, sounds more like a
rough grid layout followed is seen in the second skateboard name.
version, the grid follows the rules of thirds Good exploration of typography
vertically and horizontally increasing visual
aesthetics. Negatives
Unsuitable name
No strong logo-mark or icon Sans Logo
The Sans logo has potential however I’m not too happy with its direction as it looks off to me. I think
Interesting the backward italicization makes the logo look weird as it is an unusual shape for text to be in. Also the
Name came from looking at 90s rap magazines angled shape of the text makes it hard to fit in squares or rectangles.
and other skateboarding magazines.
Positives
Quite visually present logo with distinct contrast
SHIBUMI/SHIBUSA of black and white.
The names Shibumi or Shibusa/ShibUSA stem Negatives
from a style of Japanese design, relevant to the Italicization always points to the right, the left
magazine. The letter-forms of shibumi are better italicisation can be representative of backwards
as the letters are uniformly shaped unlike the progress which is not a good image for a brand
S and A in Shibusa. I’ve also experimented with Interesting
putting the logo in different shapes that may be Stretched bottom area is inspired by scan glitch
relevant for different social media icons. art
Positives
Strong typography
Great iconography
Negatives
Difficult to pronounce foreign name
Final Serif Logo and Branding Magazine Advert Development
The serif brand identity conveys a clearer link to design than “Sans” and is more aesthetically A Rundown of the layers/process. Nosophobia advert
appropriate and appealing. Background
“Accuracy is one of those things that computers do really well and people are better at good taste, and Layer 1 I got an aerial photo of the area of the “event” from online and applied a gradient map to it so the
sometimes having things misaligned or imbalanced is appealing” - Josh Beveridge. In my magazine I copied the image of the eyes artwork 3 times colours are more uniform and more visually interesting. The relatively low contrast effect of the
I will include elements of this imperfection, clear layering and handmade elements. Imperfection placing one in the top middle, middle right and gradient map is perfect for the background.
is a very large aesthetic at the moment with it being perceived as a reflection on the past. With the bottom left. This follows the rules of thirds. I
introduction of computers design became rushed and resulted in poor design. This is why my cover used the content-aware tool to generate the Text

14 15
will be created using traditional techniques, and my magazine will be carefully planned. surrounding background. The high contrast effect of having sturdy white blocks behind the text is effective in making the header
of the ad really clear.
Positives Text
Imperfect design style is an interesting style that stands out from other magazines logos. I transformed the text so it was perspectively
Strong contrast with deep black contrast matched with the background. To add visual
Direct link to the typographic elements of serifs and design interest to the design I repeated the text a couple
Balanced logo with the word-mark able to be separated into 3 sections times.
Logo-mark allows for versatility in the application of the design
Gradient Map
I added a gradient map to add more colour to
the image, before the background consisted
of mostly greys This made the advert more
Negatives visually appealing and more eye catching. I
Logo mark is not directly related to the word-mark which is not the best however the logo will mostly made a gradient from dark blue, to blue, to
be seen in the full word-mark form. skye blue then to white. This interesting colour
Logo mark has a much more formal/elegant feel in comparison to the logotype/word-mark. - Which combination adds further interest to the advert.
perhaps might give off an unclear message of the brand.
This is the first advert I did and visually presents
the exhibition
Magazine Advert Development Production of Magazine Covers
A Rundown of the layers/process. A Rundown of the layers/process. I painted out a texture using an orange ink. I then I wanted to do something creative with the bar-
scanned in this texture and made a scheme in code on the backside of the magazine. Therefore
Layer 1 Background colours of a varying degree. I typed out all the I had the idea of recreating an image of the main
After sampling colours from the photo of the I sampled the two similar colours of the design text for the cover and the images and arranged article constructed from half-tone variants of the
eclipse packaging I took, I made a blended palette for the background and then inverted it to get a them into the layout and scanned them. This original bar-code.
from the colours to sample with a Dry, Heavy green complementary colour. allowed me to get a unique traditional look that
Load Blob brush. would be nearly impossible to create effectively I created a shade scale of the image ranging

16 17
Background Hue Shift just in a program like Photoshop. from black to white. This allows Photoshop to
Layer 3 I was unhappy with the complementary generate the half-tone from the shade of the
Using the blob brush I created some abstract 3D background, therefore I shifted the Hue to be To make it more vibrant and colour varied I used shade scale. I used the blend tool in illustrator to
looking tubes for the background and applied a more analogous and darker to make the content gradient maps to add this visual appeal easily. create a smooth blend to the black bar-code in
gaussian blur to imitate depth. stand out. the middle. I trialled and prototyped this half-
Both designs follow a visual style which I tone on a number of images in ranging scales.
IMG_0967 Shadow personally find very attractive opposed to the
This is the masked image of the mint can that I I drew the shape of the shadow with the pen tool repetitive nature of magazine designs currently, I found that having larger half-tones allowed a
photographed using a DSLR camera. I used this to imitate a shadow, then applied a blur to make the bright colours and unusual design style will clearer view of both the original image and the
camera because I owned it before starting the it look more realistic. help the magazine stand out on the shelf. message that the image is made of bar-codes.
project and have used it many times before.
Magazine I cut out a section of the design to allow for
Layer 2 I created a cover using my own painted texture the actual undisturbed bar-code for scanning.
This layer follows the same process as the lower and scanned elements. I converted it to a 3D I looked into the steps in purchasing an actual
Layer 3 but using a smaller brush size and is layer and stacked them up and blended the edge bar-code however it required a lot of technical
placed in-front of the image of the can. The mask to give the illusion of extruded depth. registration with Business Numbers etc.
in this layer allows for the can to go over the However the research proved valuable for finding
shapes adding more depth to the image. Bind text specifications on bar-codes and the potential for
Added text and transformed appropriately to fit further design.
Unused Gradient Map to the 3D perspective of the bind.
This was a trial/experiment for balancing out I’m happy with the back cover design. It’s visually
the colours more to the scheme of the can/tubes I’m happy with how both designs convey their interesting and represents the general themes
however it reduced the contrast and made the products’ message and idea in an aesthetically of the magazine. The skills learnt through this
product stand out less. pleasing and clear way. Working with my own technique can be applied to a multitude of
photography in the first ad was much easier than similar designs.
Curves Layers trying to create a 3Dish render of an imaginary
Adds contrast and colour effects to add product but the challenge was fun.
readability to the text.

X-ray view of layers


Production of Website 3D Model Production of Website
I modelled the mask off sketches I did. I I embedded my fonts from google fonts to
completed the model in Maya and arranged the save storage space on the future server. The
points off the centre line of symmetry. I coloured navigation seamlessly fits with the background
the shapes and background to match the vision and stays fixed with the top of the page so it is
in my head. easily accessible.

I then animated the 25 frames rotating around

18 19
the x and y axis. And exported the animation
as a JPEG sequence and adjusted the colours in
Photoshop to reduce contrast to be more suitable The blurb follows correct hierarchy for the
for a background and for the colour palette to be page allowing the reader easy navigation of the
more simplified. website. I made the website a single-page layout
to promote exploration of the whole website and
I made hundreds of iterations testing the mouse to allow for easy access of content.
cursor animation, researching recording mouse
location with JavaScript and changing the
frames of the background based off this position.
However the final method of using a table which
“broadcasted” a message to the background to I applied a gradient map to the portrait image
change the image based off the cell hovered upon and article images so they fit in with the rest
in the image. of the website’s colour scheme whilst still
remaining with correct value.
The final result added a nice degree of user
engagement to the website and was aesthetically
pleasing and did not distract the viewer from the
content.

I added parallax effects to the images on the side


of the article pages using JavaScript.

This gives the effect of depth to the webpage,


inviting the viewer further into the website.
Production of Advert for Website Production of Magazine Content
Filming Sketch of the can label design Lino Illustrations for magazine
I filmed a range of shots on a dolly in the green I created the lino using traditional techniques
screen room at school. This allowed me to as a part of my visual arts major work then
mask out the green to get a completely white expanded the prints to a larger size to fit to the
background which would’ve been difficult to aspect ratio of the grid/frames. I then digitally
have done with just lighting. coloured them in Photoshop.

20 21
Titling
I based the title on a modern Apple advert so
matched the font and colouring on the original Incorporating a modified version of my artworks
advert. I created a sketch for the layout of the can design as an artist showcase is a good way to showcase
and created a logo fitting the criteria of the my art in an almost gallery like setting. Exploring
Keying design in the sketch. It’s a simple memorable digital colouring was easy simply involving blend
Through a combination of chroma keying and logo that is bright, vibrant and enticing for modes
manual keying I removed the background the product. If it were to be a real label design
resulting in a clean view of the product. I would spend more time on it for an actual
product design.

Overlay My original sketch included nutritional labels Loose Grid Layout


I made a skip ad overlay for the purpose of illustrat- etc. but for the ad that side of the can wouldn’t be This page is a very clear example of the grid
ing the final view of the advert in use. This helped
seen so I decided to not spend time on designing layout I created. I loosely followed the layout
illustrate what the viewer would see.
it. with elements overlapping. This follows the
organic feel of my magazine style.
Background
For most of the advert the background is just sol- I projected the can onto a publicly available
id #fff white however the keying discussed earlier
model of a drink can. I know how to make a 3D
allows for transitions in the bacground for example
the drastic change to full black. This sudden change model using Maya or even Photoshop but the
in background further engages the viewer. easiest and most effective route was to use a
publicly available model.

Assembling the can into the advert was relatively


simple, just creating a backdrop, positioning and
aligning the text with the other elements.
The process of creating a brand, then a label,
then an advert was a good experience and shows
a wide range of skills in a range of programs.
WHS Safe working practices Magazine Spread Evaluation
Desk Posture Knife Safety The first ad shows effective insight into my own I think the inverted page helps the music section Page 8 has similar white space to page 7 and This spread effectively presents my digitally
Before beginning development on my major The covers of my magazine involved me using skills, of photography, image manipulation, stand out from the rest of the magazine and demonstrates skills in the text wrap feature in altered lino-cuts. I’m really happy with the
work I was sure to research correct desk traditional design techniques involving using a creative design and typography. The contrasting effectively presents the articles. This page clearly InDesign to space the text away from the image. composition relation between typography and
ergonomics to ensure that I was not putting knife to cut up and arrange the design elements fonts between Gill Sans MT Ultra Bold and establishes the layout and design style of the I think the frame shape of the diamond is very images. The symbol of the Japanese flag nicely
myself in a damaging position after long periods on a flat bed scanner. I made sure to make sure Helvetica Light nicely present the heading. The magazine. I effectively balanced the typography effective as it fits the flow of the text well. aligns with the themes of the article.
of time. After research I ensured that my eyes my blade was sharp in order to cut lightly, safely process of creating a brand and ad for the ‘ginga with the other elements of the page.
met at the top of the screen with an angle of and cleanly. I always made sure to cut away drink’ was a great demonstration of skills.

22 23
viewing to the bottom of no more than 45 from my hand on a safe cutting mat surface.
degrees. I added some padding on my desk so Addressing all these concerns allowed me to
that the surface was the same as my arm rest safely use a knife with no injuries.
height. I also made sure that when I was working
my shoulders were relaxed and my hip and knees
were at 90 degrees with my feet supported on
the floor.

Eye Strain Lino tool Safety


I installed a program f.lux that reduces the A couple of my illustrations in my magazines I think the use of separation through colour This is one of my favourite spreads in the This page has some good use of columns and Through a range of image sizes in different grids
harsh blue light from computer after dark. were lino-cuts I had to be very careful and make effectively allows the reader to traverse the magazine. I love the contrasting typography and image grids. The circle element on page 11 the page is kept interesting and all information is
Whilst this did affect the colour balance when sure to follow these rules at all times: Never cut page without the order of reading being altered. how the images loosely overlap on the grid. The signifies the end of the article and ties the images clearly visible.
doing technical colour grading or colour design towards yourself cut outwards and away from Through using different columns and formatting white-space on the second page nicely centres together effectively. The header typography
I always made sure to double check the file the you. Keep your non cutting hand out the way of different messages and line of reading are the content in the page, it is tied nicely in with successfully presents the article.
next day or in print. After installing the software the area you are cutting round. Throw all off-cut formed. The advert effectively presents the the page number and image.
I noticed that my eyes became a lot more relaxed strips in the bin at the end and leave your area product and highlights my skills in graphic
towards the evening and my sleep improved. tidy. design techniques.

Further Solutions After following all my WHS steps I succesfully


To solve both the eye strain and desk posture completed my project without any injuries.
issue I also regularly got up from my desk and
looked into the distance to stretch to reduce
exposure to the constant distance of the screen
and RSI (Repetitive strain injury). The regular
standing and walking also helped reduce muscle
stiffness.
Website Evaluation Magazine Evaluation
Overall Evaluation Overall Evaluation
I’m really pleased with my website, and how effectively I’ve managed to efficiently convey I’m super pleased with my magazine. I feel like the content I decided to produce highlighted my
information whilst being visually appealing and interactive with the user. I’m very happy with the skills in a wide range of areas. The simple task of an advert includes so many skills such as logo
final colour palette and sleek minimal design style and glad that my experimentation paid off. The development, 3D modelling, product designing and typography. Further through the successful
interactive animation elements engage the reader whilst not distracting them from the content. After experimentation of typographical elements of the magazine allowed me to show my understanding of
meticulously crafting every element of the page the final result is a clear representation of my skills layout and composition in a page layout.
and techniques used in the project.

24
Core Function + Aesthetic
Core Function + Aesthetic I experimented with more contemporary page designs which incorporated more visual favouring
I was very careful to ensure that the core function did not suffer at the addition of increasing design elements, however decided to go towards a more functional approach with clearer hierarchy.
aesthetics. I made sure that the navigation was intuitive and quick. Conscious decisions were made to Personally I find the functional nature of the design aesthetically pleasing as the scheme is universally
ensure that the page could be traversed with ease. The single page layout of the main page allows for clear.
the user to read more into the website than perhaps originally planned, promoting longer page time
and overall more use. Room for improvement
I think creating a more defined design layout would have been beneficial as I had to do a lot of
Room for improvement experimenting with different headers as opposed to having them all already planned out. After
Through the addition of more content, managing it all would be very time consuming in raw HTML receiving the magazine from the printer it physically feels a lot thinner than I imagined. In hindsight I
and CSS, therefore implementation of a CMS (Content Management System) would be beneficial. should have worked out the ideal number of pages backwards from an actual publication magazine or
I’ve researched alternatives that support CMS such as web-flow but they aren’t free so therefore got a blank mock-up of pages to get a feel for the thickness of the magazine.
unsuitable/unnecessary for this project. I feel like I could have developed a more coherent theme if
I experimented more with mock-ups however I came across my theme quickly due to the extensive
amount of web development I’ve done in the past.

Finally, I would like to say how pleased I am with the broad range of content I was able to produce
for this project. The areas and skills I have covered are well documented and performed to a high
standard. The final result of both my magazine and website were what I imagined if not better than!