# data[].attributes.body
This is my mood board on artist Michael Bierut. Personally, I don't particularly like his art style. This is because it uses the same design and colours which I don't personally like. One thing I do like about his artwork is his layout on the page. All shapes and/or letters are always the same distance apart from each other or the borders of the page.

For the background I used the rectangle tool and filled it with black to create a pitch black background. After that, I used the paint brush tool and selected a custom made brush which allowed me to create a splat type effect and used various colours. I then used the same tool again, but instead I changed it to white and put them around the edges of the border leaving a small gap in between.

Finally, for the text I created and bar wave in the centre of the page and moved the letters which creates a wave effect.

One thing that I would change next time is the amount of bars and/or what word that I could choose to make it look sleeker

# data[].attributes.body
https://www.instagram.com/ld.agd/

# data[].attributes.body
https://www.flipsnack.com/ABFFECBBDC9/e-zine-booklet.html

# data[].attributes.attachment_link.description
This is my booklet filled with all the pages I have made over 3 months.

# data[].attributes.body
https://twitter.com/LiamDeakinGD

# data[].attributes.attachment_link.embed_code
Tweets by LiamDeakinGD

# data[].attributes.body
https://www.behance.net/liamsdeakin

# data[].attributes.attachment_link.description
Hi, my names Liam. I am 16 years old and live in the United Kingdom. I am a student at South Cheshire College and currently studying Level 3 BTEC Graphics. I have been studying this subject for multiple years now which has given me vast experience of software and techniques to use in designs.

# data[].attributes.body
Project title page - Digital Diary: A Typographic Exploration 👍

Project Mind Map (what is graphic design to me?) 👍

Project Mood Boards: 👍

Tradtional

Digital

Flipgrid Video 👍

Josef Albers: 👍

Artist Research Page

Mood Board

Colour Theory Zine

Illustrator Colour Mood Boards with Hex Codes👍

History of Type Poster👍

Serif vs Sans Serif Poster 👍

Anatomy of Type Video👍

Paula Scher: 👍

Artist Research Page

Mood Board

Paul Scher E-Zine Page Scamp (zine title page)👍

Paul Scher E-Zine Page Design (page 1/title page)👍

Neville Brody: 👍

Artist Research

Mood Board

Types of White Space Poster👍

Neville Brody E-Zine Page Scamp (page 2)👍

Neville Brody E-Zine Page Design (page 2)👍

Adobe Illustrator Bevel & Extrude Experiment👍

Vasjen Katro: 👍

Artist Research

Mood Board

Adobe Illustrator 3D Shapes Experiment👍

Vasjen Katro E-Zine Page Design (page 3)👍

Michael Bierut: 👍

Artist Research Page

Mood Board

Adobe Illustrator Stretch Typography Experiment👍

Michael Bierut E-Zine Page Scamp👍

Michael Bierut E-Zine Page Design👍

Blend Tool Experiment👍

Blend Tool E-Zine Page(s)👍

Other E-Zine Scamps and Page Designs👍

Link to Project Padlet (weblink, QR code etc)👍

Link to social media if you have it👍

# data[].attributes.body
Create an A4 document within Adobe Illustrator.

Using the type tool, type a selection of words in a typeface of your choice.

Apply a selection of these various weights to each letter of your word. For example one letter may be Gill Sans MT, one letter may be Gill Sans MT Bold and another Gill Sans MT Condensed.

You will need to select a typeface that includes different

weights within its family e.g. light, medium, bold, condensed.

Duplicate your type by selecting each type frame, holding down 'alt' on your keyboard and dragging - placing the duplicated type in the grey work area for later use (should you need it).

We now need to transform our type into shapes so we can

manipulate the pathway of each letter.

To do this, select your type frames and head to:

Type > Create Outlines.

You then need to ungroup by selecting Object > Ungroup.

You should now be able to move and edit each letter individually. Choose a letter within your word that you wish to manipulate/extend.

