Portfolio

 - Semester 1


Change the Climate - Project 1

Daniel Herbert

Project Scope: 1 Week
Project Type: University Project
Role: Designer and Editor
Tools: Affinity: Publisher
Discover more about my Change the Climate poster.

Fonts Throughout Time - Project 2

Project Scope: 1 Week
Project Type: University Project
Role: Animator and Typography
Tools: Apple: Motion and Compressor
Discover more about my Fonts Throughout Time animation.

Isle of Wight Art Gallery - Project 3

poster

Project Scope: 1 Week
Project Type: University Project
Role: Designer and Colourblind Colour Coordinator
Tools: Affinity: Designer and Publisher
Discover more about my Isle of Wight Art Gallery branding poster.

David Carson, Style - Project 4

poster

Project Scope: 1 Week
Project Type: University Project
Role: Designer and Digital manipulator
Tools: Affinity: Designer and Photo
Discover more about my David Carson, Style artwork.

Campus Sketches - Project 5

poster

Project Scope: 15 Minutes per Artwork
Project Type: University Project
Role: Sketcher
Tools: Procreate, iPad Pro and Apple Pencil
Discover more about my Campus Sketches at West Downs.

Industrial Cactus - Project 6

poster

Project Scope: 1 Week
Project Type: University Project and ISTD submission
Role: Designer and Illustrator
Tools: Affinity: Designer and Publisher
Discover more about my Industrial Cactus recipe book for plants.

Water Rush Whiskey - Project 7

poster

Project Scope: 2 Weeks
Project Type: University Project
Role: Designer and Animator
Tools: Affinity: Designer and Apple: Motion
Discover more about my Water Rush Whiskey animated logo.

The World's Mission - Game Group Project

poster

Project Scope: 6 Weeks
Project Type: University Group Project
Role: Designer
Tools: Affinity: Designer and Photo
Discover more about The World's Mission a game group project.

Introduction

I will explore my projects, including work from DM1110, Design Module, DM1111, Development Module, DM1114, Group Work Module and Software Skills Module.

I completed the following 9 projects throughout this semester, primarily personal design projects using my chosen software of the Affinity Suite including Affinity Designer, Affinity Photo and Affinity Publisher. These softwares play a large part of my workflow though I do not limit myself. I have also developed by skills within Adobe Creative Cloud, Final Cut Pro X and Apple Motion which gives another dimensions and more possibilities to my work.

Change the Climate poster

Daniel Herbert

I was tasked with a layout project for a poster to encourage others to protect the climate. With research from 'White Space Is Not Your Enemy' about layout, and using grids and guides I was able to create a final product that can be printed in A3 and displayed to catch people's eyes and inform them on what they can do to save the world.

Daniel Herbert

I used Affinity Publisher, an alternative for Adobe InDesign, which lets me include a grid containing 6 columns and 3 rows which produced an eye-catching design. My research led me to discover more about the golden ratio and how much effect the title has to the poster. These enhanced my skills but also opened my eyes to how much the viewer is affected by layout.

Although, it is not only the layout that draws attention to my artwork, the typography I designed for the title 'Change the Climate' featured two styles of the font family Garamond Pro: book and italic. These fonts used were manipulated in the word 'change' with both the C and E flipped to give a visual change. I flipped the C and E as the word Change is still readable.

Finally, the flow of the poster takes the reader on a journey from the title, to the strap-line '2021 - the start of something new' through to the information displayed with a -90° rotation which pulls the reader further in and finishing with a small business card-sized title logo.

Fonts Throughout Time animation

Daniel Herbert

Project 2 consisted of creating an animation focusing on typography. After researching a watching several viral commercial animation using typography, I decided to take the task more literally and make typography the subject of the project in the form of font families.

After I made this decision, I proceeded to collect a list of font families and their origins. I produced this animation in Apple's Motion which is an alternative for Adobe Premiere Pro; I chose Motion as it uses a high-end particle engine and creates effects which would have taken 10x longer by using keyframes.

I had to adapt my concept several times throughout the animation as I some of the animations were too ambitious for the scope of 1 week, I, therefore, broke the animation down to two-stage - 1: The Introduction 2: The Explosion. This mimicked most TV adverts that I researched, with an introduction or title of the series or product and then an example and mashup of footage.

After completing the two parts, I created a simulation of the lights going out as a transition between the two parts to add suspense and make the view more intrigued by what came next. Following this I exported the Motion file to Apple Compressor and exported as a GIF file, I chose this file type as it is a relatively small file compared to MP4 as well as being an auto-playing video.

Isle of Wight Art Gallery branding poster

Daniel Herbert

This project pitched a promotional flyer in which colour is explored and emphasised. After 2-3 initial ideas, I set my sights on 'The Isle of Wight Art Gallery', a fictional gallery which I designed. Initially, I was designing sketches and started creating a poster of the lighthouse on one of the three needles on the Isle of Wight. But after more consideration, I chose to design and base a flyer around a singular Needle, as the Isle of Wight is famous for its three needles just past it's western peninsular.

