Selasa, 23 Juli 2013

Membuat Tipografi Wajah Dengan Photoshop

Beberapa waktu yang lalu saya sempat posting tentang cara membuat Tipografi di Photoshop. Dan kali ini saya akan membuat tutorial Tipografi Wajah. Sebuah tutorial photoshop yang sangat sederhana yang diharapkan dapat memberi penjelasan secara rinci mengenai proses pembuatan karya tipografi wajah. Mudah-mudahan dari tutorial ini, pembaca bisa berimprovisasi menciptakan artwork yang fantastis sesuai dengan fantasi dan imajinasi kreatif masing-masing.

Hasil Akhir

Tutorial Tipografi Wajah

Ukuran sebenarnya Disini

Berikut Langkah-langkah membuatnya....
Langkah 1
Persiapkan gambar yang ingin dibuat tipografi wajah. Buka gambar tersebut di photoshop, dan secara otomatis, layer gambar tersebut menjadi layer ‘background’. klik ganda pada layer ‘background’ untuk mengubahnya menjadi layer biasa, dan ubah nama layer tersebut menjadi ‘face’.

Gambar Wajah

Merubah Nama Layer

Langkah 2
Pada tutorial kali ini, kita hanya membutuhkan bagian wajah. Jadi crop gambar wajah menggunakan Pen tool (P). Untuk cara cropping gambar menggunakan Pen tool, lihat tutorial disini.

Seleksi Pen Tool

Hasil Seleksi

Langkah 3
Buat layer baru dan beri nama dengan ‘background’. Kemudian, posisikan layer ‘background’ diposisi paling bawah. Tekan tombol Ctrl+D di keyboard untuk mengembalikan warna foreground background menjadi hitam putih. Jika sudah, gunakan Paint Bucket Tool untuk mengisi layer background menggunakan warna hitam.

Paint Bucket Tool

Langkah 4
Buatlah sebuah layer baru dan beri nama layer dengan ‘tipografi’. Kemudian pastikan warna foreground adalah putih seperti gambar dibawah.

Layer Tipografi

Langkah 5
Silahkan mendownload dan menginstall Scrambled Letters brush, maka sekarang ada banyak pilihan brush berupa kumpulan huruf-huruf yang bisa digunakan. Pastikan layer ‘tipografi’ aktif, dan mulai sapukan brush dengan menggunakan Brush tool (B) pada bagian wajah.

Master Diameter Brush

Menyapukan Brush

Langkah 6
Ulangi menyapukan brush ke dokumen tapi pastikan brush yang di sapukan berbeda-beda jenisnya sampai kumpulan brush telah dirasa cukup untuk membentuk sebuah wajah.

Brush Wajah

Langkah 7
Jika sudah, tekan dan tahan tombol Ctrl di keyboard, kemudian klik pada thumbail layer ‘tipografi’ agar seluruh bentuk pada layer tersebut terseleksi.

Ctrl Keyboard

Langkah 8
Sementara seleksi aktif, klik layer ‘face’ untuk mengaktifkannya. Lalu tekan Ctrl + C (Copy) kemudian Ctrl + V (paste).

Copy Paste

Langkah 9
Langkah diatas menciptakan sebuah layer baru lagi bernama ‘layer 1′. Sembunyikan (hide) layer ‘face’ dan layer ‘tipografi’ untuk melihat dengan jelas bahwa ‘layer 1′ adalah kumpulan tipografi yang membentuk suatu objek wajah seperti gambar dibawah.

Hidden Layer

Langkah 10
Tapi kita belum selesai sampai disini, kita perlu membuat suasana lebih dramatis dengan membuat efek huruf-huruf yang keluar dari wajah, seperti terbawa angin. Untuk itu, buat sebuah layer lagi, beri nama dengan ‘tipografi 2′ sapukan beberapa Brush scrambled letters di samping wajah seperti pada gambar dibawah.

Layer Tipografi 2

