alexa rank cert Archive for August 2016
WHAT'S NEW?
Loading...

Most Popular Topics

Free Graphic Design Resources Every Student Should Know


Free Graphic Design Resources
Free Graphic Design Resources
This is a selection of the best free design resources and tools for graphic designers from across the web. These tools and resources are particularly aimed at design students and they will definitely come in useful in creating all sorts of design projects; these are webpages that should certainly be bookmarked! We really hope you find this list useful and if you know of any other free design tools or resources you think we should add then feel free to contact us and let us know.


Adobe Color CC

Create color schemes with the color wheel or browse thousands of color combinations from the color community using this interactive web tool. Everthing you need to prepare a design color scheme is at your fingertips with this great tool.

Avatar Icon Creator Pack

Whether you just want to make your own avatar icon, your colleagues’ or friends’, or if you’re up to a full business or personal project, you can use this incredibly complete pack to build up a huge amount of combinations in just a few simple steps. This is the easiest way to create a detailed avatar!
www.designshock.com/avatar-icon

Bittbox

The Freebie Gallery on the Bittbox website includes a vast selection of brushes and textures available for free download and use in Photoshop. Expect scratched backgrounds, paint blotches, wooden textures and loads more free design resources.
www.bittbox.com

Canva

Canva’s awesome suite of features make it easy to turn ideas into stunning designs. Simply search for the best graphics, photos, and fonts, then use Canva’s drag and drop tool to create a design. Whether your next design project is a creative collage, a social media graphic or even a web mock up. Canva’s features make it possible for anybody to create amazing designs for free.
www.canva.com

Creative Bloq

Creative Bloq is a design blog but we want to focus on just one post - a mammoth list bringing together over 2,500 brilliant design freebies, covering everything from typography to 3D design. The list is updated regularly with new design resources added all the time.

Creative Market

Go to their "Get Free Goods" section for a line-up of the best free goodies on Creative Market from the past week. To mix things up the website offers a variety of graphics, including vectors, Photoshop packs, fonts and textures.

DaFont

DaFont is a huge online library of great fonts in a wide variety of styles.The fonts presented on this website are their authors' property, and are either freeware, shareware, demo versions or public domain. There is also a great preview function to help you select the best font for your design.

Design Instruct

Design Instruct offers lots of free resources, as well as a ton of useful articles. Simply head to their Freebies section to download anything from icons, vectors and fonts, to Photoshop actions, stock images and textures.
www.designinstruct.com

Dribbble

As well as being a great source for design inspiration, Dribbble also high quality freebies including icons, fonts, vector illustrations, patterns and textures. They are often featured on numerous websites, but you can be the first to view the very latest additions by searching the ‘freebies’ tag on the Dribbble website.
www.dribbble.com

FlatIcon

FlatIcon is the largest database of free icons available in PNG, SVG, EPS, PSD and BASE 64 formats. Flaticon offers users, high quality graphic designs: totally editable vectors carefully selected by their design team in order to provide users with great content that can be used in both personal and commercial projects - all for free!
www.flaticon.com

FDR

FDR stands for free design resources. As the name suggests this website is a library of  design freebies. Free Design Resources is a site dedicated to help you find the high quality design resources for free. Crafted with love from amazing artists and professional designers around the world.
www.freedesignresources.net

FreeDesignStuff

This is one of the newest and the best websites on our list. As the name suggests this website is a library of  totally free (no strings attached) designs tuff. Free Design Stuff is a site dedicated to helping you find the best quality design resources for free. Every area of design is covered and each freebie is reviewed and rated to make choosing the right design freebie for you nice and easy.

FreePik

Freepik helps you to find free vector art, illustrations, icons, PSD and photos for using in websites, banners, presentations, magazines or any design project you are working on. They are currently creating hundreds of free vectors every day so you'll be sure to find what you need for your design project.
www.freepik.com

OnlineDesignTeacher

Well we couldn't leave ourselves off the list now could we! After all we strive to provide the best articles, tutorials, templates and resources across a range of design topics. So why not subscribe to our newsletter to keep up to date with all our latest posts.

