Designers Archives - Page 2 of 3 - Design Bytes

September 28, 2024January 10, 2025

What Is A Graphic Design Process? An Illustrated Explanation

What is a Graphic Design process?

As in the creative process used by professional Graphic Designers.

This is a common question I hear from both new and old clients. I have illustrated this article to educate and explain the basics of the ( a ) graphic design process.

What is a graphic design process title graphic with steps

Before providing a generalised overview of ‘what a graphic design process’ is, and how it works, I wanted to dispel some common misconceptions about the graphic design process and discipline as a whole.

Conceptual graphic design does, or should have a process.
Graphic design isn’t just about making things look pretty. It needs style and substance. It should have an objective.
Good or relevant graphic design does not manifest from thin air.
Commercial graphic design is different from just ‘pure art’ and expression.
Graphic design existed long before the Adobe Creative Suite.

Those are some points I wanted to raise and resolve before going into the details of how a Graphic Design process works for many designers in a commercial setting.

So…

What is a Graphic Design Process? ( Short Answer )

A graphic design process is a series of steps Graphic Designers use to create visual content. This content can come in the form of logos, advertorial, online media, and print collateral. The design process will typically run in stages, often starting with the project brief and objective, the creation of ideas, through to development of the final artwork.

The design process is not only great for managing the workflow and adhering to a design brief in an efficient manner. It is also a great way for both the client and designer to explore the possibilities and potential outcomes of the design journey.

As part of the process, It is common for experienced Graphic Designers to assess a brief, plan a course of action for the design, and execute what needs to be created. While also keeping an open line of communication.

It is common for some Senior Designers ( and some Junior designers ) to openly discuss their design aims so that objectives set by a client, team lead, or managers.

As a breakdown, these steps may resemble the following – depending from designer to designer.

Core Design Steps May Involve:-

1 ) Discussing the brief
2 ) Research and information
3 ) Creating initial drawings and ideas
4 )The developed idea is critiqued and tweaked as and where needed
5 ) The design is then refined and polished
6 ) The project is packaged in whatever format was required in a brief

That is, of course, a simplification of how a graphic design process works as a commutative approach across the industry. Each company is different, as is each designer and sub-discipline with ‘design’. As well as Graphic Design.

My bias and perspective on the design process

Before going into the details of my design process in steps, I felt it responsible to mention to you as a reader, I work and have worked in graphic design.

Before becoming a ‘Freelance Designer’, I worked in-house at a company for over 8 ¾ years. During this time I had the opportunity to work on a broad variety of graphic design projects both online and offline. I learned a lot. I could have cried sometimes too!

My skills, my processes, and my steps had a significant influence on my previous employers. Not only just on creating the final design but in the processes that lead to that final design. This post is not about my skills and experiences, that is what CVs and about pages can be used for.

What is a Graphic Design Process? | The Caveats

1 ) Not all graphic designers work in the same way.

2 ) Some designers are at different points in their careers.

3 ) Some Graphic designers have worked in different sectors and industries.

4 ) It is quite likely that you will meet multi-discipline designers who may have a mish-mash of the process illustrated in this post.

All and more of the factors above can influence how a designer works. Please keep this in mind.

Graphic Design Process Diagram | Illustrated Explanation

Below is a simplified diagram of the graphic design process used by many Graphic Designers, including myself. Although this is a simplified version of the core workflow and processes, it does offer a simple overview of the whole design process employed by many graphic designers.

Graphic Design Process Steps – Overview

This is a breakdown of the design process and core stages. Each paragraph explains each step in detail and allows you to read and re-read certain stages at your leisure.

Stage 1 ) The Graphic Design Brief

What is a graphic design process Stage 1 )

The ‘brief’ is a crucial part of a design project, be it in Graphic Design or any similar field. The design brief is an opportunity to establish core goals and objectives for a project – normally set out by a client or business owner.

You can also imagine the ‘brief’ as setting a mission. This mission is given to a designer so they know what the aim of the project is. Without one, the end objective of what a design needs to achieve is left to costly guessing and piecemeal assembly of what needs to happen.

A design brief is very important. You shouldn’t work without one.

How can you or a designer find a solution when neither party can establish what the problem is?

Or… what the aim of the project is?

It is also harder to plan a budget for a project without one.

It is best to establish a clear brief as early as possible. This will save time, headache, and money for both designers and those setting a project.

What happens if you work without a design brief?

Without a brief – especially a written and mutually agreed one, proper communication between the designer and the person setting the brief is more likely to fail. This lack of clarity can also lead to the disintegration of a working relationship, poor budget control, and potential and unnecessary resentment between both parties.

Make sure to create a brief.

A brief can act as a mutual ‘project map’ to establish what, when, and how a design project needs to be fulfilled.

As for myself, I will often refer back to a brief or a “specification and agreement” to see what I’m working towards with the client. It could be regarded as a loose recipe to follow also for want of a better analogy.

1.1 Quickfire Tips For Constructing a Basic Design Brief

When creating a design brief for a graphic design project, try to consider some of the following :

Who?
What?
Why?

These are all things I consider when working on a design project.

When creating a brief you may wish to consider formats, mediums, and any restrictions or limitations that may impact the project. It is better to give detailed thought at the beginning, rather than part way through.

The “Who, What, and Why” can act as a great starting point and framework for creating a brief. If you can establish the who, what and why. Designers such as myself can establish the how and the details – it can help us better solve problems or avoid them altogether.

However, it is not also uncommon for me to collaborate and consult a client and the, who, what and why. It can be this that helps to craft a brief and point the client in the right direction.

Graphic designers don’t know your business!

The majority of designers, most likely, won’t understand your business as much as you do, especially if working on short-term freelance project.

When constructing your brief, it is better to assume that a new designer, or a designer you haven’t worked with previously, knows absolutely nothing about your business. From here, write all that is relevant to share with the designer in translating your initial thoughts into a well-rounded, well-described brief, with a clear direction.

This can be trickier than it sounds and there is no harm in seeking tips and advice.

Stage 2 ) Collecting Information & Research | An Important Stage In The Graphic Design Process

What is a graphic design process stage 2

