Home Daily Marketing Tips About Me Work With Me

Marketing & Design Blog

Internet Marketing, SEO, Blogging, Social Media, Lead Generation and Analytics

Abstract Sports Poster Tutorial

, ,

This Photoshop Tutorial will walk you through the creation of a killer abstract sports poster design. While I am using this tutorial to show a sports subject, the techniques used can be effective for a wide variety of subjects.

If you complete this exorcise, please be sure to share your results in the comments below.

Step 1

Create a new file with a white background. In this example I am using a standard paper size canvas of 8.5″x11″ and 300 pixel/inch resolution.

Step 2

Add a nice fade or solid color to fill the canvas. I am using a fade from white to dark blue because the subject of my poster will be a player from the Broncos. You can use almost anything for the background, and keep in mind that you can change out the background layer later.

Step 3

Next, the fun part (kidding)! After choosing your sports icon, you must extract the image from the background. There are many ways of doing this, and hopefully you all have enough experience with this to know a variety of techniques and are capable of selecting the best method for the job. If you need help with extracting, or cutting, your image out from the background there are many other tutorials out there on the subject. Once you have cut out your image, you should have something that looks like this:

* Your extraction does not need to be perfect since we are creating a grunge design

Step 4

Now we are going to add some paint splashes behind the player. Of course it will make the most sense to use the colors associated with the team. So, I recommend getting a team logo to eye drop your colors from.

Using some simple watercolor brushes add color like I have done. If you do not have any watercolor brushes, you need to get some! There are several great sites out there with watercolor brushes, the ones I am using are found here. You may also want to add some splatters of color to flesh out the painting effect.

Step 5

Now we are going to collage in a sports element or two (the choice is yours). For this step you need to select an image that makes sense for your sport and photo. I am going to add a football field to the image to give a sense of grounding rather than having my photo appear to be floating in space. If you chose a hockey goalie, for example, you may want to use ice or backboards. If you have a chosen a baseball player making a catch, you may want to add a sky behind the player to give a surreal flying effect.

Once you have found a good image to use, place it behind the player.

Step 6

Select the layer with your new image then hold Alt and click on the layer mask button to create a black layer mask, this will hide the layer. Now press D and change your color pallet to the standard white over black. Using a round brush with 0% hardness and about 440px diameter, brush around your photo to reveal the new background image. In my case, I am only doing this on the bottom of the photo as I want to give a grounded feeling to the graphic.

Step 7

Using the Pattern Stamp tool and one of the watercolor brushes I added some graph-paper looking patterns to the graphic. I placed these stamps on a layer just behind the photo, so that it would create the appearance of the art having been torn through to a graph paper background.

Step 8

Go crazy! Using a small brush, I used 4px, start drawing random squiggles on a new layer. Play around with the depth placement of the layer to see what works best. Repeat the process with several colors on several layers to create more depth.

Step 9

Now it is time to add some finishing touches. I felt that the photo was looking a little two flat, so I have added a slight drop shadow to the player to help pull him off the page and give some added dimension. I added a square and a few other small dots to the image.

Step 10

Next, I have added thin white circles around some key elements of the photograph and complemented these circles with solid white dots nearby.

Step 11

Lastly, since the rings focus on key elements of the player, I am adding some white lines to the circles to create a crossheir appearance. I have erased small sections of the rings as well to give it a more random appearance.

Here is my final image:

If you work through this tutorial let us see how it turns out – post a link in the comments to share your work. Good luck!

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

