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

PLACE-HOLDER

1
IT Multimedia MDP
30630475
Contents
Contents��������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������2
KEY�����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������2
Statement of Intent�����������������������������������������������������������������������������������������������������������������������������������������������������������������3
KEY
Inspiration Board��������������������������������������������������������������������������������������������������������������������������������������������������������������������3 KEY POINTS
Research - Magazines������������������������������������������������������������������������������������������������������������������������������������������������������������4
Research - Logos ���������������������������������������������������������������������������������������������������������������������������������������������������������������������5 ONGOING EVALUATION
Research - Websites���������������������������������������������������������������������������������������������������������������������������������������������������������������5

2
Research - Design Principles�����������������������������������������������������������������������������������������������������������������������������������������������6
Research - Software ��������������������������������������������������������������������������������������������������������������������������������������������������������������6
Research - Web Fonts ������������������������������������������������������������������������������������������������������������������������������������������������������������7
Research - Magazine Fonts ��������������������������������������������������������������������������������������������������������������������������������������������������7
Research - Software ���������������������������������������������������������������������������������������������������������������������������������������������������������������8
Research - Hardware��������������������������������������������������������������������������������������������������������������������������������������������������������������8
Portfolio Time Plan�����������������������������������������������������������������������������������������������������������������������������������������������������������������9
Production Time Plan �������������������������������������������������������������������������������������������������������������������������������������������������������� 10
Finance Plan �������������������������������������������������������������������������������������������������������������������������������������������������������������������������� 11
Magazine Flat Plan/Design Identity������������������������������������������������������������������������������������������������������������������������������ 12
Logo Idea Generation/Prototyping ������������������������������������������������������������������������������������������������������������������������������ 13
Final Serif Logo and Branding����������������������������������������������������������������������������������������������������������������������������������������� 14
Magazine Advert Development��������������������������������������������������������������������������������������������������������������������������������������� 15
Magazine Advert Development��������������������������������������������������������������������������������������������������������������������������������������� 16
Production of Magazine Covers �������������������������������������������������������������������������������������������������������������������������������������� 17
Production of Website 3D Model������������������������������������������������������������������������������������������������������������������������������������ 18
Production of Website�������������������������������������������������������������������������������������������������������������������������������������������������������� 19
Production of Advert for Website����������������������������������������������������������������������������������������������������������������������������������� 20
Production of Magazine Content������������������������������������������������������������������������������������������������������������������������������������ 21
WHS Safe working practices �������������������������������������������������������������������������������������������������������������������������������������������� 22
Magazine Spread Evaluation�������������������������������������������������������������������������������������������������������������������������������������������� 23
Website Evaluation�������������������������������������������������������������������������������������������������������������������������������������������������������������� 24
Magazine Evaluation����������������������������������������������������������������������������������������������������������������������������������������������������������� 24
Statement of Intent Inspiration Board
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
website will be designed around the magazine company. The magazine should be well designed to a
consistent high standard. I can achieve consistency throughout the magazine by developing a colour
palette, repeating fonts and grids to create layouts. Throughout the development of the project I will
need to frequently review my progress on the project in the form of ongoing evaluation. Before I begin

3
development, sketches and planning must be done to make the process more efficient. Throughout the
design process I will follow rules of design like hierarchy, symmetry, colour, etc. These rules will allow
my designs to be visually appealing and to a high standard. The content I will cover in the magazine
will be design and arts related. The website will have information about the magazine company and a
few articles.

Motivation
The reason for choosing a website and a magazine is so I can create a digital and print product
to the highest quality possible and so each medium can reach different target markets/users. The
reason for the content of my magazine is because it fits with my interests. The project will be used in
my professional portfolio for university/college and job opportunities.

How?
I will research the best/most effective industry standard programs for use in the production of
both my magazine, folio and website.

Budget:
The only expected costs are printing of the magazine and any necessary other printing of folio or
accompanying print like pamphlets or postcards. This will most likely be less than 200 dollars, which
is around what I am willing to spend.