Using the direct selection tool, select all the anchor points that you wish to manipulate. Make sure to hold down the 'Shift' key on your keyboard to select multiple anchor points.

Once you have selected all the anchor points, you can simple click and drag the type to extend it. Repeat this process with as many letter as you wish, until you have created a desired typographic outcome.

In further designs, I will use this technique because it is very effective. This is because it of the contrast between the graphic and the background.

One thing that I could add it adding depth or a gradient to the letters.

# data[].attributes.body
In further designs, I will use this technique because it is very effective. This is because it of the contrast between the graphic and the background.

One thing that I could add it adding depth or a gradient to the letters.

# data[].attributes.body
This is one of my favourite designs that I have made. This is because it is very simple and effective. The use of contrasting colours against each other makes the images stand out from the solid colours.

I made one, duplicated it and then changed the hue/saturation.

For the text, I entered them together using rulers on photoshop and then duplicated it twice and put them on both sides to creates a drop shadow effect.

# data[].attributes.body
I like this page because it one of the most simplest page to create, however the effectiveness is immeasurable. This is because I have changed the opacity between the letters to make it so you can clearly see both letters.

# data[].attributes.body
I like this page a lot. The reason for this is that the use of multiple principles such as contrast and white space. Principles like these are effective because it makes the image look sleek and organised.

Another thing that I think is nice, is the use of the geometric typeface. I think this because it adds some more creativity to the design.

Finally the use of the place holder text is also important because it helps fill small gaps in-between words/patterns.

# data[].attributes.body
For spaces of the page that needed some content, I created a text box and inserted placeholder text to fill the area. I mainly used white because it would be easier to read however, in this instance it shouldn't matter.

One thing that I could do to improve the design would be to refine the letters to make them more sleek.

# data[].attributes.body
I like this design because it uses a wide range of tools and techniques. The use of layering, for me, is the most important technique in this piece because it has 1 image over lapping another, however also something over lapping the very same image. I like this because it creates depth and a confusing design.

# data[].attributes.body
In the future I will use this technique because it allows you to create various 3D designs that can be exploited in different ways to create elegant designs.

# data[].attributes.body
This is a concept page I have made that I may use in my portfolio. I have done this because I have two designs that I like however this one is not being used for it. Although, I could use the same design on another piece of work.

# data[].attributes.body
I like this piece. This is because of the gradient from light to dark, up and down the page. This is effective because the other layers act as shadows to each other.

One thing that I would do next time would be to smarten up the edges of the letters and align them better. Also, I might have reduce the size of the letters for me to accomplish this.

# data[].attributes.body
Please copy this to your own Padlets!

# data[].attributes.body
I have made these because scamps are a good way to gather ideas for designs which you can use either for traditional or digital designs. I have made 6 scamps here which I can base my design off if I would like to.

# data[].attributes.body
AC1 - AC5

Develop your skills within the Adobe Creative Suite through experimentation and combining multiple techniques and tools together, to create a series of design outcomes for your e-zine.

Source inspiration from the range of designers that we have analysed throughout the project, exploring potential concepts through the art of scamping.

Apply the basic principles of design to ensure effective and impressionable artwork.

# data[].attributes.headline
Adobe Skills Development: Creating E-Zine Pages

# data[].attributes.subject
Adobe Skills Development: Creating E-Zine Pages

# data[].attributes.body
Create an A4 document within Adobe Illustrator.

Using the rectangle tool, create a background and fill with a colour of your choice.

Once you are happy, lock the background by heading to Object > Lock OR Command + 2 (shortcut).

Use the type tool to write the content of your poster.

You now need to expand your type into shapes. To do this, head to Object > Expand > Fill.

Once you have done this, ungroup your letters by selecting Object > Ungroup. Once you have ungrouped your letters, you can begin to rearrange them.

We are now going to use the 3D rotate tool to experiment with isometric perspectives. To do this head to Effect > 3D Rotate. You should then use the drop down options within '

