Home Graphic Photoshop How to Add Patterns to Clothing in Photoshop

How to Add Patterns to Clothing in Photoshop

OUR #1 PRO TUTORIAL EVER IS NOW ON SALE! https://phlearn.com/product/photoshop-101-301

Scale Pattern into Place

Start by scaling and rotating the pattern into place. In this example, we also invert the pattern to change colors by pressing CTRL/CMD + I. Make sure to make the pattern a bit larger than the piece of clothing so it can be warped into place.

Use the Pen Tool to Cut Out Clothing

It is important to have an accurate cut out of the clothing, so the pattern looks seamless. In this example, we use the Pen Tool to cut out the original shirt. Create a pen path around the clothing by clicking and dragging to create curves.

After completing the pen path, right-click and turn it into a selection and feather the edge by 0.5 pixels. Next, load the selection as a layer mask for the pattern, making it only visible where the original piece of clothing is.

Liquify the Pattern to Fit the Clothing

To make the pattern look like it flows with the fabric, it must be warped into place. Use the liquify tool to bring in the edges of the pattern, making it look like the pattern wraps around the piece of clothing.

To re-create folds of fabric, use the freeze mask tool to paint over one-half of the fold. Then use the forward warp tool to push the pattern under the freeze mask. If done correctly, it will look like the original pattern curves around the folds of fabric.

Add Highlights and Shadows from Original Photo
The last step is to blend the pattern into the original image. In this example, we change the blend mode to ‘Multiply’ and lower the opacity to 90%.

Next, add shadows and highlights from the original piece of clothing. Duplicate the background layer and place it on top of the fabric layer. Right-click on the layer and select “create clipping mask”, then change the blend mode to ‘Multiply’.

To add highlights, duplicate the background layer and clip it to the fabric, just like the previous layer. This time set the blend mode to ‘Screen’. If needed, adjust the brightness of this layer by using a Levels adjustment – CTRL/CMD + L. Drag the black point slider to the right until the layer only appears over the highlights.

VISIT PHLEARN.COM FOR MORE FREE TUTORIALS

Homepage

SUBSCRIBE NOW FOR MORE FREE TIPS AND TRICKS
http://www.youtube.com/subscription_center?add_user=phlearnllc

GET FREE TUTORIALS SENT TO YOUR EMAIL + DISCOUNTS ON OUR PRO TUTORIALS!
https://phlearn.com/mail

Use the same Tablet as Aaron: http://amzn.to/1Eykaoh

LET’S BE FRIENDS!
Instagram ► https://www.instagram.com/phlearn/
Facebook ► https://facebook.com/phlearn
Twitter ► https://twitter.com/phlearn
Google+ ► https://plus.google.com/116791098059215639405
Phlearn ► https://phlearn.com

Comments

comments

Latest articles

Easy Ways to Select Artwork in Illustrator | Adobe Creative Cloud

Explore a variety of methods for making selections in your projects to make creating and editing faster and easier in Adobe Illustrator. To download the sample files and learn more about Artwork selection methods, click on https://adobe.ly/2AXMTv1 Subscribe: https://www.youtube.com/user/adobecreativecloud?sub_confirmation=1 LET’S CONNECT Facebook: http://facebook.com/adobecreativecloud Twitter: http://twitter.com/creativecloud Instagram: http://www.instagram.com/adobecreativecloud/ Adobe Creative Cloud gives you the world's best creative apps so you can turn your brightest ideas into your greatest work across your desktop and mobile devices.

Transform Artwork Freely in Illustrator Using Puppet Warp | Adobe Creative Cloud

Learn how to transform artwork using the Puppet Warp and Free Transform tools in Adobe Illustrator. To download the sample files and explore more tutorials on Artwork selection in Illustrator, go to https://adobe.ly/2vul87Y Subscribe: https://www.youtube.com/user/adobecreativecloud?sub_confirmation=1 LET’S CONNECT Facebook: http://facebook.com/adobecreativecloud Twitter: http://twitter.com/creativecloud Instagram: http://www.instagram.com/adobecreativecloud/ Adobe Creative Cloud gives you the world's best creative apps so you can turn your brightest ideas into your greatest work across your desktop and mobile devices.

How to Make a Custom Brush with Adobe Capture CC | Adobe Creative Cloud

Create a brush from a simple sketch. Start from scratch, or download practice files [https://learndownload.adobe.com/pub/learn/mobile-apps/make-a-custom-brush.zip] for a head start. Steps below. Prep your project: 1. Save the practice image (source-image.jpg) provided here to the Camera Roll on your mobile device, or use your own. 2. Download the Adobe Capture CC mobile app from the App Store for your iOS device, or from the Play Store for you Android. Open the app and sign in with your Adobe ID. 3. Tap Brushes from the top menu. Create a custom brush: 1. Tap Brushes from the menu. 2. Tap the image icon at the bottom, then tap Camera Roll. 3. Choose an image from your Camera Roll. 4. Tap areas to erase unwanted marks. Tap the checkmark. 5. Drag the resize handles (white dots) to position the blue box around the part of the image you want to use as the brush. 6. Tap Styles from the main menu. Tip: For the example in the video, we chose a style in the Photoshop CC & Adobe Sketch Brushes section. 7. Tap Presets. Adjust the Size, Spacing, and other settings as you like. Tap Done, or the right arrow on Android devices. 8. Choose the appropriate Creative Cloud Library. Tap Save. Apply style in Adobe Photoshop CC: 1. Open artwork in Photoshop. 2. Choose the Brush tool. 3. Choose your new brush from the Libraries panel (Window – Libraries). 4. Use the new brush to enhance your creation. That's it! To learn more about Adobe Capture and Adobe's other mobile apps, visit our Mobile apps Tutorials page. Subscribe: https://www.youtube.com/user/adobecreativecloud?sub_confirmation=1 LET’S CONNECT Facebook: http://facebook.com/adobecreativecloud Twitter: http://twitter.com/creativecloud Instagram: http://www.instagram.com/adobecreativecloud/ Adobe Creative Cloud gives you the world's best creative apps so you can turn your brightest ideas into your greatest work across your desktop and mobile devices.

Bring Dull Photos to Life Using Lightroom CC | Adobe Creative Cloud

Learn how to enhance sharpness, detail, and textures using Clarity and Dehaze sliders in Lightroom CC. Download sample files and learn more about image editing techniques in Lightroom: https://adobe.ly/2wbDUS0 Subscribe: https://www.youtube.com/user/adobecreativecloud?sub_confirmation=1 LET’S CONNECT Facebook: http://facebook.com/adobecreativecloud Twitter: http://twitter.com/creativecloud Instagram: http://www.instagram.com/adobecreativecloud/ Adobe Creative Cloud gives you the world's best creative apps so you can turn your brightest ideas into your greatest work across your desktop and mobile devices.

Comments

comments