I feel like I have accutately followed my statement of intent and my project I have produced
demonstrates my skills in Industrial Technology Multimedia very adequately.
Research - Magazines
Rolling Stone magazine
The Rolling Stone is a monthly American publication that covers current music, film, TV and politics
Plus
The rolling stone magazine mainly consists of articles with the text formatted into a grid to
allow consistency throughout the magazine.
The magazine uses very strong typography for its headers and article separators.
Very strong photography throughout the magazine.

4
Negative
The magazine has a lot of content resulting in limited white-space in the magazine.

Polychrome
Plus
Really strong combination of illustrations and photographs
Strong stylized typographic logo
Good balance between aesthetics and content
Negative
Slightly less clear theme consistency due to too many colours.
Overcomplicated due to using more fonts than necessary.
NUDE.
“It would be a publication that shed light on not just one aspect of the industry, but would feature
everyone behind the scenes as well. Creatives such as models, stylists, designers, makeup artists and
more would be included. It would showcase an array of people who strive for what they believe in and
do what they love. It is our mission to give you a glimpse into the lives of those individuals, while also
giving them a platform to showcase their work and talent.” - NUDE (insight into type of content)

Plus
The NUDE. Magazine features very strong photography making the magazine more engaging.
The magazine uses common repeating elements to create a ‘brand’ or magazine identity.
These elements include overlapping images, repeated symbols like circles and repeated words.
These repeating patterns and symbols help create consistency throughout the magazine and is also
aesthetically pleasing.

Negatives
Unlike the Rolling Stone magazine ‘NUDE.’ Focuses on arranging the text in a form over function
way. This reduces the amount of text and content in the magazine in comparison to the Rolling Stone
MAG.
The logo for the magazine might be difficult to read when shrunk. However the company seems
to use a silhouetted version of the logo for smaller applications as opposed to the outlined version.
Research - Logos Research - Websites
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.
memorability, timelessness, relevancy, versatility and uniqueness. However there are factors that affect the success of a website such as usability and the relationship
between the user and the website (parallax scrolling). User Experience/User Interface (UX,UI) design
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
the best designers possible to design their logos and have had them for decades ( due to the timeless much more involved with the product.
nature of them).
Heavy research and hence documentation is avaliable on styles of UI design for example the Material

5
design style used by Google has rules and instructions on every possible element needed in a website
or app (found at material.io).
McDonald’s Logo - Positives
Apple Website
• Simple Positives
• Versatile • Good interactivity with user through parallax
• Memorable scrolling.
• Simple colour palette. • Simple modern design aesthetic
• Timeless • Modern design re-insures security
• Easy to navigate horizontal navigation bar
• High quality product photographs
Apple Logo - Positives
Negatives
• Memorable • Apple puts the hierarchy in order of what
• Simple they want you to buy front and centre,
• Popular because of serving as self advertisement. Whilst this is
price of logo good for the business it can disrupt the user’s
• Versatile experience.

Rolling Stone Rolling Stone Mag Website


Positives
• The Rolling Stone magazine Logo is less important than Apple as you use • Strong colour theme with red
Apple’s logo more often with their products. • Easy to navigate with categories
• 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

Most popular brands have these factors and have pretty similar positives such as Pepsi, Nike, Microsoft Negatives
and Adidas. What makes a good logo is pretty simple and most logos follow the same rules. • Improvements could be made on mobile
layout as it makes navigation harder as some
These are simplicity, memorability, timelessness, relevancy, versatility and uniqueness. options are removed.
Research - Design Principles Research - Software
Grid Layouts Code Editor - Atom
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
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
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
margins. me. I’ve used Atom for years to develop websites and software. Atom is my
Fonts personal preference.
Most fonts fall into 2 categories serif or sans-serif, however there are other fonts such as decorative/

6
cursive fonts or ding-bat fonts. Traditional serif fonts are used in print and sans-serif fonts are used for Code Editor - Sublime text
digital forms. Most serif fonts look outdated, however there are some exceptions. Sublime text is a cross-platform source code editor. It natively supports
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,
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
design aesthetic of the magazine. more difficult to install them.

Code Editor - Adobe Dreamweaver