Pixabay

A library of free images and videos you can use anywhere. All images and videos on Pixabay are released free of copyrights under Creative Commons CC0. You may download, modify, distribute, and use them royalty free for anything you like, even in commercial applications. Attribution is not required so their images are perfect for any design project.
www.pixabay.com

Pixeden

Full of free graphics and web resources, Pixeden has a little bit of everything. From graphic design and web design templates, to a whole host of icons and vectors, there’s a lot to choose from. You can sign up for a free account but if you want something a bit extra, they offer relatively cheap premium plans too.
www.pixeden.com

Pixel Buddha

Browse through Pixel Buddha’s endless catalogue of design freebies, including icons, templates, vectors and more. The website has a few high quality fonts as well, which are good for adding a personal touch to a project. From time to time the website hosts limited special offers as well, letting you snap up premium design resources for nothing, nada, zilch...free! Just another good reason to bookmark this website.
www.pixelbuddha.net


The Hungry JPEG

Download awesome, free graphic design resources today. The Hungry JPEG was started in November 2014 as a website to help designers, crafters, newbies, seasoned graphic design ninjas and well, anybody with an interest in the design world. The aim was to provide high quality design resources and we think they've done just that.
www.thehungryjpeg.com/freebies

Unsplash

Subscribe to the Unsplash mailing list to get 10 free high-resolution photos every 10 days. Expect seascapes and landscapes, architecture, travels on public transport, individual journeys, and much more. The website is great if you’re looking for something nicer than a standard stock image, and all images are free to use in your designs however you like.
www.unsplash.com

Visme

Visme is both an online Presentation and Infographic tool which markets itself as the resource to help you become a better Presenter, Communicator and Story Teller. Similar to Canva you can search for graphics, photos and fonts then drag and drop them to create your design.


10 Great Infographics for Games Design Students

The Positives of Gaming Infographic

The Positives of Gaming
The Positives of Gaming - Click to enlarge

Lets start off on a positive note! This great infographic highlights all the good things about gaming, the positive effects it has on gamers and it even finds space to debunk a few myths about gaming too. That's an awful lot of info in one image. If you would like to learn more about gaming or games design you can read more >>>


Game Design Team Infographic

The Games Design Team
The Games Design Team - Click to enlarge

The games design process can be completed by just one person but that person would need to be highly skilled in many different areas of the design process and production stages and have a lot of time on their hands too! For these reasons computer games, much like anything else, are designed and built by a team of people each with their own specific set of relevant skills. The infographic above outlines the job titles of the 8 main members of a game design team. The list is not definitive and other job areas do exist. but these are what are considered to be the most important roles. Read More >>>


Game Genres Infographic

Computer Game Genres
Computer Game Genres - Click to enlarge

Video game genres are used to organize video games based on their game-play interaction rather than visual or narrative differences. For example, a shooter game is still a shooter game, regardless of whether it takes place in a fantasy world or in outer space. Most computer games fall within a particular category or genre. Some bridge different gaming styles and, thus, could appear under more than one genre simultaneously. This infographic provides a list of all the main game genres with the features of each genre explained in brief. Read More >>


Game Design Process Infographic

The Games Design Process
The Games Design Process - Click to enlarge
The computer games design process is based on the general design process but has a process which is solely focused around the area of computer games. The headings differ from those in the general design process but they are effectively the same steps just broken down further and re-titled for a particular task. The overall process takes on the form of 3 major stages, as shown in the infographic above, with each containing a subset of more specific stages. The stages are called pre-production, production and post-production. As the names suggest the processes central objective is the creation of the game. Read More >>>


Gaming Career Infographic

Choosing a Career in Gaming
Choosing a Career in Gaming - Click to enlarge

Want to work in the gaming industry but nor sure where to start or what to do? Then this is the infographic for you. Go from Start and answer the questions as you go to guide you to the ideal gaming career for you. If you would like to learn more about careers in the gaming industry then you can read more >>>