Position' and select 'Isometric Top'. Click OK and repeat this

process for all the letters within one of your words.

For the second word, experiment with a different isometric

perspective. In this example, we will use 'Isometric Right'.

Hover back over until you highlight the box/rectangle path

around the letter. Click and delete the box/rectangle path.

You now need to prepare each letter ready to use the blend tool.

To do this, you need to complete the following steps:
Select one of your letters.

Go to Object > Expand Appearance.

Right Click > Ungroup

Right Click > Release Clipping Mask.

Click off your letter.

You should now repeat this process for all the letters within the design. Once you have completed this, you will need to

duplicate (alt & drag) the letters within one of your words and place ready to blend.

To blend, select a letter and its duplicate.

Head to Object > Blend > Make.

In your toolbox, you will have the blend tool. Select this to

alter the number of steps within your blend. To do this, you will see a 'Specified Step' option within the spacing dropdown. Select this and amend the number of steps. For this example we used 60.

You now need to amend the stoke of the blend to be able to see all the steps. The stroke is located at the bottom of your tool box and you should make this the same colour as your background. Finally, you need to arrange the top letter

and bring it to the top so it is visible.

To do this,

Double Click the Letter >

Right Click > Arrange> Bring to Front.

Apply this to all the other letters within your design. You can then experiment with the placement of each letter using the selection tool.

You can also use the direct select tool to work with the anchor points and manipulate the length, angle and direction.

In the future I will use this technique because it allows you to create various 3D designs that can be exploited in different ways to create elegant designs.

# data[].attributes.body
AC3: Technical Skills

Experiment with the 3D rotate tool to explore isometric perspectives.

Simulate the process of applying the blend tool to type and shapes within Adobe Illustrator.

Evidence your process using screenshots and annotations.

# data[].attributes.body
Repetition has been considered by using an illusion making the overall graphic look endless.

The text elements have been repeated and slightly angled to create a 3d effect.

There is a clear consistency in this design as it is all the same words, shapes and size.

This works well as part of the design because it creates an illusion and uses a 3d effect to engage the viewers eye.

# data[].attributes.body
AC1: Informing Ideas

Recognise the benefits of repetition within graphic design.

Identify a minimum of 4 ways to use repetition within own design compositions.

Analyse a typographic design, discussing how repetition has been used effectively.

# data[].attributes.headline
The Basic Principles of Design: Repetition

# data[].attributes.subject
The Basic Principles of Design: Repetition

# data[].attributes.body
AC1: Informing Ideas
AC3: Technical Skills

Research infamous graphic designer Michael Bierut, discussing the inspiration and message of his work and analysing the media and techniques used.

Design an industry standard digital mood board using Adobe Photoshop to explore Michael Bierut's typograhic work.

# data[].attributes.body
One thing that I can do to improve this research page is find out more information about if/who he got inspiration from and if he works freelance or for a company.

# data[].attributes.body
These are my scamps on artist Michael Bierut. I have made these because scamps are a good way to gather ideas for designs which you can use either for traditional or digital designs. I have made 5 scamps here which I can base my design off if I would like to.

# data[].attributes.body
This is my mood board on artist Vasjen Katro. I like his artwork because it creates a lively effect because of the vibrant colours that he uses. The thing I like most about his work is the merging of colours to create an insterstellar effect. This is because it uses a wide range of colours from warm to cool.

For the background, I used the pen tool to cut out a small pattern with mixed colours and duplicated them to create a pattern.

For the main image in the middle, I removed the visor in the middle and replaced it with an interstellar image that he has used in his work. I have also added a drop shadow to make it look deeper.

For the text I also added a drop shadow which makes it stand out more from the background. I made the text white to contrast the black background.

# data[].attributes.body
AC1 - Informing Ideas
AC3 - Technical Skills

Recognise the benefits of balance within graphic design.

Identify the 5 types of balance.

Discuss how Michael Bierut uses balance effectively within his work.

