Mengubah Warna Tampilan di Adobe Illustrator

Mengubah Warna Tampilan di Adobe Illustrator

Design   April 26, 2017

Pada artikel kali saya akan membagikan tutorial singkat untuk teman teman para Designer. Untuk tutorial kali ini saya hanya akan membahas bagaimana cara untuk Mengubah Warna Tampilan pada Adobe Illustrator. 

Warna default tampilan dari Adobe Illustrator ini adalah Dark atau warna gelap bagi yang menggunakana CS  6 ( saya menggunakan CC 2017 default warnanya juga Gelap ) atau warna Terang bagi yang menggunakan CS 4 -CS 5. Jadi bagi teman teman yang lebih suka dengan warna gelap teman teman bisa kok mengubahnya atau sebaliknya.

Mengubah warna tampilan pada Adobe Illustrator

pertama teman teman buka dulu Software Adobe Illustator nya. Kemudian klik  Edit > Preference > User Interface. sehingga akan muncul Window option seperti gambar di bawah ini.

Nah pada Brightness yang terlihat pada gambar diatas itu terdapat empat pilihan warna, yaitu

· Dark

· Medium Dark

· Medium Light, dan

· Light

Jadi teman teman bisa memilih warna apa yang ingin digunakan untuk Adobe Illustrator masing masing.

Untuk melihat demo dari warna tersebut teman teman bisa melihat kembali Gambar artikel pada potingan ini.

Perbedaan Bitmap dan Vector

Perbedaan Bitmap dan Vector

Design   April 24, 2017

Beberapa diantara teman teman mungkin belum tau apa itu Bitmap dan Vector, oleh karena itu pada postingan pertama saya di blog baru saya ini dengan niche Design, saya akan menjelaskan kepada teman teman tentang perbedaan Bitmap dan Vectro.  Pasti ada diantara teman teman yang suka design dan hanya design desgin saja tanpa tau Grafis apa yang sedang teman teman design? bener gak? Nah untuk teman teman harus simaknih penjelasan tentang tentang Bitmap dan Vector.

Perbedaan Bitmap dan Vector Secara Dasar

Perbedaan dasarnya ialah kalau Vector ukuran nya gak ada batas atau Unlimite jadi mau di perbesar sebesar apapun gak masalah karna gambar nya gak akan pecah.

Sedangkan Bitmap kebalikannya jika gambar Bitmap memiliki ukuran 500px terus diperbesarkan menjadi 1000px pasti gambarnya akan bermasalah, ya tentunya sigambar tersebut pecah.

Perbedaan Bitmap dan Vector Secara Detail

1. Ukuran (size)

Seperti yang sudah saya jelaskan diatas Grafis Bitmap itu akan pecah gambarnya jika di ukuran asli dari gambar tersebut di uba, tetapi itu tidak berpengaruh terhadap gambar Vector.

2. Saat Zoom

Yang kedua adalah pada saat gambar di zoom, gambar Vector pada saat juga tidak akan terlihat pecah sebaliknya dengan gambar Bitmap pada saat di zoom akan terlihat pecah jika dizoom.

3. Sifat

Nah kedua gambar ini memiliki sifat, sifat yang dimaksud disini ialah resolusi dari gambar tersebut. Vector memiliki sifat yang tidak dipengaruhi oleh resolusi, makanya gambar susah pecah, sedangkan Bitmap sifatnya dipengaruhi oleh resolusi.

4. Kegunaan

Ini yang paling perlu tema teman ingat dan jangan sampai salah menggunakannya. Gambar dengan format vector biasanya digunakan untuk mendesign  illustrasi seperti Logo misalnya. Sedangkan Bitmap Bitmap digunakan untuk gambar dengan warna yang beragam.

5. Aplikasi

Aplikasi untuk membuat gambar Bitmap dan Vector juga berbeda, biasanya orang yang membuat gambar Vector menggunakan Adobe Illustrator dan Corel Draw. Sedangkan Bitmap orang banyak menggunakan Adobe Photoshop, dan sebenarnya juga Photoshop itu adalah Bitmap Editing.

Cara Menambahkan Icon pada Setiap Navigas Blog

Cara Menambahkan Icon pada Setiap Navigas Blog

Blogging   April 17, 2017

Blog kalian akan terlihat lebih menarik dengan adanya icon pada setiap navigasi blog, oleh karna itu pada tutorial kali ini saya akan membagikan tutorial tentang Cara Menambahkan Icon pada Setiap Navigas Blog.

Untuk menambahkan Icon Pada Navigasi Blog kita akan menggunakan bantuan dari Font Awesome, oleh karna itu kalian simpan dulu CSS ini diatas </head>.

<link href='//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.min.css' rel='stylesheet'/>

Kemudian setelah kalian menyimpan kode CSS yang tadi kalian bisa mengunjungi link ini

