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 ukuranya sesuai dengan kebutuhan.

3). Klik View→Show Grid untuk menampilkan garis kotak.

4). Buatlah garis menggunakan Pen Tool, lalu klik Rotate Tool dan pindahkan Anchor dari tengah ke atas , kemudian tekan Alt + Double Klik tepat pada Anchor ubah posisi menjadi 120° →Copy.

Note : Aktifkan preview untuk memastikan letak garis

5). Klik menu Edit→Preferences→Smart Guides , ubah pengaturan menjadi seperti ini.

6). Kemudian tekan Alt untuk mengCopy salah satu garis.

7). Klik Scissors Tool dan potong pada bagian tengahnya.

8). Klik Rotate Tool pindahkan Anchor lalu ubah posisi menjadi 240° dan Copy.

9). Klik Rotate Tool pindahkan Anchor ketengah ubah posisi menjadi 120°dan Copy.

10). Copy pada bagian yang ditandai lalu letakkan di bagian tengah.

11). Klik Pen Tool buat garis seperti di gambar kemudian hapus garis yg tadi di Copy , lalu klik Rotate Tool pindahkan Anchor pada bagian tengah ubah posisi menjadi 120° dan Copy. 

12). Tekan Ctrl+D untuk menambahkan garis berikutnya lalu untuk menghilangkan garis kotak Klik menu View→Hide.

13). Copy objek menjadi seperti ini lalu klik Object →Path → Outline stroke kemudian Object →Compound Path →Make dan klik Object →Lock →Selection.

14). Buat Rectangle sesuaikan dengan ukuran kertas, Seleksi objek keseluruhan Lalu Object → Unlock all. Setelah itu Klik Kanan Make Clipping Mask. 

B. Membuat Design Book Mockup menggunakan Adobe Photoshop 

1). Download terlebih dahulu mentahan book yang akan dipakai.

Link book mockup : h//www.pixeden.com/psd-mock-up-templates/psd-book-mockup-hardcover

2). Buka file mentahan format psd, lalu Double Klik pada sub layer yang diberi nama Put Your Desain.

Dan tampilannya akan menjadi seperti ini :

3). Kemudian Hide dengan cara klik tanda mata layer Shape dan  By Pixeden.

4). Pindahkan Geometri yang sudah kita buat tadi dengan cara Ctrl+C di Adobe Ilustrator dan Ctrl+V di Adobe Photoshop, dan sesuaikan posisinya.

5). Lalu Copy Layer 1, ubah Normal→Overlay. Kemudian tambahkan Teks sesuai keinginan, lalu klik File→Save AS.

Hasil akhir:

Terimakasih

Semoga Membantu ;)

Tutorial Membuat Desain Liquid Pada Software Adobe Ilustrator Cs 6

 1). Buka Software Adobe Ilustrator

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

3). Buat objek menggunakan Ellipse Tool. Untuk ukuranya Width : 200px dan Height : 200 px. Beri warna Gradient dan duplikat

 

4).  Klik Object - Blend - Blend Options lalu ubah Spacing sesuai yang di inginkan setelah itu klik Object - Blend - Make

5).  Buat objek menggunakan Pen Tool dan blok dengan objek sebelumnya. Klik Object - Blend - Replace Spine 

6). Kemudian klik Object - Blend - Reverse Spine dan duplikat objek

7). Buat Rectangle Tool beri warna Gradient dan blok semua objek. Klik kanan pada Keyboard dan klik Make Clipping Mask

8). Agar tampilan tidak monoton buatlah objek lainya sesuai yang anda inginkan

Dan setelah di Export inilah hasil akhirnya :

Mohon Maaf Bila Masih Banyak Kekurangan ^^

Terimakasih

See u;)

Rancangan Pembelajaran Pada Software Smart Apps Creator

STRUKTUR NAVIGASI , STORYBOARD DAN PENJELASANYA !

1). 

2). 

3). 

Terimakasih:))

