All classes Photoshop Syllabus · Episode 59 of 102

Checking access...

Want to go deeper?

Join one of our courses or ask us directly on WhatsApp.

View the full 102-episode syllabus View Photoshop Courses Ask on WhatsApp

Recommended classes for you

Picked from the software, topic, and level of “Class Photoshop #59: Shape Tool: Icon and Graphic Elements”.

106 episodesFree preview

Adobe Illustrator · Beginner

Complete Adobe Illustrator

106 video lessons with PDF guides, 6 h 32 min in total. Starts with: Getting to Know the Illustrator Interface: Menu, Tools, Control Bar, and Panels.

6 h 32 min 35 0

View class

104 episodesFree preview

Adobe InDesign · Beginner

Complete Adobe InDesign

104 video lessons with PDF guides, 6 h 7 min in total. Starts with: Getting to Know the InDesign Interface: Menu, Tools, Control Panel, Pages, and Layers.

6 h 7 min 40 0

View class

Premium

Krita · Beginner

Krita: Drawing a Cartoon Dog & Cat

Draw two cartoon characters, a dog in a hoodie and a cat, in Krita using only the mouse: Fill Tool, Rectangle, Ellipse, Polygon, and the Basic-1 brush, in 17 steps with color codes.

7 min 4 0

View class

Premium

Krita · Beginner

Krita: Drawing a Girl Riding a Bicycle

Draw a cartoon girl riding a bicycle with Krita (free), layer by layer: a sky gradient, Ellipse/Polygon/Rectangle without outlines, wheels with the Ellipse Tool in Outline Brush mode, a frame with a thick brush, the character, and Airbrush motion lines, in 19 steps with color codes.

16 min 3 0

View class

Krita: Drawing a Girl Tending a Flower Garden

Premium

Krita · Beginner

Krita: Drawing a Girl Tending a Flower Garden

Draw a girl in a straw hat watering a flower garden with Krita (free): a clear sky, layered bushes, a wooden fence with the Polygon Tool, sunflowers and tulips, a watering can with Airbrush water splashes, a vegetable basket, and butterflies, in 17 steps with color codes.

20 min 2 0

View class

104 episodesFree preview

Adobe Animate · Beginner–Advanced

Complete Adobe Animate

104 video lessons with PDF guides, 8 h 56 min in total.

8 h 56 min 5 0

View class

Need more than a video?

Other ways we can help with Adobe Photoshop.

Learn with a mentor

Scheduled Graphic Design courses with live guidance and a certificate.

Course

Course/Training Adobe Photoshop — Photoshop for Photographers

★ 5.0 (4)

Course

Course/Training Adobe Photoshop — Private Lessons: Graphic Design with Adobe Photoshop

★ 5.0 (3)

Course

Course/Training Photoshop — Adobe Photoshop From Basic to Ultimate

★ 5.0 (3)

See all in Graphic Design →

Have it built for you

No time to learn Adobe Photoshop? Our team can do the project for you.

Service

Development Service: JasaAdobe Photoshop CC 2020

★ 5.0 (5)

Service

Development Service: Adobe Photoshop — Digital Imaging with Adobe Photoshop

★ 5.0 (5)

Service

Development Service: Graphic Design and Photo Editing Using Adobe Photoshop CC

★ 5.0 (4)

See all in Graphic Design →

Get notified about new Adobe Photoshop classes

At most one email a week. Unfollow anytime with one click.

Transcript

The full narration of this video. The current sentence is highlighted while the video plays; click any sentence to jump there.

Show transcript

Introduction

This is the final result of this episode, a promotional shoe photo with a star discount badge of 30%, a rounded 'Buy Now' button, and an accent line. Everything was created using the Shape Tool. Let's get started. Hello, welcome back to the complete Adobe Photoshop series from Cerdas Inovasi Digital. The Shape Tool creates vector shapes such as rectangles, circles, stars, and lines. Vector shapes remain sharp at any size, and their colors are easy to change. Very useful for buttons, badges, and icons.

