Bekerja dengan Artboards dalam Photoshop CC

Bekerja dengan Artboards dalam Photoshop CC

Sama seperti dalam Adobe Illustrator, papan seni Photoshop menyediakan keupayaan untuk membina halaman atau skrin berasingan dalam satu dokumen. Ini boleh membantu terutamanya jika anda sedang membina skrin untuk aplikasi mudah alih atau risalah kecil.

Anda boleh menganggap papan seni sebagai jenis kumpulan lapisan khas yang dibuat menggunakan panel Lapisan. Fungsinya mungkin tidak seintuitif dalam Photoshop seperti dalam Adobe Illustrator, tetapi dengan sedikit latihan anda harus memahaminya. Ikuti langkah ini untuk melihat cara anda boleh membuat papan seni sendiri:

Dalam contoh ini, dokumen baharu dibuat menggunakan dokumen permulaan iPhone 6. Jika anda memulakan dokumen baharu dengan tetingkap Dokumen Baharu warisan, buat fail baharu dengan dimensi ini: 750 lebar x 1334 tinggi.Bekerja dengan Artboards dalam Photoshop CC

Buat dokumen sebesar iPhone 6.

Jika anda mencipta dokumen baharu anda dengan fail permulaan iPhone 6, anda sudah melihat papan seni disenaraikan dalam panel Lapisan.Bekerja dengan Artboards dalam Photoshop CC

Panel Lapisan dengan Artboard telah dibuat.

Jika anda tidak melihat papan seni, buat satu sekarang dengan memilih Papan Seni Baharu daripada menu panel Lapisan.Bekerja dengan Artboards dalam Photoshop CC

Anda boleh menambah Artboard anda sendiri menggunakan menu panel Layers.

Semasa mencipta papan seni, anda boleh memilih daripada pelbagai saiz pratetap atau menentukan saiz papan seni tersuai anda sendiri.

Pilih Fail → Letakkan Terbenam dan navigasi ke folder Book03-Photoshop. Klik dua kali untuk memilih imej bernama water_sky atau pilih imej dan tekan Place.

Apabila imej muncul pada papan seni, ambil salah satu pemegang sudut, tahan kekunci Shift dan klik dan seret ke luar untuk menskalakan imej dan mengisi keseluruhan papan seni. Apabila imej bersaiz dan diletakkan, pilih kotak semak Komit dalam bar Pilihan, atau tekan kekunci Enter untuk mengesahkan peletakan imej.Bekerja dengan Artboards dalam Photoshop CC

Letakkan imej dan regangkannya agar muat pada keseluruhan papan seni.

Seterusnya, anda menambah lapisan teks.

Pilih alat Jenis dan klik dan seret pada papan seni untuk mencipta kawasan teks dan menambah lapisan teks baharu.

Taip teks, AIR & LANGIT. Menggunakan kawalan dalam bar Pilihan, tetapkan jenis kepada sifat berikut:

  • Fon: Myriad Pro Bold
  • Saiz: 110 pt
  • Warna: Putih

Pilih butang Komit dalam bar Pilihan selepas anda menetapkan jenis anda.Bekerja dengan Artboards dalam Photoshop CC

Tambahkan lapisan teks pada papan seni anda.

Anda boleh menekan Ctrl+Return (Windows) atau ⌘ +Return (Mac) untuk melakukan lapisan jenis juga.

Jadi seperti yang anda lihat, anda bekerja dengan Artboards sama seperti anda bekerja dengan mana-mana dokumen Photoshop yang lain. Perbezaannya datang dalam langkah seterusnya, di mana anda akan menemui cara menambah papan seni tambahan pada fail anda.

Menambah papan seni tambahan

Anda juga boleh membuat papan seni tambahan. Mungkin anda mahu aplikasi mudah alih berbilang skrin dibuat dalam Photoshop, atau anda hanya mahu mencipta berbilang versi satu skrin. Untuk arahan ini, anda teruskan dengan projek yang dimulakan di atas.

Klik pada alat Move dan pilih alat Artboard yang tersembunyi.Bekerja dengan Artboards dalam Photoshop CC

Gunakan alat Artboard untuk memanipulasi papan seni dan mencipta lebih banyak lagi.

