Join The Community

Premium WordPress Themes

Search

Minggu, 27 Juni 2010

Making Of The Red Hulk


Article ini mungkin menarik bagi kamu yang suka dengan Modelling Character, tanpa banyak basa basi : klik disini

How Pixar Built Toy Story 3

Mungkin kalian sudah ada yang menonton filmnya di bioskop atau mungkin juga belum, nah ini ada article menarik mengenai pembuatan Toy Story 3. Klik Disini

Kamis, 17 Juni 2010

DESAIN MULTIMEDIA WEBSITE LAYOUT DALAM PHOTOSHOP

Kesan pertama melakukan menghitung! Lucu pemirsa kami dengan portofolio secara visual menarik adalah salah satu hal yang paling penting yang seorang desainer dapat lakukan untuk pengadilan klien baru. Hari ini kita akan menunjukkan bagaimana menggunakan foto, sikat, dan tekstur, dan objek 3D untuk merancang tata letak situs web multimedia kreatif di Photoshop. Mari kita mulai!

Sumber Daya

Sumber-sumber berikut ini digunakan dalam produksi dari tutorial ini:

Langkah 1

Buat 960px dengan 620px kanvas di Photoshop. Ini adalah resolusi yang baik untuk situs web sebagai layar yang paling dapat mengakomodasi itu.

Tekan Cmd + R untuk menambahkan penguasa dan menarik beberapa panduan untuk menandai batas wilayah konten utama. Ini akan berguna ke pusat desain Anda.

Langkah 2

Sekarang area konten utama adalah benar terbatas, mari kita mengubah ukuran kanvas untuk 1224px oleh 620px (Ukuran> Foto kanvas) untuk menciptakan latar belakang yang lebih besar. Spill-area ini akan sangat berguna untuk pengunjung dengan layar besar dan menciptakan 'batas' terlihat.

Langkah 3

Langkah terakhir dalam mempersiapkan dokumen kami adalah menambahkan panduan di tengah. Panduan ini akan berguna ketika Anda harus pusat elemen desain. Cara cepat untuk menemukan pusat ini adalah untuk membuat layer baru dan tekan Cmd + T tombol pintas untuk mengaktifkan "Free Transform".

Langkah 4

Mari kita membuat platform awan di mana desain utama akan duduk. Membuat latar belakang abu-abu gradien. Layer Style Layer> Gradient Overlay. Gradien # 434344 ke # EAECEC. Tinggalkan semua pengaturan lainnya sebagai default.

Langkah 5

Buat layer baru "Awan". Load Anda Awan kuas dan cat dalam beberapa awan putih dengan berbagai bentuk, ukuran dan opacity sampai Anda telah mencapai hasil yang serupa seperti yang ditunjukkan di bawah ini.

Langkah 6

Buat lapisan kedua "awan 2", menambahkan beberapa awan di tengah.

Langkah 7

Buat lapisan ketiga "awan 3". Kali ini menggunakan cahaya Abstrak kuas, sikat 2, ukuran 420px. Flip, tekan Cmd + T> Flip Horizontal. Ini akan membantu dalam memberikan sebuah awan tipis dan halus terlihat lebih.

Langkah 8

Sekarang kita akan menciptakan sebuah 3D besar "M" untuk "Multimedia". Anda bisa mengganti inisial perusahaan Anda di sini.

Bukalah Illustrator dan sisipkan latar belakang awan yang baru saja Anda buat ke dalam sebuah layer baru.Gunakan ini sebagai panduan untuk merancang 3D "M". Ketik huruf "M": Ex Gothic font Handel, 181pt, putih, Anda dapat mengganti setiap huruf tebal lainnya lebar. Untuk memberikan teks efek 3D, pergi ke: Efek> 3D> mengusir & Bevel. Lihat gambar di bawah ini untuk memperoleh pengaturan.

Langkah 9

Salin "3D M" dan kembali ke Photoshop untuk paste di dokumen Anda. Ubah nama layer "m". Kita sekarang akan menerapkan beberapa efek dan tekstur agar lebih realistis dan menarik. Pertama menerapkan berikut Layer Style ke lapisan "m".

Langkah 10

Buat Folder Baru tekstur m "". Pilih huruf "M" dengan Magic Wand Tool dan dengan pilihan ini, menambah Mask Layer ke folder. Sekarang kita akan memiliki semua tekstur kami untuk M "3D" di dalam folder ini.

