Cara Membuat Vektor Gambar Slider di Adobe Illustrator
(part 1)
Program: Adobe Illustrator CS5
Langkah 1
Tekan Command + N untuk membuat dokumen baru. Masukkan 600 dalam kotak lebar dan tinggi kotak kemudian klik pada tombol Advanced. Pilih RGB, Screen (72ppi) dan pastikan bahwa "Align Objects Baru Pixel Grid" kotak dicentang sebelum Anda klik OK. Aktifkan Grid (View> Show Grid) dan Snap ke Grid (View> Snap ke Grid).
Berikutnya, Anda akan perlu grid setiap 5px. Pergi ke Edit> Preferences> Panduan> Grid, masukkan 5 di gridline setiap kotak dan 1 di kotak Pembagian. Anda juga dapat membuka Info panel (Window> Info) untuk live preview dengan ukuran dan posisi bentuk Anda. Jangan lupa untuk mengganti unit pengukuran untuk piksel dari Edit> Preferences> Satuan> Umum. Al pilihan ini secara signifikan akan meningkatkan kecepatan kerja Anda.
Menggunakan Rectangle Tool (M), membuat 540 oleh 220px bentuk, isi dengan R = 28 G = 117 B = 188 dan pergi ke Efek> Stylize> Rounded Corners. Masukkan radius 5px, klik OK dan pergi ke Object> Expand Appearance.
Berikutnya, Anda akan perlu gambar ini. Simpan ke hard drive Anda dan tarik di dalam file AI Anda. Pilih itu dan fokus pada Transform panel (Window> Transform). Pastikan bahwa "Membatasi Lebar dan Proporsi Tinggi" tombol diperiksa, masukkan 210 di kotak tinggi kemudian menempatkan gambar Anda seperti yang ditunjukkan pada gambar pertama. Snap untuk Grid harus memudahkan pekerjaan Anda. Menggunakan Rectangle Tool (M), membuat 40 oleh 210px bentuk, isi dengan putih, tempatkan seperti yang ditunjukkan pada gambar kedua dan pergi ke Efek> Stylize> Rounded Corners. Masukkan radius 5px dan klik OK.
Buka panel Transparency (Window> Transparency). Pilih kembali citra dan bentuk putih dibuat pada langkah sebelumnya, buka menu fly-out dari panel Transparansi dan klik pada Membuat Opacity Mask. Pada akhirnya gambar bertopeng Anda akan terlihat seperti pada gambar kedua. Pindah ke panel Layers dan menguncinya untuk memastikan bahwa Anda tidak akan sengaja memilih / memindahkannya.
Untuk langkah ini Anda harus gambar ini. Simpan ke hard drive Anda dan tarik di dalam file AI Anda. Resize seperti Anda lakukan pada langkah ketiga dan tempatkan seperti yang ditunjukkan pada gambar pertama. Menggunakan Rectangle Tool (M), membuat 40 oleh 210px bentuk, isi dengan putih, tempatkan seperti yang ditunjukkan pada gambar kedua dan pergi ke Efek> Stylize> Rounded Corners. Masukkan radius 5px dan klik OK.
Pilih kembali citra dan bentuk putih dibuat pada langkah sebelumnya, buka menu fly-out dari panel Transparansi dan klik pada Membuat Opacity Mask. Pada akhirnya gambar bertopeng Anda akan terlihat seperti pada gambar kedua. Pindah ke panel Layers dan menguncinya.
Fokus pada gambar bertopeng kiri. Menggunakan Rectangle Tool (M), membuat 40 oleh 210px bentuk, mengisinya dengan hitam dan tempatkan seperti yang ditunjukkan pada gambar pertama. Pindah ke panel Layers dan tarik bentuk baru ini di bawah gambar bertopeng. Pastikan bahwa persegi panjang hitam ini masih dipilih dan fokus pada panel Penampilan. Pilih mengisi, menurunkan Opacity menjadi 50% dan o ke Efek> Warp> Bulge. Masukkan data yang ditampilkan di bawah ini, klik OK dan pergi ke Effect> lintasan> Offset Path. Masukkan-10px Offset, klik OK dan pergi ke Efek> Blur> Gaussian Blur. Masukkan radius 5px dan klik OK.
Pilih kembali persegi panjang hitam yang dibuat pada langkah sebelumnya, fokus pada panel Penampilan dan menambahkan mengisi kedua menggunakan tombol Add New Fill. Pilih mengisi baru ini, membuatnya hitam, turunkan opacity ke 10% dan pergi ke Effect> Warp> Bulge. Masukkan data yang ditampilkan di bawah ini, klik OK dan pergi ke Effect> lintasan> Offset Path. Masukkan-10px Offset dan klik OK.
Pilih kembali persegi panjang diedit pada langkah sebelumnya, membuat salinan di depan (Control + C> Control + F) dan membawanya ke depan (Shift + Control +]). Pilih salinan ini dan fokus pada panel Penampilan. Pertama, menghapus dua mengisi. Selanjutnya, tambahkan stroke 5pt. Mengatur warna pada R = 225 G = 225 B = 225, menyelaraskan ke dalam dan menurunkan Opacity menjadi 20%.
Terus fokus pada panel Penampilan dan menambahkan stroke kedua untuk bentuk ini menggunakan tombol Add New Stroke. Pilih Stroke baru ini, membuatnya 2PT lebar, mengatur warna pada R = 200 G = 200 B = 200 dan menyelaraskan ke dalam. Tambah stroke ketiga untuk bentuk ini, mengatur warna pada R = 30 G = 30 B = 30, membuatnya 1PT lebar dan menyelaraskan ke dalam. Akhirnya, Anda perlu menambahkan efek Rounded Corners diskrit untuk bentuk ini. Fokus pada panel Penampilan, pastikan bahwa tidak ada fill atau stroke dipilih dan pergi ke Efek> Stylize> Rounded Corners. Masukkan radius 5px dan klik OK. Pada akhirnya hal-hal akan terlihat seperti di gambar kedua.
Pilih kembali dua persegi panjang yang dibuat dan diedit dalam tiga langkah terakhir dan duplikat mereka (Control + C> Control + F). Tarik kedua salinan ke kanan dan menempatkan mereka seperti yang ditunjukkan pada gambar kedua. Fokus pada panel Layers dan pastikan bahwa bentuk dengan beberapa mengisi ditempatkan di bawah gambar bertopeng sedangkan bentuk dengan beberapa stroke diposisikan di atas gambar bertopeng.
Untuk langkah ini Anda harus gambar ini. Simpan ke hard drive Anda dan tarik di dalam file AI Anda. Pilih itu, fokus pada Transform panel (Window> Transform), masukkan 540 di kotak lebar kemudian menempatkan gambar ini seperti yang ditunjukkan pada gambar pertama. Menggunakan Rectangle Tool (M), membuat 540 oleh 250px bentuk, isi dengan putih, tempatkan seperti yang ditunjukkan pada gambar kedua dan pergi ke Efek> Stylize> Rounded Corners. Masukkan radius 5px dan klik OK.
Pilih kembali citra dan bentuk putih dibuat pada langkah sebelumnya, buka menu fly-out dari panel Transparansi dan klik pada Membuat Opacity Mask. Pada akhirnya gambar bertopeng Anda akan terlihat seperti pada gambar kedua. Menguncinya.
Menggunakan Rectangle Tool (M), membuat 540 oleh 250px bentuk, mengisinya dengan hitam dan tempatkan seperti yang ditunjukkan pada gambar pertama. Pindah ke panel Layers dan tarik bentuk baru ini di bawah gambar bertopeng ditambahkan pada langkah sebelumnya. Pastikan bahwa persegi panjang hitam ini masih dipilih dan fokus pada panel Penampilan. Pilih mengisi, menurunkan Opacity menjadi 50% dan pergi ke Effect> Warp> Bulge. Masukkan data yang ditampilkan di bawah ini, klik OK dan pergi ke Effect> lintasan> Offset Path. Masukkan-10px Offset, klik OK dan pergi ke Efek> Blur> Gaussian Blur. Masukkan radius 5px dan klik OK.
Pilih kembali persegi panjang hitam yang dibuat pada langkah sebelumnya, fokus pada panel Penampilan dan menambahkan mengisi kedua. Pilih mengisi baru ini, membuatnya hitam, menurunkan Opacity menjadi 10% dan pergi ke Effect> Warp> Bulge. Masukkan data yang ditampilkan di bawah ini, klik OK dan pergi ke Effect> lintasan> Offset Path. Masukkan-10px Offset dan klik OK.
Pilih kembali persegi panjang diedit pada langkah sebelumnya, membuat salinan di depan (Control + C> Control + F) dan membawanya ke depan (Shift + Control +]). Pilih salinan ini dan fokus pada panel Penampilan. Lepaskan kedua mengisi kemudian menambahkan stroke 2pt. Mengatur warna pada R = 225 G = 225 B = 225 dan menyelaraskan ke dalam. Tambahkan stroke kedua untuk bentuk ini, membuatnya 1PT lebar, mengatur warna pada R = 30 G = 30 B = 30 dan menyelaraskan ke dalam. Akhirnya, pastikan bahwa tidak ada fill atau stroke yang dipilih (di panel Penampilan) dan pergi ke Efek> Stylize> Rounded Corners. Masukkan radius 5px dan klik OK.
Langkah 16
Menggunakan Rectangle Tool (M), membuat 170 oleh 250px bentuk, mengisinya dengan gradien linier ditunjukkan di bawah dan tempatkan seperti yang ditunjukkan pada gambar pertama. Pilih persegi panjang baru ini, beralih ke Hapus Anchor Point Tool (-) dan cukup klik pada bagian bawah, titik anchor yang tepat untuk menghapusnya. Ini harus mengubah persegi panjang Anda menjadi segitiga. Pilih itu bersama dengan persegi panjang bulat biru yang dibuat pada langkah kedua, buka panel Pathfinder dan klik pada tombol Intersect. Turunkan Opacity dari bentuk yang dihasilkan sampai 5%.
Dengan Rectangle Tool (M), membuat 170 oleh 20px bentuk dan mengisinya dengan gradien linier ditunjukkan di bawah ini. Beralih ke Direct Selection Tool (A) dan fokus pada sisi bawah persegi panjang baru ini. Pilih titik anchor kiri dan memindahkannya 20px ke kanan kemudian pilih titik jangkar yang tepat dan memindahkannya 20px ke kiri.
Berikutnya, Anda akan perlu Round Semua skrip Pojok. Anda dapat menemukannya di VECTORTUTS + pasal 20 Adobe Illustrator Script Gratis dan Berguna. Simpan ke hard drive Anda, kembali ke Illustrator dan lanjutkan dengan Direct Selection Tool (A). Pilih dua jangkar poin disorot dalam gambar kedua dan pergi ke File> Script> Other Script. Buka Putaran Apa Pojok Script, masukkan 10px Radius dan klik OK. Pada akhirnya bentuk Anda akan terlihat seperti pada gambar ketiga
Postingan
Tidak ada komentar:
Posting Komentar