Showing posts with label Photoshop. Show all posts
Showing posts with label Photoshop. Show all posts

Sunday, December 25, 2016

Membuat efek dispersion di photoshop

Didalam tutorial ini kita akan membuat efek foto dispersion di photoshop. Efek ini sudah sering kita lihat di berbagai situs yang membahas tentang tutorial photoshop yang ada di internet.

Seperti namanya efek dispersion (pembubaran), efek ini akan membuat sebuah gambar yang sebagian dari gambar tersebut menyebar. Dispersion effect bisa dibuat dengan beberapa teknik sederhana di photoshop
Berikut ini adalah efek foto dispersion yang akan kita hasilkan.

efek dispersion, tutorial photoshop, dispersion photoshop

Aplikasi: Adobe Photoshop CS6 
Waktu: 25 Menit 
Tingkat Kesulitan : Menengah 

Membuat Efek Foto Dispersion di photoshop

Langkah 1 
Buka foto yang akan kita berikan efek dispersion ini di photoshop (Ctrl+O). 
Seleksi gambar model, karena di sini kita menggunakan foto wanita dengan background warna, kita bisa menggunakan Magic Wand Tool (W). 
Aktifkan Magic Wand tool, klik pada bagian luar foto untuk mendapatakan seleksi. 
efek dispersion photoshop

Kemudian balikkan seleksi tadi dengan pilih menu Select-Inverse atau menekan Ctrl+Shift+I.

efek dispersion photoshop

Untuk mendapatkan hasil seleksi yang bagus, gunakan fungsi Refine edge dengan pilih menu Select-Refine edge atau Ctrl+Alt+R. 
Sesuaikan komposisi refine edge seperti berikut ini. 
efek dispersion photoshop

Sapukan brush pada bagian yang telah ditandai dengan warna merah untuk merapikan seleksi pada rambut. 
Setelah pilih Ok maka kita akan mendapatkan layer baru.


Langkah 2 
Aktifkan Move tool (V), lalu geser foto ini ke kanan, karena yang akan kita beri efek dispersion adalah bagian belakang foto. 
efek dispersion photoshop

Langkah 3 
Pada langkah ini kita akan memberi background pada foto. 
Buat layer baru di atas layer background, kemudian aktifkan Gradient Tool (G)

efek dispersion photoshop

Tarik tool ini dari kiri ke kanan dengan tipe linier gradient. 
efek dispersion photoshop

Langkah 4 
Kembali ke layer model kita, lalu tambahkan layer mask untuk layer ini. 
efek dispersion photoshop

Duplikat layer model ini dengan menekan Ctrl+J di keyboard.
efek dispersion photoshop

Langkah 5 
Pergi ke layer model yang dibawah. 
Pilih menu filter-Liquify. 
Gunakan Forward Warp tool. 
Sapukan tool ini untuk menarik gambar ini. 
efek dispersion photoshop

Setelah itu aktifkan Paint Bucket tool (G) dengan warna hitam. 
Lalu kita gunakan untuk untuk mengubah warna mask menjadi hitam, sehingga layer kita akan terlihat seperti berikut ini. 

efek dispersion photoshop

Langkah 6 
Aktifkan Brush tool dengan tipe Rough Round Bristle, ukuran menyesuaikan foto. 
Pada foto ini ukuran yang saya gunakan 600 Px 
efek dispersion photoshop

Untuk layer yang dibawah gunakan brush dengan warna putih, Untuk menampilkan file yang telah disembunyikan oleh warna hitam tadi. Sapukan secara perlahan pada layer ini. 
efek dispersion photoshop

Sapukan terus sehingga akan terlihat seperti ini. 
efek dispersion photoshop

Jika untuk layer yang dibawah kita menampilkan layer yang tersembunyi dengan warna putih, untuk layer yang diatas masih dengan brush yang sama namun dengan warna hitam. 
Sehingga akan terlihat seperti ini. 
efek dispersion photoshop

Tambahkan beberapa adjusment layer untuk memberi kesan warna yang lebih bagus.
Untuk menambahkan adjusment layer klik icon adjusment layer yang ada dibawah layer box. 
Adjusment layer yang akan kita tambahkan adalah Hue/saturation, Exposure dan Color balance. 
efek dispersion photoshop

