How to use patterns (photoshop beginners)
February 8, 2008Using pattern fills in graphics and logos is big news for 2008. The emerging trend sees flat vector artwork being filled with ornate floral or retro patterns for a clean but textural look. The trend has crossed over from the use of retro and art nouveau wallpaper in interior design, and is now being picked up by the graphics industry. To get in on the trend…
Heres one way to do it
There are many ways to use photoshop patterns. In this short tutorial I’m going to show you a simple way to achieve some interesting effects.
Open a new document (File > New).
Make a new layer (Layer > New).
Using the custom shape tool on layer 1, draw any shape. Doesn’t matter what colour. Make sure you have ‘fill pixels’ selected on the top toolbar:
Now make your shape (by dragging from the top left down diagonally). I made a heart.
Use the magic wand tool to select your shape by clicking on the heart.
Now, as shown below, go to Layer > New Fill Layer. Click Pattern
Click OK. You will see this box appear – click the drop down arrow next to the pattern thumbnail to select a pattern.
Click OK.
Now you can delete layer 1, and that’s it!
In this way, you can build up a whole image made of patterns, as you can draw out any selected area and then create a pattern fill.
Alternatively, you can use the paint bucket to fill solid areas with pattern. Just set the ‘Fill’ drop down, on the menu bar of the fill tool to ‘Pattern’.
Awesome! Thank you!
by bumpkin February 14, 2008 at 6:54 amThis is great.. I knew about using the fill tool set to pattern but i didnt know about ‘New fill layer’ – excellent!
by Kelly May 22, 2008 at 9:02 amAlso you can go to Layer>layer style>pattern overlay to do it
Thanks! Quite useful!:D
by Christine September 5, 2008 at 12:21 amreally thank u
by lola October 23, 2008 at 9:05 am[…] For beginners educational patterns, here: [link] […]
by Dusty Florals – pattern set | Photoshop Resources July 15, 2009 at 5:45 amGood article, amazing looking weblog, added it to my favs.
by reeniuSiara November 24, 2009 at 7:10 amThanks! Quite useful!:D
by دستفروش December 25, 2009 at 8:45 pmbig thanks !
by thomasz February 18, 2010 at 2:25 pmwhere can i find the magic wand tool on cs3?? im freaking out!!
by blah. April 18, 2010 at 4:05 pmThis is what I’m looking for!!!
by FLameAiRz07 July 11, 2010 at 7:54 amThanks for sharing!
thanks for this tutorial…..
by pitso July 18, 2010 at 12:52 pmDumb question as I am new to Photoshop, etc… Can you (and how do you) move/copy/save patterns in photoshop to Indesign or Illustrator without losing resolution?
by krismich16 December 15, 2010 at 7:36 amd
by s December 17, 2010 at 12:38 pm[…] How to Use Patterns […]
by Các kiến thức cơ bản cho người mới học Photoshop | Webgi.net December 28, 2010 at 6:31 amthank it is useful lesson
by maha March 13, 2011 at 8:04 pmi’m looking for this 😀
by omagus April 7, 2011 at 9:01 am[…] the Preset Manager -Quick Tip: How to Load Photoshop Brushes -How to Use Patterns -Installing Photoshop Patterns Tutorial Creating Custom Patterns -The Hidden Power of Photoshop […]
by Lesson 4: Brushes and Other Presets | Pc Galaxy May 22, 2011 at 11:42 amThanks for the help man! Just became interested on how to use repeating pattern backgrounds, this helped!
by BCWebPros December 12, 2011 at 12:37 pmThanks
by amit March 6, 2012 at 5:27 pmthank you so much learnt something new today yay 😀
by Veltis Lisa March 10, 2012 at 5:18 pm[…] How to Use Patterns […]
by Template Mango(TM) » Resources for web design and development April 3, 2012 at 2:04 am[…] How to Use Patterns […]
by Các kiến thức cơ bản cho người mới học Photoshop « Vn Art Web April 23, 2012 at 6:38 pm[…] How to Use Patterns […]
by Photoshop kolekcija 93 tutorijala - Tutorijali @ HelpDesk on WEB June 17, 2012 at 9:49 pm[…] How to Use Patterns […]
by BbitVN Store – Download – Các kiến thức cơ bản cho người mới học Photoshop June 24, 2012 at 11:23 amWhere did you get the pattern? it’s so cute! please link it to meee
by hazel November 10, 2012 at 2:02 amwow this post still going strong. thanks !
by CocoB December 13, 2012 at 8:39 am[…] How to Use Patterns […]
by Photoshop for Beginners:Be an ultimate Designer after this post April 13, 2013 at 3:41 pm[…] How to Use Patterns […]
by Learn Photoshop: All of the Basics for Beginners May 13, 2013 at 10:07 am[…] How to Use Patterns […]
by Photoshop kolekcija 93 tutorijala - HDonWEB February 27, 2014 at 2:44 pmthis was a club that was generating some serious revenue.
by finding Weight Loss Supplement June 23, 2015 at 9:27 pmSeveral periods, foot agony can manifest when your toes are not correctly balanced and
specific spots of your ft have to bear a disproportionate
quantity of excess fat. Measure your success by how you feel after climbing a flight of stairs not by the scales.
[…] How to Use Patterns […]
by Marsh Designs February 15, 2016 at 10:34 pm[…] How to Use Patterns […]
by Adobe Photoshop: The Basics for Beginners | CGWatch July 8, 2016 at 9:42 am[…] How to Use Patterns […]
by Các kiến thức cơ bản cần thiết cho người mới học Photoshop | Cộng Đồng Photoshop Việt Nam June 1, 2017 at 5:00 pm[…] How to Use Patterns […]
by Learn Adobe Photoshop - Beginners Guide | The D3SIGN Blog August 4, 2017 at 12:42 pmMy pattern drop down selection list thumbnails became very small hence I am not able to see any pattern selections. could you advise how to make it bigger
by saitika ghosh January 11, 2018 at 5:32 am[…] Làm thế nào để sử dụng Patterns […]
by Các kiến thức cơ bản cần thiết cho người mới học Photoshop June 2, 2018 at 11:27 am[…] How to Use Patterns […]
by Learn Photoshop: All of the Basics for Beginners - Vandelay Design April 27, 2023 at 1:45 pm