When looking at the stages and steps to a graphic design process, collecting together information, data, files, images, and text are all important aspects of the creative process. Especially when exploring new ideas.

The degree to which research is carried out for a graphic design can vary from project to project, but there are common patterns that are adhered to by many designers.

The preliminary research can be carried out by the client, designer, or both parties. In this stage, it can be a case of collating together: photos, data, logos, or anything that is useful in aiding the designer to create a compelling piece of visual design.

*Designers: When working with clients, encourage them to share research or at least mention that time will need to be set aside for research projects, this is something I do. I have listed some examples of what may be collected together for graphic design research.

2.1 ) Collecting Information

Collecting information together for a design project may consist of the following:-

Data
Photography
Fonts
Logos
Things can inspire
Plans

Initial copy or ‘text’ is a common requirement for design projects. As a designer, I tend to request this as early as possible so I can plan the space around and accommodate the word volume. This can apply to books, webpages, and many other mediums that require written words for the project.

It is quite common for a designer to also be aware that a certain amount of editorial changes are likely to arise later in the project and allow for wriggle room. It is still best practice to have as much of the word count calculated sooner rather than later.

Images and photography may also be sourced or collected together in the early stages of the design process, along with logos and brand guidelines.

2.2 ) Graphic Design Research

Research, or ‘design research’ is an important stage when it comes to the design process. Research can help form, inspire and guide the overall direction of a project.

For large or medium-sized projects, research is a vital tool in not only greasing the design wheels of your project but in helping to form a better more polished product. I am a big advocate for good research across various mediums, design being a key one.

Here are some examples of what the design research stage may consist of, noting that the criteria can vary from project to project and designer to designer.

What design research may consist of :

Studying competition.
Searching areas such as Pinterest, magazines of similar platforms for certain ideas.
Checking what types of design will appeal to your target market.
Looking for any relevant or inspirational criteria that can impact your final design.
Avoiding accidental copyright infringement.
Considering what courses of action will serve the project.

These are just some examples of what the design research phase may include.

Some freelance designers may prefer that the client does the majority of the research before contact. This can leave the designer to focus solely on the creative aspects of a project. I am of split opinions.

On one hand, I like to know that the client has at least carried out some basic research for their own product and business before speaking to me.

On the other hand, I also like to add to the research and build upon what the client has already found the further steer the course of a project, I tend to tweak and steer this from brief to brief.

Research Examples | Core Design Process

With the links below, I have pointed to where you can read more on case studies and research I used for some projects.

Here are a couple of links that may be of interest :

Part of design process for Aardman project

Stage 3 ) Initial Ideas | The Ideation Stage

What is a graphic design process Stage 3

“On the other hand, designers have to be realistic. People change their minds.”

It is common practice for graphic designers, especially those of a more conceptual vein, to come up with an idea or a selection of ideas early in a project. However, strictly speaking, this is not a default practice for all designers.

Some designers may only work with one idea and revise this single idea as opposed to working with a variety of ideas and short-listing the strongest.

Depending on fees, time, and requirements, design ideas (ideation), can vary drastically in quality and finish. Each designer may only create a short selection of ideas and others may create a broader selection of ideas to illustrate intent and potential avenues a project can take.

In the earliest stages of ideas creation or ‘ideation’, what is presented may be little more than a rough drawing or digital sketch to illustrate what will be created.

Speaking for myself, I will often use this stage to discuss what has been created and why I have made the choices I have made. Here is an example idea.

Each designer is different, and our tools and methods may differ. But as a generalisation, design ideation may be presented in the following formats :-

Rough sketches and drawings on paper
Digital drawings
Or rough digital mock-ups ( as proof of concept )
Loose thumbnails ( small drawings )
Doodles
A selection of ideas with labels
Annotated concepts showing reasoning

The idea and the idea development stage can blur when it comes to developing a design.

To illustrate this flow – here is an image from another blog post – Design Journey.

For many conceptual-based graphic designers, the idea stage is a core stage in the design process. As a conceptual design. Here are to projects and case studies that may further illustrate how a project may go.

( Important ) The Ideation Stage May Need To Be Revisited

*There is no guarantee that the original ‘proof of concept’ from the selection of ideas will become the final product. Although costly, time-consuming and frustrating, it is not uncommon that a designer will need to backtrack to this pivotal stage once a project is near completion. I have on occasion had to do this on graphic design projects.

List of reasons as to why a graphic designer may need to revisit the ideas stage:

Executive discussion outside of design influences has come into play
Senior management wants to revisit or change course
An idea isn’t as good as originally hoped
New criteria and information have come into play that weren’t known before
Fussy clients
Too many people have differing opinions on a project
Weak project planning or thought given to the brief in the first place
A better idea came along

These are just some of the reasons why a designer may need to return to the proverbial drawing board.

Whoever said design was easy needs to actually work in design, or at least share their secrets to make it easier for them.

Revisiting or needing to backtrack to the ideas stage of a design project is sometimes required – there is no way to avoid it. However, it is best avoided for the sake of the client and the designer. Budget restrictions and time constraints can lead to rows between both parties if, for example, the culprit is a poorly written brief or the disregard for the sign-off stages.

On the other hand, designers have to be realistic. People change their minds.

If the design journey was a straight line, both the designer’s and the client’s lives would be a lot easier. Many internal and external forces will require a designer to revisit other ideas, even if the first choice was put into play.

Do all graphic designers create a range of ideas? ( Ideation )

No, not all graphic designers will create a range of ideas for your brief. As mentioned above, it will vary from designer to designer and from skill level to skill level. Not all graphic designers are conceptual designers. Some graphic designers will have certain leanings towards ‘creative artworking’ , marketing, etc.

It is beneficial to discuss with a graphic designer before embarking on a project. Ask about their process and methods. Make sure there is a clear brief between the designer and the client.

Stage 4 ) Development Stages | Graphic Design Process

What is a graphic design process stage 4

How this stage translates in reality will vary from designer to designer. But as a general rule – it will work accordingly.

Once both the designer and client ( or clients ) have shortlisted the preferred design idea or ideas, this will then lead to that idea being developed. Being ‘developed’, or ‘developed further’ may consist of the following actions:-

