{"id":729,"date":"2010-10-12T20:06:44","date_gmt":"2010-10-13T03:06:44","guid":{"rendered":"http:\/\/www.bryanhadaway.com\/?p=729"},"modified":"2025-05-22T15:26:07","modified_gmt":"2025-05-22T22:26:07","slug":"free-photoshop-stripe-patterns","status":"publish","type":"post","link":"https:\/\/webguy.io\/blog\/free-photoshop-stripe-patterns\/","title":{"rendered":"Free Photoshop Stripe Patterns"},"content":{"rendered":"<p><a href=\"https:\/\/webguy.io\/blog\/files\/stripes.zip\" class=\"button\">DOWNLOAD NOW<\/a><\/p>\n<p>Stripes are a pretty popular Web 2.0 craze over the past several years, dying down a bit. Even so, stripes have always been very popular and will continue to be. Googling until I&#8217;m annoyed is usually the conclusion I reach when trying to find something solid, something really good&#8230; and then I just do it myself. Whenever this happens, I tend to like to share to save others from the same headache later.<\/p>\n<p>I did try some plugins and looked at some patterns, they are there to be found. I wasn&#8217;t really pleased with any of it. Either it was too simple and useless or too complicated or fancy. I like things to be easy, minimal, and clean. Most importantly, I like scripts and graphics in general to be generic to broaden the usability.<\/p>\n<p>First, I&#8217;ve provided the original PSD, I think this is an always important, but often overlooked part of providing Photoshop elements. I want you to be able to take the PSD and make your own exact custom sizes that may be needed for projects. It&#8217;s 300&#215;300 pixels at 300 dpi, that should suffice most projects for web or print.<\/p>\n<p><a href=\"https:\/\/webguy.io\/blog\/images\/posts\/stripes-psd-example.png\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/webguy.io\/blog\/images\/posts\/stripes-psd-example.png\" alt=\"Stripes PSD Example\" title=\"Stripes PSD Example\" width=\"302\" height=\"302\" class=\"aligncenter size-full wp-image-730\" \/><\/a><\/p>\n<p>Next, is the pattern set I put together:<\/p>\n<p>300px | 200px | 100px | 50px | 25px (all same width and height)<\/p>\n<p><a href=\"https:\/\/webguy.io\/blog\/images\/posts\/stripes-pattern-example.png\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/webguy.io\/blog\/images\/posts\/stripes-pattern-example.png\" alt=\"Stripes Pattern Example\" title=\"Stripes Pattern Example\" width=\"450\" height=\"175\" class=\"aligncenter size-full wp-image-731\" \/><\/a><\/p>\n<p>On the patterns, the stripes are black and the background is left transparent. You can simply do a color overlay on the stripes and set a background color on another layer or leave transparent.<\/p>\n<p>To install, simply download the zip file, extract, copy Stripes.pat and go to:<\/p>\n<p><em>My Computer<\/em> > <em>C: Drive<\/em> > <em>Program Files<\/em> > <em>Adobe<\/em> > <em>Adobe Photoshop X<\/em> > <em>Presets<\/em> > <em>Patterns<\/em><\/p>\n<p>and paste it there.<\/p>\n<p>Then, when working in Photoshop, simply select the paint bucket tool, change from foreground to patterns (select one of the striped patterns) and fill in a transparent, blank layer. It&#8217;ll automatically tile the whole thing! Couldn&#8217;t be better or easier. Yes, right now it&#8217;s just the basic diagonal stripe direction. If enough people bug me, I suppose I could do the horizontal, vertical, and reverse diagonal patterns too. Enjoy.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>DOWNLOAD NOW Stripes are a pretty popular Web 2.0 craze over the past several years, dying down a bit. Even so, stripes have always been very popular and will continue to be. Googling until I&#8217;m annoyed is usually the conclusion I reach when trying to find something solid, something really good&#8230; and then I just <a href=\"https:\/\/webguy.io\/blog\/free-photoshop-stripe-patterns\/\" class=\"more-link\">&#8230;<span class=\"screen-reader-text\">  Free Photoshop Stripe Patterns<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[207,224,234],"class_list":["post-729","post","type-post","status-publish","format-standard","hentry","category-graphic-design","tag-graphic-design","tag-photoshop","tag-web-20"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/posts\/729","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/comments?post=729"}],"version-history":[{"count":0,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/posts\/729\/revisions"}],"wp:attachment":[{"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/media?parent=729"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/categories?post=729"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/tags?post=729"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}