Graphic Design Masterclass for DJ’s & Producers | Part 1 Album Artwork
15 Aug. 2012

Graphic Design Masterclass for DJ’s & Producers | Part 1 Album Artwork


This article is written and released by Priscilla J. for Push More Buttons.

DJ Premier once said “we use to sample the records based on their pictures.” He said this to the Berkelee Orchestra Music Director, when he was referring to how he knew about classical music. This resonated with me, mainly because I’m a graphic designer and a musician. (Source – Re:Generation Music Project Film).

I can’t recall how many times I’ve been sent links to Soundcloud mixes or MP3’s that have no artwork attached to them. This really puts a damper on my experience as a listener and a DJ. I love being able to look through my digital “crates” in Traktor and being able to find a track instantly based on it’s recognizable artwork.

While the artwork doesn’t make a good mix great or a good track great, it does round out the entire experience of listening to the piece of music. It demonstrates the listener that you as a DJ/Producer have considered every possible sensory experience of the listener. It demonstrates professionalism and perfectionism with hat last bit of detail you refuse to overlook. This leads me to my next point:

How do I get great professional looking artwork without any skills in graphics or money to pay someone?
You might be thinking, “Why should I trust this girl’s advice and who is she to tell me how to make my album artwork?” For those of you that don’t know me, I am a professional Art Director in Los Angeles and have been a designer for 10+ years. I’ve done work for clients such as Beats By Dr. Dre, Warner Brothers Records, Madonna, President Barack Obama, DJ Tech Tools, Dubspot, TNT, TBS, The Academy Awards, and so on. This list wasn’t meant to be rant on the who’s who of my clients but rather to gain your trust in my abilities and to trust the techniques and lessons that I will teach you on designing your own graphics to further polish yourself as a DJ/Producer and your music.

General Design & Typography Lesson
Okay let’s get to the nitty gritty. This will be an on going masterclass for musicians on how to further refine themselves graphically and will have several sections. This first section will be a general overview and will focus on Album artwork. I will have a few ready-made templates to get you started and exploring. We’ll be using Adobe Photoshop for the templates because this will give you the most options to texturize and refine your album art.

Great design is like a great mix. You don’t quiet know why it’s so damn good but you can feel it. This is because behind the hood of the design/mix there are a ton of subtle details that come together to form a cohesive solid piece. With music, it’s the subtle effects that most of the crowd won’t notice but can feel, with design it’s 99% of the time the typography. Typography is the driving force behind a good piece of design. Being an active member of forums such as DJ Tech Tools, Native Instruments, DJ Forums, etc, the one thing I notice is when people are working on their logos they tend to go with the flashiest cheap fonts from dafont.com or other sites like it. To relate this back to music; it’s like using the worst effect possible that sounds like garbage on a solid mix between two tracks. You’ve effectively just ruined a nice subtle transition with an overdone effect, rather than using a filter or delay. See filters and delays are classic effects that never do you wrong. They work on Dubstep, Electro, Hip Hop, and Drum and Bass. This same principle applies to typography and graphics. The classic typefaces that are drawn well apply to any type of artwork (within reason). Typefaces like Helvetica, Trade Gothic, Garamond, Times New Roman, and Din are by far some of the most universal typefaces out there. Think of them as your go to effects that don’t wreck your mix but give them a layer of complexity that elevate you as a DJ/Producer.

Template Notes
1. All images used in templates are placeholders only. These images were shot by myself and I retain all rights. You will need to drop in your own images into the specified layer in the templates.

2. These are saved at the standard 800px x 800px size that is easily viewable in iTunes and Soundcloud.

3. All fonts are standard built in fonts for all macs and most window based computers.

Template 1 (Simple and Sophisticated)

This template is meant to be used with a soft textured background image with simple and elegant typography. It uses a serif typeface in italics, this conveys an elegance and composed mix. The black and white color treatment reinforces that elegance but also brings in confidence and boldness.

Template 2 (Nostalgic)

This template brings in that nostalgic feel with soft light leaks and a mixture of ultra light and bold Helvetica. It would be a great visual for something like a beat-style instrumental hip hop mix. The background image should have a fair amount of empty space at the bottom, this will allow the ultralight headline at the bottom to show up nicely.

Template 3 (Versatile A)

While template 1 and 2 depict very specific emotions this template is meant to be slightly more generic and the emotion or feel will be dictated by whatever image is dropped in. These images could be close up portraits, landscape shots, or gear porn images. Either way the simple Helvetica Bold will work with almost any image.

Template 4 (Versatile B)

This template is similar to template 3 but uses a circular shape to contain the typography. While this template can work with almost any image it’s not best suited for portraits as it can cover the face (unless of course you want that look, which can be cool).