http://fontawesome.io/icons/ kemudian cari icon yang sesuai dengan judul dari Navigasi blog kalian.

Jika icon yang kalian cari sudah ketemu, kalain klik saja di icon tersebut sampai terlihat laman seperti ini.

Nah pada laman tersebut terdapat sintak HTML yang kita perlukan untuk menampilkan iconnya. Untuk cara penulisannya bisa lihat dibawah.

sebelum <i class="fa fa-paint-brush" aria-hidden="true"></i>

sesudah <i class="fa fa-paint-brush"/>

Kemudian jika cara penulisannya sadah dimengerti kalian bisa langsung menerapkannya di navigasi blog kalian.

Contohnya seperti ini

......<i class="fa fa-paint-brush"/>Design ......

Semoga saja tidak ada yang kebingungan dengan tutorial ini, dan semoga bermanfaat.
Jika ada yang tidak jelas bisa di tanyakan dikolom komentar.

Mudahnya Menggambar Ice Cream dengan Adobe Illustrator

Mudahnya Menggambar Ice Cream dengan Adobe Illustrator

Design   April 14, 2017

Tau Ice Cream kan? Yang enak di makan itu loh :D

Nah pada kesempatan kali ini saya selaku Admin di Blog ini ingin membagikan tutorial untuk Menggambar Ice Cream di Illustrator, saya yakin kalian semua yang ngikutin tutorial ini gak bakalan nyesel! karna apa? karna tutorial ini sangat mudah dan simple banget untuk di praktekkan.

Hanya dengan menggunakan beberapa Tool pada Adobe Illustrator kita sudah dapat menggambar ice cream.

Untuk lebih jelasnya simak aja deh cara menggambarnya.

Cara Menggambar Ice Cream di Illustrator

Untuk menggambar ice cream kita harus membuat terlebih dahulu batang dari ice creamnya.  

Pertama buka dulu software Adobe illustrator kalian dan kemudian buat dokument baru. Pilih Rounded Ratangle Tool dan gambarkan seperti pada gambar di bawah ini.

Jika sudah kemudian beri warna pada batang ice cream tersebut.

Sekarang kita akan membuat ice creamnya. Masih dengan Tool yang sama tapi kali ini gambarkan dengan yang agak besar.

Kalo sudah seperti gambar diatas kemudian pilih Ellipse Tool atau kalian bisa menggunakan shorcutnya dengan menekan tombol "L" pada keyboar. Lalu gambarkan sebuah lingkarang sempurna seperti ini.

Lalu geserkan lingkaran tersebut hingga sejajar dengan ice cream kita hingga hasilnya menjadi seperti ini.

Gimana sudah kelihatan bentuk ice creamnya? Tapi itu belum selesai kita harus manggabungkan terlebih dulu ice cream yang pertama dengan lingkarang agar menjadi satu objek. 

Klik Windows > Pathfinder (Shift + Ctrl + F9).

Jika jendela Pathfinder sudah terbuka seleksi ice cream yang pertama dengan lingkarang lalu klik Unite.

Sekarang ice creamnya sudah menjadi satu objek.

Sekarang kita akan membuat sebuah variasi pada ice creamnya. Klik pada batang ice ceam kemudian drag ke samping sambil menekan tombol (Alt) papa keyboard. Lakukan sebanyak dua kali.

Kemudian seleksi kedua stick ice cream tersebut kemudian Klik kanan pada Mouse > Arrange > Bring to Front. Kemudian seleksi lagi kedua stick ice creamnya dan drag ke atas ice cream.

Langkah terakhir teman teman hanya tinggal memperpanjangkan kedua stick nya dan mengganti warnanya. Selesai.

Sekian postingan Menggambar Ice Cream di Illustrator semoga bermanfaat bagi kalian semua.

Sering Berkunjung ya gan agar tidak ketinggalan tutorial tentang design lainnya 

Membuat Text Transparan Dengan Photoshop

Membuat Text Transparan Dengan Photoshop

Design   April 13, 2017

Sebenarnya untuk membuat text transparan tidak terbilang susah, dan saya pun mungkin tidak perlu untuk membuat tutorial ini, karna memang sangat mudah untuk membuatnya.

Kalian hanya perlu klik di Layer Text dan kemudian kalian bisa membuat text nya transparan dengan cara menurunkan opacity nya.

Tapi kali saya akan menggunakan cara yang berbeda untuk membuatnya, saya jamin deh temen temen bakalan suka :D

Kalo begitu simak aja deh tutorialnya

Membuat Text Transparan Dengan Photoshop

Buka terlebih dahulu software Photoshop kalian, kemudian Open sebuah gambar.

Lalu buatlah sebuah Rectangle dengan menggunakan Rectangular Tool (U) dan beri warna sesuka hati teman teman atau bisa juga menggunakan warna putih saja.