efek dispersion photoshop

efek dispersion photoshop

Final. 
Inilah hasil akhir yang kita dapatkan. 

efek dispersion photoshop

Friday, December 23, 2016

10 Tutorial Membuat Efek Teks Dengan Illustrator

Tutorial membuat efek teks / tulisan dengan Adobe Illustrator — Membuat efek teks yang keren memiliki kalangan penggemarnya sendiri, banyak desainer yang menyukai seni pembuatan teks (typography) ini. Hal tersebut wajar saja karena seni desain tulisan memang sungguh menarik dan memiliki keberagaman.
Anda yang sampai saat ini belum menyukai seni efek teks ini mungkin perlu mencoba terlebih dahulu, karena jika tidak pernah mencoba tentu tidak pernah suka.
Berikut ini ada beberapa tutorial pembuatan efek teks dengan mengguakan illustrator yang bisa Anda ikuti dan pelajari.

1. Membuat variasi teks dengan illustrator

efek teks illustrator

2. Membuat teks yang eye-catching dengan illustrator

efek teks illustrator

3. Membuat teks bergaya kotor dengan Illustrator

efek teks illustrator

4. Membuat teks retro dengan Adobe Illustrator

efek teks illustrator

5. Membuat efek tesk tarikan dan melingkar dengan Illustrator

efek teks illustrator

6. Membuat efek teks sambung dengan Illustrator

efek teks illustrator

7. Membuat efek tulisan gradien dengan Illustrator

efek teks illustrator

8. Membuat efek teks kartun dengan Illustrator

efek teks illustrator

9. Membuat efek teks dengan dekorasi glamor pada script font

efek teks illustrator

10. Membuat efek tulisan didalam gambar love dengan Illustrator

efek teks illustrator
Itulah beberapa tutorial pembuatan efek teks / tulisan dengan Adobe Illustrator, semoga berguna untuk Anda dan membuat Anda semakin mahir menggunakan Illustrator.

Gunakan 6 Aplikasi Ini Untuk Membuat Icon Font Sendiri

Membuat icon font sendiri ? Kenapa tidak. Teknologi website semakin hari semakin berkembang, jika dulu website hanya menggunakan font standar yang ada di komputer, semakin kesini font yang digunakan pada sebuah website bisa bermacam-macam.

Bahkan ada font berbentuk ikon yang bisa digunakan untuk memudahkan kita dalam penggunaan ikon atau karakter di halaman website.
Terdapat banyak kumpulan ikon font seperti FontAwesome dan Iconic yang dapat digunakan dengan mudah untuk mendesain tampilan antarmuka, namun terkadang ada kalanya kita ingin menggunakan font ikon buatan kita sendiri atau bahkan Anda ingin menggabungkan ikon dari berbagai kumpulan ikon font.
Berita baiknya adalah, ternyata membuat ikon font cukup mudah untuk dilakukan. Berikut ini adalah beberapa ikon font generator gratis yang memungkinkan Anda untuk membuat ikon font Anda sendiri.

1. Icon Vault

Icon Vault
Untuk menghasilkan ikon font Anda sendiri dengan Icon Vault, pertama Anda harus men-download paket template mereka. Kemudian ikuti petunjuk yang disertakan dalam paket template. Setelah Anda selesai, upload ikon Anda ke Icon Vault.

2. IcoMoon App

Aplikasi IcoMoon memungkinkan Anda untuk mengimpor ikon Anda sendiri sama baiknya seperti menyertakan ikon dari deretan ikon IcoMoon dan kumpulan ikon gratis lainnya. Total jumlah ikon yang tersedia dalam aplikasi IcoMoon mencapai ribuan.

3. Fonttello

Fontello
Fonttello menawarkan platform sederhana yang dapat digunakan untuk menghasilkan ikon font buatan Anda sendiri. Untuk membuat huruf ikon font, cukup drag file SVG dari komputer Anda dan letakan mereka di bawah lokasi judul “Custom Icons”. Anda juga dapat menggabungkan ikon dar ikon set gratis dengan memilihnya di Fontello.
– Baca juga: Inilah! Font Paling Populer Di Dunia

4. Pictonic Fontbuilder