Polishing the aspects of the design
Building upon the visuals to establish the viability of a concept
Moving the design to a delivery-ready stage

In layman’s terms, the development stages translate to the spit and polish applied to the shortlisted idea. The development stage can also be further proof of concept, in which an idea is built further.

Speaking for myself, this is the stage where I straighten up text, remove burs, tweak compositions, and add the final ingredients to get a design over that proverbial line.

The later development stages are when a design moves towards completion. Be it a piece of print media or as a digital project.

Common Situations That Arise In The ‘Development’ Stages

From my own experience, the development stage is the part of the process in which an idea is stress-tested against the brief.

It not uncommon for senior managers, CEOs, business owners and anybody else in between to have additional opinions on overall design direction – some relevant, some not. This is the reality of working with humans on a design brief.

Project requirements change. What was initially established as the winning idea, does not strictly translate to what was hoped when it comes to Graphic Design. Project scope can change, and external influences can derail the path of your project – there are many various factors when it comes to design.

Even in the development stages, I have had situations in which 2 of the same idea ( colour change for example ) have been created side by side.

Imagine A Development Tree ( illustration )

Design development can be one of the heftiest stages of design. I wanted to illustrate the development flow for the mid-to-late stages of a graphic design project.

This is a scenario.

A favourite idea has been selected. This idea has been polished and presented before the ultimate decision-makers. They like the design, however, somebody wants to see the same layout but on a different background. You have run with the same idea and made some minor changes. A sub-version of a main version – sound complicated?

What is a graphic design process idea selection - diagram

Range of ideas selection graphic design diagram

A single idea has been selected. This idea will make up the trunk of the flow and energy to design.

From this single idea – the trunk of a tree – a single branch or node will stem.

On some projects, as is the case with experimenting with some minor variation of core ideas. 1 or 2 twigs will stem.

These ‘Twigs’ may be little more than a colour variation, or position change. Or some minor experimentation alignment.

Development Versions

Or to further illustrate, as a tested method I have used in the past. It makes look like so:

Version 3.1
Version 3.2
Version 3.3

Or it could also look like this.

The number 3 could represent ‘Idea 3’ and the variant or version ‘1’ and 2, and 3. And so on. It is similar to version releases.

3.0 = The main version

3.1 = May equate to almost the exact same look, perhaps a text change

3.2 = Still much the same as 3, only that the text and, text colour were changed to a lesser degree

4.1 ) How to communicate with designers regarding project development

Communication is an integral part of graphic design.

The very nature of graphic design is visual ‘communication’ and open dialogue is a must to ensure that the project is the best that it can be.

Communication should not stop with the end visuals.

Not being able to keep an open and frequent line of communication between the designer and client ( or manager ) allows more room for errors, misunderstanding, and needless time wasting which could have been easily averted with conversation. I am a big advocate for working as close with a client as possible as emails alone can miss those ‘water cooler’ moments.

Communication is important from start to finish, not only in the development stages but throughout.

Typically, communication in the development stages of a project will take the form of feedback on what has already been created by the graphic designer. A client will offer a point of view as will a designer. ( hopefully ).

Communication and feedback may come in this form :

Exchanges between emails
Phone calls
Video meetings
In-person meetings
Platforms in which you can message your team
And SMS – And Whatsapp ( both of which are my least favourite lines of communication when it comes to design )

4.2 ) Design Feedback

“ Can I just ask…”

“ This is will be quick…”

When an idea has been chosen and developed, it is at this latter stage that a client, client or team member will offer further feedback with regard to a design. And, if you are a designer reading this, it is a stage in which you brace yourself.

Once the feedback has been communicated to a graphic designer, they will then respond and act accordingly to that feedback.

This feedback to the designer may resemble the following :

Make some minor tweaks and adjustments
Listening the what the client has to say and offer polite help and advice in return
Refining the design
Preparing for completion
Or potentially going back to the conceptual stages
( Or crying )

Stage 5 ) Core Design Steps – Refine Design

What is a graphic design process Stage 5

Refining the design typically entails polishing ‘the developed’ artwork to completion. A project will be at a level of final draft in which the artwork is ‘near ready’ to be sent to the client, production or print. This is the latter stage of a project.

Refining a design can involve minor tweaks, minor changes, or the very last touches to the design and a once-over from the person giving a sign-off.

It is common for me to hear some of the following types of phrases at this stage ( paraphrased ) :

Could I add an extra word?
Can I add a comma?
Let me show it to management again!
It looks lovely thank you!
… ( silence )
Can I just ask…
Could the thumb be moved 2 pixels
Let me know when you are ready for an invoice

Stage 6 ) Core Design Step 6 – Deliverables & Sign Off

What is a graphic design process Stage 6

The final stage of the process – the Sign off. This phase may seem self-explanatory, but for the sake of completeness, I will elaborate.

The ‘Sign Off’ can refer to the stage in which a head of a team ‘signs off’ a final design or interim stage of a project. This may be a verbal or written formal declaration that what is being presented, is the artwork to be passed to the next stage.

In this instance, the ‘sign off’ on the final artwork – completion.

The ‘Sign off’ in the design process may take the form of the client saying that they are happy with what they have seen and wish to sign off the whole, or part of the project.

When at this stage, It is also wise for the client to assess their artwork closely before agreeing to sign off any design work. When artwork has already been sent to print as a PDF, it can be costly or sometimes impossible to remedy any mistakes once a project has been printed. Any mistakes need to be remedied with hacks and workarounds.

This is not strictly speaking as rigid as digital design, as projects tend to be easier to remedy and amend but this is still not a guarantee.

The Graphic Design Process | What Are ‘Deliverables’?

What are deliverables in design?

Speaking in terms of graphic design, the deliverables are the complete assets and artwork made by the designer. All completed artwork, files, and supporting documents are often referred to as ‘deliverables’ or final artwork. The completed artwork and supporting items are often handed to the client or owner when a project has been marked as complete or signed off.

This is how the deliverables may come into play at the end of the graphic design process.