These templates have the typography already set to specific sizes and letter spacing which as I mentioned earlier are those subtle details that the audience won’t notice but make all the difference. Feel free to use these templates, but remember it’s okay to play around with the positioning of things. These are meant to give you a starting off point and make it easy for you to create nice generic album art images in a crunch. Ideally you would have a concept and make custom art and illustrations based on that concept. Use these templates as a starting point and give it your own style with your own photography.

Once your album art is complete save it as a JPEG and embed it to your properly tagged MP3. Check out the difference in the below image of the same track with and without proper artwork and tagging.

While the most important thing is still what’s under the hood (your mix/track) the nice paint job will get you a few more nods. Taking the time to properly prep a mix/track for online distribution is a way of showing that you are a serious musician and take pride into your mix/track distribution.

It’s crucial to note that this isn’t for a promoter or producer to notice you, it’s for your fans. The people that will eventually help pay your bills with their devotion to your craft by buying tickets to your shows. The people that will appreciate the visuals that will lace their iPod playlist. This step is for the person willing to take the time to enjoy your music.

I hope you enjoyed this post. Again, I cannot stress enough that this is the icing on the cake – not the batter and careful baking procedures that are the cake. Your music is still and will always be the number 1 priority. This masterclass in graphics for musicians is meant to demystify that scare world of design that so many people seem to either overdo or underdo.

Stay tuned for future Graphics for Musicians tutorials and templates.

Homework
Since this is a “class” I’d like for you to take some time to check out a few artist that I think are doing the right thing when it comes to graphics. Check out their album art, photography, and most importantly their typography. Write down the ideas that you like the best and use those as a guide to help you create your own artwork.

Pretty Lights
Kanye West

Visit Push More Buttons to see the original post.


Related posts

Tags

Related posts

Rabbiteye Movement Studio Interview
Rabbiteye Movement Studio Interview
18. März 2013 - 83 comments
Monsters of Grok
Monsters of Grok
9. August 2012 - 106 comments
Best of 70s-80s SciFi Poster Design Pt. 1
Best of 70s-80s SciFi Poster Design Pt. 1
25. Mai 2011 - 79 comments
Näd Mika – New Cover Artwork
Näd Mika – New Cover Artwork
18. April 2011 - 42 comments