Daniel Herbert

The poster was created around the idea of 'BLOCK COLOUR' which is I showed using a 3 column grid with 23 containing a bright blue to match the sea on a summer's day (the date of the event). I used a 7 colour scheme as well as just using one font family, Futura. Both the colours and the typography give a simple sea style theme with soft colours and bold serif fonts.

This project grew my skills in colour theory, as I have protanopia colourblindness which caused me to double-check colours that I thought wouldn't complement or contrast retrospectively. I then discovered Colourblind Pal, a software to describe colours as well as mimic on-screen colours in the three different types of colourblindness to make sure it was a appropriate colour choice.

David Carson Style artwork

Daniel Herbert

Project 4 was one of the most enjoyable projects. I was briefed to design a piece of digital art inspired by either a traditional or modern artist I focused on the latter and chose David Carson. His style of work balances complexity and simplicity to create meaning in sometimes meaningless typography or picture.

I started by researching his work and came across two pieces that feature a black and white type and grainy portraits, with the edition of a striking red throughout the artwork. I used these as inspiration, to create the initial sketch I was focused on the idea of ageing, time and self-awareness. Although my sketches were rough, I had an understanding of how to follow in the style.

Daniel Herbert

I displayed my focus and Carson's style in my choice of typography and photo manipulation of my passport photo. This improved my Photoshop skills as I was able to age myself realistically by changing the skin tone, hair colour and adding wrinkles. I then used a torn paper effect to match this to the original photo.

Using different typography styles and techniques, I matched Caron's work and produced a piece that had a sense of connection. I displayed an 'old' typewriter style, Remagg CZ, and a modern san-serif font, Hiragino Sans, for the contemporary 'younger' appearance. These two contrasting fonts divided the poster whilst similar attributes, the colour and block black style, brought the two types together.

'Campus Sketches' at West Downs

Project 5 was to sketch areas of the campus in 15 minutes. I choose to complete my 5 sketches on my iPad with an apple pencil as this is my usual way of sketching. This task encourages me to work on scope as I had to balance accuracy and detail with speed.

This exercise helped me understand the different levels of detail and accuracy needed in UI and UX design. I also chose to add colour on several pieces, as I continue to work on my colour theory and explore different degrees of colour complexity.

Daniel Herbert

West Downs Front

Daniel Herbert

West Downs Back - Colourised

Daniel Herbert

Cactus In The Way

Daniel Herbert

Cactus In The Way - Colourised

Daniel Herbert

Covered By Nature

'Industrial Cactus' a recipe book for plants

Daniel Herbert

Project 6 was to create a piece of typography art that I could enter in the ISTD. There were five different briefs to chose from with a scope of 3 weeks for the selected brief. I chose the brief titled: Biophilia, the aim was to connect people with nature through typography.

Daniel Herbert

I started by researching previous ISTD project and winner, which gave me a great insight into how important typography is to humans as one of the most significant communication forms. I planned on creating a manual on how to grow indoor plants in a cookbook style. I undertook this as it was one of the best ways for people to connect to nature by holding and growing their plants.

Daniel Herbert

I created a typography scheme that I would use and altered according to the page title and digital art with inspiration from David Carson. Typeface created a dot matrix, style artwork of different opacities and font styles as an overlay for my nature photography pieces.

Daniel Herbert

Having been fond of typography, I enjoyed and developed my typography manipulation skills and my photography skills with this project. Although I gathered skills learnt in my software skills sessions to improve my clipping mask techniques which gave the final project a precise touch.

Daniel Herbert

I hope to continue with this project and submit it to the ISTD once I produce a full book to bring people closer to nature.

Daniel Herbert

My final project for Year 1, Semester 1 was a logo animation for a brand identity. After sketching several ideas and working on a new version for the famous 'Channel 4' logo animation, I drew a design for a bottle similar to the WoodFord Reserve iconic bell shape.

Daniel Herbert

After finishing my sketch, I continued to Affinity Designer to create the final logo. Using the Gestalt principle of closure and the book: 'White Space Is Not Your Enemy'; I designed a cog with 12 spokes which allowed me to control the frames per second. I was aiming for 20-30 FPS to create a smooth animation, I planned on rotating the cog a total of 30°, which I would then repeat 12 times to make a full rotation. I then broke each 30° into steps of 2°, resulting in 15 frames per 12th rotation.

Daniel Herbert

After establishing how many frames were required I set both the start (f1) and end (f15) frames so they would link seamlessly. I continued to animate the log and mimic flowing water by rotating the cog to produce a mill scene.

I then exported each frame as a PNG and stitched them together as a GIF, with the rate of 24 FPS which gave the final running water effect.

'The World's Mission' a group game project

Daniel Herbert

Each semester there is a group project; semester 1 consisted of a game project. My group consisted of 2 designers, a developer and a 3D visualiser. After completing Belbin's team roles quiz, I found my three most prominent roles: Shaper, Specialist and Plant. This played very strongly into our team's hands as well had a very well balanced skillset.