Once a graphic design project has been signed off or marked as complete, it is common for the graphic designers to send the final print-ready artwork to other the new owners of the artwork.

Or if working internally the designer may package the artwork into a PDF and this is passed to another department for validation and QC for being shipped or sent to print.

* It should be noted however that companies do have their own ways of validating and signing off projects, do keep this in mind.

6 .1) Scenario 1 | Design Process | What Is a Freelance Design Project Sign-Off?

‘Sign off, marked as complete, green-lighted’ or any other similar terminology can all be markers to signal the end of a project. When working with a client on a design project, I will ask the client to sign off on the final artwork before sending the final versions across.

This is a rough example of how a Freelance project process may flow towards the later stages of a project :

Client sees work
Requires small changes
These changes are then sent to a client
The client then sends across their approval, assuming that they do approve of what they see
Project is either sent to print or packaged up and passed to a client or both

6.2 ) Scenario 2 | Design Process | Internal Design Team Sign-off

As above, ‘Sign off’, ‘marked has complete’, ‘green-lighted’ or any other similar terminology can all be markers to signal the completion of a graphic design project.

A key difference based on my experience from working in-house design positions, ‘a sign-off sheet’ or an Excel spreadsheet may be used to mark off the stages or parts of a project that have been completed.

There are often more people with internal teams when it comes to the sign-off in-house who will want to see or understand the status of a project.

What is a Graphic Design Process – Conclusion

A graphic design process or workflow is a process or system in which a piece of graphic design or visual communication is created following a sequence of important steps. These steps will often include research, collection of data and information, ideation, development of an idea, and the delivery of that idea in print or digital form.

This process is what follows as the end result of what was assigned in a brief.

You may also find this post interesting.

What is a graphic design process journey

Other topics around the graphic design process:

– Design Journey
– Board game design case study – London Pub Crawl
– Board game design case study – Streetwise
– Retail Packaging examples
– How to make Stem product

Or if you have a project and brief, feel free to get in touch via my portfolio website or read a bit more about me.

Need a hand with your board game design project?

May 11, 2024May 11, 2024

How to draw on the computer with a Wacom Tablet & Stylus | FREE tutorial for complete beginners

How to draw on the computer with a Wacom Tablet & Stylus… ( updated 2024 )

To those who have never drawn anything on a computer, it can feel overwhelming to know where to start.

Before investing my time and money in using a professional Wacom tablet, I first started out with a basic roller ball computer mouse and MS Paint. Yes, it was that long ago!

This method of drawing on a computer with a Wacom tablet predates how I learned how to draw commercially on a computer. Before attending design college and building a design career.

When drawing on a computer, the mouse is the first obvious tool to use. As you invest your energy and education into drawing on a computer, you will want to seek out better hardware and software to support your digital drawing journey.

The mouse should be your first step, but don’t stop there!

This post is a great introduction if you are considering using a tablet to draw on your computer.

How to draw on the computer with a Wacom Tablet & Stylus - Title graphics - picture of purple vector Wacom tablet overlaid onto dark background

Drawing with a tablet | overview – why use one?

One of the best ways to draw on a computer is by using a Stylus & Graphics Tablet in conjunction with a powerful art creation program. Using a tablet will afford you a greater degree of artistic freedom and finesse once you have become accustomed to the nuances and sensations of using one. However, This is also assuming that you can draw to a certain degree in the first place.

How to draw on the computer with a Wacom Tablet & Stylus- Blue ball raster graphics — How to draw on the computer with a stylus & tablet – blue vexel ball example

How to draw on the computer with a stylus & tablet – Quickfire answer

In terms of how to use a stylus and tablet ( or ‘drawing tablet’ ) from a technical standpoint, it is typically a case of plugging your tablet into your computer, downloading and installing the latest drivers and software, and then calibrating your drawing tablet.

Once this core set-up is completed, you can then set about installing drawing in programs such as Adobe Illustrator or Photoshop.

The technical setup is not that complicated when comes to how to work with a drawing tablet.

How to draw on the computer with a stylus & tablet with regards to technique.

Treat the tablet as you would a sketchpad and pencil. Apply light strokes and heavy strokes, bold strokes, and small strokes. Get used to the pressure and sensitivity of your tablet. Learn to ‘feel’ the tablet ( cringe ). And give it time.

The video below is me drawing a blue ball using a Wacom Tablet and Photoshop.

*If you have applications installed on your computer.

This is a hyper-lapse of myself creating the blue ball above – ‘vexel’ a combination of Vexel and Pixel.

For more information on how to create digital artwork on the computer, read on!

“you will need to practice, practice and then more practice.”

Wacom tablet and stylus example — Tablet & Stylus – Wacom

How to draw on the computer with a stylus & tablet | Managing expectations

Not wanting to lead any readers or budding designers astray, I feel one of the first things I should touch upon when learning how to draw on a computer with a drawing tablet such as a Wacom, is managing expectations.

Although knowing the technicalities of how to draw with a stylus and drawing a tablet on a computer sounds like a golden bullet. The technicalities are only the first part of the journey when it comes to drawing on a computer.

The real knack for making your own artwork comes with practice – not the tools. A piece of high-tech equipment won’t provide you with the soulless magic results like an AI generator.

That is not how it works if you want to create your ‘own’ artwork.

To get your digital artwork or design to the place you want it, you will need to practice, practice, and then more practice.

If however, you are of an arty-illustrator vein. Then ignore what I have said above. You may take to drawing or designing on a computer like a duck to water if you are already a proficient artist or illustrator! Let your flair flourish and shine!

Here are a few examples of what I have illustrated ( drawn ) on a computer with my Wacom Tablet. Followed by some simple steps.

What I have drawn ( illustrated) with a Wacom Tablet on a computer

Character illustrations I have created with my Wacom tablet — Characters illustrated for a board game.

Board artwork illustartion - How to draw on the computer with a stylus & tablet

Box design - packaging — Packaging design – Wallace & Gromit

Drawn a wacom - illustartion of stylues base / well

Step ‘0’ ) How to draw on the computer with a stylus & tablet – Be able to draw

As a pre-step, I can’t assume too much.