Gunakan 4.jpg tekstur "" dari Rust Textures pak. Salin dan sisipkan panggilan lapisan "tekstur". Duplikat dan skala lapisan digandakan "texture2" turun menjadi 12,5%.

Langkah 11

Atur Opacity Layer menjadi 40% dan perubahannya Blending Mode menjadi Color Burn untuk kedua lapisan.

Langkah 12

Tambahkan lapisan tekstur "texture3" menggunakan "metal_plaque_bump_seam.jpg" Lapis Baja Metal Textures. Atur Opacity Layer menjadi 26% dan perubahannya Blending Mode untuk Hard Light. Shift lapisan sekitar sampai Anda puas dengan tekstur yang posisi.

Langkah 13

Gunakan sikat Soft Round dengan Opacity dari sekitar 30% untuk menerapkan bayangan di bawah "M".Gunakan Alat Corengan untuk menyesuaikan dan menciptakan bayangan miring seperti di bawah ini.

Langkah 14

Tambahkan nama perusahaan Anda, dalam hal ini "Multimedia". Gunakan Heritage Extra Bold, 32px, hitam.Next menambahkan bayangan samar di bawahnya.

Gandakan layer, nama itu "multimedia bayangan". Cmd + T untuk mengakses Perangkat Transform, klik kanan dan pilih Flip Vertikal. Tambahkan Motion Blur. Ubah Opacity Layer menjadi 50%. Tambahkan Mask Layer dan akhirnya, menerapkan gradien memudar dari bawah.

Langkah 15

Sekarang kita akan menciptakan dunia Multimedia Cityscape untuk kita. Anda dapat menggunakanCityscape brushes untuk bangunan. Download paket membuat beberapa abstrak: Render Textures Pack 1dan Render Textures Pack 2 untuk tekstur. Pertama menggunakan kuas untuk menggambar beberapa bangunan saja. Draw setiap bangunan pada lapisan yang terpisah, antara lapisan "awan" dan "clouds2".

Langkah 16

Mengubah ukuran, posisi dan memotong bagian dari bangunan yang tidak Anda butuhkan.

Langkah 17

Untuk setiap gedung, membuat Folder Baru yang akan berisi tekstur masing-masing. Dengan menggunakan metode yang sama untuk menerapkan tekstur untuk huruf "M", pilih setiap gedung, satu per satu, dengan Magic Wand Tool dan menambahkan seleksi sebagai Layer Mask ke folder. Mengatur lapisan folder's Blending Mode untuk keringanan.

Langkah 18

Sekarang menerapkan tekstur abstrak ke Cityscape sebagai berikut. Pindah, memutar, mengubah ukuran tekstur sampai Anda puas dengan efek.

Langkah 19

Ini adalah praktik yang baik untuk membersihkan dan mengatur lapisan Anda. Meskipun sedikit membosankan pada awalnya, latihan ini benar-benar akan menghemat waktu yang berharga ketika mencari file, katakanlah sebulan kemudian. Tempatkan semua lapisan bangunan di folder baru "Bangunan".Bawalah folder ini di antara lapisan "awan" dan "awan 2".

Langkah 20

Gunakan sikat awan Anda untuk melukis beberapa awan kecil pada layer "clouds2" untuk menutupi dasar gedung '.

Langkah 21

Mari kita tambahkan multimedia kami props: kamera klasik, 's kursi Direktur, kamera TV, Laptop, Mikrofon,Hotair balon 1, Hotair balon 2, Pohon Kecil. Untuk masing-masing ekstrak objek latar belakang mereka dengan menggunakan Magic Wand Tool (W) dan kemudian klik pada tombol Refine Edge untuk menyesuaikan tepi. Untuk menghilangkan sisa kasar, gunakan Eraser Tool (E) dengan sikat bundar kecil.

Langkah 22

Resize dan kemudian menerapkan Filter> Smart Sharpen (cmd + F) untuk setiap objek. Posisi mereka sebagai berikut.

Langkah 23

Tambahkan bayangan ke kursi, kamera TV, laptop, mikrofon, kamera dan mobil dengan mengikuti teknik yang sama digunakan untuk huruf "M". Untuk pohon, gunakan sikat alam dan menyesuaikan bentuk dengan menggunakan Perangkat Corengan.

Langkah 24

Spring pembersihan waktu! Menghubungkan setiap lapisan objek dengan lapisan bayangan masing-masing sehingga akan mudah untuk menghidupkan setiap obyek dan tidak sesuai dengan kebutuhan. Untuk melakukan hal ini, Tekan Shift + klik pada lapisan. Klik kanan dan pilih Link Layer. Kemudian tempat semua lapisan alat peraga di folder baru "Props".

