All classes Photoshop Syllabus · Episode 8 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 “Photoshop Class #8: Foreground/Background Colors, Color Picker, and Eyedropper”.

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

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

Premium

Krita · Beginner

Krita: Painting a Snowy Village at Dusk

Paint a snowy village scene at dusk with Krita (free): a purple gradient sky, mountains, wooden houses with warm windows, layered snowy hills, and chimney smoke with Airbrush, in 16 steps with color codes.

12 min 7 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

Krita: Painting an Anime Girl with an Umbrella in a Flower Field

Free

Krita · Beginner

Krita: Painting an Anime Girl with an Umbrella in a Flower Field

Paint an illustration of an anime girl with an umbrella in a flower field with Krita (free), layer by layer: a sky gradient, Polygon & Ellipse without outlines, the Basic-1 brush and Airbrush, in 19 steps with color codes.

20 min 6 0

View class

Unreal Engine: Changing the Player's Color to Gold

Free

Unreal Engine 5 · Beginner

Unreal Engine: Changing the Player's Color to Gold

Change the Third Person player character (Quinn) in Unreal Engine 5 to a shiny gold without coding: a Material Instance, Paint Tint with hex code FFC21A, Metallic 0.9, and Roughness 0.3, in 10 steps.

3 min 7 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 sunset photo at the beach with a golden title bar and dark blue text, both taken directly from the photo's color using the eyedropper, so the design is harmonious. Let's get started. Hello, welcome back to the complete Adobe Photoshop series from Cerdas Inovasi Digital. Today we're discussing how to set colors in Photoshop, the foreground and background color boxes, the color picker, and the eyedropper tool for taking colors directly from the photo. Open the sunset photo at the beach.

0 ea foreground and background color

Look at the two color boxes below the toolbar. The front box is the foreground, used by the brush, text, and fills. The back box is the background. Press The to return to black and white, and X to swap both. Click the foreground box to open the color picker. The large box adjusts saturation and brightness, the rainbow bar next to it adjusts hue. In the color panel, we can type in a hex code, for example FFFFF for white, exactly like the color code in web design. The fastest way to get a harmonious color is to take it directly from the photo.

an aka : Eyedropper and sampling ring

Select the eyedropper tool or press I in the options bar, adjust the sample size to be more even. Click on the golden sunset near the sun, the sampling ring shows the new color above and the old color below. Now hold Alt while clicking on the dark blue part at the bottom of the photo.

0 Step 4 Background color from sea

With Alt, the sampled color goes into the background box. Now we have a pair of golden and dark blue colors that come from the photo itself. Create a new layer named Pita. With the rectangular marquee tool, drag a wide box at the bottom of the photo, then press Alt Backspace to fill it with the golden foreground color.

Step 5: Colored Title Bar Sample

Press Ctrl D, then lower the layer opacity to 85%. Press X to swap the colors, so the dark blue becomes the foreground.

Step 6: Text Using Background Color

Select the text tool, click above the toolbar, then type 'sunset at the beach'. The text automatically uses the blue color of the sea, and the combination of orange and blue looks harmonious because both are complementary colors.

Done!

Done. We have now understood foreground and background, the D and X buttons, the color picker with hex code, the eyedropper with the sampling ring, Alt-click for background, and using the sampled color in the design. In the next episode, we will practice the brush tool and its settings. Need to edit product photos for marketplace, retouch a photo, design a poster, or create social media content? Cerdas Inovasi Digital provides photo editing and graphic design services, as well as opens Photoshop courses from beginner to advanced. Want to master the entire series? 102 episodes from the interface to the final project? All episodes, complete with PDF step-by-step guides, source images, and layered PSD files, are available for premium tutorial subscribers. Subscribe starting from Rp69.000 per month Save 28% with the 12-month package, or pay once Rp999.000 for lifetime access. Want a single class? Buy single classes with lifetime access. Subscribe now on the premium page cerdasinovasidigital.com. Contact us via WhatsApp, or visit cerdasinovasidigital.com. Thank you for watching, See you in the next episode. 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

53 video classes1,296 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:370 ea foreground and background color

1:19an aka : Eyedropper and sampling ring

1:400 Step 4 Background color from sea

2:03Step 5: Colored Title Bar Sample

2:17Step 6: Text Using Background Color

2:32Done!

Ask the class material

My notes

Questions & answers

Your instructor

Recommended classes for you

Need more than a video?

Transcript

0:03Introduction

0:370 ea foreground and background color

1:19an aka : Eyedropper and sampling ring

1:400 Step 4 Background color from sea

2:03Step 5: Colored Title Bar Sample

2:17Step 6: Text Using Background Color

2:32Done!

Ask the class material

My notes

Questions & answers

Your instructor

Introduction

0 ea foreground and background color

an aka : Eyedropper and sampling ring

0 Step 4 Background color from sea

Step 5: Colored Title Bar Sample

Step 6: Text Using Background Color

Done!

Introduction

0 ea foreground and background color

an aka : Eyedropper and sampling ring

0 Step 4 Background color from sea

Step 5: Colored Title Bar Sample

Step 6: Text Using Background Color

Done!