You will need to make sure you can draw to a certain degree with a pencil or pen before you can expect to draw on a computer with Wacom or a digital tablet. No matter what hardware you own.

If you want to create your own artwork away from AI art generators, you will need to be able to draw to some degree.

The technology and hardware, will not magic your hand and eye into creating what you want.

Even if you can only sketch, this will be a huge advantage when drawing with a stylus on a computer. This is a pre-step warning!

Step 1 ) The required equipment to draw on a computer

To draw on a computer with a tablet … you will need to own the required equipment. Or borrow. This should be a given. I have used the following bits of equipment in the past ( aside from a mouse ):

Wacom Bamboo and pen – a more entry-level drawing tablet at the time ( now legacy)
Or a Wacom Intuos Pro & Pen ( medium ), this is what I’m using at the moment.
* Or a Cintiq ( I’m jealous )
A working keyboard
A computer that is compatible with a tablet
An operating system that is compatible with your drawing tablet
*Your computer will also need to be able to run both the drivers, the tablet, and the software

Step 2 ) Understanding the type of digital art you want to create ( not genre )

When considering how to draw on the computer with a stylus & tablet, you may wish to consider the type of artwork you want to create.

This can steer the type of software required to draw on your computer. I have attached an example here.

Vector Art and raster art example - How to draw on the computer with a stylus & tablet — style examples, Photoshop Vs Illustrator

You will notice the different styles above I have created using certain software with my drawing tablet. You can create certain types of finishes in varying programs.

Vector Illustration ( left blue ball )

Imagine drawing with cut-out shapes, knives, sprays and pieces and pieces. With the types of programs that allow you to draw and create vector artwork, you can create a range of slick illustrations.

With vector artwork, the appearance can appear clean and tidy. You can also scale the work up and down without loss of quality. Vector artwork lends itself well to commercial logos, large format graphics, icons, and UI’s.

Here is an example of some of my other vector artwork.

Token vector illustartions for board games - drawn in Adobe Illustrator

Bitmap based artwork – Raster ( right blue ball above )

You may notice the ball on the right has a more painterly feel ( refer to the illustration above). For this more textured appearance, I digitally painted this in Photoshop. Some may find this approach more akin to drawing or painting using traditional methods.

Bitmap format or digital painting in particular lends itself well to a more painterly, textured, or grainy appearance. If you have painted in acrylics for example, you may prefer this approach. But it doesn’t always lend itself so well to all circumstances in print.

Is creating digital art easy?

Yes and no, getting started with creating digital art can be very easy and low cost. Getting to a stage where you could call yourself a professional artist takes time and years of practice. The best way of getting started with creating digital art is by downloading graphics software and practicing to improve your digital drawing techniques.

I wish I could find my very first digital drawing, it was created on a Windows 3.2 in the era of the awesome floppy disk – you can read a bit about me here.

This is perhaps a topic I would like to dive into again in another post.

Digital art can be accessible with the right tools and equipment. Working with the Wacom Tablet for example can streamline the process further.

Step 3 ) What digital art software should ‘I’ use?

There are so many to pick from, but for the sake of just creating something you can call ‘digital art’, as a hobbyist begin with something you may already have, MS Paint In Windows.

Gimp Logo

There are other art programs out there that are also free such as Gimp and Krita. I have personally never used Krita but the results on the website show what it is capable of and it has also been given a recommendation from a reputable digital art magazine IFX. This magazine is dedicated to creating fantasy, digital, and traditional artwork.

Advanced digital artwork software ( what I use )

As both a designer and digital artist, I use 2 main programs to create my art and design work, these programs being: Abobe Illustrator and Adobe Photoshop.

Adobe Illustrator

Adobe Illustrator often gives a very clean-cut appearance that you may see in books, posters, lifestyle magazines etc – this is called ‘vector art’.

Adobe Photoshop

Adobe Photoshop is a versatile piece of software that behaves like a drawing and painting tool and offers an intuitive workflow.

It should be noted that these programs can both be tricky to master and you may be more drawn to one than the other. You can get a free trial or purchase a subscription to use the software by going to Adobe Creative Cloud.

If you are just starting out on your journey to becoming a digital artist or illustrator, I would test a free program first.

Use the images above as a reference if you are just starting out or if this is part of a hobby. For me, it works like so.

Simple differences in what type of artwork Photoshop or Adobe Illustrator creates.

Clean cut, modern vector artwork = Adobe Illustrator
Grainly, textures, and painterly = Adobe Photoshop

How to draw on the computer with a stylus & tablet | Deciding on software

As a budding digital artist, designer, or illustrator you will want to consider how you want to draw with a Wacom Tablet. What sort of outcomes are you looking to achieve?

If you are unsure and just trying your hand at creating digital art on a computer, you may want to consider the selection like so.

Adobe Illustrator may suit you more if you want to become a designer or a clean-cut vector artist. The way a vector drawing behaves inside a program is quite different from a raster art program such as Photoshop.

Adobe Photoshop is great If you want to work as a traditionally styled illustrator, digital painter, game artist etc.

There are thousands of examples of digital artists on social media with websites and professional blogs.

Here are some examples here of my vector artwork.

This person here is a terrific vector artist and designer – Vicky Doodles

Step 4 ) Grab Your stylus, and your Wacom Tablet and start drawing

Assuming that you have now decided on the type of artwork you want to experiment with, now is the time to start using the equipment.

To continue with an overview of how to draw on the computer with a stylus & tablet. Make sure you have plugged in and installed your tablet correctly.

If you have started with Adobe Illustrator as your application of choice. I would recommend starting the tool that is in tune with the Wacom Tablet, eg the brush or pencil. My first port of call would either be the Pencil or the Brush tool.

Start making small strokes with the stylus on your Wacom and see how the stroke behaves.

Or if you prefer, start working with some of the most basic shapes first and move these around your artboard as you would with a mouse.

Short overview of how to draw with a tablet in Adobe Illustrator