History of Gaming Infographic

A quick history of video games
A quick history of video games - Click to enlarge
Recently the global video game market was said to be valued at approx US$70 billion, but the modern video game industry had a very humble beginning. This short but concise infographic will guide you through the main events in the evolution of gaming. If you would like a more detailed history then read more >>>


Game Review Infographic

Mass Effect 3 Review Infographic
Mass Effect 3 Review Infographic - Click to enlarge
Video games are unique in that they provide an interactive experience that differentiates them from watching movies or listening to music. Games require the active participation of the user and you can't do much else while playing. This gaming infographic charts some of the players' interactions when playing Mass Effect 3. Once you've spent enough time playing a particular game, you should have enough experience to write a compelling review of it. Read More >>>


Culture of Gaming Infographic

How gaming is effecting our health and culture
How gaming is effecting our health and culture - Click to enlarge
If there’s one skill that we all want to keep improving, it’s decision making. No matter what you end up doing for a living, whether it be a secular job, military or stay-at-home, the ability to evaluate the advantages and disadvantages of several choices is important. Gamers can breathe a sigh of relief; new studies have only served to confirm that playing video games can help us make better decisions, faster and this infographic outlines the findings. Read More >>>


The Rise of Mobile Games Infographic

Click to enlarge

This is a big infographic! But then again mobile gaming is now very, very big business and the mobile gaming industry is still growing year on year. If you would like to create your own mobile or 2D game then you can start learning for free right now. Read More >>>


The Neurology of Gaming

The Neurology of Gaming
Click to enlarge




5 Different Approaches To Creating a Website

5 Different Approaches To Creating a Website
5 Different Approaches To Creating a Website

It is important to state before we start that the creation of your website is just one of the steps in the web design process and it's not the first one! So I would really recommend reviewing the web design process first to make sure you are adequately prepared for this stage. So many people jump straight in at this stage and waste a lot of their time because they have not completed the previous steps in the process so don't say you weren't warned. Now with that little rant over, lets look at your options for creating the website.

There are 5 main ways to create a website and although not all of them require knowledge of HTML and CSS it is definitely better if you have at least a basic understanding of them.

The 5 ways to create a website are...

  • programme it yourself
  • get a website template
  • use a website builder
  • utilise a CMS
  • hire a web designer
Now that we know each of our website creation options, let's explore each of them in more detail.

Programme it from scratch 


If you already have good HTML and CSS skills or perhaps you are a web design or multimedia student in the process of learning HTML and CSS then this is a good option for you. Programming a website from scratch is also the most cost effective of the 5 options discussed in this article however it is also the most time consuming option. 

To help with this approach there are a number of very good code editor programmes available online such as Komodo Edit, which is an excellent free code editor which you can use to make programming your own website a little easier.


Start with a template


If you really want to program the website yourself but need a little bit of a helping hand getting started then perhaps a website template is the way to go, just be sure to get a responsive template to ensure your website is as user friendly as possible. This is also a great option if your programming skills are better than your design skills as you can keep the templates design features and use your programming skills to edit the content to suit your website needs.

You can choose from an amazing 100 free responsive website templates here. So a website template is definitely a great idea, especially for new web designers, just be sure to customise it as, a bit like a stock photograph being used in a poster, it can appear stale and without character in it's raw, template state.


Use a website builder


Website builders advertise themselves as the easiest and quickest method to create a website. Companies like SquareSpaceWix and Weebly are the best options for this approach and they both offer a starter package where you can get online with a free sub-domain name and free hosting. Although on the surface it may seem like a good choice, in my opinion, this is not a good option.

Website builders always seem to result in very rigid web designs, the free domain name is not a full domain and they tend to overcharge you for a full domain name. You often need to upgrade to a paid account to get a custom domain too and the monthly or yearly pricing structure is usually quite expensive. Bandwidth restriction, custom ads and extra storage space are other things that often need to be paid to unlock. In summary, this wouldn't be a choice I'd recommend.


Utilise a Content Management System