Pictonic Fontbuilder memungkinkan Anda untuk memilih dari ikon Pictonic gratis atau berbayar untuk membangun custom ikon Pictonic sendiri. Pictonic memiliki lebih dari 2.700 ikon untuk dipilih, dan 300 diantaranya adalah gratis. Untuk mengakses Pictonic Fontbuilder Anda perlu melakukan registrasi/sign up.

5. Fontastic

Fontastic
Fontastic memungkinkan Anda untuk membuat ikon font Anda sendiri, Anda bisa memiliki ikon dari yang disediakan secara gratis atau mengupload ikon dari file SVG milik Anda sendiri. Setelah Anda sudah siap, pilih tab “Publish”, dimana Anda akan bisa memilih untuk menaruh ikon font Anda di Fontastic Icon Cloud atau mendownload ikon font Anda tersebut. Dibutuhkan pendaftaran untuk mengakses generator ikon font Fontastic.
Tambahan

6. Glyphter

Ketika mengunjungi Glypter, Anda akan melihat kotak berisi karakter yang ada di sebelah kiri. Sebelah kanan disebut rak ikon (icon self), disitulah Anda akan menemukan ikon gratis dan sebuah kolom pencarian. Cara kerjanya hanya tinggal drag & drop ikon yang ingin Anda gunakan dari rak ikon, dalam salah satu kotak di grid. Anda juga dapat mengupload sendiri file ikon SVG milik Anda dengan melakukan klik di grid. Anda dapat memiliki hingga 88 ikon dalam font ikon Anda secara gratis. Jika Anda ingin ikon-ikon lainnya, maka Anda bisa mendaftar untuk memiliki sebuah akun premium.

7 Langkah Menjadi Ahli Tipografi

Menjadi ahli tipografi Salah satu bagian yang cukup penting untuk dipelajari dalam dunia desain adalah tipografi, yaitu sesuatu yang berhubungan dengan tulisan.
Berbicara tentang tipografi berarti kita berbicara tentang seni membuat tulisan agar terlihat menarik untuk dipandang atau dibaca oleh target pemirsanya.
Tipografi memiliki banyak sekali bagian yang perlu kita pelajari, mulai dari jenis, ukuran, bahkan ada istilah yang mungkin cukup asing untuk pemula seperti apa itu kerning, leading dan tracking.
Untuk bisa membuat tipografi yang menarik dan keren, tentu harus menguasai berbagai hal tentang seluk-beluk tipografi. Apalagi jika Anda ingin menjadi seorang ahli / master dalam bidang tipografi.
Berikut adalah langkah-langkah agar Anda bisa menjadi ahli dalam dunia tipografi yang posharian kutip dari Creative Market, Jumat (11/03/2016).
1. Pelajari sejarah tipografi
Mempelajari sejarah tipografi merupakan langkah awal agar bisa menjadi ahli dalam bidang tipografi, untuk mencintai sesuatu maka ada baiknya kita paham asal mulanya, dimana typography adalah sebuah kata dari Yunani yang terdiri dari kata “typos” dan “grapien”, yang berarti menulis.
2. Pahami jenis font utama
Selain mempelajari sejarah selanjutnya adalah mempelajari jenis-jenis font utama yang biasa digunakan. Pelajari juga perbedaan font dan jenis huruf, dimana jenis huruf mengacu pada desain keseluruhan, sedangkan font berarti ukuran tertentu dan bobot hurufnya. Misalnya Times New Roman adalah jenis huruf, sedangkan Times New Roman Bold 24 adalah font. Dalam aplikasi seperti Microsoft Word dan berbagai aplikasi lain, jenis huruf kini juga dikenal sebagai font.
Jenis font sendiri dibedakan atas font serif dan sans-serif. Font serif adalah adanya tonjolan pada ujung huruf, contohnya bisa dilihat pada font Baskerville, Garamond dan Times New Roman. Sedangkan font sans-serif tidak memiliki tonjolan, contohnya seperti font Arial, Futura.
serif dan sans-serif
Perbedaan font serif dan sans-serif (Image: blog.getresponse.com)
3. Belajar bagaimana menggabungkan font
Setiap font memiliki kepribadian atau karakter tersendiri, sama seperti manusia, satu kepribadian terkadang tidak cocok dengan kepribadian lain. Oleh karena itu seorang ahli tipografi biasanya adalah orang yang pandai dalam menggabungkan beberapa font untuk digunakan dalam satu pekerjaan.
4. Pelajari aturan dasar tipografi
Aturan dasar tipografi juga penting untuk diketahui seorang tipografer, ingat bahwa font hanya masuk akal dalam konteks, jadi coba untuk melihat bagaimana mereka diintegrasikan ke dalam desain pada sebuah proyek yang besar.
5. Pelajari perbedaan antara kerning, leading dan tracking
Dalam sebuah tulisan tentu ada ruang pemisah, ruang antara huruf dibedakan dalam tiga bagian.
Kerning adalah jarak antara individu huruf.
kerning
Leading untuk mendefinisikan berapa banyak ruang yang Anda tinggalkan diantara garis dan teks.
leading
Tracking hampir mirip dengan kerning namun lebih mengacu pada grup huruf, bukan individual.
tracking
Untuk mencoba-coba bagaimana perbedaan kerning, leading & tracking, Anda bisa kunjungi website http://open-foundry.com
6. Belajar bagaimana memilih font
Sebuah bisnis membutuhkan merek yang mengesankan dan dikenang, dan logo yang berkesan bisa dimulai dengan font. Memilih font harus melibatkan banyak pemikiran yang cermat dan sedikit penelitian. Anda tentu harus mulai dengan mendefinisikan seperti apa citra merek, dan membuatnya bisa mudah diterima oleh konsumen.