1 ) Firstly you will want to start up Adobe Illustrator.
2 ) Create a new document of your choosing. You can start with A4 for the sake of experimentation.
3 ) Select the brush tool “B” and start making some marks and feel how the tablet responds to you and Adobe Illustrator. You can always undo it if you make a mess.
4 ) If you prefer, you can also try to create an image with shapes first if you are familiar with working with vector graphics.

Illustrations – working in Adobe Illustrator and making marks.

Short overview of how to draw with a tablet in Adobe Illustrator - demonstration

(M) for rectangle tool in Adobe Illustrator

If you read on, I have also created some short exercises to play with – for free! Hopefully, these will get the juices and familiarity working when using your Wacom Tablet.

How to draw on the computer with a Wacom Tablet & Stylus - method fro drawing in adobe illustrator

Short overview of how to draw with a tablet in Adobe Photoshop

If you have decided you would prefer to create artwork in Photoshop on your computer then this is the paragraph for you.

How to draw on the computer with a Wacom Tablet & Stylus - using adobe photoshop for practice

) Goes without saying, but open up Adobe Photoshop – and create a new document.
) Select a brush tool and start painting/ drawing onto your blank document. Remember, this is only to get used to using your Wacom Tablet and Stylus. I used black.
) Press ‘F5’ to open your “brush settings”, select a tip you like and tick “transfer”.
) Now start painting and building a feel for your Wacom tablet. Another tip, play around with the opacity to help build your brush strokes on top of one another.

When learning how to draw on the computer with a Wacom Tablet & Stylus, the snappy overview above will hopefully get you started. But, I have also created some exercises for you in the next step, to really give yourself some time when drawing with a Wacom Tablet.

5 ) How to draw on the computer with a Wacom Tablet & Stylus | Exercises

To further develop and play with your Wacom tablet. I invite to to take part in these exercises I have created for you for free. The illustrations below should guide you on what you need to do when drawing on a computer with your Wacom.

Exercise for drawing in Adobe Illustrator with your Wacom & Stylus

How to draw on the computer with a Wacom Tablet & Stylus - Exercises and practice, adobe illustrator — When practicing drawing with a Wacom Tablet, it may be easy to save and download the reference exercise above. If you want to use this for learning feel free to take it and save it to your computer. **Although it cannot be used for commercial purposes.** Feel free to credit and link back to this page – How to draw on the computer with a Wacom Tablet & Stylus

Exercise for drawing in Adobe Photoshop with your Wacom & Stylus

How to draw on the computer with a Wacom Tablet & Stylus | exercise, drawing in photoshop

How to draw on the computer with a Wacom Tablet & Stylus | Concludes Steps

That concludes the step and general over of how to draw on the computer with a Wacom tablet & stylus. By all means, feel free to revisit the steps and stages above. Or if you feel this was a lot to remember, why not save this page as a favourite or bookmark. ( thanks )

But hey, I am not yet finished, I have also noted some key differences when drawing on a computer.

Wacom & stylus vs drawing with a mouse

Very old computer mouse for drawing on a computer! — If you are actually drawing on a computer with these legendary relics… Kudos to you. Image Source – Wikpedia

If you are still wavering as to whether you want to draw with a Wacom. I have gone into a little bit of additional depth. A bonus section that is a supplement to the ‘how-to’.

A computer mouse in action

This example shows the end result of some digital artwork created using a mouse in Photoshop. It’s a bit trickier to use although it’s not bad for straight lines!

Drawing with a mouse! Visual example — Drawing with a mouse! (An Apple Smart Mouse)

I would advise moving on from a computer mouse at some stage if you are thinking of getting serious with drawing on a computer, be it for graphic design, illustration, or your own sanity.

If you are thinking of spending many hours drawing and creating digital artwork, using a different input will save on potential wrist aches.

The day I plugged in a Wacom graphics tablet, was the day I changed the way I created digital artwork on a computer. Using a drawing or graphics tablet can make the experience of creating artwork on a computer much more organic.

A Wacom & stylus in action

Below is an example of me sketching something in Photoshop using a stylus + tablet. It’s a quicker, smoother, and much more human way of creating a drawing.

Drawing with Stylus and Tablet example — Drawing with Stylus and Tablet. Handles, curves and waves, and is much easier to flow with

After using a Wacom Tablet for a few years now, I would struggle to return to drawing with a mouse. Outside the less control, the amount of RSI I used to get from drawing with a mouse, would be enough to put some off the profession.

Give a drawing tablet a try. I love them.

Summary | How to draw on the computer with a Wacom Tablet & Stylus

And that should conclude the basic overview in steps of how to draw on the computer with a Wacom tablet & stylus. As an overview, here is what we can do.

Buy a stylus and drawing tablet of your choice.
Install the hardware on your computer.
Check the drivers are up to date – calibrate the software to your computer
Download a graphics program such as Photoshop or one of free applications mentioned previously.
Open the software.
Start creating digital art!

Aside from the technicalities of the hardware, the real skill comes from lots of practice. Make sure to follow the short tutorial/exercises above to get you started with drawing your Wacom tablet.

Credits – All the best with your digital art journey and creating digital awesomeness on your computer

Thank you for reading, hopefully, this post has given you some insight into how to create digital artwork with a Wacom Tablet and an idea of tools you can use to draw on a computer.

If you would like any professional assistance please feel free to contact me on my website.

You may be also interested in reading this :
Handling black in print
Creating artwork for game
Reducing Banding in Photoshop
How to reduce banding on Photoshop
Editing text on your playing cards in Indesign

Case study | graphic design and making a game

Home » Designers » Page 2

September 11, 2023October 3, 2024

Okay Aardman! Wallace & Gromit Project

Aardman Wallace & Gromit Project – flex those Adobe Illustrator muscles. I have a new post to share… kindly, the team over at Paper Engine has now said that I can share and discuss my part in creating some of the packaging concepts for a new range of Wallace & Gromit themed products.

The artwork shown in this post was used to pitch to Aardman for a new range of British designed card products, otherwise known as – Build Your Own, For Paper Engine.

Aardman Wallace & Gromit Project Wrong trousers

Aardman Project | The Brief

The Brief | I was commissioned by Paper Engine to help create the core design for the packaging concepts for a new range of of Wallace and Gromit themed paper products.