Step 1: Rounded Rectangle

Open the shoe photo in the sand. Select the Rectangle Tool or press U. In the Options Bar, set the fill to orange and the stroke to none, then set the corner radius to 24 pixels. Draw a rectangle in the lower right as a button.

Step 2: Text Button

Type 'Buy Now' with a thick white font above the button. The Shape Layer and Text Layer can be moved together by selecting both.

Step 3: Star Polygon

Select the Polygon Tool. Set the number of sides to 12 and the star ratio to 60% for the gear-edged badge shape. Hold Shift and draw the shape in the upper left. Fill it with the red color.

Step 4: Text Badge

Type 'discount' and '30%' above the star with a thick white font, centered. Badges like this immediately catch attention.

Step 5: Ellipse and Line

Select the Ellipse Tool. Hold Shift for a perfect circle. Create a circle without fill with a white stroke behind the badge as an accent. Select the Line Tool and draw a dashed line below the button text.

Step 6: Replace Fill Color

Double-click the shape thumbnail button to change its color anytime without losing quality. Save PSD and Export JPG.

Completed (Ai

Done.

Completed! Tn

We've already used rounded rectangle, star polygon, ellipse, and others.

Completed

Adjust fill and stroke, then follow the badge and promo button. In the next episode, we will design a simple logo. Need to edit product photos for marketplaces, retouch images, design posters, or create social media content? Cerdas Inovasi Digital provides photo editing and graphic design services, As well as opening the Photoshop course from beginner to advanced level. Want to master all of these series? 102 episodes from interface to final project? All episodes, complete with step-by-step PDF guides, source image, and layered PSD file, Available for premium tutorial subscribers. Subscribe starting at Rp69.000 per month, Save 28% with the 12-month package, Or pay once Rp999.000 for lifetime access. Want just one class? Buy single class with lifetime access. Subscribe now on the premium page cerdasinovasidigital.com Contact our WhatsApp or visit cerdasinovasidigital.com Thank you for watching, See you in the next episode.

Ask the class material

Type a question or keyword; we find the part of this episode that explains it and jump the video there.

My notes

Notes are saved with the current video time and are only visible to you.

Questions & answers

Stuck on a step? Ask here; the instructor and other learners can answer.

No questions yet.

Your instructor

Cerdas Inovasi Digital Team

Software developers, BIM & 3D engineers, and AI practitioners

52 video classes1,276 episodes

We build software, BIM models, games and AI automations for clients every day, and turn that hands-on work into step-by-step classes: every step is shown on screen and comes with a PDF guide you can keep.

See our clients →

Memuat

Recommended classes for you

Need more than a video?

Transcript

0:03Introduction

0:39Step 1: Rounded Rectangle

0:56Step 2: Text Button

1:07Step 3: Star Polygon

1:21Step 4: Text Badge

1:31Step 5: Ellipse and Line

1:47Step 6: Replace Fill Color

2:02Completed (Ai

2:02Completed! Tn

2:09Completed

Ask the class material

My notes

Questions & answers

Your instructor

Recommended classes for you

Need more than a video?

Transcript

0:03Introduction

0:39Step 1: Rounded Rectangle

0:56Step 2: Text Button

1:07Step 3: Star Polygon

1:21Step 4: Text Badge

1:31Step 5: Ellipse and Line

1:47Step 6: Replace Fill Color

2:02Completed (Ai

2:02Completed! Tn

2:09Completed

Ask the class material

My notes

Questions & answers

Your instructor

Introduction

Step 1: Rounded Rectangle

Step 2: Text Button

Step 3: Star Polygon

Step 4: Text Badge

Step 5: Ellipse and Line

Step 6: Replace Fill Color

Completed (Ai

Completed! Tn

Completed

Introduction

Step 1: Rounded Rectangle

Step 2: Text Button

Step 3: Star Polygon

Step 4: Text Badge

Step 5: Ellipse and Line

Step 6: Replace Fill Color

Completed (Ai

Completed! Tn

Completed