OnlineDesignTeacher Tweets

Remember to follow @design_teacher on twitter for the latest in design news from onlinedesignteacher and around the world.

Some of the latest tweets include  links to new technology like the Leap Motion, articles on Mac designs that were never released, tips on inventing Android Apps and a look at some of the best sustainable designs of 2012.

So what are you were waiting for...? Click HERE and get following!

Updated 2D Game Design Section


We all (well some of us anyway) remember the good old days of classic arcade games, when relatively simple games provided us with hours of fun. These games made way for newer, more advanced games with better graphics and more complex technological game elements. The wheel has now turned full circle however and the latest technologies such as the iPad, iPhone and Android Phones are now mainly populated with easy to play 2D games. 

This renaissance in 2D gaming is partly due to the sentimental memories of early gamers joyously reliving their youth on their new gadgets. In reality though it is mainly a decision by developers that to meet the demands of the consumers for quick, easy to play, fun games that they can pass 5 or 10 minutes with on the bus or train to work that 2d games are the ideal format.

Whatever the reasons 2D gaming is back and you can get involved and learn how to create your very own 2D game using our 5  step game design tutorial series.

Create a Sports Themed Poster


In the latest tutorial from onlinedesignteacher we will be creating our own sports silhouettes to create a sports themed poster for your event. The sample poster will portray a series of sporting actions to advertise an upcoming local sports day. Use the poster for your own club, company or business event or edit the template to suit another event. Along the way you will learn a variety of basic and intermediate level Photoshop tools and techniques.

Click HERE for the full tutorial.

Table Quiz Poster


In the latest tutorial from onlinedesignteacher we will be using mainly the text and shape tool to create a poster for a table quiz. The poster itself will portray a group of 4 people at a table with paper sheets in front of them, and thus simply representing a table quiz. Use the poster for your own club, company or business quiz or edit the theme to suit another event type. 

Click HERE for the full tutorial.

Back to School Photoshop Basics

Learn Photoshop
Whether you just want to refresh your Photoshop skills and memory or whether you are starting a new multimedia or design course or just for the fun of it we have everything you need right here at www.onlinedesignteacher.com.

Our Photoshop Basics section is the ideal place to start. As Photoshop is an extremely useful software no matter what area of design you are studying and because it is the gateway software of the Adobe Creative Suite it is vital, as a designer, that you know your way around it. So what are you waiting for click HERE to get started with Photoshop!

Create a Simple Cartoon Character

Looks confused, doesn't he! You don't have to be though, with our easy to follow tutorial on how to create a simple cartoon character. Have fun, learn some new tools and techniques in Photoshop and then create your own little cartoon character.


Logo Design Principles

logo design principles

There are 5 basic principles in the area of logo design, collectively known as the principles of logo design; they state that a logo should be simple, memorable, appropriate, timeless and versatile. Each principles relates to a particular ideal of logo design and should be considered individually, however all the principles also relate to each other and it is when all the principles are used together that the best logos are created. For the full article and notes on the logo design principles, click HERE.

How to design and create your own logo


This tutorial is completed in Illustrator but all the tools and techniques used are also available in Photoshop.For the purposes of this tutorial we created a logo for a design company called 'Cut & Paste'. The design aims to reference the company name within the text styles and shapes used. To read the tutorial in full click HERE.

Games Design & UDK Tutorials



Interested in designing your own game, creating a 3D landscape or 3D building design then UDK is the software for you. This FREE software (yes free)  allows to to create landscape, buildings, characters, vehicles  and more. Created for game designers but often used for other purposes this software will let you create whatever your imagination can conjure up, and guess what... www.OnlineDesignTeacher.com has notes and tutorials to help you along the way. Check out the full 3D Games Design Section or go directly to some of these popular tutorials...




How to create your own Angry Bird

The latest tutorial from OnlineDesignteacher.com uses the pen tool to create your very own angry bird. The finished image is a vector graphic so it can be scaled up or down without pixelation or loss of quality. You can use either Adobe Photoshop or Illustrator to create the image. See the full tutorial HERE and get started

How to Design and Create a Movie Poster

movie poster

The latest tutorial from OnlineDesignTeacher.com covers the step by step process involved in creating the Movie Poster above. The tools and techniques covers can be used to create any type of poster, however. The tutorial uses a wide variety of tools and techniques achieving a professional result which will enhance your knowledge and skills in Photoshop as well as leaving you with a pretty wicked image to add to your portfolio. To read the tutorial in full, click HERE.

How to design and create a Magazine Cover


magazine covermagazine cover

The latest Photoshop tutorial from OnlineDesignTeacher.com covers how to design and create a basic business themed magazine cover, although the tools and techniques used can be applied to create a magazine cover of any theme or genre. To read the tutorial in full click HERE.

How to use the pen tool in Photoshop or Illustrator

 
This new tutorial covers how to use the pen tool and all the associated tool options. Lots of Photoshop users often avoid using the pen tool as they find it difficult but practice makes perfect and once mastered it is one of the most useful tools in Photoshop and more importantly is vital in the creation of vector graphics such as Logos and understanding how the pen tool works is mandatory if you want to learn Illustrator. See the full tutorial HERE.