Aardman had set up an agreement with Paper Engine for them to come up with a range of products, themed around Wallace & Gromit.

If you don’t know Aardman, they are the animation studio behind Wallace & Gromit, Chicken Run, Arthur Christmas, and Shaun the Sheep to name a few.

Paper Engine got in touch with me and asked for assistance in coming up with the core packaging concept to pitch to Aardman.

I won’t lie, I was excited and honoured.

Under a strict NDA, I was called in to help come up with some of the core concepts for the new eye-catching packaging.

The NDA has been relaxed now, as the products have been released onto the market. So don’t worry. And I asked the crew over at Paper Engine and they were happy to allow me to show my my part!

(All artwork on this page is the intellectual property of Aardman and Paper Engine. Do not copy, save, or download any of this content for commercial use ).

Packaging For Paper Engine… Which was actually for Aardman

To spill the beans on the projects.

Here is a bit of extra information on the project process. Once Paper Engine had sent the brief across to me, and we did all the admin, the project was set in motion!

Aardman Wallace & Gromit Project | The design process involved…

Coming up with some very early ideas for speech bubbles, titles, typography, backgrounds, and other accents and parts for the project.
Creating a variety of packaging front ideas for both products.
Developing rough designs into polished designs.
These were presented to Aardman ( gulp ).

It should also be said that this project was quite particular and that there were 2 companies involved in the approval process. Nonetheless, it still allowed room for design creativity.

Aardman Wallace & Gromit Project Typography

Aardman Wallace & Gromit Project | Developing The Design

While I was allowed to work conceptually and creatively, I also had to adhere to 2 sets brand guidelines! One set was supplied by Paper Engine for Paper Engine and, the other was for Aardman!

Aardman Wallace & Gromit Project - 2 rockets

Aardman Wallace & Gromit Project | The Delivery

After working on the polished designs, Paper Engine pitched the artwork to Aardman. I was told on the grapevine that they were pleased with the project – with very few changes to the pitch!

Thank you Paper Engine, it was an honour! From there the look and feel for the range was set. It was an awesome project.

How I approached the project

When creating the packaging, I tried to create artwork that was exciting and matched the tone of Wallace & Gromit. I also tried to create packaging concepts that would excite both children and adults if they saw them on the shelf!

‘wow look at that!’

type of thinking with the hopes somebody would pick the product up and purchase it. The product did most of the selling in all fairness, these are very cool products.

Aardman Wallace & Gromit Project | Paper Engine Testimonial

‘We worked with Jimm on some early packaging concepts for our collaboration with Aardman on three Build Your Own kits. He delivered some superb designs which enabled us to get ahead of the curve by keeping the client on board with approvals and saved us some valuable in-house studio hours. We would definitely work with Jimm again in the future when the occasion arises. Top marks. 5 stars.’

Geff – Creative Director, Paper Engine Ltd.

Aardman Wallace & Gromit Project | You may be interested in some of the following

Retail packaging projects
Stem Project samples
Snakes & Ladders type board game
Board game playtesting post

Why not read more on my playtesting post?

3^rd Party

Jimmsdesign Services

Dragon Bone Games ( Board game website )

October 24, 2019

How do I design an email marketing campaign for old leads?

So “How do I design an email marketing campaign for old leads?”… overview.

This post offers some potent tried and tested methods you can implement into your email marketing campaign to get those old leads to sit up and pay attention! They may be asleep now, but hopefully, by the end of this list, they will feel as refreshed as your with your marketing ideas.

Reading on – nuggets of juicy information on how to design an email marketing campaign for your old leads. Rock on!

Get responses from old email marketing leads - picture of old people — Get a response from old email marketing leads!

Who are your ‘old leads’?

A good starting point, who are your old leads? Why do you regard them as old? What have they done to warrant being targeted and regarded as ‘old’. Another way to look at your old contacts and subscribers is to view them are as loyal customers and clients. The list below covers tried and tested ideas, but perhaps a good place to start is how you perceive them, and how in turn they may come to perceive you.

1 ) Most important, offer something ‘they’ want

I wanted to start with this point as I felt it was actually the most obvious but possibly most overlooked. If you are failing to get the enquiries or interest are you failing to engage the reader? Are you selling a product that they no longer want or need? Are you talking about a topic they no longer care about? If so, how can you change it?

How to do it

Make your marketing about ‘them’ and their business – not yours. Tell and show them how you can help them to grow.

Fulfil their needs first!

2 ) Offer a loyalty scheme

So they have been on board for a long time but there has been no activity from them? You could potentially offer a discount to try and coax them back to life and become an active subscriber. Give a bumper service to the loyal ones and offer a reward.

3 ) Treat your ‘old email marketing leads’ as special customers.

In the body of your email consider using wording that makes your trusty old subscribers feel special and acknowledges that they have been loyal for a long time. Perhaps, writing a message along the lines of :

“Dear (name), as a loyal customer we have decided to offer you (x service) for a limited time. The company wouldn’t be where it is today without its loyal customers such as yourself and that is why we have decided to offer you this excellent reward!”

4 ) Talk about something new

It’s a very strong possibility that your old leads are bored with what you have to say, your brand your message anything and everything – people get bored very easily, and especially the internet user. In the past, I have noticed a strong correlation in campaigns with the wording “New” generally pushing more interest. So, create something new, or talk about something new.

5 ) If you have a tidy list, address them directly

If you have a contact list with all the personal *contact names as and where they should be you could write an email campaign addressed directly to them. But this only works as well as the cleanliness of the list. For example :-

Clean List

Dear Dave Higgins

Vs Untidy List

Dear 123 at qwqwq

Why is the second example like that? Because the name field was left with a trash name or a number in the field because somebody forgot to change it or the subscriber didn’t give you their actual name.

In other words, the form – personal name – form field will pull in whatever data is in the “name” column. be it good or bad.

6 ) Change up your email design to catch the attention

Visuals do work. Have some catchy images, logos and importantly a Call to action! Click me!

How do I design an email marketing campaign for old leads - example — Example of a responsive mailshot

My Old leads – They are still playing backgammon?