7. Pelajari bagaimana cara membuat font
Agak sulit rasanya menyebut seseorang sebagai ahli tipografi namun dia tidak bisa atau bahkan tidak pernah membuat font sendiri. Seseorang yang ahli biasanya dikenal dengan karya-karyanya. Jadi pelajari bagaimana cara membuat font yang baik dan jadilah seorang ahli tipografi.

Selain itu untuk bisa membuat font Anda sendiri, bisa menggunakan aplikasi berbayar seperti FontLab Studio, atau yang gratisan seperti FontStruck atau FontForge.
Itulah beberapa poin yang setidaknya harus Anda dalami ketika memutuskan untuk menjadi ahli dalam bidang tipografi, yang kami jelaskan diatas tentu hanya poin-poin nya saja, bisa dibilang hanya kulitnya saja dan untuk lebih memahami secara lebih mendalam tentang poin-poin diatas tentu Anda bisa cari berbagai literatur tentang hal tersebut baik dalam bentuk artikel di internet atau dengan membeli buku-buku yang berkaitan dengan dunia tipografi.
Jangan lupa juga untuk sering-sering bermain di website yang berkaitan dengan tipografi seperti typographyserved.com yang berisi berbagai karya dari tipografer dari berbagai penjuru dunia yang bisa Anda jadikan inspirasi.
Selain itu Anda juga disarankan untuk lebih banyak bersinggungan dengan dunia tipografi, sudah banyak master tipografi yang memang mengawalinya dengan dunia tipografi, seperti Edward Johnston sang pembuat font Underground yang sebelumnya bekerja sebagai tukang kaligrafi. Ketika Anda membuat font Anda sendiri, tentu Anda juga harus bisa memasarkannya agar semua orang bisa melihat dan menggunakan karya Anda. Untuk itu bisa dengan memajang karya Anda di website seperti Behance atau Dribbble.
Selamat berkarya dan selamat membangun karir sebagai tipografer handal :)

Memahami Elemen dan Istilah pada Tipografi dan Font

Istilah – Istilah pada tipografi dan font | Jika ada satu bidang desain yang pasti untuk memprovokasi memecah belah opini, itu adalah font dan tipografi.
Desain logo dan rebrand bisa berhasil atau gagal berdasarkan pilihan font mereka, tapi apa hal tentang tipografi dan wordmarks yang dapat membuat orang menjadi gusar?
tipografi dan font
 Jawabannya adalah terdapat lebih banyak hal pada desain tipografi dibanding yang terlihat oleh mata. Bahkan terdapat banyak aturan dan persyaratan teknis yang berkaitan dengan pembuatan font yang tidak banyak diketahui orang.

 Banyak orang hanya mengetahui hal-hal umum tentang tipografi, seperti serif atau sans-serif, namun hal-hal lainnya tidak tahu namanya. Padahal banyak sekali istilah-istilah lain yang perlu diketahui seperti kerning, leading, dll.
 Untuk membantu kita memahami elemen yang ada pada font agar lebih paham dalam pembuatan maupun penggunaannya, The Logo Company telah mengumpulkan informasi dan membuatkan sebuah infografi yang menjelaskan tentang abjad dan istilah dalam tipografi.
