X Course Advisor FREE Course Advisor
Watch Tutorials






あなたがウェブ上で使用するためにタイルの背景を作成することにしようとしている場合は、ちょうどあなたのファイル、低解像度(72ppi)とRGBの色空間に保管してください。あなたが商業印刷出力のためのタイルの背景を作成する場合は、その後、300ppi CMYK文書としてファイルを設定してください。さて、始めましょう!

Here's how to create and apply a pattern...



このファイルには、持っている画像の任意の並べ替えすることができます - 写真、ロゴ、漫画...であってもテキストが動作します。それは小さいイメージが一般的に最善に動作することを覚えておいて、言った。確かにあなたは5 × 7"写真タイルができますが、小さな画像ははるかに有効であろう。



For example, you may only want the top portion of your image to be used as a pattern, or maybe a corner. Go ahead and select that area. Be sure that Feather is set to 0 on the Options bar. Alternatively, if you want to use the entire image, select everything by choosing Select > All.

Now we need to save the selection as a pattern.


Choose Edit > Define Pattern.


In the Pattern Name dialog box that appears, go ahead and give your new pattern a name, then click OK.

Great! Now that our pattern is defined, we can go and use it. What we'll do is create a new blank file and fill it with our new pattern.



Once again, keep in mind where you want to use your pattern and set your document's resolution, color space, and dimensions accordingly.

Now we're ready to fill our file with our saved pattern.


Choose Edit > Fill.


From the Use pull-down menu at the top, choose Pattern.


Next, from the Custom Pattern drop-down, choose the pattern that you just created; then click OK.

Your file is filled with your newly defined pattern. Nice! At this point, you may want to save the image out for use on the web or perhaps for a layout you're working on in InDesign. Either way, creating patterns is pretty fast 'n easy in Photoshop!


Geoff Blake

Geoff Blake | Articles by this author

Geoff Blake is a book author, video presenter, designer, and visual artist. As an in demand live-on-stage software educator since 1997, Geoff has taught desktop publishing, web design and graphics courses all over North America and is regarded as an expert in Adobe's Creative Suite applications, as well as in HTML, CSS, WordPress, and related technologies. With his humorous, non-jargonny approach, Geoff produces highly regarded articles, video training and DVDs, and regularly contributes to top industry magazines and websites.


Mar 24, 2011
Dawn Fleetwood
This is fantastic. Why can't all Photoshop tutorials be as clear and easy as this one. Thank you so much.
Jun 12, 2012
Just had to sign up to thank you for this tutorial. Brilliant, clear and now I know exactly what I am doing :)
You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2018 macProVideo.com
a division of NonLinear Educating Inc.