Adobe Dreamweaver is included in the Adobe Creative Cloud Suite which I
can obtain free from school. However I have no experience in Dreamweaver
and it is designed for less experienced web developers. It has unnecessary
Colours features which hinder productivity.
When designing a logo it is important that the logo looks good in a single colour as well as coloured.
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
combined, can help envision a scene or a mood. Adobe After-Effects is another industry standard program capable of
assisting in creating complex special effects, motion graphics and animations.
Type Size and Leading I’ve also been using After Effects for many years. It is also included in the
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
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.
headings size 22pt, 33pt, 44pt etc. With my font size being 11pt my leading will be between 120% and
145% most likely more towards the latter to allow for more white space.
Motion Graphics Software - Motion for MacOS
Paper Types/Sizes Motion is a motion graphics program specifically designed for motion
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
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
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.
Common sizes for magazines are usually trimmed versions of A4. I will experiment with my magazine
having an A4 height with a width that confines to the golden ratio. Whilst this may prove impractical it
will prove as good experimentation.
Research - Web Fonts Research - Magazine Fonts
Roboto Arial
“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
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
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
a bit overused in my opinion. over use and colour combinations. However it’s not the style that I’m going
for therefore it won’t be used.

7
Open Sans Gill Sans MT
“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
Type Director of Ascender Corp. This version contains the complete 897 thicker widths such as Ultra Bold have a distinctive organic form which fits
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
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.

Blinker Helvetica Light


“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
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
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
using a Uniform font for the whole page including the body text, the font is inclusion in my magazine.
unsuitable.

Montserrat Fonts
“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
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
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.
century. As urban development changes that place, it will never return to its
original form and loses forever the designs that are so special and unique.” *All quotes/references come from the fonts’ respective authors
Similar to blinker the wide characters make it unsuitable for body text.

Lato
“Lato is a sans serif typeface family started in the summer of 2010 by
Warsaw-based designer Łukasz Dziedzic. In December 2010 the Lato
family was published under the Open Font License by his foundry tyPoland,
with support from Google.” Lato is available in 10 styles and featured in
12,000,000 websites. I personally think it fits with the feel of my website and
the weight variations are beneficial therefore it will be used for my website.
Research - Software Research - Hardware
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
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
of Scribus is that it is free however the whole Adobe Suite is available for
students.
Portfolio Time Plan

9
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-
ming towards the due date. I missed a few update points but mostly was not too bad.
Production Time 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
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
had already finished the navigation, I had a very
clear goal for my navigation as I have improved
off previous projects. I then began on the long
task of creating the 3D model background. I
had a good amount of time to experiment with
software and research as I had never done any
modelling before then.
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.
Finance Plan

11
My predicted cost of my project would be $140 this included Folio printing and Magazine Printing,
all other resources were school provided or already owned. I got the folio cost from last years DNT
portfolio printing cost, however I found an a3 folder at school that I could have and could get free
printing at my dads work and after doing some test the quality was adequate. The magazine printing
was a lot more than originally anticipated as I did not originally plan on getting more than one copy
however I feel like it would be good to have multiple just in case I wanted to give one to someone.
This bumped the cost up to $154.90 only $14.90 above my original planned amount, which is quite
reasonable.
Magazine Flat Plan/Design Identity
I first made a flat plan for the basic content
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
created a basic layout in InDesign using Master
page layouts (See the page numbers in the
sketches.) This allowed me to fit my content in

12
correspondence to the repetitive page elements.
I experimented with coloured shapes (inspired
by a newspaper I saw in Japan) to add some
visual interest to the page but it confused the
hierarchy of the page and disrupted the flow
of content and took up unnecessary space. The
rough grid layout followed is seen in the second
version, the grid follows the rules of thirds
vertically and horizontally increasing visual
aesthetics.
Logo Idea Generation/Prototyping
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.

FATBOY LOGO
The FATBOY logo is visually appealing however
I’m not sure the name is as good as it could be.
The logo is strong however lacks in elements as it

13
has no strong logo-mark.

Positives
Strong typographic element
Pretty good name but probably not suitable for
a design or art magazine, sounds more like a
skateboard name.
Good exploration of typography

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
The serif brand identity conveys a clearer link to design than “Sans” and is more aesthetically
appropriate and appealing.
“Accuracy is one of those things that computers do really well and people are better at good taste, and
sometimes having things misaligned or imbalanced is appealing” - Josh Beveridge. In my magazine
I will include elements of this imperfection, clear layering and handmade elements. Imperfection
is a very large aesthetic at the moment with it being perceived as a reflection on the past. With the
introduction of computers design became rushed and resulted in poor design. This is why my cover

