01 · Efisiensi Kerja
Shortcut Keyboard
Desainer profesional hampir tidak pernah menggunakan mouse untuk hal-hal yang bisa dilakukan keyboard. Shortcut = kecepatan = produktivitas.
📋 Materi yang Diujikan di PSAT 2026
No.13
Daspro X
Sebutkan tiga shortcut keyboard yang sering digunakan dalam software desain grafis beserta fungsinya masing-masing.
Kunci: Ctrl+Z = Undo · Ctrl+S = Save · Ctrl+C/V = Copy/Paste · Ctrl+T = Free Transform · Ctrl+G = Group · Spacebar = Hand tool
Kunci: Ctrl+Z = Undo · Ctrl+S = Save · Ctrl+C/V = Copy/Paste · Ctrl+T = Free Transform · Ctrl+G = Group · Spacebar = Hand tool
⚡ Analogi
Shortcut keyboard itu seperti jalan tol. Kamu tetap bisa ke tujuan lewat jalan biasa (klik menu satu per satu), tapi jalan tol (shortcut) bisa 10x lebih cepat. Desainer yang tidak hafal shortcut seperti pengendara yang selalu lewat jalan kampung meski ada tol gratis di sebelahnya.
img/shortcut_keyboard.jpg
Sumber URL[Isi URL foto di sini — contoh: foto keyboard dengan label shortcut, atau infografis shortcut Photoshop/Illustrator]
Foto keyboard dengan shortcut keys yang di-highlight, atau infografis cheat sheet shortcut desain
860 × 320px (landscape)
⭐ Wajib Hafal — Keluar di PSAT
Ctrl+Z
Undo 📋 PSAT
Membatalkan langkah terakhir. Shortcut paling sering digunakan oleh semua desainer — bisa ditekan berulang kali.
Ctrl+S
Save / Simpan 📋 PSAT
Menyimpan file. Biasakan tekan setiap 5–10 menit agar pekerjaan tidak hilang jika terjadi crash.
Ctrl+C
Ctrl+V
Copy & Paste 📋 PSAT
Salin dan tempel elemen. Kombinasi paling universal — berlaku di semua software, bukan hanya desain.
Ctrl+T
Free Transform 📋 PSAT
Mengubah ukuran, rotasi, dan skala objek secara bebas. Di Illustrator: masuk mode transform. Di Figma: resize handles muncul.
Ctrl+G
Group / Kelompokkan 📋 PSAT
Mengelompokkan beberapa objek menjadi satu unit yang bisa dipindah bersamaan. Standar di Illustrator, Figma, dan Canva.
Space
Hand Tool / Geser Kanvas 📋 PSAT
Tahan Spacebar untuk menggeser kanvas tanpa mengubah tool aktif. Sangat berguna saat zoom in jauh ke dalam karya.
📋 Tips Jawab PSAT No.13
Soal meminta 3 shortcut + fungsinya. Pilih yang paling mudah diingat dan jelaskan fungsinya dengan benar. Contoh jawaban: "Ctrl+Z = Undo (membatalkan langkah terakhir), Ctrl+S = Save (menyimpan file), Ctrl+C dan Ctrl+V = Copy dan Paste (menyalin dan menempel objek)."
📁 Operasi File
Ctrl+N
New / Baru
Membuat dokumen baru. Akan muncul dialog pengaturan ukuran, resolusi, dan mode warna.
Ctrl+O
Open / Buka
Membuka file yang sudah ada dari komputer atau cloud storage.
Ctrl+Shift+S
Save As / Simpan Sebagai
Menyimpan dengan nama atau format baru tanpa menimpa file asli. Penting untuk export.
Ctrl+W
Close / Tutup
Menutup file yang sedang aktif. Akan muncul konfirmasi save jika ada perubahan yang belum disimpan.
Ctrl+P
Print / Cetak
Membuka dialog cetak. Di beberapa software juga digunakan untuk export PDF.
✏️ Edit & Seleksi
Ctrl+X
Cut / Potong
Memindahkan (bukan menyalin) objek ke clipboard. Objek akan hilang dari posisi asalnya.
Ctrl+A
Select All / Pilih Semua
Memilih semua objek atau piksel di kanvas sekaligus. Berguna sebelum menghapus atau memindah semua elemen.
Ctrl+D
Deselect / Duplikat
Di Photoshop = melepas seleksi aktif. Di Illustrator/Figma = menduplikat objek terpilih. Periksa software yang digunakan!
Ctrl+Shift+Z
Redo / Ulangi
Mengulangi langkah yang baru saja di-undo. Kebalikan dari Ctrl+Z. Beberapa software menggunakan Ctrl+Y.
Ctrl+Alt+Z
Multiple Undo (Photoshop)
Di Photoshop lama: undo berkali-kali ke belakang melalui history. Di Photoshop CC terbaru, Ctrl+Z sudah bisa multiple undo.
🔍 Tampilan & Navigasi
Ctrl++
Zoom In / Perbesar
Memperbesar tampilan kanvas. Objek tetap ukurannya — hanya tampilan yang membesar.
Ctrl+−
Zoom Out / Perkecil
Memperkecil tampilan kanvas untuk melihat keseluruhan komposisi.
Ctrl+0
Fit to Screen / Sesuaikan Layar
Zoom otomatis agar seluruh kanvas terlihat di layar. Shortcut paling berguna setelah zoom in jauh.
Ctrl+1
100% / Ukuran Asli
Menampilkan kanvas pada ukuran piksel 1:1 — berguna untuk mengecek kualitas gambar yang sebenarnya.
Ctrl+;
Show/Hide Guides
Menampilkan atau menyembunyikan garis panduan (guide lines) yang digunakan sebagai acuan alignment.
Tab
Sembunyikan Panel
Menyembunyikan semua panel di Photoshop untuk tampilan kanvas penuh — tekan lagi untuk tampilkan kembali.
📐 Layer & Objek
Ctrl+J
Duplicate Layer
Menduplikat layer yang sedang aktif di Photoshop. Salah satu shortcut paling sering digunakan saat bekerja dengan foto.
Ctrl+E
Merge Layer / Gabung
Menggabungkan layer terpilih menjadi satu layer. Ctrl+Shift+E untuk merge semua layer yang terlihat.
Ctrl+Shift+N
New Layer / Layer Baru
Menambahkan layer baru di atas layer aktif. Konsep layer adalah fondasi paling penting di Photoshop.
Ctrl+[
Ctrl+]
Send Backward / Forward
Menggeser urutan layer ke bawah [ atau ke atas ]. Ctrl+Shift+[ / ] untuk pindah ke paling bawah/atas.
Ctrl+Shift+G
Ungroup / Pisahkan
Memisahkan kelompok objek kembali menjadi objek individual. Kebalikan dari Ctrl+G.
Referensi Visual Shortcut
img/shortcut_photoshop.jpg
Sumber URL[Isi URL — contoh: cheat sheet shortcut Photoshop dari adobe.com atau helpx.adobe.com]
Cheat sheet shortcut Photoshop — tampilkan shortcut tools yang paling sering digunakan
420 × 300px
img/shortcut_illustrator.jpg
Sumber URL[Isi URL — contoh: shortcut Illustrator atau Canva keyboard cheat sheet]
Cheat sheet shortcut Illustrator / Canva — tools panel dan shortcut kunci
420 × 300px
Cara Hafal Efektif
Jangan coba hafal semua sekaligus. Pilih 5 shortcut wajib dulu, gunakan setiap hari, baru tambah 5 lagi minggu berikutnya.
Print Cheat Sheet
Cetak atau simpan cheat sheet shortcut sesuai software yang kamu pakai. Tempel di meja belajar sebagai referensi harian.
Ukuran Produktivitas
Studi Adobe menunjukkan desainer yang menggunakan shortcut 70% pekerjaan mereka 3x lebih cepat menyelesaikan proyek dibanding yang hanya klik menu.
02 · Alat Digital
Software Desain Grafis
Tools yang tepat untuk tugas yang tepat. Setiap software punya kekuatan dan kelemahan — desainer profesional biasanya menguasai lebih dari satu.
📋 Materi yang Diujikan di PSAT 2026
No.15
KK XI
Sebutkan dua software desain grafis yang dipelajari beserta fungsi singkatnya.
Kunci: Adobe Photoshop (editing foto/raster), Adobe Illustrator (desain vektor). Canva, CorelDRAW, Figma juga diterima jika memang dipelajari di kelas.
Kunci: Adobe Photoshop (editing foto/raster), Adobe Illustrator (desain vektor). Canva, CorelDRAW, Figma juga diterima jika memang dipelajari di kelas.
🔧 Analogi
Software desain itu seperti alat musik. Photoshop seperti drum — cocok untuk ritme berat dan energi (foto, manipulasi). Illustrator seperti gitar — cocok untuk melodi yang bersih dan fleksibel (logo, ilustrasi). Canva seperti ukulele — mudah dipelajari dan cukup untuk lagu-lagu sederhana. Pilih yang sesuai kebutuhan, kuasai satu dulu baru pelajari yang lain.
img/interface_photoshop.jpg
Sumber URL[Isi URL — screenshot Photoshop interface dari adobe.com atau helpx.adobe.com]
380 × 240px
⭐ PSAT No.15 KK XI
Adobe Photoshop
Raster / Pixel-Based
Raja editing foto dan manipulasi gambar berbasis piksel. Digunakan oleh fotografer, retoucher, dan digital painter di seluruh dunia sejak 1990.
✅ Editing foto, retouching wajah, compositing, digital painting
❌ Kurang ideal untuk logo dan ilustrasi yang perlu diskalakan
PSDPSB
JPEG
PNG
TIFF
📋 Kunci PSAT: "editing foto, raster/pixel"
img/interface_illustrator.jpg
Sumber URL[Isi URL — screenshot Illustrator interface, bisa dari adobe.com/products/illustrator]
380 × 240px
⭐ PSAT No.15 KK XI
Adobe Illustrator
Vector / Path-Based
Standar industri untuk desain vektor. Logo, ilustrasi, tipografi, dan infografis — semua bisa diperbesar hingga ukuran billboard tanpa kehilangan kualitas.
✅ Logo, ikon, ilustrasi, tipografi, infografis
❌ Tidak cocok untuk editing foto atau gambar bitmap
AI
EPS
SVG
PDF
📋 Kunci PSAT: "desain vektor, logo, ilustrasi"
img/interface_canva.jpg
Sumber URL[Isi URL — screenshot Canva dari canva.com, tampilkan dashboard atau editor]
380 × 240px
Populer di Indonesia · Gratis
Canva
Online / Template-Based
Platform desain online berbasis template yang sangat populer di Indonesia. Tidak perlu install, bisa dikerjakan di browser, dan sudah tersedia ribuan template siap pakai.
✅ Poster, feed medsos, presentasi, undangan, flyer
❌ Kontrol desain terbatas dibanding Photoshop/Illustrator
PNG
JPG
PDF
MP4
img/interface_figma.jpg
Sumber URL[Isi URL — screenshot Figma dari figma.com]
380 × 240px
UI/UX · Kolaborasi Real-time
Figma
Vector / UI Design
Standar industri untuk desain UI/UX dan prototyping. Berbasis browser, bisa dikerjakan bersama-sama secara real-time seperti Google Docs. Gratis untuk personal.
✅ Desain aplikasi mobile, website, prototyping interaktif
❌ Kurang optimal untuk ilustrasi kompleks dan photo editing
SVG
PNG
PDF
img/interface_coreldraw.jpg
Sumber URL[Isi URL — screenshot CorelDRAW dari coreldraw.com]
380 × 240px
Alternatif Illustrator · Populer di Percetakan
CorelDRAW
Vector / Print-Focused
Alternatif vektor untuk Adobe Illustrator yang sangat populer di industri percetakan Indonesia. Banyak digunakan di sablon, percetakan offset, dan branding lokal.
✅ Desain vektor, logo, layout, desain percetakan
❌ Kurang populer di industri digital internasional
CDR
SVG
PDF
EPS
Ringkasan Perbandingan
img/perbandingan_software.jpg
Sumber URL[Isi URL — tabel perbandingan software desain grafis, atau infografis comparison Photoshop vs Illustrator vs Canva]
Infografis atau tabel perbandingan fitur, harga, dan kegunaan tiap software secara visual
860 × 300px (landscape)
📋 Tips Jawab PSAT No.15 (KK XI)
Sebutkan nama software + satu kalimat fungsinya. Contoh: "Adobe Photoshop — software berbasis raster untuk editing dan manipulasi foto. Adobe Illustrator — software berbasis vektor untuk membuat logo, ikon, dan ilustrasi yang bisa diperbesar tanpa pecah." Sebutkan format file native sebagai bonus nilai.
03 · Konsep Fundamental
Raster vs Vektor
Ini adalah konsep paling fundamental dalam komputer grafis. Memilih jenis grafis yang salah akan berujung pada masalah kualitas yang sangat menjengkelkan.
🧱 Analogi Terbaik
Grafis Raster = LEGO bricks (piksel). Kalau kamu zoom in, kamu akan melihat kotak-kotak kecil. Makin diperbesar, makin terlihat "berbata".
Grafis Vektor = Rumus matematika. Sebuah lingkaran vektor adalah instruksi "buat lingkaran jari-jari X di koordinat Y, Z." Mau diperbesar seberapa pun, instruksinya tetap sama → hasilnya selalu sempurna.
Grafis Vektor = Rumus matematika. Sebuah lingkaran vektor adalah instruksi "buat lingkaran jari-jari X di koordinat Y, Z." Mau diperbesar seberapa pun, instruksinya tetap sama → hasilnya selalu sempurna.
Raster / Bitmap
Terdiri dari piksel — kotak-kotak warna kecil
Ukuran: tetap — tidak bisa diperbesar tanpa pecah (pixelated)
Ukuran file: bisa sangat besar, tergantung resolusi dan ukuran
Kekuatan: gradasi warna halus, efek realistis, foto tampak alami
Cocok untuk: foto, digital painting, texture, efek visual kompleks
Software utama: Adobe Photoshop, GIMP, Procreate
JPEG
PNG
GIF
TIFF
PSD
Vektor
Terdiri dari path matematika — titik, garis, kurva
Ukuran: skalabel — bisa diperbesar sebesar apapun tanpa kehilangan kualitas
Ukuran file: umumnya jauh lebih kecil dari raster
Kekuatan: skalabel, bersih, ideal untuk logo dan identitas visual
Cocok untuk: logo, ikon, ilustrasi, tipografi, desain cetak
Software utama: Adobe Illustrator, CorelDRAW, Figma, Inkscape
SVG
PDF
AI
CDR
EPS
img/raster_pixelate.jpg
Sumber URL[Isi URL — contoh foto yang dizoom sampai terlihat pikselnya, atau logo JPG yang diperbesar]
Gambar raster yang diperbesar hingga terlihat piksel — efek blur/pecah yang jelas
420 × 280px
img/vektor_scale.jpg
Sumber URL[Isi URL — contoh logo vektor diperbesar, tetap tajam — bisa screenshot dari Illustrator]
Logo vektor yang diperbesar hingga ukuran besar — tetap tajam tanpa pixelasi
420 × 280px
💡 Kapan Pakai Yang Mana?
Gunakan Raster (Photoshop) untuk: editing foto, retouching, efek visual, digital painting, konten media sosial berbasis foto.
Gunakan Vektor (Illustrator/CorelDRAW) untuk: logo, ikon, karakter ilustrasi, desain yang akan dicetak dalam berbagai ukuran, atau desain yang perlu dikirim ke percetakan.
Gunakan Vektor (Illustrator/CorelDRAW) untuk: logo, ikon, karakter ilustrasi, desain yang akan dicetak dalam berbagai ukuran, atau desain yang perlu dikirim ke percetakan.
04 · Alat Kerja
Tools Utama Software Desain
Setiap software desain punya "toolbox" — kotak peralatan berisi tool-tool dengan fungsi spesifik. Ini tool yang paling sering digunakan di Photoshop dan Illustrator.
🎨 Analogi
Tools di software desain seperti peralatan melukis. Selection tool = tangan untuk memindahkan kanvas. Pen tool = kuas yang sangat presisi. Layer = lembar transparansi yang ditumpuk. Eraser = penghapus. Menguasai tools berarti menguasai "tangan" kamu di dunia digital.
img/tool_selection.jpg
Sumber URL[Isi URL — screenshot selection tool digunakan, bisa dari helpx.adobe.com]
280 × 180px
Selection Tools
Move Tool · Marquee · Lasso · Magic Wand
Kelompok tool untuk memilih dan memindahkan objek. Move Tool (V) — memindahkan objek/layer. Rectangular Marquee (M) — seleksi kotak. Lasso (L) — seleksi bebas dengan tangan. Magic Wand (W) — seleksi berdasarkan warna.
📌 Shortcut: V = Move, M = Marquee, L = Lasso, W = Magic Wand
img/tool_pentool.jpg
Sumber URL[Isi URL — screenshot pen tool membuat path/kurva di Illustrator atau Photoshop]
280 × 180px
Pen Tool
Bezier Curve · Path · Anchor Point
Tool paling powerful dan paling perlu dilatih. Membuat path/jalur dari titik-titik yang bisa diatur kurvanya — menghasilkan bentuk yang sangat presisi. Dasar dari semua ilustrasi vektor profesional. Shortcut: P.
💡 Pen tool adalah yang paling sulit dipelajari tapi hasilnya paling bersih. Latih dengan menelusuri logo sederhana terlebih dahulu.
img/tool_layer.jpg
Sumber URL[Isi URL — screenshot panel Layers di Photoshop dengan beberapa layer aktif]
280 × 180px
Layer System
Layers Panel · Opacity · Blending Mode
Konsep paling fundamental dalam Photoshop. Layer seperti lembar transparan yang ditumpuk — setiap elemen ada di layer berbeda sehingga bisa diedit tanpa mempengaruhi yang lain. Layer bisa diatur urutan, opacity, dan blending mode-nya.
📌 Biasakan bekerja dengan banyak layer. Hindari mengedit langsung di layer Background — selalu duplikat dulu (Ctrl+J).
img/tool_brush.jpg
Sumber URL[Isi URL — screenshot brush tool sedang digunakan untuk melukis/retouching]
280 × 180px
Brush & Eraser
Brush Tool · Eraser · Pencil
Brush Tool (B) — melukis dengan berbagai tekstur dan ukuran kuas. Eraser (E) — menghapus piksel pada area tertentu. Ukuran brush: [ ] untuk mengecilkan/membesarkan. Opacity diatur dari 0–100% untuk hasil yang transparan hingga penuh.
📌 Shortcut: B = Brush, E = Eraser, [ ] = resize brush
img/tool_type.jpg
Sumber URL[Isi URL — screenshot Type tool digunakan untuk menambah teks di desain]
280 × 180px
Type Tool
Horizontal Type · Vertical Type · Text on Path
Type Tool (T) — menambahkan teks ke dalam desain. Di Photoshop, setiap teks otomatis membuat layer baru. Di Illustrator, teks bisa diletakkan mengikuti path/kurva untuk efek tipografi yang unik.
📌 Shortcut: T = Type Tool. Setelah selesai ketik, tekan Ctrl+Enter untuk konfirmasi teks.
05 · Format & Output
Format File Desain Grafis
Menyimpan file dalam format yang salah bisa berarti kualitas yang buruk, file tidak bisa dibuka klien, atau ukuran file yang terlalu besar. Pahami perbedaannya.
📦 Analogi
Format file seperti jenis kemasan produk. JPEG = plastik press (ringkas tapi tidak bisa dibuka kembali utuh). PNG = toples kaca (bisa transparan, kualitas terjaga). PSD = koper besar (semua isi tersimpan, tapi berat). SVG = blueprint bangunan (instruksi, bukan gambar nyata). Pilih kemasan sesuai kebutuhan.
.JPEG / .JPG
Joint Photographic Experts Group
Tipe:Raster · Lossy compression
Kelebihan:Ukuran file kecil, dukungan universal
Kekurangan:Tidak ada transparansi, kualitas turun setiap disimpan ulang
Gunakan untuk:Foto, gambar web, thumbnail medsos
.PNG
Portable Network Graphics
Tipe:Raster · Lossless compression
Kelebihan:Mendukung transparansi, kualitas tidak turun
Kekurangan:Ukuran file lebih besar dari JPEG
Gunakan untuk:Logo dengan bg transparan, sticker, overlay
.SVG
Scalable Vector Graphics
Tipe:Vektor · XML code
Kelebihan:Skalabel tanpa batas, ukuran kecil, bisa diedit kode
Kekurangan:Tidak cocok untuk foto kompleks
Gunakan untuk:Logo website, ikon, animasi web
.PSD
Photoshop Document
Tipe:Native Photoshop — Raster
Kelebihan:Semua layer, mask, dan adjustment tersimpan
Kekurangan:Ukuran sangat besar, hanya bisa dibuka Photoshop/Ps-compatible
Gunakan untuk:File kerja/master — jangan kirim ke klien
.AI
Adobe Illustrator Artwork
Tipe:Native Illustrator — Vektor
Kelebihan:Semua path, layer, dan artboard tersimpan
Kekurangan:Hanya bisa dibuka Illustrator atau CorelDRAW
Gunakan untuk:File kerja logo — kirim versi SVG/PDF ke klien
.PDF
Portable Document Format
Tipe:Universal — bisa raster atau vektor
Kelebihan:Bisa dibuka siapa saja, preserves layout, standar percetakan
Kekurangan:Sulit diedit setelah di-export
Gunakan untuk:Kirim ke percetakan, klien, atau presentasi profesional
img/format_comparison.jpg
Sumber URL[Isi URL — infografis perbandingan format file grafis, atau tabel JPG vs PNG vs SVG vs PSD]
Infografis perbandingan format file: kualitas, ukuran, transparansi, dan use case masing-masing format
860 × 320px (landscape)
📌 Panduan Cepat Export
Posting medsos (Instagram, TikTok): Export JPEG, kualitas 90%, sRGB
Logo/sticker digital (transparansi): Export PNG dengan background transparan
Kirim ke percetakan (sablon, offset): Export PDF atau AI/CDR, CMYK
Logo untuk website: Export SVG untuk skala optimal
Simpan file kerja: Selalu simpan PSD/AI asli sebelum export
Logo/sticker digital (transparansi): Export PNG dengan background transparan
Kirim ke percetakan (sablon, offset): Export PDF atau AI/CDR, CMYK
Logo untuk website: Export SVG untuk skala optimal
Simpan file kerja: Selalu simpan PSD/AI asli sebelum export
⚠️ Jebakan umum: Jangan simpan logo dalam format JPEG — tidak ada background transparan. Selalu gunakan PNG atau SVG untuk logo. Dan jangan kirim file PSD ke klien sebagai final — mereka tidak bisa membukanya tanpa Photoshop.