Made it this far down the list eh and your old email marketing leads still haven’t turned their heads away from their game of backgammon? Don’t worry just yet, we still have some thoughts and ideas yet that will hopefully help you in getting responses! Continue reading – How do I design an email marketing campaign for old leads!

7 ) Use stats and numbers

Analytics’ data or sales figures can be a good way or proving how good your service is – with numbers! It makes you look authentic. I also believe (my opinion) people love data and numbers as it makes information easy to digest.

Hey! don’t lie about your numbers or stats. There will come a day when people won’t believe what they read – if that day hasn’t arrived already.

8 ) Use a timed offer to encourage an urgent response from your old leads

I have mentioned this in a previous post (link) but placing a timed response or a limited offer can encourage urgent action. This approach can be a little pushy in my opinion but I can’t deny that I have seen it used effectively including by myself.

9 ) Consider who your old leads are – your message, your tone.

This is important, who are you talking to? Your messaging needs to resonate with them. It needs to talk to them and it needs to be useful to them – create good content for your quality readership. Connect.

10 ) Solve their problems, help with their pains

Companies/businesses/people have pains – not ones for a real doctor, business ones I mean. These pains can vary from: How to get more leads, how do I get people to stay on my website, how do I get people to sign up, how do I make this easier, I have no time, I’m tired, etc, etc.

So once you have identified their pains, and if you are familiar with your industry, you will be better equipped at answering their questions and helping to solve their problems. Using you, or your service will help solve their problems – or better still. Avoid them altogether!

11 ) Try to be helpful

As mentioned a couple of times in this post make contacting your email leads about them and how you can help with your experience. Answer questions create posts, try to see what types of questions your demographic ask by trawling forums and post online to give you indications or if you have a survey software use that to learn about them.

12 ) Speak their language

Try to speak their lingo. If they use industry-specific jargon use this in your email to make it sound like you know what you are talking about (oh, and check that you know what you are talking about). If your email marketing is more B2C then try to understand the demographics of your readership, how old are they, are they male, female, what are their hobbies and so on.

learn who they are.

13 ) Check you are emailing the right people

If you have a very specific few golden leads out there and they have stopped answering your emails or opening them, check to see if they are still working at the company or have moved to another department.

You can use LinkedIn to see who is correct contact and start building a new working relationship.

Summary | How do I design an email marketing campaign for old leads

I hope this post is useful. I have given you some tried and tested ideas which I have seen work first hand in the past with my email marketing experience. Many of these approaches should be useful for tomorrow and for the future as many of the tips approach geared toward what messaging is as well as how.

It is worth your while employing not just one of the tactics above for best results but many with a mix and match to see which are most useful for ‘your’ email marketing. There isn’t a golden bullet for things like this as some would like to sell to you, it requires learning and effort. I have sent out many, many campaigns over the years and have seen which works for gifting, retail, subscriptions, and general newsletters.

Setting aside the technical information, the tricks etc, it often tends to boil down to something you probably already know, and I knew but didn’t want to admit either – they weren’t interested...

So make them interested

Sell something your customer or client ‘wants’ or needs. Don’t push something onto them that they don’t want or need. It is a tired and boring struggle for both parties.

As time goes along, trial and error will show which tactics bare the most fruit – all the best in “designing email marketing for your old leads.”

About Me – A Designer

I have worked on numerous email campaigns over the years sending campaigns to 1000’s of contacts. Much of the data I have written here has been based on my first-hand experience of blood sweat and tears and also with keeping myself up to date with new email marketing ideas. You are more than welcome to read a bit more about me below.

You may find the article on the 32 tips useful for more visual design tips.

Packaging Projects | high street retail ready design

It has been while since posting a project update, as many of the other posts have covered industry insights and experiences.

One of core project that appears to get a lot of attention is the post on how we created a successful game project. A post that is packed full of information on our design approach and what we did.

This Design Post

This post covers a range of packaging designs that were used and are still actively being used in the retail market – a phrase that was used often when creating the packing was “retail ready”.

These designs range from Tech Girl, Satzuma Gifting, Stem and a whole range of projects and pre-production artwork. These products have graced the shelves of Boots, Tesco’s TK Maxx, Robert Dyas, Menkind, Staples and stores across the globe.

Unicorn Power Bank

Idesign for Smartphones, retail — Packaging and branding design for a ‘build your own Smartphone cover’ product

You can read more on the project on the portfolio website. It covers the branding, the packaging, the marketing and the digital design.

Proof Of Concept Packaging

The proof of concept packaging was used for design approval, used in product pitches to large retailers and also used to ‘visualise’ the package for print factories.

Early Beard Bib Packaging, This was put together very quickly to get a feel for the concept.

Packaging design — Packaging illustration

Packaging design for game — Boogie Pong Game Box Mock Up

Packaging design - mock up — Another Tech Girl Mock Up – Typography would be ‘Rose Gold’

Jeantech Power Supply — Mock up / Render of a power supply box

Flash Memory Top - FSDU — Flash Memory Top – FSDU – Final Proof

Neon Packaging concept — Neon Packaging – Product – Testing look and feel

Packaging Nets

The images below show the flat nets of the packaging. This is the print ready or near print ready artwork that is generally sent of production after approval.

Early Joystick Design — Early Joystick design – Packaging – Card + PET – Concept (shelved)

Flat net of am expansion pack — Card box net for packaging an expansion pack.

This is one part of a larger gaming project, if you would like to read more this product please feel free. Or if you would help with you card or game design feel have a look.

Net for a VR Google Card — Google Card Design

Final Products & ‘In Situ’ Shots

These are the completed products based on the designs I supplied.

Counter Display for Product – VR Goggles

Packaging design - neon sign — Make your own Neon Sign

Flash Drives 8 GB - in store photo! — POS design inside a retail store.

That’s all on this packaging post!

Retail Read Packaging

If you would like any assistance in your latest packaging design be it the concept or putting together a punchy, relevant and cost effective solution feel free to get in touch or have a look at projects on the brochure website.

Retail Ready Packaging Projects – Perhaps you’d like to read :

The Design Journey
Want to draw on your computer?
Jimmsdesign