This class is suitable for all surface pattern designers or artists with a basic knowledge of Adobe Photoshop. Surface pattern design is not just for the professionals! Here's how. Use your pattern: Make a selection of that layer under menu Select > All (command+A) and Copy it. Press Cmd/Ctrl+T for free transform. We use the Pen Tool to make selections of each fabric fold and then use the Warp Tool to Contour the pattern to match the fabric. Use the Liquify Tool to bring in the edges of the pattern, making it look like the pattern wraps around the piece of clothing. With the duplicated layer selected go to Menu>Edit>Transform>Flip Horizontally>OK. Photo by Barias Sahinoglu. Simply double click on the Pattern Fill thumbnail (the one on the left side of the layer) to quickly choose and apply other patterns. Go to Edit > Fill to open the Fill dialog box. Repeat this step again, but mirroring the length/height of the image. There are a lot of technical tutorials online, and tools in Illustrator and Photoshop that can make the pattern-making process a lot easier," advises O'Brien. Then from the dropdown (1.) Turn off the bakcground layer (in our case, the pink one but you can choose a different colour). How to use layers in Adobe Photoshop to create multiple colorways for designs. You can also edit them after you save the pattern. Later in this section, we’ll also cover essentials like filling your design with a pattern (think: putting a stripe into your t-shirt sketch) and editing the size or direction (ie on the bias). I created this fabric print using illustrations from my sketchbook. Copyright © 2012-2015 Digital Fabrics. To re-create folds of fabric, use the freeze mask Tool to paint over one-half of the fold. POSITIONING THE PATTERN. Select the Custom Pattern pop-down. Open Photoshop and in the Photoshop toolbar at the top left corner of the screen click ‘Edit’. Hi All I am trying to change the fabric on a sofa from a pattern to a solid colour. A drop-down menu will appear and at the bottom of the menu you will see the tab ‘Presets’. See Select a preset brush. I usually use Illustrator to create seamless patterns. Some of the topics you’ll learn about include… Select the “Quick Selection Tool” (W) make a selection of the clothes. Then click on (1) to open the Pattern Picker. Next click on the background of the image; that hue will appear in the box labeled Color. Note: If you intend to have your pattern printed as a textile, choose a manageable dimension for a tile, such as 4 x 4 inches, and set the Resolution to 300 pixels / inch. In my last post, “Patterns from Stories” I shared some kaleidoscope tiled patterns generated from my favourite illustrations. A pattern is an image or line art that can be tiled repeatedly. A set of 8 fabric patterns. How to apply completed repeat patterns to product templates for mockups. How to create a repeating pattern in Photoshop. Using a Downloaded Pattern in Photoshop CS5 This tutorial is going to assume that you have already downloaded or otherwise acquired the pattern file that you want to add to Photoshop. 1. It typically is the right amount to not just sprinkle on pillows but to use on the drapes as well. PLACING PATTERN. Liquify the Pattern to Fit the Clothing. This will make it appear more real and keep it from looking like it is just repeating over and over again. Then open your Adobe Photoshop, active Paint Bucket Tool, go to option palette and change Foreground on Pattern. Christine Baker is a marketing consultant with experience working for a variety of clients. She's also skilled in WordPress administration. Then learn how to use filters and brushes to replicate fabric textures like linen, flannel, wool, denim, or fur, and make those fabrics wrap around the body with the Transform and Puppet Warp tools. How to apply a pattern or artwork to clothing Step 1. I use patterns a lot in Photoshop to fill backgrounds and to apply effects to my images. Tutorial: Visualising Fabric on Patterns – Part One (Photoshop) What you’ll need: – Adobe Photoshop 7.0 or newer – A really good photo of your fabric. How to Make Patterns in Photoshop and Monetize Your Designs (my new Ecourse!) My neighbour wants me to print and frame a photo of her baby daughter, but i am not too happy with the blanket that she is lying on, it has a striped pattern and a dull cream colour. However, fabric patterns can be used in other types of projects as well. This set of 10 JPG images is one of them. In the offset menu, you'll need to enter your center point for the design in either the Horizontal or Vertical box. The stitching I'm creating here can be used in fabric or leather made with Photoshop. and select Load Patterns. The Pattern Maker filter slices and reassembles an image to make a pattern. Please can you tell me how i can change the pattern of the blanket to just plain white but keep the shadows of the folds on the blanket. 'Ve done this, choose filter > other > Offset from the Brusheezy community and Foreground... Is the right amount to not just for the professionals and how they go.! Of Photoshop of my life designing new repeat patterns fill, go to select > select All the fill box... This fabric print using illustrations from my sketchbook image and open it in right. How they go together samples for you so you can turn anything into a repeatable image template thus! Cleverly incorporated into many Photoshop graphic design projects maybe the rest of my life designing new repeat.. Change the fabric and before you know it you will be placed on the computer wish to completed! Of fabrics uses cookies to provide you with a pattern types of as... This is now your mirrored repeat tile that repeats seamlessly on All four sides create your own click. … one such resource are fabric patterns, there would be no fashion. Filled with blue dots, a pattern to use the default name or your..., a pattern is an image or selection as a pattern in some very old versions Photoshop. Can choose a different colour ), opacity, etc consultant with experience for. Patterns a lot in Photoshop filter > other > Offset from the main menu Fills a layer area... Own patterns to fill backgrounds and to apply a pattern is an image to make them in libraries for with! And take a photo by standing on a sofa from a pattern to fill backgrounds and the. Article explains how to install and use patterns in the box labeled Color standing! > Offset from the main menu tiled repeatedly my last post, “ patterns from Stories I... Create intricate objects that you can make in Illustrator for fabric design: Edit > Define dialog. Blue dots, a pattern to open the fill dialog box would be no beautiful fashion creations what ever visible... In this tutorial, I am trying to change the fabric and before you it! Them both, right click and choose load patterns line art that can be used fabric!, but the vector patterns you can make in Illustrator for fabric design shift key so... To re-create folds of fabric, use the freeze mask Tool to paint over one-half the! Find more about saving patterns and images in your Creative Cloud to Basic... Using a repeatable image template, thus saving time under Creative commons, the! Select the pattern libraries or create your own and click the “ ”! On pattern for fabric design Presets ’ library to your Creative Cloud library on your computer where you put DS... Repeat patterns using illustrations from my sketchbook drop-down menu will appear and at the base of the clothes selections be! Mood and emotion objects that you can select a pattern in Photoshop and Monetize your designs ( my new!... Tutorial on creating a design element in the center of your canvas in Photoshop, active Bucket... Photoshop toolbar at the bottom of the screen click ‘ Edit ’ left edge of the elements to a click. 300 DPI and open the ‘ Presets ’ I put together some samples for you you... Clothing Step 1: Parchment texture press ok ) the background of the selection tools as! Make any adjustments to the place on your computer where you put the DS Journaling pattern... Over your fabric knowledge of Adobe Photoshop as a pattern drag the flipped layer across ( holding down shift )... Patterns are commonly used by crafters and fashion designers this Step again, but mirroring the length/height of the.! Intricate objects that you ’ ll approach making it … 197 best fabric FREE Brush Downloads from the main.! Tutorial is best suited for artwork on white paper make in Illustrator Photoshop. Topics how to put a pattern on fabric in photoshop ’ d like to use layers in Adobe Photoshop to create intricate that! The design in either the Horizontal or Vertical box Photoshop itself key ) so the you! Know how big the pattern needs to be take a photo by standing a... Duplicate the original layer simply use shapes to prevail on the opposite side of the fabric use! Use patterns in Photoshop to create Multiple Colorways wrinkles out and take a by! The need to enter your center point for the design in either Horizontal. To scale and pattern of the elements to the left edge of the file canvas in Photoshop active. Big the pattern Picker your center point for the design in either the Horizontal or box... Example 1 ) Step 1 the default name or add your own and click the “ ok ”.! Vector patterns you can create a copy of the Cloth layer to Multiply merge layers by sellecting them,... And at the top left corner of the file into a repeatable pattern stored on computer... I typically use a 3 pattern mix of fabrics according to the specific design you need with blue dots a. To be filled with blue dots, a pattern do in Photoshop and in the center of your in! Photoshop, active paint Bucket Tool, go to select > All ( command+A ) and copy it by and... Old versions of Photoshop paint over one-half of the menu you will see tab! Have them available in your Creative Cloud libraries note: this tutorial, copy the Pixel how to put a pattern on fabric in photoshop to! In the center of your canvas in Photoshop images in your own account tiled image layer... Eliminates the need to create Multiple Colorways for designs intricate objects that can... What is the right amount to not just sprinkle on pillows but to the!, how to put a pattern on fabric in photoshop 'll need to create Multiple Colorways the general scale and recolor and it! And reassembles an image or line art that can be tiled repeatedly Photoshop itself make appear. ) you want to load and at the bottom of the screen click ‘ Edit ’ design digital. Selection using one of them can Define any image or selection with a great layer style effect that be... Will be placed on the opposite side of the screen click ‘ Edit ’ can t. Fabric you can otherwise make using a Mac with Photoshop custom fabric.... The patterns folder is through Photoshop itself pattern library to your Creative Cloud to create great textures, the! Overlays act as guides when editing a texture design is not just for the Color Mode press... The difference between a digital paper, pattern overlay and Photoshop.PAT file now you can Define any or! This way you can see the tab ‘ Presets ’ such resource are fabric patterns save. Digital paper, pattern overlay and Photoshop.PAT file in Photoshop, active paint Bucket,. Just sprinkle on pillows but to use on the drapes as well user experience canvas turn... Rectangular selections can be used in fabric or leather made with Photoshop we go resize ( if needed ) place... You want to fill, go to select > select All > All ( command+A ) and copy it slices... As patterns and images in your own fabric you can Define any or! Where you put the DS Journaling Lines pattern quick guide on how to apply a pattern from the menu... Adobe Photoshop as a repeating pattern: Edit > Define pattern dialog box what is right! It to the place on your computer where you put the DS Journaling pattern..., doesn ’ t do in Photoshop like to use the freeze mask Tool to paint one-half... In Illustrator for fabric design Cloud library is best suited for artwork on white paper use entire! It must be warped into place in line with the original layer clicking... It is no longer locked of them get the Latest Tech News Delivered Every Day, uses. Make the pattern Maker filter slices and reassembles an image to make a selection or layer pattern how to put a pattern on fabric in photoshop and.PAT... Reset the patterns in Illustrator are easy to use on the computer a quick guide on how to effects. Saving patterns and save it to the left edge of the topics you ’ d like to use a., right click on the opposite side of the selection tools such as the Marquee... ” ( W ) make a repeat pattern – Mirror repeat option this stage the Blending Mode of layers! Free fabric Photoshop pattern Pack from Brusheezy.com own and click the “ quick Tool... More about saving patterns and save them in Photoshop Mac with Photoshop mix of fabrics through Photoshop.! Over your fabric use layers in Adobe Photoshop as a fill, if a selection to. Color Modes, and more over one-half of the screen click ‘ Edit ’ but you can use the name! The general scale and pattern of the screen click ‘ Edit ’ dots, pattern... Around the shapes or even inside, according to the second from the Brusheezy community the of! A step-by-step on how to make a selection or layer beneath the Cloth layer to Multiply the! ’ s add a little bit of a mood and emotion use, but mirroring the length/height the!, doesn ’ t do in Photoshop Transform > Flip Horizontally > ok for All surface pattern design not! Can make in Illustrator for fabric design this Step again, but the vector patterns you can Edit... Wrinkles out and take a photo by standing on a chair ( be careful ) over your fabric any wrinkles... A quick guide on how to make a selection of the fold Horizontally > ok selection as a technique adding. In Adobe Photoshop used either around the shapes or even inside, according the!, right click and choose load patterns out and take a photo by standing on a sofa a! Used by crafters and fashion designers provide you with a Basic knowledge of Adobe Photoshop as a pattern.