Kemudian buat sebuah text pada Rectangle itu dengan menggunakan Type Tool (M), lalu beri warna dengan warna yang ingin teman teman beri atau jika tadi teman mengunakan Rectangle dengan warna putih sebaiknya sekarang beri warna hitam pada textnya.

Nah jika sudah seperti seperti gambar di atas selanjutnya, Duplikat Layer Background lalu drag layer Duplikatnya ke atas (paling atas). Kemudian klik Layer > Creat Clipping Mask (Alt + Ctrl + G).

Nah sekarang text transparan kalian sudah selesai. Gimana mudah kan buatnya? Cuman beberapa langkah doang kok :D

Semoga bermanfaat!

Cara Membuat Efek Doutone dengan Photoshop

Cara Membuat Efek Doutone dengan Photoshop

Design   April 09, 2017

Duotone adalah effect yang memberikan dua gradasi warna gelap dan terang yang memberikan kesan bagus pada foto kita. Effect juga bisa dibilang mudah dalam membuat karna kita hanya perlu memberikan gradasi warna saja pada fotonya.

Lalu bagaimana cara membuatnya?

Cara Membuat Effect Duotone 

Buka Adobe Photoshop kalian, kemudian buat dokument baru dengan size 800 x 800 px. ( sesuaikan dengan ukuran foto kalian )

Kemudian buka gambar atau foto yang ingin diberikan effect duotone, lalu copy paste ke dokument. 

Untuk meng-copy paste gambar ke dokument kalian bisa takan Ctrl + A pada keyboard lalu Ctrl + C kemudian di halaman dokument tekan Ctrl + V, dan kemudian sesuaikan gambarnya dengan dokument.

Nah jika penempatan gambar sudah selesai, kemudian beri warna gradasi dengan cara klik Gradient Map Icon atau Layer > New Adjustment > Gradient Map. 

Kemudian atur warna yang akan diberikan, jika sudah klik Oke.

Gimana gampangkan? Oh iya, kalian juga bisa menambanhkan text pada gambarnya agar tidak terlalu polos. Untuk warna dari text berikan saja warna Putih.

Cara Membuat Efek Clipping Mask dengan Adobe Illustrator

Cara Membuat Efek Clipping Mask dengan Adobe Illustrator

Design   April 09, 2017

Hai sahabat designer bertemu dengan saya, nah kali ini saya akan membagikan tutorial bagaimana cara untuk Membuat Clipping Mask di Adobe Iluustrator, Clipping mask adalah efek dimana sebuah objek bereda di dalam objek. Kurang lebih begitu deh pengertiannya. 

Teman teman pasti pernah melihat tulisan dengan warna yang bukan seperti biasanya seperti merah, kuning, hijau dan gitudeh pokonya warna yang biasa digunakan  untuk mewarnai tulisan, melainkan dengan objek yang ada di dalam tulisan tersebut.

Nah dengan menggunakan efek Clipping Mask ini teman teman bakalan bisa membuat efek warna text seperti itu.

Apakah ada bahan khusus untuk membuatnya? Gak ada kok kalian cuma perlu mencari gambar apa yang akan di jadikan warna pada tulisannya.

Terus cara buatnya gimana? Mudah kok simak aja tutorial di bawah ini.

Membuat Efek Clipping Mask dengan Adobe Illustrator

Buka software Adobe Illustrator kalian, kemudian buat dokumen baru.

Lalu buatlah sebuah tulisan pada Artboard kalian, tulisan apapun dan dengan warna apapun terserah kalian, font nya juga terserah kalian.

Kemudian jika sudah selesai membuat tulisannya. Klik File > Place... (Shift + Crtl + P). Kemudian pilih gambar yang ingin kalian jadikan warna untuk text.

Sekarang gambarnya sudah muncul, tapi kok tulisan hilang ya? Tulisannya gak hilang kok dia cuman ngumpet aja dibalik gambar yang baru kita buka. Untuk menampilkan tulisan kalian bisa seleksi gambar yang baru kalian buka kemudian Klik kanan  > Arrange > Send Backward. 

Atau kalian juga bisa drag layer gambar ke paling bawah.

Nah tulisannya muncul lagi tuh :D . Sekarang untuk membuat Efek Clipping Masknya temen bisa seleksi semua yang ada di Artboard teman teman lalu Klik Kanan > Make Clipping Mask.

Nah jika sudah tampak seperti gambar di atas saya ucapkan selamat kalian sudah bisa membuat Efek Clipping Mask, dan jika kalian ingin mengatur posisi gambar kalian bisa klik tulisannya kemudian klik kanan dan pilih Isolate Selected Clipping Mask dan jika sudah selesai mengatur klik kanan lagi kemudian klik Exit Isolation Mode.