Tutorial Dasar Adobe Photoshop untuk Pemula | 15 MENIT LANGSUNG PAHAM | Adobe Photoshop #1

Main Ideas / Concepts Covered

• What Adobe Photoshop is

  • An image processing software used for photo editing.
  • It’s not limited to photos—Photoshop can also be used for design work, such as:
    • banners, posters, illustrations (including referenced “ogoh”)
  • It can support video editing and animations, although it is technically centered on image/photo editing.

• Basic system requirements (concept)

  • The video mentions a table of minimum specs to check.
  • If a PC/laptop is below the recommended specs, Photoshop will feel heavy/slow.

• How to download / access Photoshop

  • Download from adobe.com (link mentioned as placed in the video description).
  • Subscription price is described as ~280,000/month, with promotions possibly reducing it.
  • A trial period (~7 days) is available before subscribing.

• Starting Photoshop + Welcome Screen

  • Using Adobe Photoshop CC 2022 (the presenter notes other versions are similar).
  • The first screen is called the Welcome Screen / opening page.
  • Options on this screen:
    • Create a new project via New file (top-left)
    • Open recent projects from the recent projects list (bottom/menu area)

---

Methodology / Step-by-Step Instructions (Detailed)

A) Create a New Project / Document

1. On the Welcome Screen, click New file (top-left).
2. In Project settings, set the document size in either of these ways:
   • Use Adobe’s size templates
     • Example: Print → standard sizes like A4, A5, A6
     • Example: Web → sizes for laptop/web/document usage
   • Set size manually
     • Enter Width and Height in the right input area
     • Choose units:
       • Pixels for screen designs (e.g., a YouTube thumbnail)
       • cm/mm for print-oriented designs (e.g., banners/posters/photo printing)
3. Example (YouTube thumbnail):
   • 1280 × 720 (Width = 1280, Height = 720)
4. Choose orientation (vertical vs horizontal) based on your layout.
5. Set resolution (pixel density):
   • Higher resolution → image appears sharper
   • Common standards:
     • 72: intended for screen only
     • 300: intended for printing
   • Guidance mentioned:
     • Using 72 for printing is possible but produces less sharp results.
     • Using 300 for screen can increase the file/image size, so 72 is used for thumbnails.
6. Name the document.
7. Click Create to enter the Photoshop workspace.

---

B) Insert Images into the Document

• Locate the image in Windows Explorer.
• Drag and drop the image into the Photoshop canvas.
• Repeat for additional images by dragging them in the same way.

---

C) Use Key Tools (Left Toolbar)

The video highlights frequently used tools and what they do:

• Move Tool

  • Moves objects within the canvas.
  • Can also resize objects using side dots/handles.
  • If handles don’t appear, enable controls from the top panel (as described).

• Eraser

  • Removes parts of an image (e.g., erasing the background of a bird image).
  • The erased area becomes transparent.

• Text Tool (“texture/tools for making writing”)

  • Click where you want text to appear.
  • Type the text (example: “hummingbird”).
  • Change font using the top font selection panel.
  • Change size using the size controls (the presenter prefers a flexible option like “moksa”).
  • Change color:
    • return to the Text tool
    • select all text
    • change color from the top panel

• Color panel / brush-related colors (bottom toolbar)

  • Top color = main color (e.g., set blue → brush becomes blue).
  • Bottom color = related to gradients (example shows a blue-to-yellow gradient concept).

---

D) Understand Layers / Stacking Order (Bottom-Right Panel)

Layers are described like a stack:

• Lower layer → appears behind
• Higher layer → appears in front

Examples:

• If text is placed above an image, it covers the image.
• Move the text layer below the image to place it behind.

Layer actions:

• Create a new layer: click “+” (bottom-right).
  • Draw/create elements on the new layer to avoid affecting the main image.
• Delete a layer:
  • click the trash can icon next to the layer and confirm.

---

E) Use Menus + Apply Effects (Top Menu and Filter)

• File menu
  • Create new project, open, save, etc.
• Edit menu
  • Settings/options (mentioned generally).
• Filter menu (emphasized as important)
  • Apply effects to a selected layer/object.
  • Examples:
    • Gaussian Blur: blur the background; adjust blur intensity
    • Add Noise: adds a noise effect to the design/illustration

---

F) Save / Export the Final Design (Two Ways)

1. Save as raw/working file (PSD)

   • File → Save
   • Choose format: Photoshop / PSD
   • Name it (example: “raw thumbnail”)
   • Click Set to save.

2. Save/export as an image file

   • File → Save As
   • Choose format:
     • Example mentioned: JPG/JPEG and PNG (and others)
   • Set quality (for formats that use quality):
     • Higher quality → larger file size
     • Example impact:
       • Quality 10 → ~390 KB
       • Quality 12 → ~700 KB
   • Click OK to save.

---

Main Lessons / Takeaways

• Photoshop is primarily an image editing tool, but it’s also versatile for graphics and motion-related work.
• Correct document setup matters:
  • Use pixels for screen (e.g., YouTube thumbnail 1280×720)
  • Use 72 resolution for screen, 300 for print
• Drag-and-drop images into the canvas is the simplest way to import.
• Core workflow concepts:
  • Use the Move Tool to position/resize
  • Use Eraser for transparency effects
  • Use Text Tool for typography (font, size, color)
  • Manage layers for correct stacking
  • Apply visual styles via Filter effects
• Save either:
  • PSD for editable project files
  • PNG/JPEG for final exports

---

Speakers / Sources Featured

• Bang tutorial (the sole speaker/presenter mentioned in subtitles)
• Adobe Photoshop / Adobe (adobe.com) (software/source referenced for downloading and features)