November 30, 2016

Typography dan Clipping mask



















Share:

Cara menyeleksi foto dengan Photoshop

Assalamualaikum wr. Wb selamat datang di dunia edit haha :D, kami dari kelompok dua ingin membagikan ilmu yang kita dapat sebagai mahasiswa teknik informatika (so banget ya haha). Kami disini mau share tutorial simple menyeleksi objek foto di photoshop dengan menggunakan magic wand tool. Sebelumnya kalian tau fungsi magic wand tool? Magic wand tool berfungsi untuk menyeleksi objek berdasarkan warna yang sama. Berikut langkah langkah nya , semoga dapat berguna untuk teman-teman sekalian..

1.Buka dulu aplikasi photoshop.
2.Buka file yang ingin diubah dengan klik file lalu klik open.
3.Pilih gambar yang ingin di gunakan , lalu klik open.
Berikut ini adalah foto yang ingin di edit menggunakan Photoshop:
4.Klik menu selection tool seperti dalam lingkaran.
Lalu klick kanan sehingga kita menemukan magic wand tool di dalam selection tool , seperti pada gambar berikut ini :
5.Seleksi gambar yang akan di hilangkan. Apa bila ada bagian yang belum terselection bisa dengan menahan alt+klik bagian yang belum terseleksi.
Jika sudah lalu klik kanan dan pilih select inverse , seperti pada gambar :
Catatan: Fungsi inverse adalah menyeleksi daerah yang tidak terseleksi. Jika sudah di inverse hasilnya akan seperti ini :
6.Lalu klik kanan pada gambar lalu pilih layer via copy.
Jika sudah maka hasilnya akan seperti ini :
7.Jika sudah , klik save untuk menyimpan hasil editan kita.
Lalu pilih format gambar yang kita ingin kan :
Sekian tutorial dari kami , semoga apa yang kami bagikan dapat berguna untuk teman-teman pecinta photoshop.
Share:

November 24, 2016

Cara membuat flat Design

Teman-teman semua, sudah tahu Flat Design? Flat Design ini adalah sebuah tren desain antarmuka dalam web design dan UI (User Interface) di tahun ini. Seperti yang kita semua tahu, di jaman sekarang kehidupan tak pernah lepas dari perangkat mobile. Kebanyakan orang sekarang sudah menggunakan perangkat mobile seperti handphone, smartphone, tablet PC, dan lainnya. dan mayoritas perangkat tersebut kini sudah menggunakan antarmuka layar sentuh alias touchscreen. Maka, untuk memudahkan penggunaan aplikasi atau website di perangkat mobile, diperlukan sebuah desain antarmuka yang minimalis dan touch-friendly, lalu lahirlah Flat Design ini.

Dalam postingan kali ini Mang Tekno akan mengajarkan cara membuat sebuah teks dengan model Flat Design ini, yang perlu kita catat disini adalah bahwa Flat Design menggunakan pallete warna pastel alias warna yang tidak mencolok, kemudian ciri khas lain Flat Design yaitu menggunakan bayangan panjang untuk memperjelas kesan flat-nya. Oke, tanpa basa-basi lagi langsung saja kita cabut ke TKP!

Membuat Flat Design Text


1. Buka Photoshop lalu buat dokumen baru, misal Mang Tekno contohkan disini buat dengan ukuran 300x300 pixel kemudian berikan warna background "#34495e". Untuk pilihan pallete warna pastel lainnya bisa Sobat Tekno lihat di FlatUIColors.com.

Cara Membuat Flat Design dengan Photoshop

2. Kemudian buat teks bebas menggunakan "Text Tool".

Cara Membuat Flat Design dengan Photoshop

3. Dengan menggunakan "Pen Tool" sobat buat titik-titik penanda di setiap ujung teks, buat sebuah titik di tengah-tengah celah antara teks dan juga sebuah garis miring panjang diakhir teks seperti yang Mang Tekno contohkan berikut. Klik gambar jika kurang jelas.

Cara Membuat Flat Design dengan Photoshop

4. Hasil miring-miring tidak jelas?? Sobat pilih "Direct Selection Tool", dengan tool ini sobat bisa memperbaiki letak dan kemiringan titik yang salah tadi.

Cara Membuat Flat Design dengan Photoshop

5. Masih menggunakan "Direct Selection Tool", sobat tekan "Shift + klik kiri" pada titik yang berada di tengah celah antara teks. Setelah itu tarik atau drag titik tersebut sehingga menghasilkan garis miring sebagai bayangan dari huruf tersebut nanti. Lihat contoh gambar berikut.

Cara Membuat Flat Design dengan Photoshop

6. Setelah rapih hasilnya akan jadi seperti ini.

Cara Membuat Flat Design dengan Photoshop

7. Sobat Tekno buat layer baru di atas "Background" atau "Layer 0".

Cara Membuat Flat Design dengan Photoshop

8. Jika sudah, tekan "Ctrl + X" kemudian "Ctrl + V". Lalu dengan "Paint Bucket Tool" sobat isi layer tersebut dengan warna hitam.

Cara Membuat Flat Design dengan Photoshop

9. Jika benar maka sobat akan melihat hasil seperti gambar di atas.

10. Ubah level "Fill" layer tersebut menjadi "0%" sehingga bayangan hitam tersebut tidak lagi terlihat.

Cara Membuat Flat Design dengan Photoshop

11. Buat efek gradasi bayangan dengan cara klik menu "Layer > Layer Style > Gradient Overlay".

12. Atur Opacity menjadi sekitar "15-50%" dan Angle "-45°" seperti gambar di bawah ini.

Cara Membuat Flat Design dengan Photoshop

13. Klik "OK" lalu lihat hasilnya, dan... Whala! Sudah jadi Sobat Tekno. Selamat!

Cara Membuat Flat Design dengan Photoshop


Share:

Labels

Powered by Blogger.