This would be my recommended option. CMS for short, content management systems are similar to, and often confused with, website builders. The difference being a CMS website design and structure is often created by a web designer first before being handed over to a client who only has access to a front end to make any required updates.

However, if you have learned some HTML and CSS, you can take charge and create the website design and structure yourself using systems like Blogger and WordPress. Which one of these is better is constantly being debated online with my personal preference being Blogger (read why). 

Whichever you choose, there are many others available too, this is a great option which offers you templates to get started, widgets to drag and drop in while still having access to the HTML and CSS to make advanced or specific changes and tweaks.

Hire a web designer


If you don't have the time to learn how to build a website or you need to have complex functions or a very specific look for your website and you have a budget, then you will want to outsource the work.

Be careful who you hire, though. A poorly developed website can cost you money, drive away customers, and hurt your reputation. Following a few basic steps will increase your odds of hiring a creative, technically savvy, and cost-effective design firm or freelancer.

Much of your choice of designers depends on whether you want to work locally with someone, or whether you are willing to work remotely with them over the phone. Here are some things to think and ask about when hiring a website designer. If you would like to hire a web designer then we can proudly recommend Opus Web Design.



Our Top 3 Idea Generation Techniques

Idea Generation Techniques
Coming up with ideas is tough so here are our top 3 idea generation techniques

As mentioned in the design process section coming up with an idea for a design, a slogan for a campaign, an image for a poster, a name for a website etc. can be difficult. However, by focusing 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. Here we discuss our top 3 idea generation techniques.

Brainstorming:

Brainstorming can be useful but only if you relax and let the ideas flow, don't over think things

Brainstorming is often used where a lack of ideas is a problem. There are numerous approaches and theories on brainstorming and the different types and their levels of success are open to interpretation. In design, like many other things, different approaches suit different people and it is up to you to test out some of the brainstorming techniques and decide for yourself which one best suits you.

There is already a large amount of existing resources and lists on brainstorming techniques so it would be fruitless to repeat another one here, instead a selection of recommended links are listed below for your examination. Everyone is different and different different techniques work for different people so browse through all the links below and find a brainstorming approach that works for you - and then stick to it!


Mind Mapping:

A mind map is a diagram used to visually outline information. A mind map is often created around a single word or text, placed in the centre, to which associated ideas, words and concepts are added. Major categories radiate from a central node, and lesser categories are sub-branches of larger branches. The image below is a mind map which is explaining mind maps!


Sample Mind Map


This can be a useful technique when you want to come up with ideas, images, words or anything that you can associate with a particular theme, perhaps given to you by a client. You pre existing connotations of a word, place or colour tend to come out in a mind map easier than they might in a discussion on the topic.

Random Idea Game:

This is my personal favourite, probably because it is the most fun to do. One thing is certain with this technique is your ideas will be original.

What you do will differ slightly depending on the type of idea you need but basically create 5 columns with the headings time, place, person, object and animal. Then as quickly as possible, so as to prevent over-thinking, write down 10 to 15 related items in each column. For example in the time column you could write down anything from 2.45pm to the year 2099 or in place it could range from the corner of your living room to the forest moon of endor! All items can be real or imaginary so don't think just write.

Once you have done that the fun can begin. At random choose one item from each column at random (as quickly as possible) and force yourself (again as quickly as possible) to create a scenario/scene/story that involves them all. You will get some truly weird and wonderful ideas that you can then use as settings for a computer game, the basis of a novel, an image for a poster or anything at all really.

Here's one for you.....

"Arnold Schwarzenegger astride a unicorn carrying a mop in the Colosseum of ancient Rome".  

Surreal and weird but also unique and memorable!

http://www.onlinedesignteacher.com/2015/11/what-file-type-should-i-use_24.html

Graphic Design Colour Schemes

Before reading this section it is recommended that you first read the section on colour theory as a basic understanding of colour related terminology is expected.

Colour Schemes for Graphic Design
With so many colour variations to choose from settling on a colour scheme can be difficult