Space Scene Using Photoshop


This simple and colourful space scene is created from scratch using only the brush tools, layer styles and filters in Photoshop. To see how to do it for yourself, check out the tutorial HERE.

Post Apocalyptic Scene Using Photoshop


This image is a Photoshop collage created from 5 different copyright free images. You can get the images needed and create your own post-apocalyptic scene by following the tutorial from OnlineDesignTeacher HERE.

Photoshop Tutorials From OnlineDesignTeacher

Resizing images in Photoshop: This short tutorial shows you how to resize your images and photos to get them ready to print, edit, share on facebook or email. Reducing the image size will also reduce the image file size so resizing images can make the easier to upload or email. A video tutorial  is also available here.
Blending Images: This simple Photoshop tutorial is suitable for beginners as it is easy to do but the result achieved is very professional looking. In a few simple steps you'll be blending images like a pro! A video tutorial on how to blend images in Photoshop is also available here.
Advanced Blending Techniques: This simple Photoshop tutorial is suitable for beginners or advance users and is an ideal follow up to the blending images tutorial as it is easy to do but the result achieved is very professional looking. Watch the video tutorial here.
Editing the canvas, adding text and creating shapes: This short photoshop tutorial shows you how to resize the canvas size as opposed to the image size, add text to an image and overlay shapes and symbols using preset Photoshop shapes. A video tutorial on how to edit the Photoshop canvas is also available here.
Rotating images Photoshop: This tutorial shows you how to rotate images in Photoshop. This can be used when making a collage, giving an off edge design touch to an image or to rotate or straighten an image that was taken sideways on a camera or perhaps was scanned in crooked. A video tutorial is also available here.
How to crop images in Photoshop: This short tutorial goes through the process of using the crop tool on images in Photoshop. This can be useful to take out an interesting section from a large image or cut out parts of an image that you dont want. A video tutorial on how to crop images in Photoshop is also available here.
layer styles in photoshop
Photoshop Layer Styles: This tutorial gives an overview of all the Photoshop tools and techniques in the layers styles panel while demonstrating the effect each one has on an image or text layer. There are a large amount of tools in the layer styles panel so only the basics of each one are demonstrated.
mirroring in photoshop
Mirroring images using Photoshop: This simple tutorial shows you how to flip an image hoizontally or vertically. In other words you are mirroring the image so it faces the other way. This can be useful in image collages or for portrait images where the composition suits better facing in the opposite direction.
photoshop text
This set of notes goes through a variety of tools and techniques related to text in photoshop. The tips vary from the very basic to the more complex. A video tutorial on text in Photoshop is also availablehere.
Creating shadows on text in Photoshop: This tutorial uses some of the previous techniques to create realistic shadows on text. This tutorial is not the same as basic drop shadows and utilises duplicate layers, mirroring and layer styles to achieve the desired result. A video tutorial is also available here.
Create a Zombie Image: This Photoshop tutorial is suitable for intermediate or advance users and is an ideal follow up to the advanced blending tutorial. You can zombify yourself, someone you know, a celebrity or just follow the tutorial using the images provided. Watch the video tutorial here.
Create a post apocalyptic scene: This Photoshop tutorial is suitable for intermediate or advance users and documents the stages involved in creating a post apocalyptic scene from a collection of normal images. The result achieved looks mysterious and eerrie. The video tutorial is available here.
Create a space scene: This Photoshop tutorial is suitable for beginners or intermediate users and documents the process involved in creating a space scene using only the brush tools, layer styles and filters. The result achieved is not realistic but is rather a more artistic image. Watch the video tutorial here.
Tutorial on How to use the pen tool: This Photoshop tutorial covers how to use the pen tool and all the associated tool options. Lots of Photoshop users often avoid using the pen tool as they find it difficult but practice makes perfect and once mastered it is one of the most useful tools in Photoshop. A video tutorial is available here.
Create your own Angry Bird: This Photoshop tutorial is a great follow on from the 'how to use the pen tool' tutorial. It covers the step by step process in creating an angry bird cartoon. The final image contains 6 basic shapes and uses all the tools and techniques associated with the pen tool. Watch the video tutorial here.
Tutorial on How to Create an Emoticon Style Cartoon Character: This Photoshop tutorial covers the steps involved in creating a basic, emoticon style, cartoon character. The tutorial is well documented with images at each stage so you can follow along step by step. A video tutorial is also available here.
Tutorial on How to create your own Logo: This Photoshop tutorial covers the step by step process in creating your own professional logo. The final image consists of both text and graphics and utilises text tools, the pen tool, shape tools and multiple layers so you learn numerous tools along the way. Watch the video tutorial here.
Tutorial on How to Create a Simple Table Quiz Poster: The pen tool and the associated tools and techniques are the most used tools in this tutorial and the tutorial is easy to follow with images depicting each stage so you can follow along step by step. Click the link above for the text tutorial or watch the video tutorial here.
Tutorial on How to Create a Sports Themed Poster: This Photoshop tutorial covers the steps involved in creating a basic sports themed poster. The graphics used are created by you so all you need is Photoshop and you can follow along each of the 10 simple steps. Click the link above for the text tutorial or watch the video tutorialhere.
Tutorial on How to create a Basic Magazine Cover: This Photoshop tutorial covers the steps involved in creating a basic business themed magazine cover. The images used are available to download so you can follow along step by step. Click the link above for the text tutorial or watch the video tutorial here.
Tutorial on How to Create a Horror Movie Poster: This Photoshop tutorial covers the steps involved in creating a Movie Poster in the horror genre. The images used are available to download so you can follow along step by step. Click the link above for the text tutorial or watch the video tutorial here.
Tutorial on How to Create a Sci Fi Movie Poster: This Photoshop tutorial covers the steps involved in creating a Movie Poster in the Sci Fi genre. The images used are free to download so you can follow along step by step. Click the link above to watch the video tutorial and get started creating your poster.