Ikon tanda tambah muncul pada semua sisi papan seni. Anda boleh mengklik pada ikon tanda tambah ini untuk menambah papan seni tambahan.

Klik ikon tanda tambah di sebelah kanan papan seni sedia ada anda untuk melihat bahawa papan seni kosong baharu ditambah.Bekerja dengan Artboards dalam Photoshop CC

Tambahkan papan seni kosong dengan mengklik ikon tanda tambah.

Lihat dalam panel Layers. Pastikan, sama seperti lapisan, papan seni terbaharu muncul di atas lapisan yang dipilih.

Anda juga boleh menggunakan alat Artboard untuk mencipta artboard bersaiz tersuai anda sendiri. Lakukan ini dengan mengklik dan menyeret dengan alat artboard pada kanvas Photoshop. Daripada bar pilihan alat, pilih saiz pratetap daripada menu timbul Saiz, atau biarkan sahaja dalam saiz tersuai anda.

Menamakan papan seni anda

Sebelum fail ini menjadi lebih kompleks, adalah bijak untuk menamakan papan seni. Ini dilakukan dalam panel Layers.

Pilih papan seni awal (Papan Seni 1) dan klik dua kali pada nama papan seni. Apabila kotak teks aktif, taip nama Rumah.

Klik dua kali pada nama Artboard 2 dalam panel Layers dan namakan lapisan ini Beach.

Menambah kandungan pada artboard kedua

Sekarang, tambahkan imej dan beberapa teks pada papan seni kedua:

Klik pada alat Artboard dan tukar semula ke alat Move.

Pastikan papan seni Pantai dipilih dalam panel Lapisan dan pilih Fail → Tempat Terbenam. Navigasi ke folder Book03_Photoshop dan pilih imej bernama Beach dan tekan Place. Imej itu ditambahkan pada papan seni kedua.

Seperti imej terakhir yang anda letakkan, tahan kekunci Shift dan seret Shift pada titik sudut untuk menskalakan imej secara berkadar lebih besar dan mengisi skrin.

Dengan alat Move aktif, klik dan seret imej. Ambil perhatian bahawa walaupun ia berada dalam dokumen yang sama, ia tidak bertindih atau mengganggu karya seni pada papan seni lain.

Pengklonan dari satu papan seni ke papan seni yang lain

Sekarang, klon teks daripada papan seni Laman Utama kepada papan seni Pantai:

Dengan alat Move masih dipilih, Ctrl-click (Windows) atau ⌘ -click (Mac) pada teks WATER & SKY dalam papan seni Laman Utama. Ini mengaktifkan lapisan itu.

Tahan kekunci Alt (Windows) atau Option (Mac) anda dan klik dan seret teks dari satu papan seni ke papan seterusnya.

Jika anda menahan kekunci Shift sambil menyeret imej akan kekal sejajar.

Beralih ke papan seni dan klik dua kali pada teks yang baru diklon untuk mengaktifkan kawasan teks dan taip FUN BEACHES.Bekerja dengan Artboards dalam Photoshop CC

Fail Photoshop dengan dua papan seni.

Memindahkan elemen dari satu papan seni ke papan seni yang lain

Untuk mengalihkan elemen dari satu papan seni ke papan seni yang lain, hanya seret elemen dari satu papan seni ke papan seni yang lain. Apabila anda mengalihkan elemen antara papan seni, Photoshop cuba meletakkannya di lokasi yang sama berbanding dengan asal pembaris yang terletak di penjuru kiri sebelah atas papan seni.

Mengeksport papan seni anda

Anda boleh menyimpan fail anda sebagai fail Photoshop untuk mengekalkan lapisan, tetapi dalam contoh ini anda akan mengeksport fail tersebut sebagai PDF dua halaman. Atau, gunakan ciri Fail→ Eksport untuk mengeksport papan seni anda sebagai PNG, JPEG, PDF dan banyak lagi.

Eksport papan seni sebagai aset imej

Anda boleh mengeksport papan seni sebagai aset imej JPEG, GIF atau PNG terus dari panel Lapisan .

Eksport papan seni sebagai PDF

Anda boleh mengeksport artboard sebagai dokumen PDF. Ikut langkah-langkah ini:

Dalam Photoshop, pilih Fail > Eksport > Artboards To PDF.

Dalam dialog Artboards To PDF , lakukan perkara berikut:

  • Pilih destinasi/lokasi di mana anda ingin menyimpan dokumen PDF yang dijana.
  • Tentukan awalan nama fail untuk dokumen PDF yang dijana. Contohnya, Kempen_insurans.
  • Tentukan sama ada anda mahu mengeksport hanya kandungan pada papan seni atau juga kandungan di kawasan yang bertindih dengan papan seni.
  • Tentukan sama ada anda mahu mengeksport semua papan seni atau hanya yang dipilih pada masa ini.
  • Tentukan sama ada anda juga ingin mengeksport latar belakang papan seni bersama-sama dengan papan seni.
  • Tentukan sama ada anda ingin menjana satu PDF untuk semua papan seni dalam dokumen semasa atau menjana satu dokumen PDF bagi setiap papan seni. Jika anda memilih untuk menjana berbilang dokumen PDF, semua dokumen tersebut menggunakan awalan nama fail yang anda nyatakan sebelum ini.
  • Tentukan pengekodan untuk dokumen PDF yang dieksport: ZIP atau JPEG. Jika anda memilih JPEG, nyatakan juga Kualiti tetapan (0-12).
  • Tentukan sama ada anda ingin memasukkan Profil Konsortium Warna Antarabangsa (ICC) dalam dokumen PDF yang dieksport. Profil ICC terdiri daripada data yang mencirikan peranti input atau output warna.
  • Tentukan sama ada anda ingin mengeksport juga nama papan seni bersama papan seni yang dieksport. Anda boleh menentukan fon tersuai, saiz fon, warna fon dan warna sambungan kanvas semasa memilih tetapan ini.

Klik Jalankan. Photoshop menjana dokumen PDF.

Eksport papan seni sebagai fail

Anda boleh mengeksport artboard sebagai fail berasingan. Ikut langkah-langkah ini:

Dalam Photoshop, pilih Fail > Eksport > Artboards To Files.

Dalam dialog Artboards To Files , lakukan perkara berikut:

  • Pilih destinasi di mana anda ingin menyimpan fail yang dijana.
  • Tentukan awalan nama fail.
  • Tentukan sama ada anda mahu mengeksport kandungan papan seni sahaja atau mahu memasukkan kawasan bertindih juga.
  • Tentukan sama ada anda mahu mengeksport semua papan seni atau hanya yang dipilih pada masa ini.
  • Tentukan sama ada anda juga ingin mengeksport latar belakang papan seni bersama-sama dengan papan seni.
  • Pilih jenis fail yang ingin anda eksport. Anda mempunyai pilihan untuk mengeksport sebagai BMP, JPEG, PDF, JPA, Targa, TIFF, PNG-8 atau PNG-24.
  • Tentukan pilihan eksport untuk jenis fail yang telah anda pilih.
    • Tentukan sama ada anda ingin mengeksport juga nama papan seni bersama papan seni yang dieksport. Anda boleh menentukan fon tersuai, saiz fon, warna fon dan warna sambungan kanvas semasa memilih tetapan ini.

Klik Jalankan. Photoshop mengeksport papan seni sebagai fail dalam format yang dipilih.


Skrin Dapatkan Bahagian Fail PDF

Skrin Dapatkan Bahagian Fail PDF

Anda boleh menggunakan alat Syot Kilat dalam Adobe Acrobat CS5 untuk memilih kedua-dua teks dan imej serta mencipta gambar kawasan tertentu dalam fail PDF. Hasilnya biasanya dirujuk sebagai rampasan skrin bahagian dalam fail PDF. Hasilnya ialah imej, dan teks anda bukan […]

Mengukur, Mengira dan Menganalisis Piksel dalam Photoshop CC

Mengukur, Mengira dan Menganalisis Piksel dalam Photoshop CC

Direka untuk penyelidik dan saintis, keupayaan mengukur dalam Photoshop CC agak berkuasa. Anda boleh mengukur apa sahaja dan mengira bilangan apa sahaja dalam imej teknikal, mungkin dari mikroskop atau teleskop. Jika anda mengetahui saiz tepat mana-mana elemen dalam imej, anda kemudian boleh menemui apa sahaja […]