64 Responses

  1. Everything is very open with a very clear description of the challenges.

    It was really informative. Your website is useful. Thank you
    for sharing!

  2. Elizbeth sagt:

    This is really interesting, You are a very skilled blogger.
    I have joined your rss feed and look forward to seeking more of your wonderful post.

    Also, I’ve shared your website in my social networks!

  3. Hello I am not sure whether or not it’s me or perhaps your internet site but it is
    starting slowly to me, it took me sort of a minute to load up but digg operates totally .

    On the other hand thanks for publishing splendid blog post.
    I think it really has already been extremely beneficial to
    user who click here. I have to point out that you
    really have done brilliant work with this and also wish to check out more awesome things from you.
    I now have your site book marked to see blogs you post.

  4. LelaTRathman sagt:

    My developer is wanting to convince me to advance to .net from PHP.
    We have always disliked the thought due to expenses. But he’s tryiong none the
    less. I’ve been using WordPress on several websites for roughly annually and am concerned about switching to
    a different one platform. I have got heard fantastic things about blogengine.net.
    What is the way I will transfer my wordpress content into it?
    Any sort of help could be greatly appreciated!

    my blog: LelaTRathman

  5. I’ve been browsing on-line greater than three hours nowadays, yet I
    by no means discovered any interesting article like
    yours. It is beautiful worth sufficient for
    me. In my view, if all site owners and bloggers made just
    right content as you did, the net will probably be much more helpful than ever before.

  6. free date web sites free woman paid debit video free dating sites totally free dating sites free online

  7. I really likke what yoou guyss are usually up too.
    This kind off clevedr work and reporting! Keep up the wonderfvul works guys I’ve addsed yoou guys to our blogroll.

  8. 017 sagt:

    The other day, while I waas at work, mmy sisrer stole
    myy ihone andd tested to see iff iit can srvive a thirty oot drop, ust sso she
    can be a youtube sensation. My apploe ipad iis now
    destroyed andd shhe haas 83 views. I knbow this is entirdly off topic buut I had to shae it with someone!

  9. 892 sagt:

    Do you mind iff I quote a couplpe oof your posts as long as I provide
    credit and ources back to your webpage? My blog iis in thhe
    very same nifhe as yourrs and my users woul really
    benefit from some oof thee information you provide here.

    Pleease llet mme know if this okay wkth you. Thank you!

  10. 478 sagt:

    What’s Takoing place i aam neww too this, I stumbled upon this
    I’ve found It ahsolutely usaeful aand it haas aikded me out loads.
    I hope tto contribute & hewlp dicferent users ike its aided me.
    Goood job.

  11. These are truly great ideas in about blogging.
    You have touched some nice factors here. Any way keep up wrinting.

  12. Way cool! Some very valid points! I appreciate you penning this
    post and also the rest of the site is extremely good.

  13. Hey just wanted to give you a quick heads up. The text
    in your post seem to be running off the screen in Chrome.
    I’m not sure if this is a format issue or something
    to do with browser compatibility but I thought I’d post to let
    you know. The style and design look great though!
    Hope you get the issue solved soon. Kudos

  14. Definitely believe that which you stated. Your favorite reason seemed
    to be on the internet the simplest thing to be aware of.
    I say to you, I certainly get annoyed while people think about
    worries that they just don’t know about. You managed to hit the nail
    upon the top and defined out the whole thing without having side
    effect , people could take a signal. Will probably be back to get more.

    Thanks

  15. 116 sagt:

    Hello There. I found our blog using msn. Thhis iss
    a reakly well written article. I will make sure to bookmark it annd come bck to read more of your useful information. Thanks for the post.
    I will definitely return.

  16. What i do not understood is in fact how you are now not actually a lot more neatly-preferred than you might
    be now. You are very intelligent. You recognize thus considerably when it comes to this subject, produced me individually consider it from a lot of numerous angles.
    Its like women and men aren’t fascinated until it is something to do with Lady gaga!
    Your individual stuffs excellent. All the time
    handle it up!

  17. Hello! I know this is kind of off topic but I was wondering if
    you knew where I could get a captcha plugin for my comment form?
    I’m using the same blog platform as yours and I’m having
    difficulty finding one? Thanks a lot!

  18. 067 sagt:

    Great bwat ! I wish to apprenntice whiole yoou amend youjr website, how could i
    subscribe for a blg web site? Thee accdount aided mme a acceptable deal.
    I have been iny biit acquainted of this your brodcast offsred bright transparent idea

  19. Your mode of explaining everything in this article is really pleasant, all can effortlessly understand it,
    Thanks a lot.

  20. Wow, this paragraph is good, my younger sister is analyzing
    these things, therefore I am going to convey her.

  21. It’s very straightforward to find out any matter on net as compared to books, as I found this piece of writing at this site.

  22. You actually make it seem so easy together with your presentation but
    I find this topic to be actually something that I think I would never understand.
    It sort of feels too complicated and very extensive for me.
    I’m taking a look ahead to your next post, I’ll attempt to get the hang of it!

  23. Howdy great blog! Does running a blog like this require a massive amount work?

    I have no expertise in coding but I had been hoping to start my own blog in the near future.

    Anyways, should you have any ideas or techniques for new blog owners please
    share. I understand this is off subject however I just had to ask.

    Cheers!

  24. I every time emailed this webpage post page to all my contacts, because if like to read it next my links will too.

  25. It’s an remarkable paragraph in support of all the
    internet users; they will take benefit from it I am sure.

  26. yes-dacha.ru sagt:

    Nice blog here! Also your website loads up fast! What host are you using? Can I get your affiliate link to your host? I wish my website loaded up as fast as yours lol

  27. Incredible quest there. What occurred after? Thanks!

  28. Anonymous sagt:

    Hi there! This post couldn’t be written any better! Reading this post reminds me of my old room mate! He always kept talking about this. I will forward this page to him. Pretty sure he will have a good read. Thank you for sharing!

  29. It’s an awesome post designed for all the web viewers; they will take benefit from it I am sure.

  30. No matter if some one searches for his necessary thing, thus he/she wants to be available that in detail, thus that thing is maintained over here.

  31. Do you have a spam issue on this website; I also am a blogger, and I was wanting to know your situation; many of us have created some nice methods and we are looking to trade strategies with other folks, be sure to shoot me an e-mail if interested.

  32. Hey there, I think your blog might be having browser compatibility issues. When I look at your blog in Ie, it looks fine but when opening in Internet Explorer, it has some overlapping. I just wanted to give you a quick heads up! Other then that, amazing blog!

  33. Hello there, You have done a fantastic job. I will definitely digg it and personally recommend to my friends. I am sure they will be benefited from this site.

  34. remstrdom.ru sagt:

    Thanks to my father who informed me about this website, this weblog is really awesome.

  35. Thank you a bunch for sharing this with all folks you really understand what you are talking approximately! Bookmarked. Please also talk over with my web site =). We may have a link change contract among us

  36. Thank you for sharing your info. I truly appreciate your efforts and I am waiting for your next post thank you once again.

  37. After looking into a number of the blog articles on your website, I truly like your way of blogging. I book-marked it to my bookmark website list and will be checking back soon. Take a look at my web site as well and let me know what you think.

  38. Please let me know if you’re looking for a article author for your weblog. You have some really great posts and I think I would be a good asset. If you ever want to take some of the load off, I’d absolutely love to write some articles for your blog in exchange for a link back to mine. Please blast me an e-mail if interested. Many thanks!

  39. 元旦快了 sagt:

    This is a topic which iis nwar to my heart…

    Cheers! Whete are yourr contact details though?

  40. What’s up mates, nice article and pleasant arguments commented here, I am actually enjoying by these.

  41. Having read this I thought it was very informative. I appreciate you taking the time and effort to put this article together. I once again find myself spending way to much time both reading and commenting. But so what, it was still worth it!

  42. With havin so much content and articles do you ever run into any problems of plagorism or copyright violation? My site has a lot of exclusive content I’ve either authored myself or outsourced but it appears a lot of it is popping it up all over the web without my agreement. Do you know any solutions to help reduce content from being ripped off? I’d definitely appreciate it.

  43. What’s up, after reading this remarkable article i am too glad to share my knowledge here with friends.

  44. Thanks for your marvelous posting! I quite enjoyed reading it, you might be a great author. I will be sure to bookmark your blog and will eventually come back down the road. I want to encourage you to continue your great posts, have a nice morning!

  45. Write more, thats all I have to say. Literally, it seems as though you relied on the video to make your point. You definitely know what youre talking about, why waste your intelligence on just posting videos to your site when you could be giving us something enlightening to read?

  46. I don’t know if it’s just me or if everyone else experiencing problems with your blog. It seems like some of the text on your posts are running off the screen. Can someone else please comment and let me know if this is happening to them too? This might be a problem with my web browser because I’ve had this happen before. Kudos

  47. Greetings! This is my 1st comment here so I just wanted to give a quick shout out and tell you I genuinely enjoy reading through your blog posts. Can you suggest any other blogs/websites/forums that deal with the same subjects? Thanks a lot!

  48. naturally like your website however you need to test the spelling on quite a few of your posts. A number of them are rife with spelling problems and I find it very bothersome to tell the truth on the other hand I will surely come back again.

  49. Way cool! Some very valid points! I appreciate you writing this post and the rest of the site is extremely good.

  50. Fantastic website you have here but I was curious if you knew of any community forums that cover the same topics talked about in this article? I’d really love to be a part of group where I can get feed-back from other knowledgeable individuals that share the same interest. If you have any recommendations, please let me know. Thank you!

  51. I feel this is one of the such a lot significant information for me. And i’m glad reading your article. However want to statement on few general things, The website taste is perfect, the articles is really nice : D. Good process, cheers

  52. Good day! This is my first visit to your blog! We are a collection of volunteers and starting a new initiative in a community in the same niche. Your blog provided us useful information to work on. You have done a extraordinary job!

  53. I always spent my half an hour to read this blog’s posts everyday along with a cup of coffee.

  54. I always spent my half an hour to read this blog’s articles or reviews every day along with a cup of coffee.

  55. Hello there! I know this is kinda off topic however , I’d figured I’d ask. Would you be interested in exchanging links or maybe guest writing a blog article or vice-versa? My site addresses a lot of the same subjects as yours and I feel we could greatly benefit from each other. If you might be interested feel free to send me an e-mail. I look forward to hearing from you! Terrific blog by the way!

  56. Heya just wanted to give you a quick heads up and let you know a few of the images aren’t loading correctly. I’m not sure why but I think its a linking issue. I’ve tried it in two different internet browsers and both show the same results.

  57. Everything is very open with a clear description of the issues. It was really informative. Your website is very helpful. Thank you for sharing!

  58. Hello there! Do you know if they make any plugins to protect against hackers? I’m kinda paranoid about losing everything I’ve worked hard on. Any suggestions?

  59. breast tape sagt:

    This is very fascinating, You are an overly professional blogger. I have joined your feed and look ahead to seeking more of your great post. Also, I have shared your web site in my social networks

  60. breast tape sagt:

    It’s an awesome piece of writing in favor of all the web users; they will get benefit from it I am sure.

  61. great issues altogether, you just gained a emblem new reader. What might you suggest in regards to your publish that you simply made a few days ago? Any positive?

  62. I am extremely inspired with your writing talents and alsosmartly as with the format for your blog. Is this a paid topic or did you customize it yourself? Either way stay up the nice quality writing, it’s rare to peer a nice blog like this one these days..

  63. Thanks for a marvelous posting! I truly enjoyed reading it, you are a great author. I will make certain to bookmark your blog and definitely will come back in the future. I want to encourage yourself to continue your great posts, have a nice day!

Leave a Reply

* fields required