Graphic Design Process

The Graphic Design Process

The Design process is a series of steps that a designer takes when working on a project. The details of each stage will differ depending on the type of design but the approach should always be the same. It is vital to stick to the process during a design as skipping a stage, completing stages out of order of not using the process at all will result in a lower quality outcome, an outcome the client is not happy with or even worse no outcome at all.
The diagram above outlines the basic stages of the graphic design process and below each stage is explained in more detail.

1. Analyse The Brief:

Each design project will begin when a client delivers the designer with a brief. The brief will outline what the client wants although as the client will likely have no design experience it is important for the designer to carefully analyse all details given by the client and if necessary to make further enquiries about the needs of the client.

2. Identify Key Requirements:

Based on the analysis of the brief you must identify the most important parts. ASk yourself, what requirements must I fulfil? For example when designing a poster for an event, the simple act of including the time, date and venue are much more important than any aspect as a poster without the necessary details is useless. It is therefore important to identify and prioritise the key requirements of the brief.

3. Research Existing Designs:

Research is important to identify possible design styles and ideas which may also suit the needs of your client. These samples can be used when meeting with the client to identify the style of image/design which they prefer. For students research will also help to familiarise yourself with industry standard designs and the quality of design which is required.

4. Generate Ideas:

Coming up with an idea for the design, a slogan for a campaign, an image for a poster, a name for a website etc. can be difficult. However, by focussing on fulfilling the key requirements of the brief and allowing your research to inspire you it is possible to generate original designs for your project. Brainstorming is often used where a lack of ideas is a problem. Free writing is a type of brainstorming which simply involves relaxing your mind and writing down any and all ideas you have as quickly as possible without really thinking. Having your research around you can help when doing this. It may seem very simple but generally people have numerous ideas but they tend to dismiss them before writing them down, considering them down and allowing them to be developed into viable design solutions. For help and assistance visit our article on idea generation.

5. Develop Ideas

It is good practice not to settle on simply one idea but rather to choose 2 or 3 of your best ideas and develop them through simple sketches, drawings, colour scheme test pages and font style sheets. These steps all help to develop your ideas and highlight which one has the most potential for success. Sketching will also help to identify possible layouts/compositions that can be used.

6. Produce The Design

Once an idea has been selected and sufficiently developed it is time to begin producing/creating the design. It is important to note that this is commonly the stage that overeager student designers begin at and without stating the obvious this should never be done. Depending on the type of design diffent softwares or materials will be used to create the design but regardless of the means of production it is important that the previos stages are not forgotten and that the key requirements are fulfilled. For help and assistance with the graphic design production stage you may find our Photoshop and illustrator tutorials useful.

7. Test The Design

This is a quick and simple stage of the process but one that is often overlooked. For printed designs testing simply involves printing the design to ensure the resolution and colours are of good quality, that no clipping of important details occur and that text is readable and without errors. For website design this stage will involve checking that all features are functional, that links are working and that page loading speeds are acceptable.

8. Place The Design Insitu.

For printed designs this will involve plaing the poster/logo/sign/banner etc. in its intended position and ensuring that text is readable from an acceptable distant, images are clear and that the colours do not clash with or blend into their surroundings. For websites this will involve publishing the website online and rechecking all features and functions. For other types of designs, such as architecture or interior design, a programme such as Photoshop can be used to digitally place the design into its intended environment.

9. Evaluate The Design:

Before prenting your final design to the client it is vital that you evaluate it without bias. The easiest way to do this is simply return to satge 2 where you identified the key requiremnts of the brief and see if you have successfully fulfilled them. It may also be useful to get the opinion of others at this stage if you fear you will be unable to objectively evaluate your own design.

10. Redesign:

This step is only necessary if, after evaluation, you feel you have not successfully met the key requirements of the design brief. This stage involves returning to the beginning of the process and returning through each step correcting the errors which led to the key requirements not been fulfilled.

Furniture Design Timeline


The furniture design timeline above outlines some of the most important periods in the history of furniture design. The timeline is part of a new article on the www.onlinedesignteacher.com website. For the full article on furniture design history click HERE.