#sifoodotcom

[Ai] Teknik Efek Long Shadow

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

Komen via Facebook

Kursus di SIFOODOTCOM

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

 

Komen via Facebook

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