- Panduan Pengguna Photoshop
- Pengantar Photoshop
- Photoshop dan produk serta layanan Adobe lainnya
- Photoshop di iPad (tidak tersedia di Tiongkok daratan)
- Photoshop di iPad | Pertanyaan umum
- Berkenalan dengan workspace
- Persyaratan sistem | Photoshop di iPad
- Membuat, membuka, dan mengekspor dokumen
- Tambahkan foto
- Bekerja dengan lapisan
- Gambar dan lukis dengan kuas
- Buat seleksi dan tambahkan mask
- Poles komposit Anda
- Bekerja dengan lapisan penyesuaian
- Sesuaikan tonalitas komposit Anda dengan kurva
- Terapkan operasi transformasi
- Pangkas dan putar komposit Anda
- Putar, geser, zoom, dan reset kanvas
- Bekerja dengan lapisan Tipe
- Bekerja dengan Photoshop dan Lightroom
- Dapatkan font yang hilang di Photoshop di iPad
- Teks Bahasa Jepang di Photoshop di iPad
- Kelola pengaturan aplikasi
- Pintasan sentuh dan gestur
- Pintasan keyboard
- Edit ukuran gambar Anda
- Livestream saat Anda berkarya di Photoshop di iPad
- Koreksi imperfeksi dengan Kuas Reparasi
- Buat kuas di Capture dan gunakan di Photoshop di iPad
- Bekerja dengan file Camera Raw
- Berkreasi dan bekerja dengan Objek Cerdas
- Sesuaikan eksposur dalam gambar Anda dengan Dodge dan Burn
- Perintah penyesuaian otomatis di Photoshop di iPad
- Coreng area dalam gambar Anda dengan Photoshop di iPad
- Tambah atau kurangi saturasi gambar Anda menggunakan alat Spons
- Isian berdasarkan konten untuk iPad
- Photoshop di web (tidak tersedia di Tiongkok daratan)
- Pertanyaan umum
- Persyaratan sistem
- Pintasan keyboard
- Tipe file yang didukung
- Pengantar workspace
- Buka dan bekerja dengan dokumen cloud
- Fitur AI generatif
- Konsep dasar pengeditan
- Tindakan Cepat
- Bekerja dengan lapisan
- Poles gambar dan hapus imperfeksi
- Buat seleksi cepat
- Peningkatan gambar dengan Lapisan Penyesuaian
- Pindahkan, transformasi, dan pangkas gambar
- Gambar dan lukis
- Bekerja dengan lapisan Tipe
- Bekerja dengan siapa saja di web
- Kelola pengaturan aplikasi
- Hasilkan Gambar
- Hasilkan Latar Belakang
- Gambar Referensi
- Photoshop (beta) (tidak tersedia di Tiongkok daratan)
- AI generatif (tidak tersedia di Tiongkok daratan)
- Autentisitas konten (tidak tersedia di Tiongkok daratan)
- Dokumen Cloud (tidak tersedia di Tiongkok daratan)
- Dokumen cloud Photoshop | Pertanyaan umum
- Dokumen cloud Photoshop | Pertanyaan alur kerja
- Kelola dan bekerja dengan dokumen cloud di Photoshop
- Mutakhirkan penyimpanan cloud untuk Photoshop
- Tidak dapat membuat atau menyimpan dokumen cloud
- Atasi kesalahan dokumen cloud Photoshop
- Kumpulkan log sinkronisasi dokumen cloud
- Undang orang lain untuk mengedit dokumen cloud Anda
- Bagikan file dan beri komentar dalam aplikasi
- Workspace
- Dasar-dasar workspace
- Preferensi
- Belajar lebih cepat dengan Panel Temukan Photoshop
- Buat dokumen
- Letakkan file
- Pintasan keyboard default
- Kustomisasi pintasan keyboard
- Galeri alat
- Preferensi performa
- Gunakan alat
- Preset
- Kisi-kisi dan garis bantu
- Gestur sentuh
- Gunakan Bar Sentuh dengan Photoshop
- Kemampuan sentuh dan workspace yang dapat disesuaikan
- Pratinjau teknologi
- Metadata dan catatan
- Kemampuan sentuh dan workspace yang dapat disesuaikan
- Tempatkan gambar Photoshop di aplikasi lain
- Penggaris
- Tampilkan atau sembunyikan ekstra non-cetak
- Tentukan kolom untuk gambar
- Urungkan dan riwayat
- Panel dan menu
- Posisikan elemen dengan pengaitan
- Posisikan dengan alat Penggaris
- Desain aplikasi, web, dan layar
- Dasar-dasar warna dan gambar
- Cara mengubah ukuran gambar
- Bekerja dengan gambar raster dan vektor
- Ukuran dan resolusi gambar
- Dapatkan gambar dari kamera dan pemindai
- Buat, buka, dan impor gambar
- Lihat gambar
- Kesalahan Penanda JPEG tidak valid | Membuka gambar
- Melihat banyak gambar sekaligus
- Sesuaikan pemilih warna dan contoh warna
- Gambar dengan rentang dinamis tinggi
- Cocokkan warna di gambar Anda
- Konversi antar-mode warna
- Mode warna
- Hapus bagian gambar
- Mode paduan
- Pilih warna
- Sesuaikan tabel warna terindeks
- Informasi gambar
- Filter distorsi tidak tersedia
- Tentang warna
- Penyesuaian warna dan monokrom menggunakan saluran
- Pilih warna di panel warna dan contoh warna
- Sampel
- Mode Warna atau mode Gambar
- Semburat warna
- Tambahkan perubahan mode bersyarat ke tindakan
- Tambahkan contoh warna dari HTML CSS dan SVG
- Kedalaman bit dan preferensi
- Lapisan
- Dasar-dasar lapisan
- Pengeditan yang tidak destruktif
- Buat dan kelola lapisan dan grup
- Pilih, kelompokkan, dan tautkan lapisan
- Tempatkan gambar ke dalam bingkai
- Opasitas lapisan dan paduan
- Lapisan mask
- Aktifkan Filter Cerdas
- Komp lapisan
- Pindahkan, tumpuk, dan kunci lapisan
- Lapisan mask dengan mask vektor
- Kelola lapisan dan grup
- Efek lapisan dan gaya
- Edit mask lapisan
- Ekstraksi aset
- Tampilkan lapisan dengan mask pemotongan
- Hasilkan aset gambar dari lapisan
- Bekerja dengan Objek Cerdas
- Mode paduan
- Gabungkan beberapa gambar ke dalam potret grup
- Gabungkan gambar dengan Lapisan Padukan Otomatis
- Sejajarkan dan distribusikan lapisan
- Salin CSS dari lapisan
- Muat seleksi dari batas lapisan atau mask lapisan
- Knockout untuk memunculkan konten dari lapisan lain
- Seleksi
- Mulai menggunakan seleksi
- Buat seleksi dalam komposit Anda
- Pilih dan Mask workspace
- Pilih dengan alat marquee
- Pilih dengan alat laso
- Sesuaikan seleksi piksel
- Pindah, salin, dan hapus piksel yang dipilih
- Buat mask cepat sementara
- Pilih rentang warna dalam gambar
- Konversi antara jalur dan batas seleksi
- Dasar-dasar saluran
- Simpan seleksi dan mask saluran alfa
- Pilih area gambar dalam fokus
- Gandakan, bagi, dan gabungkan saluran
- Penghitungan saluran
- Mulai menggunakan seleksi
- Penyesuaian gambar
- Ganti warna objek
- Warp perspektif
- Kurangi blur goyangan kamera
- Contoh kuas reparasi
- Ekspor tabel pencarian warna
- Sesuaikan ketajaman dan blur gambar
- Pahami penyesuaian warna
- Terapkan penyesuaian Kecerahan/Kontras
- Sesuaikan detail bayangan dan sorotan
- Penyesuaian level
- Sesuaikan rona dan saturasi
- Sesuaikan vibrance
- Sesuaikan saturasi warna di area gambar
- Lakukan penyesuaian tonal cepat
- Terapkan efek warna khusus ke gambar
- Sempurnakan gambar Anda dengan penyesuaian keseimbangan warna
- Gambar dengan rentang dinamis tinggi
- Lihat histogram dan nilai piksel
- Cocokkan warna pada gambar Anda
- Pangkas dan luruskan foto
- Ubah gambar berwarna menjadi hitam dan putih
- Penyesuaian dan lapisan isian
- Penyesuaian kurva
- Mode paduan
- Gambar target untuk ditekan
- Sesuaikan warna dan rona dengan eyedropper Level dan Kurva
- Sesuaikan eksposur HDR dan toning
- Dodge dan burn area gambar
- Buat penyesuaian warna selektif
- Adobe Camera Raw
- Persyaratan sistem Camera Raw
- Apa yang baru di Camera Raw
- Pengantar Camera Raw
- Buat panorama
- Lensa yang didukung
- Efek vinyet, grain, dan kabut dalam Camera Raw
- Pintasan keyboard default
- Koreksi perspektif otomatis pada Camera Raw
- Filter Radial dalam Camera Raw
- Pengaturan Camera Raw
- Buka, proses, dan simpan gambar dalam Camera Raw
- Perbaiki gambar dengan alat Penghapus Spot yang Disempurnakan dalam Camera Raw
- Putar, pangkas, dan sesuaikan gambar
- Sesuaikan rendering warna dalam Camera Raw
- Proses versi dalam Camera Raw
- Lakukan penyesuaian lokal di Camera Raw
- Perbaikan dan restorasi gambar
- Penyempurnaan dan transformasi gambar
- Menggambar dan melukis
- Lukis pola simetris
- Gambar persegi panjang dan modifikasi opsi goresan
- Tentang menggambar
- Gambar dan edit bentuk
- Alat melukis
- Buat dan modifikasi kuas
- Mode paduan
- Tambahkan warna ke jalur
- Edit jalur
- Lukis dengan Kuas Pencampur
- Preset kuas
- Gradasi
- Interpolasi gradasi
- Seleksi, lapisan, serta jalur isian dan goresan
- Gambar dengan alat Pena
- Buat pola
- Buat pola menggunakan Pembuat Pola
- Kelola jalur
- Kelola pustaka pola dan preset
- Gambar atau lukis dengan tablet grafis
- Buat kuas bertekstur
- Tambahkan elemen dinamis ke kuas
- Gradasi
- Lukis goresan bergaya dengan Kuas Riwayat Seni
- Lukis dengan pola
- Sinkronkan preset di beberapa perangkat
- Migrasikan preset, tindakan, dan pengaturan
- Teks
- Filter dan efek
- Menyimpan dan mengekspor
- Manajemen Warna
- Desain aplikasi, web, dan layar
- Video dan animasi
- Mencetak
- Otomatisasi
- Pemecahan masalah
- Masalah yang diperbaiki
- Masalah yang diketahui
- Optimalkan performa Photoshop
- Pemecahan masalah dasar
- Pecahkan masalah kerusakan atau macet
- Pecahkan masalah program
- Pecahkan masalah kesalahan gores disk penuh
- Pecahkan masalah driver grafis dan GPU
- Temukan alat yang hilang
- Photoshop 3D | Pertanyaan umum seputar fitur yang dihentikan
Slices divide an image into smaller images that are reassembled on a web page using an HTML table or CSS layers. By dividing the image, you can assign different URL links to create page navigation, or optimize each part of an image using its own optimization settings.
You export and optimize a sliced image using the Save For Web command. Photoshop saves each slice as a separate file and generates the HTML or CSS code needed to display the sliced image.
When you work with slices, keep these basics in mind:
You can create a slice by using the Slice tool or by creating layer-based slices.
After you create a slice, you can select it using the Slice Select tool and then move, resize, or align it with other slices.
You can set options for each slice—such as slice type, name, and URL—in the Slice Options dialog box.
You can optimize each slice using different optimization settings in the Save For Web dialog box.
Slice types
Slices are categorized by their content type (Table, Image, No Image) and by the way they are created (user, layer-based, auto).
Slices created with the Slice tool are called user slices; slices created from a layer are called layer-based slices. When you create a new user slice or layer-based slice, additional auto slices are generated to account for the remaining areas of the image. In other words, auto slices fill the space in the image that is not defined by user slices or layer-based slices. Auto slices are regenerated every time you add or edit user slices or layer‑based slices. You can convert auto slices to user slices.
User slices, layer-based slices, and auto slices look different—user slices and layer-based slices are defined by a solid line, whereas auto slices are defined by a dotted line. In addition, user slices and layer-based slices display a distinct icon. You can choose to show or hide auto slices, which can make your work with user-slices and layer-based slices easier to view.
A subslice is a type of auto slice that is generated when you create overlapping slices. Subslices indicate how the image is divided when you save the optimized file. Although subslices are numbered and display a slice symbol, you cannot select or edit them separately from the underlying slice. Subslices are regenerated every time you arrange the stacking order of slices.
Slices are created using different methods:
Auto slices are automatically generated.
User slices are created with the Slice tool.
Layer-based slices are created with the Layers panel.
Slice a web page
You can use the slice tool to draw slice lines directly on an image, or design your graphic using layers, and then create slices based on the layers.
Create a slice with the Slice tool
-
Select the Slice tool . (Press the C key to cycle through tools grouped with the Crop too.)
Any existing slices automatically appear in the document window.
-
Choose a style setting in the options bar:
Normal
Determines slice proportions as you drag.
Fixed Aspect Ratio
Sets a height-to-width ratio. Enter whole numbers or decimals for the aspect ratio. For example, to create a slice twice as wide as it is high, enter 2 for the width and 1 for the height.
Fixed Size
Specifies the slice's height and width. Enter pixel values in whole numbers.
-
Drag over the area where you want to create a slice. Shift-drag to constrain the slice to a square. Alt-drag (Windows) or Option-drag (Mac OS) to draw from the center. Use View > Snap To to align a new slice to a guide or another slice in the image. See Move, resize, and snap user slices.
Create slices from guides
-
Add guides to an image.
-
Select the Slice tool, and click Slices From Guides in the options bar.
When you create slices from guides, any existing slices are deleted.
Create a slice from a layer
A layer-based slice encompasses all the pixel data in the layer. If you move the layer or edit the layer's content, the slice area automatically adjusts to include the new pixels.
Layer-based slices are less flexible than user slices; however, you can convert ("promote") a layer-based slice to a user slice. See Convert auto and layer-based slices to user slices.
-
Select a layer in the Layers panel.
-
Choose Layer > New Layer-based Slice.
Don't use a layer-based slice when you plan to move the layer over a large area of the image during an animation, because the slice dimension may exceed a useful size.
Convert auto and layer-based slices to user slices
A layer-based slice is tied to the pixel content of a layer, so the only way to move, combine, divide, resize, and align it is to edit the layer—unless you convert it to a user slice.
All auto slices in an image are linked and share the same optimization settings. If you want to set different optimization settings for an auto slice, you need to promote it to a user slice.
-
Using the Slice Select tool , select one or more slices to convert.
-
Click Promote in the options bar.
View slices and slice options
You can view slices in Photoshop and the Save For Web dialog box. The following characteristics can help you identify and differentiate between slices:
Slice lines
Define the boundary of the slice. Solid lines indicate that the slice is a user slice or layer-based slice; dotted lines indicate that the slice is an auto slice.
Slice colors
Differentiate user slices and layer‑based slices from auto slices. By default, user slices and layer-based slices have blue symbols, and auto slices have gray symbols.
In addition, the Save For Web dialog box uses color adjustments to dim unselected slices. These adjustments are for display purposes only and do not affect the color of the final image. By default, the color adjustment for auto slices is twice the amount of that for user slices.
Slice numbers
Slices are numbered from left to right and top to bottom, beginning in the upper-left corner of the image. If you change the arrangement or total number of slices, slice numbers are updated to reflect the new order.
Slice badges
The following badges, or icons, indicate certain conditions.
User slice has Image content.
User slice has No Image content.
Slice is layer-based.
Show or hide slice boundaries
-
Choose View > Show > Slices. To hide and show slices along with other items, use the Extras command. See Show or hide Extras.
Show or hide auto slices
-
Do one of the following:
Select the Slice Select tool , and click Show Auto Slices or Hide Auto Slices in the options bar.
Choose View > Show > Slices. Auto slices appear with the rest of your slices.
Show or hide slice numbers
-
Do one of the following:
In Windows, choose Edit > Preferences > Guides, Grid & Slices.
In Mac OS, choose Photoshop > Preferences > Guides, Grid & Slices.
-
Under Slices, click Show Slice Numbers.
Change the color of slice lines
-
In Windows, choose Edit > Preferences > Guides, Grid & Slices; in Mac OS, choose Photoshop > Preferences > Guides, Grid & Slices.
-
Under Slice Lines, choose a color from the Line Color menu.
After the color change, selected slice lines are automatically displayed in a contrasting color.