Home Graphic Photoshop Learn How to Work with Shape Tools in Photoshop CC | Adobe...

Learn How to Work with Shape Tools in Photoshop CC | Adobe Creative Cloud

Add vector design elements to your photographic images using the shape tools in Adobe Photoshop CC.

Start with some simple shapes, and then combine them to create more complex art using simple techniques.

Note: Watch Create a graphic shape to learn the basics.

Select the Rectangle tool. In the Options bar, choose the Combine Shapes option.
Click and drag on the canvas to draw a rectangle. Tip: Press the spacebar before you release your mouse to adjust the position of the rectangle.
Draw two more rectangles, each a bit narrower and taller than the previous one as shown.
Select the tallest rectangle and adjust any corner radius in the Properties panel. (This adjusts all four corners at once because they are constrained by the link button.) Drag until you have completely rounded sides.
To reposition a shape, choose the Path Selection tool. Select a shape, and then rearrange it.
You can also manipulate individual points or sides. Choose the Direct Selection tool and click an individual point; press Shift to select additional points. Once selected, you can adjust them at once. Tip: Use the Arrow keys to move selected points easily.
With some points selected, press Control+T (Windows) or Command+T (macOS) to access Free Transform to scale, skew, rotate, and more.
When you’re ready to style the shape, click the Fill Color thumbnail in the Options bar and set it to None. Click the Stroke Color thumbnail and click the Color Picker icon in the top right corner. Tip: To pick a color from the image itself, move your cursor over the image and click to sample a color. Adjust the color in the Color Picker. Finally, adjust the Stroke width in the Options bar.
Experiment with the shape layer’s blending mode to unify your vector design and photographic background. Reduce the shape layer’s opacity if needed. Tip: Press a number between 1 and 9 to quickly lower opacity.
Save your artwork for its final use.

Continue learning with CC Learn: https://adobe.ly/2JGZEy3

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

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