A colour scheme is a combination of colours that, when put together, compliment or contrast one another in an aesthetically pleasing way. Colour schemes are used by artists, graphic designers and interior designers to create visually appealing imagery. Colour schemes can be put together at random, but most professionals choose colours based on their relationship to each other in the colour wheel. The colour scheme types explained here are monochromatic, primary, secondary, complimentary, analogous, triadic, warm and cool.


Monochromatic colour scheme:

Poster with a monochromatic colour scheme

A monochromatic colour scheme is made up of just one main colour, but features a number of shades of that one colour. A simple example of this would be a colour scheme of blue, dark blue and light blue, as seen below. Monochromatic colour schemes could also feature the base colour, shades of that colour, and white and black.

Sample Monochromatic colour swatch



Primary Colour Scheme:

Poster using primary colours

This is another basic type of colour scheme where the basic primary colours of red, yellow and blue are used. A primary colour scheme can be made up of any shade of each primary colour but works best when the shades match evenly. In other words don't mix a bright red with a muted blue and yellow.

 Sample Primary colour scheme


Secondary Colour Scheme:

Image with a secondary colour scheme

This is a type of colour scheme where the secondary colours of purple, green and orange are used. A secondary colour scheme can be made up of any shade of each secondary colour but works best when the shades match evenly. In other words don't mix a bright purple with a muted green and orange.

Sample Secondary colour scheme


Complimentary Colour Scheme:

This images uses the complimentary colours of blue and orange

This colour scheme involves matching a primary colour with the secondary colour opposite to it on the colour wheel. For example, a colour scheme based on shades of yellow and purple would comprise a complimentary colour scheme, as seen below. Other complimentary colour pairs are blue with orange and red with green.

Sample Complimentary colour scheme


Analogous Colour Scheme:

Poster using an analogous colour scheme

An analogous colour scheme is created by pairing colours that appear side by side on the colour wheel. For example, an analogous colour scheme may include purple, blue and green. More subtle combinations may also be created by matching mixed colour tone combinations such as blue-purple, blue and blue-green, as seen below.

Analogous colour scheme


Triadic Colour Scheme:

This graphic design images uses a triadic colour scheme

A triadic colour scheme is made up of three colours spaced evenly apart from each other on the colour wheel. The primary colour scheme made up of the primary colours--red, yellow and blue is an example of this. These colours are all an equal distance from each other on the colour wheel, and form a triangle on the colour wheel when connected to each other. To produce a different triadic colour scheme, move the triangle until it points to different colours on the colour wheel such as yellow, red-purple and blue-green.

Triadic colour scheme


Warm Colour Scheme:

This movie poster uses a warm colour scheme


The colour wheel is divided into two halves, warm colours and cool colours. The warm colours include reds, oranges and yellows, including all variations of these colours. The warm colours are associated with action, passion, love, rage, danger and heat.

Warm colour scheme

Cool Colour Scheme:

This movie poster uses a cool colour scheme

The cool colours are found on the opposite side of the colour wheel, and these colours include all blues, greens and purples. Cool colours are associated with coolness, peace, calm, depression,
sadness, sky and water.

Cool colour scheme




Polygon Modelling Techniques

Polygon Modelling Techniques

Polygon Modelling is a technique used to model objects in Blender, or other 3D modelling softwares, in a series of different ways ( Check here to find a free 3D Modelling Software to suit you).

It can be used in a lot of different ways, and is used in a lot of general modelling. Each of these techniques can only be used in edit mode (tab) in Blender.

Once you understand how to use these techniques and shortcuts, you'll have access to creating more objects by modelling them yourself, for example, turning a cube into a table, or a plane into a room, or a simple curve into a wine bottle.

Create A Logo In 10 Easy Steps

This tutorial is completed in Illustrator but all the tools and techniques used are also available in Photoshop. The reason I am using Illustrator is that Illustrator is the best program (in my opinion) for creating vector graphics using the pen tool. Professional Logos are made as vector graphics, allowing them to be resized up or down without loss of quality.

Logo Design
The Logo we will be making in this tutorial