Tutorial Membuat Quiz Sederhana Pada Software Smart Apps Creator 3

 1) Buat section baru ( Klik Kanan Pada Default Seaction→New Seaction ). Lalu Rename Section→beri nama Latihan.

2). Tambahkan Background untuk memperindah tampilan Page ( Klik Insert→Background→Extrude ) dan pilih Background yang di inginkan.

3).  Tambahkan Elemen-elemen berupa Gambar/Teks agar tampilannya lebih menarik.

# Cara menambahkan Gambar ( Klik Insert→Image ) lalu pilih gambar yang diinginkan.

# Cara menambahkan Teks ( Klik Insert→Text→Horizontal Text ).

4). Buatlah Page baru di bawah Page pertama ( Klik Kanan di bawah Page Pertama→Klik New Page ). Buatlah New Page sesuai dengan jumlah soal yang akan dibutuhkan nantinya.

5). # Pada Page ke-2 ,Masukkan teks soal beserta jawabannya, Dan perlu di ingat setiap Teks hendaknya berada pada Box Teks yang berbeda. Agar mempermudah perintah program selanjutnya. Setelah input Teks, Masukan Tombol Opsi A,B,C,D berupa PNG, dengan cara ( Klik Insert→Image dan Masukan Icon A,B,C,D PNGnya).

# TambahGambar untuk Background Score.

# Masukan Global Counter yang akan di gunakan untuk menampilkan Score pengguna yang mengerjakan Latihan ( Insert→Counter→Global Counter ). Lakukan hal yang sama di setiap Page yang dibuat dengan cara Copy→Paste.

6).  Pada Page terakhir,  Buat halaman yang akan Menampilkan Score pengguna→ Masukkan beberapa gambar→ Dan Input Global Counter untuk menampilkan Seluruh Score dan jawaban Pengguna.

7). Pada Page Pertama, Buatlah perintah interaksi agar soal-soal Latihan bisa digunakan dengan baik. Di Slide awal Klik Icon mulai kemudian ( Klik Interaction→Tounch→Object {Pilih tombol mulai} →Swich Page ) Pilih Section Latihan

Dan pilih Slide soal nomor 1 Klik Submit. 

( Fungsi interaction ini adalah ketika mengklik tombol mulai maka aplikasi akan menuju ke slide nomor 1 ).

8). Pada Page soal pertama, Buatlah perintah Interaksi untuk jawaban Benar, Caranya Klik opsi icon Jawaban yang Benar ( Klik Interaction→Tounch→Object→ {Pilih counter} →Increas Counter ). Akan muncul Popup Masukan Angka 10 Digit klik Submit

( Perintah ini memberikan Fungsi apabila pengguna mengklik opsi jawaban Benar, Maka point akan bertambah 10 ).

9). Setiap selesai memberikan perintah interaction jangan lupa untuk selalu mengklik Tombol (Add), "Karna, jika tidak Fungsi dari interaction tidak akan berjalan.

10). Berikan juga perintah untuk beralih Page di setiap Opsi jawaban Termasuk pada jawaban yang Benar, Caranya "Sama Seperti pada Perintah Tombol mulai di Halaman Pertama", Lakukan hal yang sama disetiap Halaman Soal.

11). Langkah terakhir, di Slide akhir Latihan kita akan memasang Perintah interaksi untuk mereset Skor kembali Menjadi "0".

12). Pada Tombol Home dan Tombol Ulangi, Pertama beri Fungsi "Reset latihan" pada Tombol "Ulangi" (Klik Interaction→Touch→Object→Counter→

Reset Counter ).

Berikan Fungsi Kembali ke page awal Soal Latihan, Dengan cara yang sama seperti pada Tombol "MULAI LATIHAN", jadi setiap Tombol mempunyai 2Fungsi sekaligus, Yaitu mereset score dan Kembali ke halaman mulai latihan.

13). Finally, jangan lupa untuk mengecek Preview untuk memastikan semua tombol berfungsi dengan benar.

Semoga berguna^^

Terimakasih;)