14
will be created using traditional techniques, and my magazine will be carefully planned.

Positives
Imperfect design style is an interesting style that stands out from other magazines logos.
Strong contrast with deep black contrast
Direct link to the typographic elements of serifs and design
Balanced logo with the word-mark able to be separated into 3 sections
Logo-mark allows for versatility in the application of the design

Negatives
Logo mark is not directly related to the word-mark which is not the best however the logo will mostly
be seen in the full word-mark form.
Logo mark has a much more formal/elegant feel in comparison to the logotype/word-mark. - Which
perhaps might give off an unclear message of the brand.
Magazine Advert Development
A Rundown of the layers/process. Nosophobia advert
Background
Layer 1 I got an aerial photo of the area of the “event” from online and applied a gradient map to it so the
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
placing one in the top middle, middle right and gradient map is perfect for the background.
bottom left. This follows the rules of thirds. I
used the content-aware tool to generate the Text

15
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.
Text
I transformed the text so it was perspectively
matched with the background. To add visual
interest to the design I repeated the text a couple
times.

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
visually appealing and more eye catching. I
made a gradient from dark blue, to blue, to
skye blue then to white. This interesting colour
combination adds further interest to the advert.

This is the first advert I did and visually presents


the exhibition
Magazine Advert Development
A Rundown of the layers/process. A Rundown of the layers/process.

Layer 1 Background
After sampling colours from the photo of the I sampled the two similar colours of the design
eclipse packaging I took, I made a blended palette for the background and then inverted it to get a
from the colours to sample with a Dry, Heavy green complementary colour.
Load Blob brush.

16
Background Hue Shift
Layer 3 I was unhappy with the complementary
Using the blob brush I created some abstract 3D background, therefore I shifted the Hue to be
looking tubes for the background and applied a more analogous and darker to make the content
gaussian blur to imitate depth. stand out.

IMG_0967 Shadow
This is the masked image of the mint can that I I drew the shape of the shadow with the pen tool
photographed using a DSLR camera. I used this to imitate a shadow, then applied a blur to make
camera because I owned it before starting the it look more realistic.
project and have used it many times before.
Magazine
Layer 2 I created a cover using my own painted texture
This layer follows the same process as the lower and scanned elements. I converted it to a 3D
Layer 3 but using a smaller brush size and is layer and stacked them up and blended the edge
placed in-front of the image of the can. The mask to give the illusion of extruded depth.
in this layer allows for the can to go over the
shapes adding more depth to the image. Bind text
Added text and transformed appropriately to fit
Unused Gradient Map to the 3D perspective of the bind.
This was a trial/experiment for balancing out
the colours more to the scheme of the can/tubes I’m happy with how both designs convey their
however it reduced the contrast and made the products’ message and idea in an aesthetically
product stand out less. pleasing and clear way. Working with my own
photography in the first ad was much easier than
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 Magazine Covers
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
colours of a varying degree. I typed out all the I had the idea of recreating an image of the main
text for the cover and the images and arranged article constructed from half-tone variants of the
them into the layout and scanned them. This original bar-code.
allowed me to get a unique traditional look that
would be nearly impossible to create effectively I created a shade scale of the image ranging

17
just in a program like Photoshop. from black to white. This allows Photoshop to
generate the half-tone from the shade of the
To make it more vibrant and colour varied I used shade scale. I used the blend tool in illustrator to
gradient maps to add this visual appeal easily. create a smooth blend to the black bar-code in
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.
personally find very attractive opposed to the
repetitive nature of magazine designs currently, I found that having larger half-tones allowed a
the bright colours and unusual design style will clearer view of both the original image and the
help the magazine stand out on the shelf. message that the image is made of bar-codes.

I cut out a section of the design to allow for


the actual undisturbed bar-code for scanning.
I looked into the steps in purchasing an actual
bar-code however it required a lot of technical
registration with Business Numbers etc.
However the research proved valuable for finding
specifications on bar-codes and the potential for
further design.

