Rumah Media Sosial Cara menggunakan slicing di fireworks CS5 - dummies

Cara menggunakan slicing di fireworks CS5 - dummies

Isi kandungan:

Video: Circular Crop in Fireworks 2025

Video: Circular Crop in Fireworks 2025
Anonim

Adobe Fireworks Creative Suite 5 menyokong s l icing , teknik untuk memecahkan fail besar ke dalam paket kecil jadi mereka memuat turun lebih cepat. Ia juga merupakan kaedah untuk melampirkan URL ke kawasan yang berlainan imej dalam corak grid.

Calon sempurna untuk karya seni yang dihiris ialah bar navigasi. Setiap tab adalah slice individu yang, apabila diklik dalam pelayar web, membawa penonton ke lokasi lain.

Pilih perintah Fit Canvas.

Buat imej asas

Pertama, buat imej asas - segiempat tepat, untuk contoh ini. Ikuti langkah berikut:

  1. Pilih Fail → Baru untuk membuka kotak dialog Dokumen Baharu.

  2. Jenis 500 dalam kotak Lebar dan 200 dalam kotak Ketinggian; klik OK.

    Dokumen baru dan kosong dibuka. (Perhatikan bahawa ia lebih besar daripada imej yang anda buat; anda melihat cara mengubahnya kemudian.)

  3. Pilih alat Rectangle di bahagian vektor pada panel Tools. Klik dan seret untuk membuat segi empat tepat.

    Mana-mana saiz baik-baik saja.

  4. Dengan segi empat tepat dipilih, klik Warna Isi dalam bahagian Warna pada panel Alat dan pilih warna.

  5. Pilih Window → Maklumat untuk membuka panel Info.

  6. Masukkan 300 dalam kotak W (Lebar) dan 50 dalam kotak H (Ketinggian).

    Anda juga boleh menggunakan panel Properties untuk menetapkan saiz ini.

  7. Dengan alat penunjuk, klik di mana sahaja di kanvas di luar segi empat tepat untuk membatalkan pilihan segi empat tepat.

  8. Klik kanan (Windows) atau Control-click (Mac) dan pilih Modify Canvas → Fit Canvas dari menu kontekstual.

    Kanvas menyesuaikan diri dengan saiz segi empat tepat.

Apabila anda tiada objek yang dipilih, anda juga boleh mengklik butang Fit Canvas dalam panel Properties.

Kanvas menyesuaikan agar sesuai dengan objek anda.

Tambahkan teks

Tambahkan teks ke navbar.

  1. Pilih alat Teks di bahagian vektor pada panel Alat.

  2. Klik Isi Warna dalam bahagian Warna pada panel Alat. Pilih warna.

  3. Tetapkan saiz fon dan fon dalam panel Properties.

  4. Klik separuh kiri persegi panjang untuk meletakkan titik sisipan di mana sahaja anda mahu teks bermula, dan ketik teks.

  5. Klik dua kali di sebelah kanan kawasan teks untuk menyahpilih kawasan teks aktif dan buat yang baru.

    Tahan kekunci Alt + Shift (Windows) atau Pilihan + Shift (Mac) dan seret kotak teks awal ke kanan untuk mengklon dan menyelaraskan kotak teks baru.

  6. Taip perkataan atau dua untuk tab navigasi seterusnya.

  7. Gunakan alat penunjuk untuk mengubah semula teks.

Letakkan itu

Setelah menyiapkan navbar mudah tetapi berkesan, gunakan alat Slice untuk membuat beberapa keping dan kemudian mengeksportnya.Ikuti langkah berikut:

  1. Pilih alat Slice di bahagian web pada panel Alat; kemudian klik dan seret dari sudut kiri atas bahagian Rumah segiempat ke arah sudut kanan bawah.

    Jika anda pergi untuk kesempurnaan, pilih Lihat → Penguasa untuk memaparkan penguasa. Apabila pemerintah kelihatan, anda boleh mengklik dan menyeret panduan keluar dari mereka.

    Apabila keping aktif, panel Properties berubah untuk menawarkan pilihan slice.

  2. Tukar format menggunakan senarai drop-down Tetapan Seting Slice.

    Pilih format GIF jika karya seni mempunyai warna pepejal, atau pilih JPEG untuk imej dengan banyak penggredan warna.

  3. Masukkan pautan dalam kotak teks Pautan.

  4. Masukkan keterangan ringkas pautan dalam kotak teks Alt.

    Teks Alt adalah teks yang muncul semasa halaman memuat turun. Ia juga muncul sebagai pengganti grafik jika penonton telah mematikan paparan grafik dalam pelayar webnya.

  5. Dengan alat Slice, klik dan seret untuk mengelilingi separuh kedua navbar. Ulang langkah 3 dan 4.

Itu mengiris dalam bentuk mudah. Anda boleh membuat proses itu rumit seperti yang anda mahu dengan membuat keseluruhan halaman yang dihiris (kerana enjin carian suka mencari kandungan teks) ke navigasi dengan banyak pautan dan destinasi.

Cara menggunakan slicing di fireworks CS5 - dummies