Langkah 11
Klik ganda pada layer ‘tipografi 2′ untuk membuka jendela layer style. Pada jendela layer style, pilih gradient overlay dan atur settingan didalamnya seperti gambar dibawah. Langkah ini untuk membuat kumpulan huruf tambahan pada layer ‘tipografi 2′ mempunyai gradasi dari terang ke gelap sehingga menunjukkan kedalaman agar artwork terlihat lebih realistis.

Gradient Overlay

Langkah 12
Buat layer mask untuk ‘Layer 1′, caranya klik ikon layer mask di bagian bawah layer palette. Klik thumbnail layer mask di ‘layer 1′ kemudian buat bentuk acak seperti gambar dibawah ini dengan Pen Tool (P). Sementara Pen tool aktif, klik kanan pada area kerja, lalu pilih Make Selection untuk mengubah garis kurva menjadi seleksi. Jika sudah, isi area yang terseleksi dengan warna hitam. Langkah ini akan membuat bagian tersebut menjadi tidak kelihatan sekaligus menciptakan efek acak yang membuat artwork lebih dramatis.

Add Layer Mask

Masking Layer 1

Langkah 13
Kamu bisa berimprovisasi menciptakan kesan acak melalui langkah diatas tadi. Semakin acak bentuk yang kamu buat, maka akan semakin kuat harmonisasi yang dikesankan dalam artwork.

Hasil Typography

Langkah 14
Terakhir, kita masuk kedalam bagian pewarnaan. Buat sebuah layer baru diposisi paling atas layer-layer yang lain. Beri nama layer tersebut dengan ‘warna’. Gunakan Gradient Tool (G) dan buka Gradient editor. Pada Gradient Editor, atur settingan warna gradasi dari hijau ke orange seperti pada gambar dibawah.

Gradient Editor

Langkah 15
Drag Gradient Tool (G) pada area kerja, kemudian ganti blending mode untuk layer ‘warna’ menjadi Color.

Drag

Tipografi Wajah Dengan Photoshop

HASIL AKHIR

Tutorial Typografi Wajah

Selamat Mencoba...
Sekian dan terima Kasih
Salam PLUR


Baca SelengkapnyaMembuat Tipografi Wajah Dengan Photoshop

Senin, 22 Juli 2013

Membuat Efek Frame Keren Pada Foto

Kali ini kita belajar Photoshop tentang cara membuat efek frame yang keren pada foto, editing foto biar koleksi foto kalian dari yang biasa menjadi luar biasa. Di tutorial ini kita hanya menggunakan cara tool2 yang sederhana serta pemberian style yang kemudian di copy paste pada layer-layer berikutnya,tutorial ini sangat cocok buat para pemula yang belajar photoshop.

Gambar Akhir

Hasil Akhir Foto Frame

Berikut Langkah-langkah membuatnya
Langkah 1
Buka Photoshop kalian dan pilih gambar yang akan kita edit, kali ini saya memakai gambar yang saya temukan di google. Kalian bisa memakai koleksi foto sendiri mungkin lebih bagus;

Model Gambar Frame

Langkah 2
Pilh Rectangle Tool Untuk Membuat seleksi berbentuk kotak;

Rectangle Tool

Free Transform Path

Langkah 3
Klik kanan pilih Free Transform Path atur  gambar sesuai keinginan kalian, setelah itu klik kanan lagi pilih Make selection dengan Feater => 0 duplikat gambar sebanyak 2 kali trus ubah nama layer menjadi layer 1 dan layer 2, seperti gambar dibawah;

Make Selection

Layer 1 Dan 2

Langkah 4
Pilih layer 1 kemudian pilihlah Menu => Edit => Fill isi warna sesuai keinginan kalian. Turunkan Opacity Layer 1 menjadi 50% untuk memudahkan kita dalam menyeleksi bagian gambar lain-nya nanti. Maka hasilnya akan menjadi seperti gambar dibawah ini;