Although this tutorial focuses on the actual production stage of the logo it is important to remember that the graphic design process should always be used. Therefore this stage should be preceded by analysis of any brief, research, brainstorming, and idea development (ideally through sketching). Alongside these design process stages you should also be considering the logo design principles.

Ideally read the article in full before completing your own logo design but to recap quickly the principles state the logo should be...

  • Simple 
  • Versatile 
  • Timeless 
  • Memorable 
  • Appropriate 

For the purposes of this tutorial we will be creating a logo for a design company called 'Cut & Paste'. The design aims to reference the company name within the text styles and shapes used. Now lets begin.

Logo - Step 1

Go to File-> New and create a canvas 700px wide and 500px tall. This is not a mandatory size, as the logo (once completed and exported) can be scaled up or down to any size. However, if you want to follow the tutorial exactly using the font sizes and other dimensions used then keep to 700px X 500px.

Logo - Step 2

Open the layers window and rename the layer 'Shape 1'. Now use the rectangle shape tool to create a shape 610px x 125px. With the shape selected (with the path selection tool) open the stroke window and add a 5pt white stroke using the settings shown in the image below. Depending on how you clicked and dragged to create the shape the scissors arrow head on the stroke may appear in a different corner. To set the scissors to the position shown, go to Object-> Transform -> Reflect and edit the settings until you get it into the position shown.

Logo Design Stage 1

Logo - Step 3

Now, press the new layer button in the layers window and name the layer 'Shape 2'. With the new layer selected use the rectangle shape tool to create a shape 600px x 115px. Set the shape colour to white and add a uniform stroke of 5pt with the scissors arrowhead (the 5pt stroke all around should make the shape the same size as the previous shape). Position the shape directly on top of the first shape getting the scissors arrowheads to overlap as shown below. Once again go to Object-> Transform -> Reflect and edit the settings until you get the arrowheads into the position shown.

Logo Design Stage 2

Logo - Step 4

For the next shape we will once again create a new layer, call it 'Shape 3'. Use the pen tool to create a black coloured shape similar to the one shown below, remember to complete the shape by joining the last anchor point to the initial anchor point. Once completed you can move the anchor points of the shape into the exact form you want using the direct selection tool. Once again set a 5pt white stroke with a scissors arrowhead, the settings are shown alongside the shapes in the image below. That completes our work on the shapes.

Logo Design Stage 3

Logo - Step 5

Now we will add the text. You can add the text all on one layer but as we will be using 4 different fonts in 4 separate text boxes it is easier to create a new layer for each piece of text too.

TIP: For maximum flexibility in graphic design always create a new layer each time you add a new piece of text.

Logo - Step 6

Firstly we will add the 'CUT' text. Create a new layer call it 'CUT' and use the text tool to click and drag out a text box roughly to size you want (you can resize it afterwards if needed) and type the word CUT in Arial Bold and with a font size 110pt.

Logo Design Stage 4

Logo - Step 7

Highlight the text with the text tool and change the text colour to white and add a 2pt black stroke. Open the stroke window and tick the dashed line box and set the values to those shown in the image above.


Logo - Step 8

Next, we will add the ampersand. Create a new layer for the ampersand, and create a text box on that layer. Type '&' in font style Arial Bold, in a font size of 72pt and set the text colour to white.


Logo - Step 9

Now the 'Paste' text. Once again create and name a new layer, use the text tool to create a text box and type 'Paste'. The font used for the paste text is called 'Cut It Out' and is a free to download font available HERE. Set the font colour to Black and the font size to 90pt as shown in the image of the font settings tab below. Use the path selection tool to position the text as shown.
Logo Design Stage 5

Logo - Step 10

Finally the 'Design Company' text. As before, create and name a new layer, add a text box and type in 'Design Company'. The image below shows the text settings used.




The completed logo should now resemble the image below. You can continue to develop the logo by editing the colours of the text or shapes, trying out different font styles or adding effects from the 'Effect' tab in the top menu.
The completed logo design
The completed logo design 