Pilihan Editor

5 Perkara yang boleh dilakukan oleh GoPro Camera - dummies

5 Perkara yang boleh dilakukan oleh GoPro Camera - dummies

Apa yang boleh dilakukan oleh GoPro? Inilah soalan yang lebih relevan: Apa yang anda mahu lakukan? Meminta soalan ini lebih seperti menanyakan diri anda tentang keinginan dan hasrat anda sendiri untuk rakaman video yang unik. Apabila anda menentukan apa yang anda ingin tangkap, semua yang anda perlu lakukan ialah menyambungkan kamera ke gunung yang sesuai ...

Pengaturan & Pintasan dSLR Untuk Menipu Cheat Sheet - dummies

Pengaturan & Pintasan dSLR Untuk Menipu Cheat Sheet - dummies

Anda mempunyai refleks kanta tunggal digital yang besar (dSLR ) kamera dan mahu menangkap beberapa gambar indah masa-masa hidup anda. Untuk sepenuhnya menguasai dSLR anda dan membuat gambar yang menarik, anda mesti menceburkan diri ke dunia baru yang berani yang melibatkan membuat keputusan tentang mod penangkapan. Mengetahui panjang fokus apa yang digunakan dalam ...

Pilihan Editor

Bagaimana Menggunakan Lapisan Masker Gradient dan Brush Masker di Photoshop CS6 - lapisan masker

Bagaimana Menggunakan Lapisan Masker Gradient dan Brush Masker di Photoshop CS6 - lapisan masker

Lapisan lapisan di Photoshop CS6 membolehkan anda secara beransur-ansur berus dalam ketelusan dan kelegapan pada asas pixel selektif. Dua alat pelapis lapisan - Alat Gradien dan Brush - lebih kerap digunakan berbanding yang lain: Alat Gradien: Menetapkan alat ini kepada kecerunan linear hitam ke putih atau putih ke ...

Cara Menggunakan Kuler untuk Cari dan Kongsi Tema Warna di Photoshop CS6 - dummies

Cara Menggunakan Kuler untuk Cari dan Kongsi Tema Warna di Photoshop CS6 - dummies

Sumber yang tersedia untuk Adobe Photoshop Creative Suite 6 adalah luas. Kuler adalah komuniti dalam talian yang menyediakan tema warna untuk anda menyemak imbas, memuat turun, membuat, mengedit, dan memuat naik untuk berkongsi dengan orang lain. Gunakan tema ini apabila membuat projek cetak grafik atau laman web. Apa yang anda perlukan ialah sambungan Internet dan Adobe ID. Di sini ...

Cara Menggunakan Kata Kunci untuk Photoshop CS6 Files dalam Bridge - dummies

Cara Menggunakan Kata Kunci untuk Photoshop CS6 Files dalam Bridge - dummies

Kata kunci adalah label deskriptif yang anda lampirkan ke fail di Bridge. Mereka membantu untuk mengkategorikan imej Photoshop CS6 anda, membolehkan anda lebih cekap dan cepat mencari fail yang anda inginkan. Berikut adalah downside untuk membuat dan menggunakan kata kunci: Untuk membuat kata kunci baru (folder kategori yang mengandungi kata kunci): Klik ikon tanda tambah (+) ...

Pilihan Editor

Dengan Touch dengan Nota Reka bentuk - dummies

Dengan Touch dengan Nota Reka bentuk - dummies

Nota reka bentuk adalah sesuai untuk berkomunikasi dengan pemaju lain yang bekerja pada Laman web, tetapi tidak dalam jarak menjerit. Ciri Dreamweaver ini berfungsi seperti tag komen (kod HTML yang membolehkan anda memasukkan teks dalam halaman yang tidak akan dipaparkan dalam penyemak imbas) tetapi dengan privasi lebih banyak. Ramai pemaju menggunakan ...

Memenuhi Dreamweaver CS3 Common Insert Bar - dummies

Memenuhi Dreamweaver CS3 Common Insert Bar - dummies

Jangan berfikir bahawa toolbar Dreamweaver CS3 Common Insert biasa dan biasa. Ia hanya dipanggil "umum" kerana ia menawarkan perintah memasukkan yang paling kerap digunakan kerana ia adalah yang paling berguna. Dengan bilah alat yang ditunjukkan di sini, anda boleh memasukkan segala-galanya dari pautan e-mel kepada tarikh kepada mana-mana media yang ingin anda letakkan ...

Gambaran Keseluruhan Alignment Imej dalam Adobe CS5 Dreamweaver - dummies

Gambaran Keseluruhan Alignment Imej dalam Adobe CS5 Dreamweaver - dummies

Penjajaran imej dan teks bersebelahan mereka di Adobe Suite Creative 5 (Adobe CS5) Dreamweaver adalah mudah, tetapi pilihan yang ada mungkin membuat kelihatan terlalu rumit. Imej dan teks bersebelahan mereka duduk pada garis dasar yang sama sebagai lalai, memaksa teks berjalan dalam satu baris ke kanan imej. Untuk ...