Alat Liquify dalam Adobe CS5 Illustrator

Alat Liquify dalam Adobe CS5 Illustrator

Apabila anda menggunakan alat Liquify dalam Adobe Creative Suite 5 (Adobe CS5) Illustrator, anda boleh membengkokkan objek — menjadikannya beralun, melekit atau runcing — dengan mencipta herotan yang mudah kepada kompleks. Alat Liquify boleh melakukan semua jenis herotan yang kreatif atau aneh (bergantung pada cara anda melihatnya) pada objek anda. awak […]

Bagaimana untuk Melaraskan Sifat Teks dalam Adobe XD

Bagaimana untuk Melaraskan Sifat Teks dalam Adobe XD

Apabila anda mempunyai teks dalam projek Adobe XD anda, anda boleh mula menukar sifat teks. Sifat ini termasuk Keluarga Fon, Saiz Fon, Berat Fon, Penjajaran, Jarak Aksara (kerning dan penjejakan), Jarak Baris (terdepan), Isi, Sempadan (lejang), Bayangan (bayangan jatuh) dan Kabur Latar Belakang. Jadi mari kita semak cara sifat tersebut digunakan. Mengenai kebolehbacaan dan fon […]

Cara Membuat Kod QR dalam InDesign CC

Cara Membuat Kod QR dalam InDesign CC

Anda boleh menggunakan InDesign untuk mencipta dan mengubah suai grafik kod QR. Kod QR ialah satu bentuk kod bar yang boleh menyimpan maklumat seperti perkataan, nombor, URL atau bentuk data lain. Pengguna mengimbas kod QR menggunakan kamera dan perisiannya pada peranti, seperti telefon pintar, dan perisian itu menggunakan […]

Bekerja dengan Artboards dalam Photoshop CC

Bekerja dengan Artboards dalam Photoshop CC

Sama seperti dalam Adobe Illustrator, papan seni Photoshop menyediakan keupayaan untuk membina halaman atau skrin berasingan dalam satu dokumen. Ini boleh membantu terutamanya jika anda sedang membina skrin untuk aplikasi mudah alih atau risalah kecil. Anda boleh menganggap papan seni sebagai jenis kumpulan lapisan khas yang dibuat menggunakan panel Lapisan. Ia […]

Balut Teks dalam Adobe Illustrator CC

Balut Teks dalam Adobe Illustrator CC

Membungkus teks dalam Adobe Illustrator CC tidak sama seperti membungkus hadiah — ia lebih mudah! Balutan teks memaksa teks untuk membalut grafik, seperti yang ditunjukkan dalam rajah ini. Ciri ini boleh menambah sedikit kreativiti pada mana-mana karya. Grafik memaksa teks untuk membungkusnya. Pertama, buat […]

Cara Mengubah Saiz Bentuk dalam Illustrator

Cara Mengubah Saiz Bentuk dalam Illustrator

Apabila mereka bentuk dalam Adobe Illustrator CC, anda selalunya memerlukan bentuk untuk menjadi saiz yang tepat (contohnya, 2 x 3 inci). Selepas anda membuat bentuk, cara terbaik untuk mengubah saiznya kepada ukuran yang tepat ialah menggunakan panel Transform, ditunjukkan dalam rajah ini. Minta objek dipilih dan kemudian pilih Window→Transform to […]

Cara Memohon Ketelusan pada SVG

Cara Memohon Ketelusan pada SVG

Ketahui cara menggunakan ketelusan pada grafik SVG dalam Illustrator. Terokai cara untuk mengeluarkan SVG dengan latar belakang telus dan menggunakan kesan ketelusan.

Bekerja dengan Imej dalam Adobe XD

Bekerja dengan Imej dalam Adobe XD

Selepas anda mengimport imej anda ke dalam Adobe XD, anda tidak mempunyai banyak kawalan pengeditan, tetapi anda boleh mengubah saiz dan memutar imej seperti yang anda lakukan pada bentuk lain. Anda juga boleh dengan mudah membulatkan sudut imej yang diimport menggunakan widget sudut. Menyamarkan imej anda Dengan menentukan bentuk tertutup […]