You can easily create your own logo for new your company or a class project using the tools and techniques explained here but always remember to follow the previous steps of the design process as it is always easier and quicker to create the logo once you have a design sketch to follow. Trust me on that, you don't want to have to learn the hard way!

If you are still struggling or feel you need a detailed vector that your skill set isn't capable (yet) of creating you can find free vector graphics that you can then edit tot suit your needs.



Create a Sports Themed Poster in Photoshop

sports day poster
The finished sports day poster 

This tutorial will show you how to create an eye catching sports themed poster in just ten simple steps. To create this sports day poster you will use a selection of copyright free images along with some basic text and block shapes of colour. The poster will have a simple but eye catching design which should immediately identify itself as a sports themed poster to the viewer, this is important to reach your target audience. See the section on Attention Grabbing Techniques for more about that.




Step 1

For the poster, we will be using an A3 canvas, to create an A3 canvas go to File-> New and in the options window choose International Paper as the Preset and A3 as the size. Next we will add the base colours of the poster. I will be using an orangey yellow, sky blue and white. You can use different colours of course; I would recommend using your club colours to identify the poster as being connected to the club. You can also read more about colour schemes.



Step 2

Once you have chosen the colours you want use the gradient tool (located within the paint bucket tool) and create a linear gradient from top to bottom on the default background layer. Next use the rectangle shape tool to create a rectangular shape at the top of the poster, use the colour picker on the shapes layer to change its colour. Right click on the layer and select blending options to open the layer styles window. Now select 'stroke' and set its colour to white and it's size to 10px (select a higher value or different colour if you want).






Step 3

Now open your club logo in Photoshop and then use the move tool to drag and drop the logo from its window into the poster window. Alternatively you can go to File > Place and import your club logo as a smart object. Either way you should then  resize and re-position it, using Edit-> Transform-> Scale


Step 4

Next use the text tool to create a text box and type in the club name followed by 'presents the ultimate...'. The font style I used is Agency FB but you can try out different fonts if you wish. Remember you must highlight text in order to edit it using the text settings that appear across the top once the text tool is selected.






Step 5

For the main poster text I have also used Agency FB. The automatic font sizes in Photoshop only go up to 72 but you can type in larger values to achieve even larger text. My text is at font size 200. So once again use the text tool to create a text box then type the text 'Family Sports Day' and set it's size, font style and colour to settings you are happy with. I also added a stroke and an outer glow to the text using the layer style window as shown in the image below. You can also read more about about adding and editing text in Photoshop.





Step 6

Next on our agenda is the images. The poster will contain a series of sports action silhouettes of a selection of sports. You can find numerous silhouettes on the internet but I will also tell you how to create your own. First find an image you like and open it in Photoshop. Ensure the image is unlocked (check the layers window and double click on the layer to unlock it) and use the magnetic lasso selection tool to select the part of the image you want to use. Then go to Select -> Select Inverse which will reverse your selection thus selecting all the unwanted areas. 



Step 7

Now simply press delete or backspace to remove the unwanted areas leaving you with just the part you want. Press Select -> Deselect (or Ctrl and D) to deselect the image. Use the eraser tool to tidy up any loose edges.





Step 8

Lastly go to Image -> Adjustments -> Threshold and edit the settings until you get a white silhouette. If you can only get a black silhouette that is fine, just go to Image -> Adjustments -> Invert to change it from black to white.





Step 9

You can now repeat steps 6, 7 and 8 for all the images you want and place them around the poster using the move tool. A nice touch is to place some image slightly overlapping the text from in front with others slightly behind the text. This will give the image more depth, to do it simply change the order of the images in the layers window. 






Step 10

To finish add any additional text that is required such as the time, date and venue of the sports day. Once again I have used Agency FB as the font style. You can use the character window in Photoshop to change more text settings such as the distance between letters or lines of text. This can be useful to fit in all the information you want to without having to change the font size. 


sports day poster
Completed Sports Day Poster



This same design could also be used for others sports related events, why not try it out yourself!