🔴 Tutorial Photoshop Untuk Pemula | DASAR PHOTOSHOP & FUNGSI TOOLS | Part 1

Main ideas / lessons (Part 1: Documents, Layers, Tools)

This tutorial explains the foundational workflow in Adobe Photoshop for beginners, focusing on:

• Creating a new document with correct size, resolution, and color mode
• Using and managing layers (reordering, naming, coloring, duplicating, grouping)
• Navigating the canvas with pan/zoom using hotkeys
• Learning the core tools used for selection, moving/resizing, editing, cropping, slicing, exporting, and color picking

---

Detailed methodology / instruction lists

1) Creating a new document

• Open New Document

  • Click: File → New
  • Or press CTRL + N

• Set document settings

  • Name the document
  • Set canvas size (example: 1920 × 1080 for a 16:9 cellphone screen)
  • Orientation
    • If you want portrait, change orientation
  • Resolution
    • For web / social media: 72
    • For print / high detail photos: 300
    • Concept: higher resolution = clearer detail, but heavier on performance
  • Color Mode
    • RGB = for screens/web (colors match what you see after export)
    • CMYK = for printing (example: banners)
      • CMYK stands for Cyan, Magenta, Yellow, Black
  • Background / canvas content
    • Transparent is allowed

• Create

  • Click Create / Done

• Fit view to screen

  • Click: View → Fit on Screen
  • Or press CTRL + 0

Hotkeys mentioned:

• CTRL + N (New Document)
• CTRL + 0 (Fit on Screen)

---

2) Working with Layers

Key concepts:

• Layers are essential in Photoshop.
• The top layer is what appears in front.

A) Practice focus: selecting and reordering layers

• Use the Layers panel (beginner guidance: focus on layer structure)
• Example workflow:
  • Select a specific layer (e.g., “20 thousand”)
  • Drag upward to bring it to the front

B) Create a new layer

• Click the paper icon (“new layer” icon)

C) Rename a layer

• Double-click the layer name (e.g., “1, 2, 3, 4…”)

D) Change a layer’s color in the panel

• Right-click the eye icon
• Choose a color (e.g., green, yellow) to visually organize layers

E) Select multiple layers quickly

• To show only layers of a chosen color:
  • Right-click the eye icon and choose the layer color filter
• Multi-select:
  • Click one layer, then hold CTRL and click others
  • Or hold SHIFT and select a range

F) Duplicate layers

• Duplicate with same position:
  • Layer → New → Layer via copy
  • Or press CTRL + J
• Duplicate and move:
  • Hold ALT while moving
• Group layers:
  • Click the folder icon (create group)
  • Or press CTRL + G

Hotkeys mentioned:

• CTRL + J (Duplicate Layer via Copy)
• ALT + Move (Duplicate & move)
• CTRL + G (Group Layers)

---

3) Pan & Zoom navigation

Context: Designers often zoom in for details when editing large designs.

Zoom

• Zoom Tool: press Z
• Zoom in:
  • Click + hold/drag (as demonstrated)
• Zoom out:
  • Hold ALT while zooming out
• “Fast mode” navigation (recommended):
  • Full view first: CTRL + 0
  • Zoom in: ALT + Scroll Up
  • Zoom out: ALT + Scroll Down

Pan

• Use Hand Tool: press H (optional)
• Recommended:
  • Press Spacebar and move/drag

Hotkeys mentioned:

• Z (Zoom Tool)
• CTRL + 0 (Return to full view)
• ALT + Scroll Up/Down (Zoom in/out)
• Spacebar (Pan)

---

4) Tools section (core tool families covered)

The video moves through multiple tool categories, emphasizing their hotkeys and modes.

---

A) Move Tool + Rectangular Marquee Tools (Selection)

Move Tool

• Activate: press V
• Important setting:
  • Enable Auto-select layer so objects can be moved when clicked
• If a layer isn’t selected, objects may not move

Hotkey:

• V (Move)

Rectangular Marquee Tools (Marquee family)

• Activate: press M

• Selection modes:

  1. New Selection (default) Replaces the previous selection

  2. Add to selection Adds to the existing selection (return to New Selection to shift/adjust cleanly)

  3. Subtract from selection Removes parts from the current selection

  4. Intersect with selection Keeps only the overlapping part

• Deselect / remove selection:

  • Select → Deselect
  • Or CTRL + D

Additional actions mentioned:

• Duplicate selected object:
  • CTRL + J
• Cut/paste between layers:
  • CTRL + X (Cut)
  • CTRL + V (Paste)
• Paste at same position:
  • CTRL + SHIFT + V

Hotkeys mentioned:

• M (Marquee family)
• CTRL + D (Deselect)
• CTRL + J (Duplicate selection)
• CTRL + X / CTRL + V (Cut/Paste)
• CTRL + SHIFT + V (Paste in same position)

---

B) Elliptical Marquee Tool + Feather

• Modes match the marquee family.
• Feather
  • Increasing the Feather value makes selection edges smoother (less harsh/less jagged)
• Demonstration includes moving selections between documents and comparing edge smoothness.

---

C) Single Row / Single Column Marquee Tools

• Purpose:
  • Selects one horizontal row (single row)
  • Selects one vertical column (single column)

Workflow shown:

• Duplicate an object: CTRL + J
• Rotate/transform: CTRL + T (Free Transform)
  • Drag from outside the corner for rotation
  • Hold SHIFT + ALT while transforming (as demonstrated)
• Free Transform operations are used to rotate and adjust size.