Langkah 25

Ketika merancang sebuah homepage, unsur-unsur interaktif memainkan peran penting dalam menentukan keberhasilan situs Web. Oleh karena itu kita harus membuat tombol utama kami menggoda dan terkemuka bagi pengguna untuk ingin klik mereka. Kita akan membuat kotak 3D yang terhubung dengan Cityscape melalui kabel berwarna-warni. Mereka akan mewakili bagian yang berbeda kami. Berikut adalah preview apa Anda akan merancang.

Langkah 26

Kembali ke Illustrator untuk menggambar kotak 3D dan kabel berwarna-warni. Gunakan Rectangle Tool (M) untuk menarik 6 kotak putih dengan lebar berbeda tergantung pada panjang kotak teks akan berisi. Contoh "Web" akan memiliki kotak kecil dan "Kontak" akan memiliki kotak yang lebih luas.

Langkah 27

Pengaruh Terapkan> 3D> mengusir & Bevel untuk setiap kotak. Lihat gambar untuk setiap efek pengaturan kotak, dari kiri ke kanan.

Langkah 28

Menyalin karya seni yang dibuat di Photoshop sejauh ini dan paste di latar belakang "" lapisan sebagai panduan. Menggambar beberapa garis dengan baik Perangkat Pen (P) atau Perangkat Pensil (T), mana yang lebih mudah bagi Anda.

Langkah 29

Kita sekarang akan membuat beberapa kuas pelangi. Gunakan Rectangle Tool (M) untuk menggambar persegi panjang. Kemudian salin dan sisipkan 4-5 empat persegi panjang satu sama lain di samping secara vertikal. Mengubah warna. Pilih semua rectangle dan menggunakan Rata Kiri untuk menyelaraskan mereka.

Langkah 30

Membuat variasi beberapa pelangi. Berikut adalah beberapa contoh.

Langkah 31

Untuk membuat sikat, pilih sebuah cluster pelangi, drag dan drop ke Anda brushes Panel. Pilih Brush Seni Rupa Baru. Nama Seni Sikat Anda "rainbow1" dan menjaga pengaturan default dengan arah yang benar horisontal.

Langkah 32

Sekarang berlaku kuas pelangi Anda ke baris yang berbeda.

Langkah 33

Copy dan paste setiap kawat pelangi (line) secara individu di Photoshop. Tempelkan lapisan di depan gedung tetapi di balik props Anda dan huruf "M". Menerapkan Layer Mask pada lapisan kawat dan menggunakan sikat Cloud untuk membuat bagian dari kabel transparan.

Langkah 34

Untuk memberikan tampilan 3D kabel dan membuat mereka shinier, menerapkan Bevel & Emboss Layer Style dengan pengaturan yang sama seperti yang ditunjukkan di bawah ini. Setiap kawat memerlukan beberapa pengaturan tweaker sedikit untuk mencapai tampilan yang diinginkan.

Langkah 35

Salin dan sisipkan kotak 3D dari Illustrator ke dalam lapisan individu.

Langkah 36

tekstur Terapkan "metal_plaque_bump_seam.jpg" dari Lapis Baja Textures Logam, menggunakan teknik yang sama seperti dalam Langkah Langkah 10 dan 17. Mengatur lapisan tekstur's Blending Mode untuk Hard Light dengan Opacity 26%.

Langkah 37

Tambahkan ke kotak teks. Gunakan Heritage Extra Bold, 14px, hitam. Putar teks mana yang dibutuhkan untuk mengikuti sudut kotak.

Langkah 38

Bersihkan lapisan Anda dan mengatur tombol ke dalam folder, jika Anda belum melakukannya.

Langkah 39

Langkah terakhir! Tambahkan footer dan Anda selesai! Gunakan Verdana, 10px, # cccccc untuk saluran pertama dan # 999999 untuk garis bawah. Ini adalah warna web yang aman.

Kesimpulan

Saya harap Anda menemukan tutorial ini berguna. Apakah berbagi pendapat, ide, dan aku akan senang untuk membantu Anda jika Anda memiliki pertanyaan. Jadilah kreatif dan mengeksplorasi teknik-teknik yang Anda pelajari di sini - aku tidak sabar untuk melihat apa yang Anda datang dengan!

www.psdtuts.com