Semoga bermanfaat

7 Tutorial Membuat Vektor Wajah dengan Illustrator

Tutorial membuat vektor wajah dengan Illustrator — Membuat gambar vector merupakan sebuah kesenangan tersendiri dimana kita bisa membuat sebuah gambar yang memiliki kualitas bagus, tidak pecah ketika diperbesar dan sangat baik jika ingin di cetak.
Gambar vektor atau biasa disebut grafik vektor adalah sebuah gambar digital yang berbasiskan persamaan matematis. Dimana gambar vektor terdiri dari penyatuan atau penggabungan koordinat-koordinat titik menjadi garis maupun kurva untuk selanjutnya dijadikan sebuah objek, hasilnya gambar vektor tidak pecah meskipun diperbesar atau diperkecil ukurannya.
Gambar vektor biasnaya mempunyai ukuran yang lebih kecil jika dibandingkan dengan gambar bitmap.
Format gambar vektor diantaranya adalah SVG, EPS, CDR serta AI
Pada kesempatan sebelumnya kita sudah membahas tutorial dasar membuat gambar vektor dengan Illustrator, pada kesempatan kali ini akan kita lanjutnya seri tutorial vektor dengan membuat gambar vektor wajah maupun bagian tubuh lain yang berkaitan dengan wajah seperti rambut dan mata.
Berikut beberapa tutorial yang bisa Anda ikuti, selamat menikmati..

Membuat vektor wajah bagian mata

gambar vektor mata
Gambar vektor mata
Video tutorial ini menunjukan bagaimana proses membuat gambar vektor mata, shading kulit dari sebuah foto.

Membuat gambar vektor wajah portrait

vektor wajah wanita
Vektor wajah wanita
Video tutorial yang cukup detail ini tentu saja bisa membantu Anda belajar menciptakan potret vektor dari sebuah foto dengan cepat.
– Baca juga: 56 Website Download Gambar Vektor Gratis Terbaik

Tutorial cara membuat WPAP vektor dengan Illustrator

gambar vektor wpap
Gambar vektor wpap
Tutorial ini dibuat langsung oleh orang yang disebut legenda WPAP yaitu Wedha Abdul Rasyid, pada tutorial ini kita diajarkan secara singkat padat dan jelas bagaimana cara membuat gambar WPAP wajah menggunakan Illustrator.

Trik membuat vektor rambut

trik gambar vektor rambut
Trik gambar vektor rambut
Dalam desain, hal yang berurusan dengan rambut biasanya akan sangat sulit untuk diselesaikan. Namun dengan bantuan tutorial yang menjelaskan langkah demi langkah bagaimana mengubah rambut seseorang menjadi seni vektor dari sebuah foto ini mungkin akan mempermudah pekerjaan Anda.

Membuat gambar potret wajah bergaya vektor geometris

vektor portrait geometri
Vektor portrait geometri
Dalam tutorial ini kita akan belajar cara membuat gambar ilustrasi vektor potret wajah dengan gaya geometris. Anda bisa menggunakan foto diri snediri sebagai bahan dasar ilustrasi, lalu membuat sketsanya, dan diakhiri dengan pemberian warna.

Membuat gambar vektor wajah monokrom dengan Illustrator

gambar vektor wajah monochrome
Gambar vektor wajah monochrome
Tutorial ini mengajarkan kita bagaimana cara membuat potret vektor monokrom hitam putih dari sebuah foto dengan menggunakan Adobe Illustrator.

Membuat gambar vektor wanita dengan rambut gelombang

vektor wanita cantik rambut gelombang
Vektor wanita cantik rambut gelombang
Tutorial ini mengajarkan bagaimana cara membuat gambar vektor wanita dengan rambut bergelombang dengan bantuan Adobe Illustrator, kita akan diajarkan dengan sangat detail namun dengan cara-cara yang mudah untuk dimengerti.
SEO Reports for posharian3.blogspot.com