Hotkeys mentioned:

• M (Marquee tools family)
• CTRL + T (Free Transform)
• CTRL + D (Delete current selection)

---

D) Lasso Tools (Polygonal & Magnetic)

• Activate lasso family: L
• Lasso selection modes align with marquee behavior (New/Add/Subtract/Intersect).

Polygonal Lasso Tool

• Select points manually along edges
• Close selection by returning to the first point
• Duplicate selection: CTRL + J
• Move: V and reposition

Magnetic Lasso Tool

• Behavior:
  • Mouse follows edges and creates “sticky” selection points automatically
• Manually add points at corners
• When it meets the first point, click to finish
• Duplicate: CTRL + J

Hotkeys mentioned:

• L (Lasso Tools family)
• V (Move)
• CTRL + J (Duplicate)

---

E) Quick Selection Tool + Magic Wand Tool

Quick Selection Tool / Magic Wand activation

• Same tool hotkey (depending on the mode): W

Quick Selection Tool

• Modes include Add to selection and Subtract
• Brush size:
  • [ (reduce)
  • ] (enlarge)
• Brush hardness / edge feel:
  • Hold ALT + right-click + drag right/left to change size
  • Hold ALT + right-click + drag up/down to change hardness/smooth edges

Magic Wand Tool

• Function:
  • Selects areas based on color similarity
• Selection quality:
  • Increase Tolerance to include more similar tones
• Workflow shown:
  • Select background/object region
  • Zoom in to verify selection
  • If imperfect, adjust Tolerance and reselect
• Deselect:
  • CTRL + D
• Duplicate selection and move:
  • CTRL + J, then reposition using the Move tool
• Reverse selection:
  • Select → Inverse or CTRL + SHIFT + I
• Color behavior note:
  • When selecting an object, the background selection changes when it’s moved (as demonstrated)

Hotkeys mentioned (consolidated):

• W (Quick Selection / Magic Wand tool)
• [ / ] (Brush size)
• ALT + right-click + drag (size/hardness)
• CTRL + D (Deselect)
• CTRL + SHIFT + I (Invert selection)
• CTRL + J (Duplicate selection)

---

F) Crop Tools + Perspective Crop + Slice Tool

Crop Tool (Crop tools family)

• Activate: press C
• Ratio mode:
  • Free drag/crop
• Switch to square:
  • Choose 1:1 (recommended for Instagram)
• Apply/confirm:
  • Enter
  • (Also referenced: “checkmark” behavior)

Example sizing mentioned:

• Facebook banner: 820 × 360

Perspective Crop Tool

• Purpose:
  • Adjust image perspective to look like the front view
• Method:
  • Click corners and confirm with Enter

Hotkeys mentioned:

• C (Crop Tool)
• Enter (confirm)

Slice Tool

Purpose: Cut and separate image areas into segments for layout (e.g., carousel-like slides).

Workflow shown:

• Activate Slice Tool
• Set mode/style:
  • Normal (auto-creates multiple slices, often with irregular sizes)
• Delete slices:
  • Right-click → Delete Slice
• Use fixed sizes:
  • Right-click → Promote to User Slice
• Divide slices:
  • Right-click → Divide Slice
  • Choose:
    • Horizontal (horizontal cuts)
    • Vertical (vertical cuts)
  • Confirm with Ok

Exporting slices:

• File → Export → Save for Web (Legacy)
• Shortcut:
  • ALT + SHIFT + CTRL + S
• Export settings:
  • Preview zoom: use fit-in-view behavior
  • Preset: JPEG High
  • Name (example: “Players”)
  • In All Slice, choose destination folder and Save
• Result:
  • Slices output as ready-to-use slide pieces

Hotkeys mentioned:

• C (Crop tool family)
• ALT + SHIFT + CTRL + S (Save for Web)

---

G) Eyedropper Tool (Color sampling & filling)

Foreground/Background color logic

• Two sample colors:
  • Foreground (default black)
  • Background (default white)
• The video references “Colors & Flowers” layers and sampling/filling behavior.

Fill using sampled foreground/background

• Fill method:
  • Edit → Fill
  • Shortcut: Shift + F5
• Fill settings:
  • Select Foreground
  • Normal
  • Opacity 100%

Quick fill shortcuts:

• ALT + Delete → Foreground fill
• CTRL + Delete → Background fill

Eyedropper tool

• Activate briefly: I
• Options:
  • Point Sample (samples 1 pixel)
  • Larger sample count:
    • averages colors for a more unified mix
• Reverse foreground/background:
  • Switch icon or press X
• Reset default colors:
  • D (returns to black & white)

Sampling scope options mentioned:

• Current Layer
• Current & Below
• All Layers
• Note:
  • Even with Adjustment Layers, the Eyedropper samples the effective (adjusted) color.

Hotkeys mentioned:

• ALT + Delete (Foreground Fill)
• CTRL + Delete (Background Fill)
• I (Eyedropper Tool)
• X (Invert Foreground/Background)
• D (Reset to Black/White)

---

Video close / next part

• The instructor ends Part 1 (“# MONITOR-PUP part1”) and announces Part 2, where tools are “more for drawing.”
• The video also prompts viewers to support the channel:
  • Like, Share, Comment, Subscribe
  • Mentions Instagram handle.

---

Speakers / sources featured

• Single unnamed instructor / narrator (the YouTube creator; speaks throughout the tutorial)
• No other distinct speakers or clearly identified external sources appear in the subtitles.