Dalam desain ini tutorial grafis, Anda akan menyaksikan sebuah metode untuk membuat 3D teks yang menarik yang memiliki beberapa pencahayaan yang indah dan efek bertekstur. Kami akan menggunakan Adobe Illustrator dan Photoshop untuk membantu kami mendapatkan pekerjaan yang dilakukan.
Hasil Akhir
Di bawah, Anda dapat melihat produk akhir yang kita akan menciptakan bersama-sama.Klik pada gambar di bawah ini untuk melihat gambar skala penuh dari apa yang kita akan buat.
Sebelum kita mulai
Kita akan membutuhkan beberapa beberapa gambar saham gratis. Ambil gambar berikut
Membuat teks di Illustrator
1 Kita akan memulai dengan membuat objek teks 3D kami ke dalam dokumen Illustrator baru; buat dokumen baru dengan memilih File> New (Ctrl + N). Gunakan Type Tool (T) untuk menambahkan teks ke kanvas: ketik teks " DdSR ".
2 Selanjutnya, sorot teks "Dd" dan mengubah warna untuk # CC3333 . Sorot teks "SR" dan mengubah warna untuk # 00A0C6 .
Menambahkan 3D Extrude & Bevel Efek
3 Sekarang kita memiliki teks 3D kami dalam rangka, kita akan menerapkan efek 3D.Kita akan membuat objek yang akan beristirahat pada permukaan yang datar, jadi kami akan memberikan beberapa sudut halus. Untuk memulai, pilih Selection Tool (V) dan klik pada teks kita untuk memilihnya.
4 Kemudian, pilih Effect> 3D> Extrude & Bevel untuk membuka kotak dialog 3D Extrude & Bevel. Gunakan pengaturan yang ditunjukkan pada gambar berikut untuk menciptakan efek yang Anda butuhkan.
Memperluas objek 3D
5 Pilih Object> Memperluas Penampilan untuk mengubah objek 3D kami ke titik vektor dan garis sehingga kita bisa membawanya ke dalam dokumen Photoshop kami satu per satu waktu.
Mempersiapkan objek 3D untuk mentransfer ke Photoshop
6 Untuk sedikit persiapan, kita akan menyesuaikan warna sisi teks 3D kami. Pertama, kita perlu mencari tahu di mana cahaya akan datang dari. Untuk komposisi kami, kami akan memiliki dua sumber cahaya yang datang dari sebelah kiri "Dd" dan dari kanan "SR". Untuk memulai, kita perlu ungroup objek teks 3D, dan langkah pertama untuk melakukannya adalah dengan menggunakan Selection Tool (V) untuk memilih teks 3D kami.
7 Selanjutnya, pilih Object> Ungroup (Ctrl + Shift + G) untuk mulai ungrouping vektor teks 3D. Lakukan ini beberapa kali (menggunakan cara pintas keyboard untuk membuat proses ini lebih mudah) untuk memastikan tidak ada yang dikelompokkan masih. Tweak warna dari potongan-potongan objek teks 3D sehingga terlihat seperti gambar berikut, memilih warna yang lebih ringan dan lebih gelap dari teks wajah 3D.
8 Buka Photoshop dan buat dokumen baru (Ctrl + N). Ukuran dokumen tidak terlalu penting karena Anda dapat menyesuaikan ukuran objek teks 3D. Untuk tutorial ini, saya akan membuat dokumen dengan ukuran kanvas set untuk 1680px x 1050px .
9 Gunakan Selection Tool (V) untuk memilih semua bagian dari objek teks 3D di Illustrator. Sebelum menyalin dan paste ke Photoshop - pilih objek teks 3D sepenuhnya dan menyesuaikan ukurannya. Setelah Anda mendapatkan ukuran yang Anda inginkan, membawa semuanya ke Photoshop. Pilih objek teks 3D, pilih Edit> Copy (Ctrl + C), pergi ke Photoshop, dan pilih Edit> Paste (Ctrl + V).
Mengubah Hue / Saturasi Layer
10 Kami akan menggunakan ini objek teks 3D sebagai template sehingga kita tahu di mana semuanya berjalan. Untuk membuatnya lebih mudah untuk melihat perbedaan antara template kita dan potongan datang dari Illustrator, kita akan mengubah warna dan kecerahan layer. Untuk melakukannya, pilih Image> Adjustments> Hue / Saturation (Ctrl + U). Warna yang Anda pilih tidak terlalu penting; pastikan ada kontras yang baik antara template ini dan potongan-potongan kita akan membawa.
Membawa potongan teks 3D dengan Photoshop
11 Sekarang, kita dapat mulai membawa potongan-potongan dari Illustrator satu per satu. Mereka harus cocok cukup baik, tapi ada beberapa yang saya harus menyesuaikan; Anda dapat melakukannya dengan menggunakan Free Transform Tool (Ctrl + T).
Menambahkan latar belakang cahaya
12 Kita sekarang akan mulai menambahkan latar belakang cahaya di belakang "Dd".Pertama, buat layer baru di bawah lapisan lain sejauh ini.
13 Pilih Gradient Tool (G) dari Alat Panel dan kemudian mengatur jenis gradien di bar Pilihan untuk Radial Gradient . Mengubah warna Foreground ke # CC3333 dan membuat gradien kecil di tengah halaman. Resize gradien sehingga memenuhi sisi kiri kanvas, Anda dapat melakukannya dengan memilih Edit> Free Transform (Ctrl + T).Kami melakukan ini sehingga kita dapat menyesuaikan gradien tanpa itu terputus, yang akan terjadi jika Anda membuatnya besar pertama kalinya. Lihat gambar berikut untuk referensi.
Menggabungkan tekstur saham untuk desain
14 Mari kita membawa tekstur ini dari Flickr ( tekstur 005 - Faux Cat ). Resize tekstur sehingga mencakup seluruh area pada paruh kiri kanvas kita. Ubah Blend Mode keOverlay .
15 Untuk memberikan sedikit lebih dari lampu merah, kita akan menduplikasi layer gradien merah. Untuk melakukan hal ini, ubah Blend Mode ke normal dan drop opacity ke 30% . Pindahkan gradien baru kami atas sehingga berada di belakang "Dd" dengan menggunakan Move Tool (V).
16 Selanjutnya, kita akan membuat Radial Gradient lain seperti yang kami lakukan di langkah sebelumnya, tapi kali ini kita akan menggunakan putih (# FFFFFF ) sebagai warna Foreground kami. Gradien ini akan pergi di sisi kiri dari kanvas seperti merah pertama lakukan.
Mengulangi langkah sebelumnya untuk "SR" text
17 Sekarang kita akan mengulangi Langkah 12-16 untuk "SR" teks. Kami juga akan menggunakan tekstur yang berbeda, tekstur kedua Anda download sebelumnya dari Tekstur Pecinta ( Brown Stained Beton # 7 ) - dan bukannya merah, kita akan menggunakan warna biru ( # 0099CC ) untuk cahaya itu. Bermain-main dengan opacity dari lapisan gradien sampai Anda mendapatkan sesuatu yang Anda sukai.
Menambahkan Bevel & Emboss Efek
18 Sekarang kita akan menambahkan Bevel dan Emboss efek objek teks 3D kami. Ini akan menjadi sedikit rumit karena kita memiliki dua sumber cahaya dan jika kita mencoba untuk mengubah sumber cahaya untuk penerangan kedua, maka secara otomatis akan mengubah keduanya. Untuk memperbaiki hal ini, kita pertama akan menambahkan bevel ke "SR" wajah. Untuk memulai, pilih layer dengan "SR" wajah.Kemudian, klik pada Add gaya lapisan ikon di bagian bawah Panel Layers, dan pilih Bevel dan Emboss . Gunakan pengaturan berikut seperti yang ditunjukkan pada gambar berikut.
Penggabungan beberapa lapisan
19 Kita sekarang akan meratakan gambar yang kita baru saja menambahkan layer style Bevel dan Emboss untuk. Untuk melakukan hal ini, kita akan membuat layer baru dan kemudian link layer baru dengan "SR" lapisan wajah kita. Untuk menghubungkan lapisan, pilih kedua lapisan dalam Panel Layers dengan menekan Ctrl dan mengklik pada mereka, kemudian klik pada link lapisan ikon di bagian bawah Layers Panel (atau klik kanan pada lapisan yang dipilih, dan pilih Link Layer di kontekstual menu).
20 Kemudian menggabungkan lapisan terhubung ke satu lapisan dengan memilih Layer> Merge Layers (Ctrl + E). Sekarang kita memiliki satu lapisan diratakan dengan "SR" wajah dengan bevel di atasnya.
21 Mari kita pergi ke depan dan menambahkan bevel pada "Dd" wajah kita menggunakan teknik yang sama di atas, tapi kali ini, menggunakan pengaturan layer style Bevel dan Emboss ditunjukkan pada gambar di bawah ini.
Menambahkan beberapa bayangan
22 Sekarang kita akan menambahkan beberapa bayangan ke sisi logo kami. Untuk melakukan hal ini, kita ingin klik pada lapisan setiap sisi potongan 'yang akan menjadi area gelap dan menyesuaikan Curves untuk masing-masing dengan memilih Image> Adjustments> Curves (Ctrl + M) untuk membuka kotak dialog Curves.
23 Kami juga ingin menambahkan bayangan pada setengah bagian atas surat kami "d" karena cahaya akan memukul sebagian. Klik pada lapisan tepi untuk bagian atas "d" untuk membuat lapisan aktif, kemudian Ctrl + klik pada thumbnail layer untuk membuat seleksi di sekitar lapisan tepi.
24 Pilih Gradient Tool (G) dari Tools Panel, dan mengatur gaya gradien ke Hitam untuk 0% opacity dan Linear Gradient , di bar Pilihan. Klik dan tarik gradient sehingga Anda mendapatkan sesuatu seperti apa yang saya miliki pada gambar berikutnya. Ulangi dengan "SR" teks.
25 Untuk mendapatkan bayangan di balik logo, membuat pilihan di sekitar "SR" teks dengan menekan tombol Ctrl dan klik pada semua lapisan thumbnail teks SR '; terus klik dan menambah seleksi tenda sampai "SR" telah digariskan. Buat layer baru dan mengisinya dengan hitam ( # 000000 ).
26 Sekarang kita ingin memberikan logo hitam blur untuk memberikan lebih dari bayangan terlihat, jadi pergi ke Filter> Blur> Gaussian Blur dan memberikan 25px blur.Beralih ke Move Tool (V), tahan tombol Shift, dan memindahkannya ke kiri menggunakan tombol panah, sekitar 2 spasi.
Tweak bayangan
27 Sekarang kita harus melakukan penetapan sedikit bayangan. Ada beberapa bagian yang memiliki bayangan yang tidak perlu, seperti sisi kanan "SR" logo. Untuk memulai, tambahkan layer mask ke lapisan bayangan dengan mengklik lapisan topeng Tambahkan ikon di bagian bawah Panel Layers.
28 Klik pada bagian topeng lapisan. Pilih Brush Tool (B) dari Tools Panel. Gunakan warna hitam (# 000000 ) brush pada dengan diameter Brush dari 100px dan 0%kekerasan untuk melukis diri daerah kita tidak ingin. Lihat gambar di bawah ini untuk melihat bagaimana bayangan akan terlihat seperti.
29 Ada juga beberapa daerah yang ingin kita menambahkan beberapa bayangan untuk. Untuk ini, kami ingin klik kembali ke lapisan bayangan, dan menggunakan sikat kita hitam di 100px , 0% kekerasan, dan 20% opacity, cat daerah kita ingin menggelapkan.
30 Ulangi langkah 25-29 untuk "Dd" teks.
Menambahkan beberapa tekstur ke teks
31 Sekarang kita akan menambahkan beberapa tekstur untuk logo kami. Pertama, mari kita menduplikasi tekstur yang kita gunakan untuk latar belakang di sisi kiri dan memindahkan lapisan ke bagian paling atas.
32 Ctrl + klik pada semua "Dd" lapisan (wajah dan ujung-ujungnya) dan kemudian klik pada lapisan topeng Tambahkan ikon di bagian bawah Panel Layers untuk menambahkan lapisan masker di atas mereka. Ini akan menyingkirkan segala sesuatu kecuali untuk daerah di "Dd".
33 Sekarang, ulangi langkah sebelumnya untuk "SR" teks. Satu-satunya hal yang saya mengubah Blend Mode dari Overlay ke Soft Light karena tekstur terlalu keras / tebal untuk seleraku.
Menambahkan pencahayaan dan bayangan pada wajah teks
34 Sekarang kita akan menambahkan beberapa pencahayaan dan bayangan untuk wajah logo. Pertama, kita akan menambahkan bayangan ke "Dd". Ctrl + klik pada "Dd" lapisan wajah. Menggunakan Gradient Tool (G) dengan Gradient Linear tipe gradien, klik dan drag pada kanvas untuk membuat gradien menuju cahaya sampai Anda mendapatkan sesuatu yang Anda sukai. Ulangi dengan "SR" wajah teks.
35 Kita akan menciptakan lebih banyak gradien, mirip dengan apa yang kita lakukan pada langkah sebelumnya. Kali ini meskipun, gradien akan menjadi merah pada teks biru dan biru pada teks merah untuk mendapatkan refleksi dari cahaya yang datang dari sisi yang berlawanan. Untuk memulai, Ctrl + klik pada "SR" lapisan.
36 Gunakan Gradient Linear dengan # CC3333 sebagai warna Foreground Anda. Klik dan tarik di kanvas untuk menciptakan gradien sedemikian rupa sehingga menciptakan tanda-tanda halus merah di atasnya.
37 Ubah Blend Mode ke Hard Light .
38 Ulangi ini dengan "Dd" teks dan warna # 0099CC .
Memberikan teks beberapa highlights
39 Karena kita ingin memberikan kesan cahaya terang yang berasal dari tepi dokumen, kita akan menambahkan sorot untuk masing-masing logo. Untuk memulai, Ctrl + klik pada layer "SR" wajah untuk membuat pilihan di sekitarnya. Menggunakan Putih untuk 0% opacity Gradient Linear , klik dan tarik gradien sampai Anda mendapatkan sesuatu yang Anda sukai. Ubah Blend Mode ke Overlay . Ulangi dengan "Dd" logo.
Beberapa rincian akhir
40 Kami akan menambahkan beberapa gaya ke seluruh kanvas untuk menyelesaikannya off, jadi pertama kita ingin meratakan gambar. Untuk melakukannya, pilih Layer> Flatten Image.
41 Kita akan mengaburkan sudut kanan bawah kiri dan atas untuk memberikan gambar sedikit dimensi. Untuk melakukannya, kita akan klik pada Quick Mask. Untuk memulai, klik pada Edit Cepat Mask Mode ikon di bagian bawah Panel Tools, yang hanya di bawah warna foreground / background.
42 Klik dan tarik hitam Tercermin Gradient di tengah kanvas dengan menggunakan Gradient Tool (G). Klik pada ikon Standard Mode di bagian bawah Tools Panel untuk mematikan modus Quick Mask; ini akan memberi Anda area yang dipilih dari gradien yang baru saja kita buat. Ini harus memilih sudut kanan bawah kiri dan atas, tergantung pada pengaturan Anda. Jika memilih area tengah, hanya membuat pilihan terbalik, Pilih> Inverse (Ctrl + Shift + I).
43 Pergi ke Filter> Blur> Gaussian Blur dan mengatur blur pada 2px .
44 Akhirnya, Anda dapat bermain-main dengan beberapa Filters Photo atau lapisan penyesuaian lain untuk mendapatkan yang terlihat yang Anda inginkan. Anda dapat melakukan ini dengan mengklik pada Buat baru mengisi atau penyesuaian lapisan ikon di bagian bawah Panel Layers, dan memilih Photo Filter (atau salah satu lapisan penyesuaian lain).
Dan Anda selesai!
Jika Anda mengikuti bersama dengan saya, Anda harus memiliki sesuatu yang tampak seperti gambar berikut.
0 komentar:
Posting Komentar
Bersikap Lah Dengan Baik
Hargai Lah Karya Orang Lain
Janganlah Saling Menghina Karya Lain.