Foreground Color

Layer Satu

Langkah 5
Pilih layer background lagi, kemudian gunakan Regtangle Tool untuk menyeleksi gambar dibawah-nya;

Layer Background

Duplikasi seleksi dengan cara Ctrl + J kemudian letakkan layer copy dibawah layer 2

Layer3

Langkah 6
Ulangi langkah 2 tadi sampai mencakup keseluruhan body model.

Layer 5

Langkah 7
Sekarang saatnya memberikan efek layer style pada layer 2 dengan pengaturan seperti dibawah;

Stroke Layer Style

Style Drop Shadow

Langkah 8
Setelah pengaturan layer style, klik kanan pada layer lagi dan pilih Copy layer Style.

Copy Layer Style

Langkah 9
 Klik kanan pada layer 3,4 dan layer 5 kemudian pilih Paste Layer Style. Kemudian hasilnya akan menjadi seperti gambar dibawah ini;

Paste Layer Style

Untuk hasil yang Variatif Bisa juga di tambahkan efek lain menjadi seperti berikut;

Hasil Akhir Foto Frame

Selamat Mencoba dan berkreasi dengan Photoshop...
Sekian dan terima Kasih
salam PLUR


Baca SelengkapnyaMembuat Efek Frame Keren Pada Foto

Minggu, 21 Juli 2013

Tips Memindahkan Halaman Chatting Facebook di Mozilla Firefox

Buat teman yang hobbi dengan Facebook, mungkin Tips yang akan saya bagikan ini masih sedikit pengguna Facebook yang mengetahuinya. Ya, "Tips Memindahkan Halaman Chatting Facebook" yang maksudnya, Saat kita ingin Chatting dari Facebook tentunya kita juga harus membuka halaman Facebook dan biasanya Halaman Chatting-nya Berada dibagian Bawah Browser yang kita gunakan.

Dengan Menggunakan Tips ini, Anda tidak perlu repot lagi Chatting harus dengan tetap membuka halaman Facebook pada Sidebar browser, dalam kata lain Sambil chatting facebook anda bisa mengerjakan Blog anda atau Browsing ke alamat website lain. Tampilan halaman Facebook akan berada di sebalah kiri anda seperti yang anda lihat pada Screenshoot Berikut ini :

Tips Memindahkan Halaman Chatting Facebook Di Mozilla Firefox

Nah, Setelah Melihat Screnshoot hasil dari "Tips Memindahkan Halaman Chatting Facebook di Mozilla Firefox" ini pastinya Teman yang hobbi main facebook juga inginn membuat tampilan browser Mozilla Firefox-nya seperti itu kan. Ok ces.. Sekarang saya akan meberikan "Tutorial Facebook" cara membuat tampilan Halaman Chatting Facebook ini kepada Anda;

1. Buka Menu Bookmarks pada Browser Mozilla Firefox anda.
2. Kemudian Pilih "Unsorted Bookmarks".

Tips Memindahkan Halaman Chatting Facebook Di Mozilla Firefox

3. Setelah Halaman Organize Bookmarks terbuka, Pilih Pada Menu Bookmarks Toolbar lalu Klik kanan dan Pilih New Bookmarks.

Tips Memindahkan Halaman Chatting Facebook Di Mozilla Firefox

4. Pada halaman New Bookmarks isi Nama dengan "Fb Chat Plur" atau yang lain terserah anda. Sedangkan untuk Location, anda Masukkan Alamat Link Berikut ini :
http://www.facebook.com/presence/popout.php

Lihat Screenshoot-nya berikut ini

Tips Memindahkan Halaman Chatting Facebook Di Mozilla Firefox

Kemudian Load this bookmark in the sidebar, dan tekan Add.