Create a series of scamps to determine concepts for the next page(s) of your e-zine, drawing influence from graphic designer Michael Bierut and effectively applying the principle of balance.

# data[].attributes.body
Not all symmetry in design is based on balancing the left and right of a composition.

Radial balance relates to elements that spread out from a central point(like a snowflake). When the visual weight of these elements is evenly spread, the result is radial symmetry.

This creates a sense of order and harmony within design outcomes.

# data[].attributes.body
First of all, you need to create a solid fill background using the rectangle tool with any colour. You also need to lock the background which can be found in Object > Lock > Selection, or use command + 2.

Secondly, you need to insert a word of your choice and adjust the typeface and kerning etc. If this doesn't show up you have to go to Window > Type > Character. Then you have to fill the text with the same colour as the background using the colour picker tool.

Then, select your type using the selection tool and click Effect->Extrude & Bevel and adjust the options as shown below.

Now you have to go to Object > Expand Appearance and using the direct selection tool, select the top of each letter. Then go to Edit > Cut, Edit > Paste in Front and then Object > Compound Path > Make.

After that, use the selection tool to select all the layers and right click and click Clipping Mask > Mask and then the design should be finished.

In the future, I will use this design process because it is very effective. This is because it creates depth in the design giving it he 3D effect.

# data[].attributes.body
Balance in design covers how the visual weight of elements are balanced with each other on both sides of a design to create cohesiveness, completion, and satisfaction.

To achieve optimal balance, your composition should be balanced vertically, horizontally, diagonally, or background versus foreground.

There are 5 types of balance in design ; Symmetric, Asymmetric, Radial, Mosaic and Discordant (Off Balance)

# data[].attributes.body
Asymmetrical Composition makes one side of the design feel heavier than the other. Left - Light Text, Right - Heavy Text.

The smaller pools of text are the same size and evenly spread across the page either in chunks or separate lines.

The type is asymmetrical because the focal points are on a larger scale than the others.

The smaller texts however are scattered across with the scales being similar to one another.

# data[].attributes.body
Mosaic balance results from 'balanced chaos'. The composition lacks distinct focal points, and the elements share a uniform emphasis.

The lack of hierarchy leads to visual noise at first glance.

Somehow, though, it all works together.

# data[].attributes.body
An asymmetrical composition is intended to create a deliberate imbalance of the elements in the design.

Asymmetricality can create tension and give your composition a sense of movement.

To get this effect, one side can feel heavier than the other as long as it is still balanced.

# data[].attributes.body
With symmetrical balance, the visual weight is distributed evenly.

You can draw a straight line through the middle of the design in any direction and the visual balance would be

evenly distributed.

This makes the composition appear stable and creates a

more orderly look.

# data[].attributes.headline
Learning Objectives - (Practical Studio)

# data[].attributes.subject
Learning Objectives - (Practical Studio)

# data[].attributes.body
AC1: Informing Ideas
AC3: Technical Skills

Building on Digital 3D skills with Adobe Illustrator, we will create physical typographic studies.

Create a 3D Conjoined Typographic Study which combines your Initials (First / Last Name)

Undertake Preliminary Sketches / Scamps of possible letter shape configurations.

Build Stage: Construct BOTH Letter shapes seperately from either Serif or Sans Serif typefaces (your choice). The Size of the Cap Height to be set at 15cm with the depth extrusion of 3cm.

Document your design making process (photographs of making stages).

How will you combine/conjoin both letter shapes?

# data[].attributes.body
AC1: Informing Ideas
AC3: Technical Skills
AC4: Communication

Review Vasjen Katro's Ted Talk, discussing personal thoughts and opinions to influence own work.

Research contemporary graphic designer Vasjen Katro, discussing the inspiration and message of his work and analysing the media and techniques used.

Design an industry standard digital mood board using Adobe Photoshop to explore Vasjen Katro's 'Baugasm' digital artwork.

