Sabtu, 30 Januari 2021

Tutorial Membuat Desain Web Landing Page Pada Software Adobe Ilustrator Cs6

 1) Buka Software Adobe Ilustrator


2) Klik File - New, lalu atur ukuran kertas sesuai yang anda butuhkan


3) Klik Rectangle ubah Width 1250 px dan Height  5.6 px  


4) Tampilkan rulers untuk rata kanan kiri. Pilih View - Rulers - Show rulers. Lalu edit sesuai kebutuhan website yang anda inginkan 


Catatan :

# Untuk menambahkan text. Pilih Text tool -  Color dan ketik lalu beri warna sesuai keinginan anda.

# Untuk mengatur  background . Pilih rectangle - sesuaikan ukuran dengan kertas - color.


Sumber foto (mentahan) : undraw.co

Hasil Akhir Setelah di export :





Terimakasih:)

Mohon Maaf Bila Masih Banyak Kekurangan

Jumat, 29 Januari 2021

Membuat Quiz Klik and Drag Pada Software Smart Apps Creator 3

1) Buka Software Smart Apps Creator 3.

2) Klik Android Phone→Horizontal→Submit (Sesuai yang dibutuhkan).

3) Beri nama pada section untuk quiznya.

4) Insert Text, untuk tampilan pembuka (start page), beri judul/nama Quiz dan posisikan di tengah (center).

5) Insert Image untuk objek pertama (atas) lalu Copy + Paste untuk objek kedua (bawah). Contoh : Atas (angka 1&2) dan Bawah (angka 1&2). ~ Pada objek pertam, set posisi berada di depan Blok objeknya→Bring to Font.

6) Non-aktifkan navigasi, sehingga halaman terkunci Menu Page→Aktifkan objek angka 1 (atas) menjadi dragging→Pilih juga Push Back After Dragging. Lakukan pada objek selanjutnya.

7)  Rename nama objek pada layer agar memudahkan objek mana yang akan di drag.

8) Insert Hotspot untuk objek yang bawah. Hotspot Shape→Oval, menyesuaikan dengan objek.

9)  Letakkan hotspot di atas angka 1 (bawah) copy hotspot untuk objek angka 2 (bawah). 

10)  Rename hotspot sesuai objek.

Note : Hotspot harus lebih besar ukuranya di banding objek

11) Pilih Objek→Interaction→Enter Hotspot (Pilih hotspot yang di tuju) →objek 1 (atas) →Hide→Add. Lakukan juga pada objek angka 2 atas. 

12) Insert Image untuk tampilan BENAR. Insert→Image→Tanda benar.png, (yang sudah di download sebelumnya). 

13) Setting Hide tampilan Klik Image (centang) → Property→Setting→Hide Object→When Browsing→Checklist.

14) Lalu, kita atur agar saat menjawab benar, muncul tampilan centang. Klik angka 1 (atas) > Interaction > Enter Hotspot (Pilih Hotspot yang dituju) > Object (Tanda benar. Png) > Appear > add.

15) Selanjutnya, insert animasi pada object centang Klik image > Animation > Zoom (biru) > add tambahkan lagi Klik image > Animation > Zoom (Orange).

16) Klik pada animasi kedua (bawah). Isi Delay dengan ukuran 1.50 kemudian save

17) Hapus interaction yang tadi sudah dibuat, lalu Klik angka 1 (Atas) > Interaction > Enter Hotspot (pilih hotspot yang dituju) > object (Centang) > Play Animation > Add.Lakukan Hal yang sama pada object angka 2 atas.

 

Terimakasih

Semoga Membantu;)

Senin, 25 Januari 2021

Tutorial Membuat Poster Gradient Menggunakan Adobe Ilustrator CS6

 1) Buka Software Adobe Ilustrator


2) Klik File - New, lalu atur ukuran kertas sesuai yang anda inginkan


3) Buat objek menggunakan Ellipse Tool


4) Setelah itu lalu atur atur kanan-kiri atas bawah agar sama menggunakan Align to Arthboard


5) Beri warna pada objek lalu klik Mesh Tool


6) Klik pada anchor lalu beri warna lagi


7) Kemudian klik Twirl Tool agar pola abstrak yang di hasilkan menjadi lebih smooth


8) Perbesar objek lalu buat Rectangle, lalu tekan Shift pada keyboard untuk memblok objek dan klik         kanan pada Mouse dan klik Make Clipping Mask


9) Setelah itu berilah Teks karna temanya adalah Edukasi Covid-19 jadilah seperti ini



     Dan setelah di Export inilah hasilnya :



Selasa, 19 Januari 2021

Tutorial Membuat Kalender Menggunakan Adobe Ilustrator Cs6

 1. Buka software Adobe Ilustrator


2. Klik File - New, lalu atur ukuran kertas sesuai yang anda inginkan


3. Lalu buat objek untuk memasukan foto menggunakan Pen Tool

 
4. Kemudian import gambar yang digunakan untuk latar, yaitu dengan klik File - Open dan pilih gambar yang akan dipakai

5. Setelah gambar di pilih kita akan memasukkan foto ke dalam objek, yaitu dengan clipping mask caranya klik gambar lalu Klik kanan - arrange - Send to back lalu tekan Shift pada keyboard lalu tahan dan Klik kanan - Make Clipping Mask

 
6. Untuk membuat tanggalnya Klik View - Show Rules dan atur sesuai yang kita butuhkan.


7. Setelah itu kita export dan save dan ini hasilnya







Tutorial Membuat Geometri Pattern Design dan Membuat Design Book Mockup

  A . Membuat Desain Geometri Pattern Pada Adobe Ilustrator Cs 6 1). Buka Software Adobe Ilustrator 2). Ctrl+N untuk membuat file baru dan ...