5. Restart dulu Halaman Browser Mozilla Firefox anda.
6. Selanjutnya Buka lagi Menu "Bookmarks" => "Organize" lalu pilih Bookmarks "Fb Chat Plur" yang baru anda Tambahkan tadi dan sekarang anda sudah dapat memulai Halaman Chatting Facebook sambil mengerjakan blog anda atau browsing di website lainnya.

Tips Memindahkan Halaman Chatting Facebook Di Mozilla Firefox

Tips Memindahkan Halaman Chatting Facebook Di Mozilla Firefox

Sekian Dulu Tips "Tips Memindahkan Halaman Chatting Facebook di Mozilla Firefox" yang dapat saya share, mudah mudahan bermanfaat.

Salam PLUR
Baca SelengkapnyaTips Memindahkan Halaman Chatting Facebook di Mozilla Firefox

Cara Membuat Teks Efek Kaca Transparan Di Photoshop

Pada tutorial Photoshop kali ini, kita akan menggunakan beberapa layer style untuk membuat kreasi tulisan yang kelihatan transparan dan menakjubkan. Untuk lebih memudahkan kamu mengikuti tutorial ini, silakan download file PSD dan Photoshop style yang terletak di bagian paling bawah tutorial ini.

Hasil Akhir

Teks Efek Kaca Transparan

Berikut Langkah-langkah membuatnya

Langkah 1
Untuk memulai tutorial ini, kita pertama akan memilih Background yang tepat untuk teks, sesuatu yang jika berada di balik kaca akan kelihatan bagus. Disini saya menemukan foto rumput di Flickroleh 100kr. Sekarang kita butuh sebuah teks, disini saya ketik Stimlash. Perhatikan, disini kita akan membuat Photoshop Style, jadi kamu bisa menggunakan font apa aja sesuka kamu. Jika kamu ingin font yang sama dengan yang saya pakai, silakan download font Porky’s keren disini.

Stimlash

Langkah 2
Sekarang kita mulai menggunakan Layer Style. Klik dua kali layer teks untuk menampilkan jendela Layer Style. Pada halaman pertama dari jendela layer style, ubah nilai Fill Opacity menjadi 0%, dan kamu lihat sekarang teks-nya menghilang, memang sengaja demikian jadi tidak perlu bingung.

Style Fill Opacity

Langkah 3
Selanjutnya pilih Drop Shadow ubah pengaturan-nya seperti gambar dibawah ini. Jangan klik Ok terlebih dahulu.

Drop Shadow

Langkah 4
Sekarang tambahkan Style Inner Shadow pada teks. Lanjut saja tidak usah dulu kilik Ok.

Inner Shadow

Langkah 5
Masih pada kotak dialog box layer effect, sekarang klik style Inner Glow. Gunakan pengaturan seperti gambar dibawah. Masih lanjut jangan klik OK.

Inner Glow

Langkah 6
Layer style yang kita gunakan berikutnya adalah Bevel and Embos. Atur seperti gambar dibawah ini;

Bevel and Embos

Langkah 7
Sebagai langkah terakhir kita akan memberikan Satin pada layer teks. Atur satin seperti gambar berikut dan kamu bisa menekan OK setelah selesai. Untuk jalan pintas yang lebih mudah, kamu bisa melihat semua setting dengan mendownload file PSD yang saya sertakan di bagian akhir tutorial. Kamu bisa klik kanan layer teks dan pilih Copy Layer Styles jika kamu ingin menggunakannya pada file kamu sendiri.

Layer Style Saitin

Selesai

Teks Efek Kaca Transparan



Selamat mencoba........ Semoga bermanfaat
Sekian dan terima kasih
Salam PLUR


Baca SelengkapnyaCara Membuat Teks Efek Kaca Transparan Di Photoshop

Social Media

Join on this site Personal Blogs
blogs
Widget by : andi fiqran
Photoshop Manipulasi Koleksi Tas Dan Souvenir Minasa Upa - by andi fiqran | Copyright of Tutorial Photoshop : Manipulasi Foto / Tips Dan Trik.