# data[].attributes.body
I like this design because it uses a wide range of tools and techniques. The use of layering, for me, is the most important technique in this piece because it has 1 image over lapping another, however also something over lapping the very same image. I like this because it creates depth and a confusing design.

# data[].attributes.body
This is what you end up with if done correctly

# data[].attributes.body
Then, whilst they are on top of each other, go to Object -> Group, which will merge both images together.

# data[].attributes.body
Then, you need to play around with the gradient and see what you like the most.

# data[].attributes.body
After, you need to duplicate the original 3D image and place it on top of the original. This will give it the 3D effect after we have coloured it.

# data[].attributes.body
Then, you have to go to Window->Pathfinder and then on the menu press the Unite mode.

# data[].attributes.body
After that, you need to go to Object->Expand Appearance. This will select the shapes of the 3D object all together.

# data[].attributes.body
For these options you can put any angle, offset and position of the shape. You should have circles that are have different perspectives.

# data[].attributes.body
Then, whilst selected, you need to go to Effect->3D->
Revolve. This will take you to a pop up menu.

# data[].attributes.body
First, you need to make sure that the colour mode of the document is set to RGB. This is because RGB is used for screens, whilst CMYK is used for printing.

# data[].attributes.body
Then you need to create a circle using the eclipse tool.

# data[].attributes.body
AC3: Technical Skills

Simulate the process of creating 3D shapes and gradients within Adobe Illustrator.

Experiment with 3D Revolve, to create three dimensional digital art.

Evidence your process using screenshots and annotations.

# data[].attributes.headline
Adobe Illustrator Workshop: Creating 3D Shapes

# data[].attributes.subject
Adobe Illustrator Workshop: Creating 3D Shapes

# data[].attributes.body
Demonstrate mutual respect when carrying out peer assessment of others work.

Complete an individual learning plan with honesty and depth, assessing own progress.

Create a checklist to identify any work to be completed and manage own time within session.

Complete any outstanding studies from previous workshops, including annotations.

Participate and engage in a 1:1 tutorial.

Upload all work from session to module Padlet.

# data[].attributes.body
Type of white space poster design. 👍

Magazine analysis of white space (micro, macro, active and passive).👍

Analysis of Neville Brody typographic poster, identifying and discussing the 4 types of white space in graphic design. 👍

A series of scamps to develop your design layout for e-zine page 2. 👍

Adobe Illustrator colour palette in preparation for e-zine, taking inspiration from Neville Brody's work. 👍

Experimentation on 3D Bevel & Extrude tool within Adobe Illustrator, including screenshots on the process.

E-zine page 2 designed in Adobe Illustrator. 👍

# data[].attributes.body
I like this design for this poster. This is because I have tried aligning the text together, however it isn't perfect. So for next time I will use rulers more accurately to align them better. Also, the use of the shadow on the text at the sides is something that I like as well.

# data[].attributes.body
This is my final design of my 2nd page of my E-Zine. I like this because the wide range of vibrant colours stand out from the dark background.

To create the letters, I used the pen tool and created rectangles. I did this because I wanted to use a geometric typeface instead of creating the normal shape of the letters. This is because a geometric typeface allows you to be creative with designs. For the most part, I tried to keep each letter to two different shapes to make the graphic look sleek and clean.

For spaces of the page that needed some content, I created a text box and inserted placeholder text to fill the area. I mainly used white because it would be easier to read however, in this instance it shouldn't matter.

One thing that I could do to improve the design would be to refine the letters to make them more sleek.

# data[].attributes.body
These are some of the colours that I am going to use in my final piece.

All 4 rows are different colour harmonies.

# data[].attributes.body
These are some of the colours that I will be using in my final design.

# data[].attributes.body
I have made these because scamps are a good way to gather ideas for designs which you can use either for traditional or digital designs. I have made 3 scamps here which I can base my design off if I would like to.

# data[].attributes.body
No Limits