17 Comments »

  1. [...] a slick looking Broncos Football theme for iGoogle. Features a header based on my Abstract Sports Poster Tutorial with matching colors throughout the theme. Theme is easy on the eyes and not too cluttered in the [...]

    Pingback by Broncos - Champ Bailey — October 30, 2008 @ 1:07 pm

  2. [...] 25. Abstract Sports Poster [...]

    Pingback by 33 Photoshop Tutorials for Designing Amazing Posters and Ads : Speckyboy Design Magazine — February 9, 2009 @ 7:04 am

  3. [...] 25. Abstract Sports Poster [...]

    Pingback by 33 Photoshop Tutorials for Designing Amazing Posters and Ads « All things beautiful — February 19, 2009 @ 8:22 am

  4. Great Tutorial! Featured here: http://www.presidiacreative.com/47-tutorials-for-creating-professional-posters-and-ads/

    Comment by Eric Shafer — April 9, 2009 @ 10:18 am

  5. good tutorial ..seem simple but i has much effects
    thanx and added to my blog if u need.plz reply

    moih60’s last blog post… 57 Multi-Colored Illustrator Paint Brushes

    Comment by moih60 — April 10, 2009 @ 9:06 am

  6. [...] Spor [...]

    Pingback by 47 Profesyonel Poster ve Reklam Tasarımı Dersi « Süleyman Fahri KURT — April 14, 2009 @ 9:38 am

  7. [...] 19. Abstract Sports Poster Tutorial [...]

    Pingback by 25 Stunning Tutorials to Create an Advertisement Poster - ad poster, advert posters, advert tutorials, advertisement poster, movie poster, movie poster tutorials, Photoshop tutorials, posters tutorials, typography tutorials - Technically Personal! — May 6, 2009 @ 12:41 am

  8. [...] 25. Soyut Spor Posteri [...]

    Pingback by 33 Adet Photoshop’da Poster Tasarımı Dersi — May 10, 2009 @ 1:14 am

  9. [...] 19. Abstract Sports Poster Tutorial [...]

    Pingback by 25 Stunning Tutorials to Create an Advertisement Poster | Best Tutorials, Tips, Tricks For You — June 21, 2009 @ 5:32 am

  10. [...] 19. Abstract Sports Poster Tutorial [...]

    Pingback by 25 Stunning Tutorials to Create an Advertisement Poster | Computer Software — July 7, 2009 @ 1:24 am

  11. very helpful. thanks for the tutorial

    Comment by Ölgemälde — September 16, 2009 @ 6:01 am

  12. [...] criado pelo site Zachgraeve ensina passo a passo a criação de um poster publicitário [...]

    Pingback by Foto Ilustração Publicitária II – Passo a Passo | Sportion - Marketing Esportivo — October 12, 2009 @ 5:57 am

  13. [...] 45. Abstract Sports Poster Tutorial [...]

    Pingback by 50 tutoriales de creación de posters | Recursos para Diseñadores Gráficos y Web | Creativos Online — November 13, 2009 @ 2:02 pm

  14. [...] Abstract Sports Poster Tutorial [...]

    Pingback by 40+ kreative Beispiele der Postergestaltung | print24 Blog — March 8, 2010 @ 6:32 pm

  15. [...] Abstract Sports Poster Tutorial [...]

    Pingback by Over 40 Creative Examples of Poster Designs | print24 Blog — March 12, 2010 @ 5:02 am

  16. This helped me sooooo much! Thanks a bunch. Here is what my final product looked like:
    http://i49.photobucket.com/albums/f252/LiLBLaQBaLLa/MartinsPoster.jpg
    :)

    Comment by Gloria — April 22, 2010 @ 10:08 pm

  17. Wow, what a simple to follow yet powerful technique for poster design. Thanks a lot for the post!

    Comment by Photo User — May 2, 2010 @ 8:19 pm

RSS feed for comments on this post. TrackBack URL

Leave a comment

logo design brand development

We have simplified the typical logo ordering process, put you in direct contact with the artist, made getting additional branding products and websites easy, and rounded it all off with high quality printing services at fantastic rates... Learn more

website design development

We have made getting a completely dynamic website built on the WordPress content management system with a theme of your choice easy. We integrate your logo into the site design and offer great add-ons at amazing prices - giving you a range of choices on design and layout... Learn more

search engine optimization

We have expert SEO consultants ready to tackle any aspect of your search engine marketing and optimization needs. We take pride in the ability to custom build an Internet marketing campaign that is perfectly suited to your needs.... Read more


© Copyright 2003-2010 Zach Graeve and Expert Online Services, LLC. All Rights Reserved.
 Subscribe, RSS, Comments RSS, XML Sitemap, Privacy Policy