I’m happy with the back cover design. It’s visually


interesting and represents the general themes
of the magazine. The skills learnt through this
technique can be applied to a multitude of
similar designs.
Production of Website 3D Model
I modelled the mask off sketches I did. I
completed the model in Maya and arranged the
points off the centre line of symmetry. I coloured
the shapes and background to match the vision
in my head.

I then animated the 25 frames rotating around

18
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
for a background and for the colour palette to be
more simplified.

I made hundreds of iterations testing the mouse


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
change the image based off the cell hovered upon
in the image.

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.
Production of Website
I embedded my fonts from google fonts to
save storage space on the future server. The
navigation seamlessly fits with the background
and stays fixed with the top of the page so it is
easily accessible.

19
The blurb follows correct hierarchy for the
page allowing the reader easy navigation of the
website. I made the website a single-page layout
to promote exploration of the whole website and
to allow for easy access of content.

I applied a gradient map to the portrait image


and article images so they fit in with the rest
of the website’s colour scheme whilst still
remaining with correct value.

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
Filming
I filmed a range of shots on a dolly in the green
screen room at school. This allowed me to
mask out the green to get a completely white
background which would’ve been difficult to
have done with just lighting.

20
Titling
I based the title on a modern Apple advert so
matched the font and colouring on the original
advert.

Keying
Through a combination of chroma keying and
manual keying I removed the background
resulting in a clean view of the product.

Overlay
I made a skip ad overlay for the purpose of illustrat-
ing the final view of the advert in use. This helped
illustrate what the viewer would see.

Background
For most of the advert the background is just sol-
id #fff white however the keying discussed earlier
allows for transitions in the bacground for example
the drastic change to full black. This sudden change
in background further engages the viewer.
Production of Magazine Content
Sketch of the can label design Lino Illustrations for magazine
I created the lino using traditional techniques
as a part of my visual arts major work then
expanded the prints to a larger size to fit to the
aspect ratio of the grid/frames. I then digitally
coloured them in Photoshop.

21
Incorporating a modified version of my artworks
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
design in the sketch. It’s a simple memorable digital colouring was easy simply involving blend
logo that is bright, vibrant and enticing for modes
the product. If it were to be a real label design
I would spend more time on it for an actual
product design.

My original sketch included nutritional labels Loose Grid Layout


etc. but for the ad that side of the can wouldn’t be This page is a very clear example of the grid
seen so I decided to not spend time on designing layout I created. I loosely followed the layout
it. with elements overlapping. This follows the
organic feel of my magazine style.

I projected the can onto a publicly available


model of a drink can. I know how to make a 3D
model using Maya or even Photoshop but the
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
Desk Posture Knife Safety
Before beginning development on my major The covers of my magazine involved me using
work I was sure to research correct desk traditional design techniques involving using a
ergonomics to ensure that I was not putting knife to cut up and arrange the design elements
myself in a damaging position after long periods on a flat bed scanner. I made sure to make sure
of time. After research I ensured that my eyes my blade was sharp in order to cut lightly, safely
met at the top of the screen with an angle of and cleanly. I always made sure to cut away

22
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
harsh blue light from computer after dark. were lino-cuts I had to be very careful and make
Whilst this did affect the colour balance when sure to follow these rules at all times: Never cut
doing technical colour grading or colour design towards yourself cut outwards and away from
I always made sure to double check the file the you. Keep your non cutting hand out the way of
next day or in print. After installing the software the area you are cutting round. Throw all off-cut
I noticed that my eyes became a lot more relaxed strips in the bin at the end and leave your area
towards the evening and my sleep improved. tidy.

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.
Magazine Spread Evaluation
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
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
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
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
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.
process of creating a brand and ad for the ‘ginga with the other elements of the page.
drink’ was a great demonstration of skills.

23
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
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
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.
Through using different columns and formatting white-space on the second page nicely centres together effectively. The header typography
different messages and line of reading are the content in the page, it is tied nicely in with successfully presents the article.
formed. The advert effectively presents the the page number and image.
product and highlights my skills in graphic
design techniques.
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!