Smart Blog

Membangun bayangan panjang di Illustrator

Metode 1: Blend Tool

• Langkah 1. Buat bentuk

  
• Untuk mulai dengan, kita perlu memiliki unsur-unsur yang disiapkan: elemen ikon dan bentuk. Juga, kita perlu pilihan kami untuk palet warna dalam gaya datar. Berikut adalah beberapa contoh.

• Langkah 2. Duplikat dan bergerak

  Pertama kita akan melakukan bayangan panjang elemen ikon. Untuk melakukan ini, kita perlu menduplikasi elemen, menjaga salinan dalam posisi yang sama. Kemudian kita menggeser jumlah pixel yang sama pada + x atau-x sumbu-tergantung di mana kita ingin bayangan ke titik-dan di-sumbu y. (Sebagai contoh: x0 = y0 = 0 0> x1 = 100 y1 = -100)
  Ini adalah bagaimana kita mencapai karakteristik 45 º atau 135 º sudut untuk bayangan panjang kami.

• Langkah 3. Opsi Blend

  Untuk mendapatkan bayangan kita akan menggunakan tool Option Blend. Jika kita memilih alat ini dan klik pada dua elemen, kita mendapatkan deretan mereka di antara yang pertama dan terakhir.
  Salah satu pilihan dengan alat ini adalah untuk menentukan sejumlah besar langkah-langkah tertentu untuk menjaga pemisahan antara mereka untuk minimum, sampai tidak lagi terlihat dengan mata telanjang.

• Langkah 5. Berubah warna. Gradient.

  Hasil opsi Blend akan menjadi bayangan panjang. Jika kita bermain dengan mengubah warna, opacity atau blending mode, kita bisa mendapatkan efek yang berbeda. Menerapkan gradien adalah pilihan lain yang sah dan menarik.

• Langkah 6. Tanaman bayangan

  Terakhir, karena kita ingin menjaga tampilan ikon yang konsisten, kami ingin untuk memotong bayangan dengan bentuk ikon atau tombol. Hal ini sederhana untuk dilakukan dengan menduplikasi bentuk latar belakang, menjaganya agar tetap pada posisi yang sama di atas semua elemen lain, memilih mereka semua dan menerapkan Membuat Clipping Mask

• Presentasi akhir

  Jika kita melakukan hal yang sama dengan bentuk latar belakang ikon di atas gambar latar belakang, kita mendapatkan hasil yang optimal.
  
  

  Metode 2: Pathfinder

• Kami juga dapat membangun bayangan panjang menggunakan alat Pathfinder. Metode ini mungkin lebih lambat tetapi pada saat yang sama memberikan hal yang paling dekat hasil yang sempurna.

• Langkah 1.

  Kami menciptakan sosok persegi panjang sama tingginya dengan diameter elemen ikon.

• Langkah 2.

  
• 
  
  

  Sumber Daya

  Photoshop Actions

  Pilihan lain yang sangat berguna dan efektif adalah dengan menggunakan tindakan Photoshop, dan Anda siap untuk pergi. Kami menemukan beberapa yang sangat murah, dan gratis satu oleh Dlacrem yang tersedia untuk di-download.
• Long Shadows PS Action, oleh Dlacrem
• Bayangan Panjang Generator, oleh Graphic Burger Bayangan pembuat panjang, oleh InventGroup
  3D Long Shadows Generator Photoshop Aksi Set, oleh joelferrell
  
  

  CSS3 Bayangan Panjang Efek

  Fungsionalitas baru CSS3 juga memungkinkan kita untuk membuat bayangan panjang otomatis untuk web. Berikut adalah dua sangat menarik open-source link.
• Google Font CSS longshade Icon, oleh CSS Deck Sebuah mixin Sass yang membuat menarik dari 'desain bayangan panjang' semudah pie.
• Bayangan Panjang Generator, oleh Codepen Google Font datar ikon bayangan panjang di CSS murni. Dibuat dengan cinta oleh @ LukyVj, terinspirasi oleh begitu banyak orang dan bekerja melalui internet
• Long Shadows Generator, by @ heyimjuani

  Downloable datar Bayangan Panjang Ikon Sosial Kit

• 
  
  

  Contoh

• Bayangan Panjang Ikon, oleh Georgi Davitaya
• 
• 
• Hexagon TW & FB dengan Long Shadow, oleh Suleiman Leadbitter
• Uuuuuuuuuuu, oleh Strahinja Todorovic
• 

  Cinema4D

  Kami juga dapat memproduksi efek ini menggunakan perangkat lunak grafis 3D seperti Cinema4D, 3ds Max, Maya, dll Dalam jenis lingkungan grafis kita umumnya menggunakan sumber cahaya yang mensimulasikan matahari pada waktu yang berbeda dari hari atau tahun. Kita bisa bermain dengan mengubah zona waktu dan musim dan melihatnya berubah oranye atau biru, memvariasikan naungan cahaya ambient. Hal ini juga memungkinkan kita untuk membuat efek bayangan panjang kita melihat hari ini, dan untuk mengontrol volume elemen. Meskipun kita bekerja dalam lingkungan 3D, kita dapat mencapai efek yang menarik dengan warna-warna datar dengan menggunakan beberapa trik.
  Segera kami akan menerbitkan tutorial tentang cara untuk mendapatkan jenis efek di Cinema4D. Melihat keluar untuk itu!