# data[].attributes.body
AC1: Informing Ideas
AC2: Problem Solving
AC3: Technical Skills
AC4: Communication

Design a typographic page for your e-zine in the style of Neville Brody, using Adobe Illustrator.

Utilise a range of tools within Adobe Illustrator and evidence this using both screenshots and annotation.

Apply 4 types of white space within the design and discuss its effectiveness.

# data[].attributes.body
AC1: Informing Ideas.

Recognise the benefits of white space within graphic design.

Identify the 4 types of white space and how they are applied within a magazine composition.

Discuss how Neville Brody uses white space effectively within his work.

# data[].attributes.headline
The Basic Principles of Design: White Space. 

# data[].attributes.subject
The Basic Principles of Design: White Space. 

# data[].attributes.headline
Active and Passive Space (Magazine Page)

# data[].attributes.subject
Active and Passive Space (Magazine Page)

# data[].attributes.body
Active Space - The Active space in this image is effective because it creates more focus on the main graphic and also the main graphic, and also the text at the bottom of the page. The active space also creates emphasis on the shadow of the graphic. The use of shadows make the graphic look elegant. The text at the bottom of the graphic is also aided by the active space because it uses a dark colour against a light colour which makes it stand out. The also uses kerning effectively because it covers a lot of space.

Passive Space - The passive space in this image is the pastel coloured background. It is the overall compression to make the focal point of the woman to increase. With the pastel colour it make the reader's eye feel more at ease when focusing on the woman. The colours blend well in this image because they are all similar colours.

# data[].attributes.body
This is my mood board based off THE.HAND.WRITTEN.PROJECT. I like this concept/project because you have to use your mind to figure out creative ways to lay out the images and think about what fonts, sizes and shapes to use. These designs are quite simple, however effective because they use contrasting colours which make them stand out from their background.

# data[].attributes.body
I have done a video regarding the anatomy of typography, where my class as a whole had a group project on making a video. Each row in our class had an assignment on choosing the different parts of the letter forms. My row had the following parts: kerning, tracking, leading, x-height, cap-height, baseline, leg and arm. my row of team in my class first started with writing all the necessary information about each part on paper, and then used Photoshop to create an informative layout providing a brief description about each letter form and an image as a visual presentation. Furthermore, we used each Photoshop image and joined them together to create the video using Premier Rush. In addition to this, we used tools such as transitions that blended in well together in order to make the video more exciting to look at. Throughout my work, I have furthered my knowledge within typography in depth by gaining awareness of each letter form. Gathering essential and detailed information that has been simplified, taking advantage of the editing software's tools and using vibrant colours and the gradient as background are the three things I believe I have done well.

# data[].attributes.body
This is my traditional mood board. On this design I have used a variety of materials, such as card and paper. I used the card as a background for the paper images. This is useful because it uses layering which makes it stand out from the background and the rest of the images.

The use of half of the earth and the letters are effective because it spreads its own message. More uses of layering have also been used with the Statue of Liberty. I have used a double layering effect so it overlaps the earth, but also falls behind it as well. The use of the yellow background behind the Statue of Liberty also represents the sun and the solar system.

One thing that I would improve next time is to use up more of the space provided. This is because there is a lot of white space on the page that could be filled. Alternatively I could use different coloured paper/card instead.

# data[].attributes.body
In this piece, I was in a team of three of my classmates discussing how the word did not comply with the type it had. We first began to discuss how the thickness of letters and the tight space on the black words. Furthermore, we put our thoughts and opinions on paper, explaining how the bold letters had a loud atmosphere with dull colours of red which symbolises love, hatred, happiness and mourning etc. However, the word "Country "Manor" suggests a private hotel mansion stereotypically for wealthy people, in addition, the font should be more of an institutional look using serif fonts and a more elegant appearance. However, with the font and type, it has now, it gives out the wrong idea to the audience and does not comply with its message. In addition to this, we also discussed how we felt when seeing this image.