The game brief was to create an educational game for 12-15-year-olds to teach them about climate change. After brainstorming ideas as a group, we agreed on a game with different levels in which the player completes tasks to save the world from pollution. I focused on two fundamental parts of the project: the colour scheme and typography scheme. I also took on the promotional artwork, UI for the tasks, UI for the overall game, and some textures. I first focused on artwork and branding. I then created the name The World's Mission, with the slogan 'save the world from emission . . . The World's Mission'.

Daniel Herbert

After my team completed some artwork and character design, I created some promotional artwork. I then continued to work on the UI for the game using my predetermined colour scheme and typography.

Daniel Herbert

Although I use different software to the industry standard, I use both the WorkBooks for each Affinity software and the techniques taught in software skills. But I still have a firm grasp of the Adobe suite and plan to use it in Semester 2 to improve my software skills, Alternating the software this way lets me maximise my abilities and choose which program is suitable for each project.

I view this semester as a success, in terms of the experience and the knowledge I have developed. Especially after my website portfolio project, I look forward to working with design and code in the future, and I still aspire to work in UX design, which is one of my favourite parts of design.

I completed all of the design aspects that were needed for the game project although this wasn't without its challenges as I created the colour scheme I had to use the Color Blind Pal software, I believe that my colour blindness helped in this project as I was able to cater for 10% people who would play the game who suffer from colour blindness; as well as being able to give a more decrepit vibe throughout the game.

Daniel Herbert

I then focused on creating the UI for both the tasks and the UI for the game. Although the developer has not finished the game at this time, I have example of both the textures and the UI throughout this overview. One of the tasks I worked on was a plant task where the player would pick the seed off the floor and plant in a pot they will find in a separate area.

Daniel Herbert

On the other hand, textures were a part of a digital design I had not explored until this project, so I had to research the basics and found many useful skills and tips. Still, after following a Unity tutorial, I discovered repeating patterns was the key to creating a good texture. Therefore, I worked on three surfaces that can be repeated from on any side infinitely to produce a more playable game.

This project challenged my time management and communication skills. Being the first project that I undertook as part of a team, I understand what to change and what to do next time, including forming a solid base on Trello, understanding the other parts of the project, not just design and development. I had used Trello before to organise work, but this was great to improve my skills using Trello for a group activity. I am therefore pleased that I managed to improve these skills and hope to work on my time management even more in the future.

As a team, I actively tried to get hold of all the team members for meetings and catch-ups. I was able to do this by primarily using Trello with a due date and importance for each part needed in the project.

With Covid-19 there was an obvious hurdle but as a group were able to overcome this and I met all my deadlines and other group members assured me they met theirs however we missed the dynamic of sitting in the same room.

I had to work on balancing the group work with my projects and listing all my projects; I was able to mark off how complete they included the group project's tasks.

Overall the first group project had challenges, but I am pleased with the work I produced both in and out of my comfort zones. I also learned new skills, including basics in game development (C# and Unity) and design areas I haven’t completed before.

Analysis of the Projects

Overall I felt accomplished from the tasks this semester. Specific tasks, including Project 1, 4 and 7, were my particular favourites as I could reach some unharnessed skills. I was motivated to create unique and in my eyes, desirable pieces of art.

Project 6 included its challenges as I could not choose a specific route, which led to this task being my least favourite task even though typography is one of my favourite design and study areas.

Project 7, on the other hand, played to my strengths and I was able to create an art piece that was a true reflection of myself: clean but with a level of complexity that ties the components together.

If I could revisit my project, I would start with Project 2, especially after developing the knowledge and skills over the course. I would first create a more detailed storyboard of the animation and research more viral animation, which includes typography as I believe my animation had no aim in terms of advertising and marketing.

Enhanced Skills

As I came from a science background with A-levels in Biology, Chemistry and Maths, my design and software experience came purely through my spare time as a hobby. Consequently, I believe my design knowledge and skills grew incrementally throughout the course, as I demonstrated by my projects.

Although I use different software to the industry standard, I used both the WorkBooks for each Affinity software and the techniques taught in software skills. I have a firm grasp of the Adobe suite and plan to use it in Semester 2 to improve my software skills. Alternating the software this way lets me maximise my abilities and choose which program is suitable for each project.

Time Management

I mainly used Trello in a 6 column view: To-Do, Backlog, Sprint Backlog, In Progress, Completed and Approved. This was fundamental for me to keep all my work ordered and a great visual aid as a person with dyslexia. I aimed to complete 1 task a week, but in some cases, they overran because I either lacked inspiration, or the piece had a more extensive scope than I expected. But I managed this by prioritising the different tasks and using my own time to fit around the work.

Conclusion

I view this semester as a success in terms of the experience and the knowledge gained. Especially after my website portfolio project, I look forward to working with design and code in the future, and I still aspire to work in UX design.

Completion of my first group project inspires me to look forward to working in a team dynamic again in the future, I will consider taking on a more organisational role. I aim to widen my unique style and continue to adapt my website to work with future creations.