#sifoodotcom

[Ai] Teknik Efek Long Shadow

Tutorial kali ini akan menunjukkan kaedah menghasilkan efek tersebut dengan menggunakan Adobe Illustrator.

Seperti yang diterangkan di dalam entri blog bertajuk Trend Baru Rekabentuk: Long Shadow

HASIL TEKNIK EFEK LONG SHADOW:

hasil

LANGKAH 1:

01-place-dan-group

  • Lukis atau masukkan (Place / Paste) satu simbol, logo, ikon atau huruf ke dalam artboard baru Illustrator.
  • Groupkan objek tersebut, select dan tekan Ctrl + G.

LANGKAH 2:

02-ruler-guide

  • Aktifkan Ruler, tekan Ctrl + R atau klik menu View > Ruler > Show Ruler.
  • Drag satu garisan Ruler Guide ke dalam artboard.
  • Pastikan Guide tidak dilock. Klik kanan di atas artboard untuk memastikannya.

LANGKAH 3:

03-rotate-45-degree

  • Select garisan guide yang dibuat tadi.
  • Pilih Rotate Tool dari dalam toolbar.
  • Tekan ENTER. Masukkan nilai -45 untuk sudut rotation.
  • Aktifkan Preview untuk menyemak hasil.
  • Klik OK setelah selesai.

LANGKAH 4:

04-duplicate-guide01

 

  • Select garisan guide dengan menggunakan Selection Tool (Arrow Hitam).
  • Gerakkan garisan guide sambil menekan ALT di keyboard.
  • Lepaskan mouse pada satu jarak yang dirasakan sesuai.

LANGKAH 5:

05-duplicate-guide

 

  • Untuk mendapatkan garisan guide yang berulang-ulang seperti paparan di atas, gunakan kaedah Ctrl + D.
  • Selepas melakukan langkah 4 tadi, terus sambung dengan menekan Ctrl + D beberapa kali.
  • Untuk contoh ini, saya hasilkan 10 garisan guide.
  • Kemudian, lock semula garisan guide. Klik kanan di atas artboard dan Lock Guide.

LANGKAH 6:

06-susun-design

 

  • Berpandukan kepada garisan guide yang telah dihasilkan tadi, susunkan objek – simbol, kotak untuk warna latar belakang dan kotak bucu lengkung.
  • Tips: Bucu objek harus menyentuh garisan guide 45 darjah.
  • Pilih warna yang sesuai dengan tema simbol atau logo untuk menjadikannya menarik.

LANGKAH 7:

07-kotak-rotate-45

 

  • Buat satu lagi kotak secara memanjang melintang. Ini adalah kotak untuk warna shadow yang pertama.
  • Kemudian, dengan menggunakan Rotate Tool, pusingkan sebanyak 45 darjah. Caranya, pilih Rotate Tool, tekan Enter dan masukkan nilai 45 darjah.
  • Klik Ok.

LANGKAH 8:

08-resize-kotak

 

  • Selepas itu, resize kotak dengan menggunakan Selection Tool (Arrow Hitam).
  • Pastikan sisi kotak menyentuh pada garisan guide, berpandukan pada kotak bucu lengkung yang dibuat awal tadi.

LANGKAH 9:

09-arrange-send-backward

 

  • Kemudian, susunkan kotak tersebut supaya berada di antara lapisan kotak bucu lengkung dan kotak latar belakang dengan menggunakan Arrange > Send Backward.

LANGKAH 10:

10-paste-in-front

  • Copy kotak “merah” tadi, tekan Ctrl + C.
  • Kemudian, select kotak bucu lengkung.
  • Paste kotak “merah” yang telah dicopy tadi dengan menekan Ctrl + F untuk meletakkannya di atas kotak bucu lengkung dan pada posisi yang sama.
  • Tukar kotak yang baru dipaste tadi kepada warna lain untuk menampakkan perbezaan. Saya pilih kuning.
  • Resize kotak kuning ini mengikut garisan guide bagi simbol ikon. Lihat paparan di atas.

LANGKAH 11:

11-pick-tukar-warna

 

  • Dengan menggunakan Selection Tool (Arrow Hitam), select kotak shadow yang pertama (berwarna merah).
  • Pilih Eyedropper Tool dan klik pada kotak warna latarbelakang.
  • Kotak merah tadi akan bertukar warna menjadi warna yang sama dengan warna latarbelakang.
  • Pergi kepada panel Color. Di dalam setting K (Black), pekatkan sedikit warna dengan meninggikan sedikit nilai daripada nilai asal.
  • Lihat hasil di atas artboard. Setkan sehingga anda berpuas hati.

LANGKAH 12:

12-pick-tukar-warna

  • Ulang langkah 11 untuk kotak shadow yang kedua (berwarna kuning).
  • Pilih Eyedropper Tool dan klik pada kotak bucu lengkung untuk mengambil warna padanya.
  • Pergi kepada panel Color. Pekatkan sedikit warna tersebut.

HASIL SETAKAT INI:

hasil-setakat-ini

 

  • Ok. Paparan di atas menunjukkan hasil setakat ini.
  • Sekarang kita cuma perlu “potong” shadow untuk ikon simbol mengikut bentuk kotak bucu lengkung.

LANGKAH 13:

13-copy-paste-in-front

  • Select kotak bucu lengkung dengan menggunakan Selection Tool (Arrow Hitam).
  • Copy, tekan Ctrl + C.
  • Kemudian, select pula kotak shadow yang berwarna cerah. Tekan Ctrl + F untuk meletakkan kotak yang baru dicopy tadi di atasnya. Lihat paparan di atas.

LANGKAH 14:

14-make-clipping-mask

  • Sekarang, select kedua-dua kotak bucu lengkung baru dipaste tadi bersama dengan kotak shadow.
  • Klik kanan dan pilih Make Clipping Mask.

HASIL:

hasil

 

  • Inilah hasilnya!

HASIL TAMBAHAN:

hasil-tambahan

 

hasil-tambahan

 

Imran

Imran

Pengasas, Sifoo.com - bekerjaya dalam bidang graphic design, aktif mengendalikan kursus graphic design serta minat seni visual secara umumnya.

Kursus di SIFOODOTCOM

4 komen

Follow us

Don't be shy, get in touch. We love meeting interesting people and making new friends.

Most discussed