Create the base graphic you want to use as the template.
Use layers to separate the elements that you want to change in the graphic.
Last updated on
25 Okt 2024
- 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
Use data-driven graphics to work with templates created in Photoshop
Here's a scenario for you:
It's your first week at work and you need to create five versions of a web banner with varying text and images using a single template design.
Did you know that data-driven graphics will be the best way to get your job done?
Follow these general steps to create consistent designs with different text and images using data sets:
-
-
Define variables in the graphic. As we know, variables specify the parts of the image that need to change.
-
Create or import the data sets. Create the data sets in the template or import them from a text file.
-
Preview the document with each data set. Before you export the file, check the preview to know how your final image will appear.
-
Generate your graphics by exporting them with the data. We recommend using the Photoshop (PSD) format.
Use variables to create different versions of an image
Use variables to create different versions of an image
Variables
Use variables to define which elements in a template need to change. You can define three types of variables.
Visibility Variable shows or hides the contents of a layer.
Text Replacement variables replace a string of text in a type layer.
Pixel Replacement variables replace the pixels in the layer with pixels from another image file.
Note:
You cannot define variables when working with the Background layer.
Work with a variable
-
Go to Image > Variables > Define.
-
Select your preferred layer from the Layer pop‑up menu with the content to be defined as a variable.
-
Select one or more types of variables: Visibility, Pixel Replacement, and Text Replacement.
Visibility: Shows or hides the content of the layer or the layer group
Pixel Replacement: Replaces the pixels in the layer with pixels from another image file
Text Replacement: Replaces a string of text in a type layer
-
Do one of the following:
Enter a name for the variable in the Name field. Variable names can begin with a letter, underscore, or colon. They cannot contain spaces or special characters (except for periods, hyphens, underscores, and colons).
Or,
Choose an existing variable from the Name drop-down menu to link the layer. Layers linked to the same variable are shown next to the Name menu, along with the link icon.
-
Follow these steps when using Pixel Replacement variables.
- Choose your preferred method to scale the replacement image:
- The Fit method resizes the image to fit it in the bounding box while preserving proportions.
- The Fill method resizes the image to fill the bounding box while preserving proportions. It may overlap edges in one dimension.
- The As Is method preserves the size of the replacement image. It may overlap edges in one or both dimensions.
- The Conform method resizes the image to fill the bounding box. It may not preserve the original proportions.
- Select a handle on the alignment icon to choose an alignment for placing the image inside the bounding box. (This option isn't available for Conform.)
- Check Clip To Bounding Box to clip areas of the image that don't fit in the bounding box. This option is available only when the Fill or As Is replacement method is selected. (This option isn't available for Conform.)
The Fit method resizes the image to fit it in the bounding box while preserving proportions.
The Fit method resizes the image to fit it in the bounding box while preserving proportions. - Choose your preferred method to scale the replacement image:
-
To define variables for another layer, choose a layer from the Layer pop‑up menu and select OK.
An asterisk appears next to the name of a layer that contains variables. You can use the navigation arrows to move between layers.
Rename a variable
-
Go to Image > Variables > Define.
-
Choose the layer that contains the variable from the Layer pop‑up menu.
-
To rename the variable, enter a name in the Name text box.
Variable names must begin with a letter, underscore, or colon and cannot contain spaces or special characters (except for periods, hyphens, underscores, and colons).
-
Deselect the variable to remove it.
Data sets
A data set is a collection of variables and associated data. You can define a data set for each version of the graphic that you want to generate.
-
Do one of the following:
- Go to Image > Variables > Data Sets.
Or,
- If the Variables dialog box is open, select Data Sets from the drop-down menu or select Next.
Note:At least one variable needs to be defined before the default data set can be edited.
-
Select the new data set button (
) to create a new data set based on the current data set. -
Select a variable from the Name drop-down list.
-
Edit the variable data:
For Visibility variables, select Visible (to show the layer’s content) or Invisible (to hide the layer’s content).
For Pixel Replacement variables, select Select File and then the replacement image file. Select Do Not Replace before the data set is applied to leave the layer in its current state.
Note:The Do Not Replace button does not reset the file to its original state if another replacement has been applied previously.
- For Text Replacement variables, enter a text string in the Value text box.
-
Define additional data sets for each version of the graphic you want to generate.
Edit, rename, or delete your data set by first choosing it from the Data Set menu and editing the options. Use the arrow icons to move between data sets. Hit the Delete icon to delete a data set.
Preview or apply a data set
Apply the contents of a data set to your base image even while leaving the variables and data sets intact.
This will change the view of your image to contain the values of the data set. Use the Preview option to view how each version will appear with each data set.
Go to Image > Apply Data Set to select the data set from the list and preview the image in the document window.
Select Apply to apply the data set. Hit Cancel if you only want to preview and don’t want to change the base image.
You can also apply and preview a data set by navigating to Image > Variables > Data Sets and checking the Preview checkbox.
Note:
Applying a data set overwrites your original document.
Generate graphics using data sets
Once you've defined the variables and one or more data sets, you can generate batch mode output images using these data set values. The output generated will be in the form of PSD files.
-
Go to File > Export > Data Sets As Files.
-
Enter a base name for all files generated. You may create your own file-naming scheme if you want.
-
Use the Select Folder button to select a destination directory for your files.
-
Choose data sets to export and hit OK.
Create data sets in external files
You can quickly create a large number of data sets by using an external text file that contains all the variable information and importing it into your PSD document containing variables.
One method is to enter your data into a text file or Microsoft Excel spreadsheet and then export it to a tab or comma-separated file.
Follow the given syntax for your external text file (where each line that starts with “Variable” or “Value” is an entire line by itself in your file):
VariableName1<sep>VariableName2<sep> <sep>VariableNameN <nl> Value1-1<sep>Value2-1<sep><sep>ValueN-1<nl> Value1-2<sep>Value2-2<sep><sep>ValueN-2<nl> Value1-M<sep>Value2-M<sep><sep>ValueN-M<nl>
All the variable names are listed on the first line, in the order that the values are given in subsequent lines. Each subsequent line represents one data set, with the values for each variable given.
Note:
To create multiple lines of text in a single line of text in a data set, enclose the text in double quotes and insert hard returns in the tab- or comma-separated file where you want the breaks to occur.
| External text file | Syntax elements |
<sep> |
Either a comma-separated (CSV) or a tab (tab-delimited) file that separates each variable name or value |
<nl> |
A newline character that ends each data set and can be a line feed, carriage return, or both |
“true” and “false” |
Allowed values for a visibility variable |
Spaces |
Spaces around the delimiter are removed when parsing the file; between words in a value string (e.g., two of a kind) spaces are maintained and leading and trailing spaces are maintained if enclosed in double quotes (e.g., “one kind ”) |
Double quotes |
Can be part of a value if preceded by another double quote (e.g., ““B”” would be “B” in the data set) |
If <sep> or <nl> is part of the variable value, then you need to enclose the entire value within double quotes.
All the variables defined in your PSD file must be defined in the text file, or an error will display if there is a mismatch between the number of variables in the text file and your document.
Example data set
Create a text file using a template for flowers that holds variables for tulips and sunflowers. It could be as shown here:
{contents of FlowerShow.txt}
Variable 1, Variable 2, Variable 3
true, TULIP, c:\My Documents\tulip.jpg
false, SUNFLOWER, c:\My Documents\sunflower.jpg
false, CALLA LILY, c:\My Documents\calla.jpg
true, VIOLET, c:\My Documents\violet.jpg
Note:
You can use a relative path for the image location if the text file is in the same folder as the image file. For example, the last item in the example can be: true, VIOLET, violet.jpg.
Import a data set
-
Do one of the following:
- Go to File > Import > Variable Data Sets.
Or,
- Go to Image > Variables > Data Sets and use the Import button to navigate to the text file to import.
-
Set up your import options.
- Use First Column For Data Set Names: Names each data set using the content of the first column of the text file (the values for the first variable listed). Otherwise, the data sets are named Data Set 1, Data Set 2, and so on.
- Replace Existing Data Sets: Deletes any existing data sets before importing
-
Set the encoding of the text file or leave the setting Automatic before selecting OK.
