Ekstrak Photoshop: Pengeluaran Grafik Mudah Alih Beralih kepada Afterburner

01 dari 08

Apakah Aset Ekstrak

Buat comp dalam Photoshop.

Ciri-ciri Aset Ekstrak baru dari Photoshop CC 2014 mengikat pembakar selepas alur kerja yang membosankan penciptaan imej untuk Design Web Responsif (RWD). Mari kita lihat bagaimana arahan Extract Assets dapat dengan cepat mengurangkan komp comp halaman untuk aset siap pakai dalam beberapa minit.

Mari kita mulakan dengan soalan yang jelas: Apa itu Ekstrak Aset?

Secara ringkas, Extract Assets adalah ciri baru dalam Photoshop yang menyediakan ciri Generator Photoshop dengan antara muka untuk membantu mengautomasikan penciptaan aset pencitraan untuk reka bentuk web dan skrin dari fail Photoshop anda. Perintah Aset Ekstrak membolehkan anda menentukan lapisan atau lapisan mana yang anda ingin buat aset untuk, saiz fizikal mereka, format fail dan lokasi yang disimpan pada cakera. Ciri ini tidak dimaksudkan untuk teks melainkan niat adalah mengubah teks menjadi bitmap, yang sebenarnya bukan idea yang baik.

Mari kita mulakan.

02 dari 08

Buka Fail A Photoshop

Kami mulakan dengan laman web yang disediakan di Photoshop.

Contoh yang saya gunakan mengandungi Objek Pintar dari Illustrator, beberapa teks, unit wira yang mengandungi teks, imej dan butang dan satu siri imej luar yang menguatkan tema tapak. Kunci di sini adalah menganjurkan Lapisan ke dalam kumpulan. Ini adalah perlu kerana tugasnya adalah untuk menarik semua item ini keluar dari komputer supaya mereka dapat dengan cepat ditambahkan ke susunatur web yang menyesuaikan diri dengan resolusi dan saiz skrin yang berbeza.

03 dari 08

Dua Cara Untuk Mengekstrak Aset

Ekstrak Aset boleh didapati di menu Fail atau dengan mengklik kanan lapisan.

Tidak seperti Menjana, yang juga mengekstrak objek melalui penambahan pelanjutan graf ke nama lapisan, Ekstrak Aset menggunakan antara muka yang boleh dicapai dengan mengklik kanan lapisan atau memilih lapisan dan memilih Fail> Ekstrak Aset .

04 dari 08

Antara Muka Aset Ekstrak

Kotak dialog Aset Ekstrak.

Kotak dialog Aset Ekstrak agak intuitif. Anda ditunjukkan lapisan atau pemilihan yang akan diekstrak. Di atasnya anda dipaparkan saiz fail dan di bawahnya adalah kawalan yang membolehkan anda mengezum masuk dan keluar pada objek. Bahagian kanan kotak dialog adalah tempat keajaiban berlaku. Empat butang di bahagian atas membolehkan anda memilih resolusi / saiz objek. Strim seterusnya menunjukkan lapisan yang dipilih dan mengklik tanda + membolehkan anda mengeluarkan lapisan terpilih dalam format lain juga. The Trash Ca n menghilangkan lapisan dari barisan. Dalam jalur seterusnya ke bawah, anda boleh memilih jenis fail dan anda boleh melaraskan lebar dan ketinggian imej output.

05 dari 08

Mengekstrak Imej SVG

Mengeluarkan imej svg.

Photoshop tidak mengendalikan imej svg semua yang baik dan penyemak imbas dan peranti tidak dapat memaparkan imej Illustrator. Ini telah menghasilkan peningkatan fail svg yang digunakan untuk karya seni vektor seperti logo Illustrator yang ditunjukkan di sini. Sebagai vektor resolusi mereka adalah peranti bebas makna mereka boleh dipertingkatkan tanpa kehilangan terperinci atau imej. Untuk menukarkan Objek Pintar Illustrator ke svg, pilih svg dari pop bawah dan klik Ekstrak .

06 dari 08

Proses Aset Ekstrak

Imej diletakkan dalam folder di tempat yang sama dengan imej .psd.

Beberapa perkara akan berlaku apabila anda mengklik butang Extract. Anda akan mula diberi amaran bahawa nama fail mungkin berubah. Ini bukan masalah besar. Kemudian anda akan diberitahu folder baru sedang dibuat untuk memegang aset tersebut. Apabila proses selesai, folder tersebut, diletakkan di lokasi yang sama dengan fail .psd yang asal, membuka dan menunjukkan kepada anda aset baru.

07 dari 08

Butang Tetapan Adakah Rakan Best Baru Anda

Menangani resolusi peranti.

Mengklik butang Tetapan membuka kotak dialog Tetapan yang sangat berguna. Tetapan di sebelah kiri adalah faktor skala. Apa yang mereka lakukan ialah membuat pelbagai salinan imej pemaju akan menggunakan dalam pertanyaan media untuk menyasarkan resolusi skrin peranti tertentu. Contohnya, versi 3x akan disasarkan kepada paparan Retina iPhone atau iPad manakala faktor 1.25 akan ditunjuk pada peranti Android. Akhiran itu ditambahkan pada akhir nama fail untuk membolehkan pemaju anda mengenali imej yang mudah untuk digunakan dalam pertanyaan media. Sebaik sahaja anda selesai, klik butang OK dan pilihan anda akan menyala di kawasan Aset Ekstrak dalam kotak dialog. Anda juga boleh mengakses tetapan dengan mengklik ikon gear di kawasan Aset Ekstrak di sebelah kanan antara muka

08 dari 08

Penamat

Imej berganda dengan pelbagai format dan resolusi diekstrak.

Apabila anda mengklik butang Extract semua aset akan dibuat dan ditambah ke folder. Pada ketika ini, semua yang perlu anda lakukan ialah menghantar pemaju anda satu salinan folder dan beralih ke projek anda yang seterusnya.