{"id":12912,"date":"2012-07-19T03:05:08","date_gmt":"2012-07-19T07:05:08","guid":{"rendered":"http:\/\/www.andysowards.com\/blog\/?p=12912"},"modified":"2023-07-10T16:06:58","modified_gmt":"2023-07-10T20:06:58","slug":"designing-a-simple-rock-music-flyer-in-photoshop","status":"publish","type":"post","link":"https:\/\/www.andysowards.com\/blog\/2012\/designing-a-simple-rock-music-flyer-in-photoshop\/","title":{"rendered":"Designing a Simple Rock Music Flyer in Photoshop"},"content":{"rendered":"

In this tutorial, you will learn how to create a simple rock music flyer using Adobe Photoshop. You do not need any special skills or advanced training here. You just need Photoshop, some free creative resources, and of course your own active imagination. Just follow the steps below and you should be able to create your own unique design.<\/p>\n

Here Is What We Will Be Making Today!<\/h3>\n

\"\"<\/p>\n

Final Image<\/h3>\n<\/blockquote>\n

Now Let’s Get Started!<\/h3>\n

1. Our first step is of course to establish the document specifications. Now, there are a lot of different sizes for flyers, and you can even create your own custom dimensions if you like. However, for most printing companies, they prefer to use some standard design dimensions for most flyer designs. To get you started, below are the typical settings for flyer designs in Adobe Photoshop.<\/p>\n

Just apply these as a foundation for your design.<\/strong><\/p>\n

a.\u00a0\u00a0\u00a0\u00a0 Width: 8.5<\/p>\n

b.\u00a0\u00a0\u00a0\u00a0 Height: 5.5<\/p>\n

c.\u00a0\u00a0\u00a0\u00a0 Resolution: 300ppi<\/p>\n

d.\u00a0\u00a0\u00a0\u00a0 Color Mode: CMYK<\/p><\/blockquote>\n

\"\"<\/p>\n

2.\u00a0Once the new document is open, it would be a good idea to add up some guides. Guidelines will help you manage your design elements so that they do not look off or too close to the edge. So, bring up the rulers (CTRL+R). From the rulers, click and drag guidelines into place. Since our document is designed to be printed in half a letter sized paper, then we just need a margin. (others need an extra bleed guideline set.) Just count 0.25 inches from the edges of the document to get the security margin set.<\/p>\n

\"\"<\/p>\n

3.\u00a0\u00a0\u00a0\u00a0 Now, first, we will create our background. Create a new layer by pressing CTRL+SHIFT+N. Name this layer \u201cColor Bars Layer\u201d.<\/p>\n

\"\"<\/p>\n

4.\u00a0\u00a0\u00a0\u00a0 Now, using the rectangular Marquee tool, create a large vertical stripe at one side of the layer. With the rectangular vertical area selected, fill it with one theme color. Use the paint bucket tool to quickly fill it. You can find lots of matching color themes in colourlovers.com. In our example, we created an initial blue stripe.<\/p>\n

\"\"<\/p>\n

5.\u00a0\u00a0\u00a0\u00a0 Just continue on with creating vertical color stripes until you fill out our whole layer. Vary the width of the vertical stripes of course, along with the variation of color. Make sure you have some very thin stripes scattered with dark colors for a great effect.<\/p>\n

\"\"<\/p>\n

6.\u00a0\u00a0\u00a0\u00a0 Great! Now, since this is a rock\/musical poster, having straight color bars will just not cut it. So, with the color bars layer selected, we press CTRL+T to start the transformation. We then tilt\/rotate the layer at an angle for that skewed effect.<\/p>\n

\"\"<\/p>\n

7.\u00a0\u00a0\u00a0\u00a0 Before we move forward, save this document first, just in case you forgot. Now, we will create a displacement map. This will require a separate document. So we create a new document by pressing CTRL+N. Size it fairly large at 1024×768 pixels or higher.<\/p>\n

\"\"<\/p>\n

8.\u00a0\u00a0\u00a0\u00a0 Once the document is open, you can then add in a displacement texture. Now, for our example, we want to go for something a little bit grunge. So we copy paste a grunge type image from morguefile, into the document. Alternatively, it is possible for you to use the built in patterns in Adobe Photoshop. However the simplest way is to just look for a good grunge or displacement pattern on the Internet and copy-paste it in.<\/p>\n

\"\"<\/p>\n

9.\u00a0\u00a0\u00a0\u00a0 Press CTRL+SHIFT+U to de-saturate this layer. Then, go to Image -> Adjustments -> Levels. Change the three values below the graph, so that you have a more grungy black and white type texture in the canvass. You can start with these values first, and then adjust depending on your chosen image. (80,0.01,180)<\/p>\n

\"\"<\/p>\n

10.\u00a0 Once you are done, save the document as a PSD file. Just press CTRL+S or go to File -> Save As\u2026 Save it with a descriptive filename so that you can easily know that this is our displacement texture. Use the PSD as the file format for this save.<\/p>\n

\"\"<\/p>\n

11.\u00a0 Great! Now, go back to our original design. Select our color bars layer. Then, go to Filter -> distort -> Displace. Once the displace window opens, insert in a 20 value for both the horizontal and vertical scale. You should also set it to stretch to fit and repeat edge with pixels.<\/p>\n

\"\"<\/p>\n

12.\u00a0 Then, you will be asked to choose a displacement map. Just navigate to the PSD document we created earlier and press ok.<\/p>\n

\"\"<\/p>\n

13.\u00a0 You should see a nice grunge effect get applied to the whole layer.\u00a0 If you do not like how it turns out, simple press CTRL+Z and try again with different displacement settings and displacement maps. However, our effect is great and we will keep it.<\/p>\n

\"\"<\/p>\n

14.\u00a0 Now, we are ready to paste in our main rockstar image. In this case we got a nice image of a rockstar here. Before we paste it into the design though, we process the image by removing the model\u2019s background. Just use the Magnetic lasso tool or the magic wand tool to easily select the background of the image, and then of course erase it using the eraser tool.<\/p>\n

\"\"<\/p>\n

15.\u00a0 Then, we just paste it into our main flyer design. Scale it carefully by pressing CTRL+T and then holding the shift key as you click and drag the anchor boxes of the pasted in image.<\/p>\n

\"\"<\/p>\n

16.\u00a0 Next, duplicate our rockstar layer. You can quickly do this by pressing CTRL+J. This new layer should appear on top of your original layer. Drag this duplicate back to the bottom. Then, go again to Filter -> Distort -> Displacement. This time, use a 30 value for both the horizontal and vertical values. Choose your displacement map again afterwards. You should see a nice displacement again in the background, whilst the main image looks pretty great.<\/p>\n

\"\"<\/p>\n

17.\u00a0 Now, using the rectangle shape tool, we add some darker block elements to our design. This is where the text for the flyer design will go. Once the rectangles are in place, press CTRL+T with those layers selected, and slant them a bit, just like how we slanted our main background layer.<\/p>\n

\"\"<\/p>\n

18.\u00a0 Next, we downloaded a couple of cityscape design brushes for Adobe Photoshop from a design site here. Then, load it up to your brush options\u00a0 by selecting the brush tool, and then right clicking on the canvass to bring up the list of options. Select \u201cload brushes\u201d and load the brush that you just downloaded.<\/p>\n

\"\"<\/p>\n

19.\u00a0 Create a new layer by pressing CTRL+SHIFT+N. Then, using the same color as your rectangle, splash in 1 or 2 spots of our city skyline brush.<\/p>\n

\"\"<\/p>\n

20.\u00a0 Finally, for an added effect. Go to the custom shape tool and select the option \u201cregistration target 2\u201d. This is the shape with the rays spreading out. Add this into the design, just behind our model. Make it large enough so that only the rays are visible. Position it so that the rays emanate from our model. Use a black color for this shape.<\/p>\n

\"\"<\/p>\n

21.\u00a0 Then, change the blend mode of our rays layer to \u201cOverlay\u201d. Also change the value of its Opacity attribute around 50%.<\/p>\n

\"\"<\/p>\n

22.\u00a0 Finally, we can add some text for our design. Using the text tool, we just type in our headline slogan and other details for the flyer. Just rotate it in line with our darker rectangles. Change the size and style of the text to get some variation from the headline and the details.<\/p>\n

\"\"<\/p>\n

23.\u00a0 Great! That finishes our great Rock Music Flyer. You can now apply these effects to your own flyers.<\/p>\n

\"\"<\/p>\n","protected":false},"excerpt":{"rendered":"

In this tutorial, you will learn how to create a simple rock music flyer using Adobe Photoshop. You do not need any special skills or advanced training here. You just<\/p>\n","protected":false},"author":65,"featured_media":12914,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"categories":[208,24,225,35,4057,5256,34],"tags":[5885,5647,3121,5649,1971,679,30,1444,5650,5648,3267,5646,674,84],"yoast_head":"\nDesigning a Simple Rock Music Flyer in Photoshop<\/title>\n<meta name=\"description\" content=\"In this tutorial, you will learn how to create a simple rock music flyer using Adobe Photoshop. You do not need any special skills or advanced training\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.andysowards.com\/blog\/2012\/designing-a-simple-rock-music-flyer-in-photoshop\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Designing a Simple Rock Music Flyer in Photoshop\" \/>\n<meta property=\"og:description\" content=\"In this tutorial, you will learn how to create a simple rock music flyer using Adobe Photoshop. You do not need any special skills or advanced training\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.andysowards.com\/blog\/2012\/designing-a-simple-rock-music-flyer-in-photoshop\/\" \/>\n<meta property=\"og:site_name\" content=\"Daily Business Resources for Entrepreneurs, Web Designers, & Creatives by Andy Sowards\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/andysowardsfan\" \/>\n<meta property=\"article:published_time\" content=\"2012-07-19T07:05:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-10T20:06:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.andysowards.com\/blog\/assets\/image046.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"470\" \/>\n\t<meta property=\"og:image:height\" content=\"304\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"author\" content=\"Kristina Cruz\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@andysowards\" \/>\n<meta name=\"twitter:site\" content=\"@andysowards\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kristina Cruz\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.andysowards.com\/blog\/2012\/designing-a-simple-rock-music-flyer-in-photoshop\/\",\"url\":\"https:\/\/www.andysowards.com\/blog\/2012\/designing-a-simple-rock-music-flyer-in-photoshop\/\",\"name\":\"Designing a Simple Rock Music Flyer in Photoshop\",\"isPartOf\":{\"@id\":\"https:\/\/www.andysowards.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.andysowards.com\/blog\/2012\/designing-a-simple-rock-music-flyer-in-photoshop\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.andysowards.com\/blog\/2012\/designing-a-simple-rock-music-flyer-in-photoshop\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.andysowards.com\/blog\/assets\/image046.gif\",\"datePublished\":\"2012-07-19T07:05:08+00:00\",\"dateModified\":\"2023-07-10T20:06:58+00:00\",\"author\":{\"@id\":\"https:\/\/www.andysowards.com\/blog\/#\/schema\/person\/1776ea0b08da6510d517c00d21cd65a8\"},\"description\":\"In this tutorial, you will learn how to create a simple rock music flyer using Adobe Photoshop. You do not need any special skills or advanced training\",\"breadcrumb\":{\"@id\":\"https:\/\/www.andysowards.com\/blog\/2012\/designing-a-simple-rock-music-flyer-in-photoshop\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.andysowards.com\/blog\/2012\/designing-a-simple-rock-music-flyer-in-photoshop\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.andysowards.com\/blog\/2012\/designing-a-simple-rock-music-flyer-in-photoshop\/#primaryimage\",\"url\":\"https:\/\/www.andysowards.com\/blog\/assets\/image046.gif\",\"contentUrl\":\"https:\/\/www.andysowards.com\/blog\/assets\/image046.gif\",\"width\":470,\"height\":304},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.andysowards.com\/blog\/2012\/designing-a-simple-rock-music-flyer-in-photoshop\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.andysowards.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Designing a Simple Rock Music Flyer in Photoshop\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.andysowards.com\/blog\/#website\",\"url\":\"https:\/\/www.andysowards.com\/blog\/\",\"name\":\"Daily Business Resources for Entrepreneurs, Web Designers, & Creatives by Andy Sowards\",\"description\":\"Design Inspiration & Business Resources for Creatives\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.andysowards.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.andysowards.com\/blog\/#\/schema\/person\/1776ea0b08da6510d517c00d21cd65a8\",\"name\":\"Kristina Cruz\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.andysowards.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0eb0b16841248595db40aac6850ae173?s=96&r=pg\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0eb0b16841248595db40aac6850ae173?s=96&r=pg\",\"caption\":\"Kristina Cruz\"},\"description\":\"Kristina Cruz has a degree in English and has found her niche writing about marketing, advertising, branding, graphic design, and desktop publishing. She writes for PrintPlace.com, an online printing company that offers business cards, posters, modern brochure printing, postcards, and more printed marketing media. In addition to her writing career, Kristina also enjoys playing the guitar, cooking and spending time with her family.\",\"url\":\"https:\/\/www.andysowards.com\/blog\/author\/kristinacruz\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Designing a Simple Rock Music Flyer in Photoshop","description":"In this tutorial, you will learn how to create a simple rock music flyer using Adobe Photoshop. You do not need any special skills or advanced training","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.andysowards.com\/blog\/2012\/designing-a-simple-rock-music-flyer-in-photoshop\/","og_locale":"en_US","og_type":"article","og_title":"Designing a Simple Rock Music Flyer in Photoshop","og_description":"In this tutorial, you will learn how to create a simple rock music flyer using Adobe Photoshop. You do not need any special skills or advanced training","og_url":"https:\/\/www.andysowards.com\/blog\/2012\/designing-a-simple-rock-music-flyer-in-photoshop\/","og_site_name":"Daily Business Resources for Entrepreneurs, Web Designers, & Creatives by Andy Sowards","article_publisher":"http:\/\/facebook.com\/andysowardsfan","article_published_time":"2012-07-19T07:05:08+00:00","article_modified_time":"2023-07-10T20:06:58+00:00","og_image":[{"width":470,"height":304,"url":"https:\/\/www.andysowards.com\/blog\/assets\/image046.gif","type":"image\/gif"}],"author":"Kristina Cruz","twitter_card":"summary_large_image","twitter_creator":"@andysowards","twitter_site":"@andysowards","twitter_misc":{"Written by":"Kristina Cruz","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.andysowards.com\/blog\/2012\/designing-a-simple-rock-music-flyer-in-photoshop\/","url":"https:\/\/www.andysowards.com\/blog\/2012\/designing-a-simple-rock-music-flyer-in-photoshop\/","name":"Designing a Simple Rock Music Flyer in Photoshop","isPartOf":{"@id":"https:\/\/www.andysowards.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.andysowards.com\/blog\/2012\/designing-a-simple-rock-music-flyer-in-photoshop\/#primaryimage"},"image":{"@id":"https:\/\/www.andysowards.com\/blog\/2012\/designing-a-simple-rock-music-flyer-in-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.andysowards.com\/blog\/assets\/image046.gif","datePublished":"2012-07-19T07:05:08+00:00","dateModified":"2023-07-10T20:06:58+00:00","author":{"@id":"https:\/\/www.andysowards.com\/blog\/#\/schema\/person\/1776ea0b08da6510d517c00d21cd65a8"},"description":"In this tutorial, you will learn how to create a simple rock music flyer using Adobe Photoshop. You do not need any special skills or advanced training","breadcrumb":{"@id":"https:\/\/www.andysowards.com\/blog\/2012\/designing-a-simple-rock-music-flyer-in-photoshop\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.andysowards.com\/blog\/2012\/designing-a-simple-rock-music-flyer-in-photoshop\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.andysowards.com\/blog\/2012\/designing-a-simple-rock-music-flyer-in-photoshop\/#primaryimage","url":"https:\/\/www.andysowards.com\/blog\/assets\/image046.gif","contentUrl":"https:\/\/www.andysowards.com\/blog\/assets\/image046.gif","width":470,"height":304},{"@type":"BreadcrumbList","@id":"https:\/\/www.andysowards.com\/blog\/2012\/designing-a-simple-rock-music-flyer-in-photoshop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.andysowards.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Designing a Simple Rock Music Flyer in Photoshop"}]},{"@type":"WebSite","@id":"https:\/\/www.andysowards.com\/blog\/#website","url":"https:\/\/www.andysowards.com\/blog\/","name":"Daily Business Resources for Entrepreneurs, Web Designers, & Creatives by Andy Sowards","description":"Design Inspiration & Business Resources for Creatives","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.andysowards.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.andysowards.com\/blog\/#\/schema\/person\/1776ea0b08da6510d517c00d21cd65a8","name":"Kristina Cruz","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.andysowards.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0eb0b16841248595db40aac6850ae173?s=96&r=pg","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0eb0b16841248595db40aac6850ae173?s=96&r=pg","caption":"Kristina Cruz"},"description":"Kristina Cruz has a degree in English and has found her niche writing about marketing, advertising, branding, graphic design, and desktop publishing. She writes for PrintPlace.com, an online printing company that offers business cards, posters, modern brochure printing, postcards, and more printed marketing media. In addition to her writing career, Kristina also enjoys playing the guitar, cooking and spending time with her family.","url":"https:\/\/www.andysowards.com\/blog\/author\/kristinacruz\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.andysowards.com\/blog\/wp-json\/wp\/v2\/posts\/12912"}],"collection":[{"href":"https:\/\/www.andysowards.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.andysowards.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.andysowards.com\/blog\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/www.andysowards.com\/blog\/wp-json\/wp\/v2\/comments?post=12912"}],"version-history":[{"count":1,"href":"https:\/\/www.andysowards.com\/blog\/wp-json\/wp\/v2\/posts\/12912\/revisions"}],"predecessor-version":[{"id":46543,"href":"https:\/\/www.andysowards.com\/blog\/wp-json\/wp\/v2\/posts\/12912\/revisions\/46543"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.andysowards.com\/blog\/wp-json\/wp\/v2\/media\/12914"}],"wp:attachment":[{"href":"https:\/\/www.andysowards.com\/blog\/wp-json\/wp\/v2\/media?parent=12912"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.andysowards.com\/blog\/wp-json\/wp\/v2\/categories?post=12912"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.andysowards.com\/blog\/wp-json\/wp\/v2\/tags?post=12912"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}