Tutorial : Membuat Efek Lomografi di Photoshop

Lomografi adalah sebuah bagian dari fotografi analog yang menggunakan kamera khusus yang disebut dengan kamera LOMO. LOMO sendiri merupakan singkatan dari Leningradskoye Optiko-Mechanichesckoye Obyedinenie. Lambat laun, Lomografi berkembang menjadi teknik fotografi yang mengabaikan aturan-aturan yang ada. teknik foto lomografi lebih menekankan kepada menghasilkan foto-foto unik terutama dalam hal warna (tone) yang dihasilkan.

Pada tutorial kali ini, kita akan mengaplikasikan efek lomo kepada sebuah foto dengan Adobe Photoshop. Efek ini cukup bermanfaat untuk menciptakan feel yang beda pada sebuah karya, terlepas apakah kamu seorang fotografer maupun desainer grafis.


Step 1
Buka foto yang ingin diberikan efek lomo di Photoshop, kamu bisa menemukan foto vespa yang saya gunakan disini. Tidak masalah juga jika ingin menggunakan foto sendiri atau foto kamu dengan pacar. :D

Karena gambar vespa langsung saya buka dengan photoshop, maka secara otomatis layer nya dinamakan dengan 'Background'

Step 2
Duplikasi layer 'Background', caranya pilih layer 'Background' di layer palette lalu tekan tombol Ctrl + J di keyboard. Bisa juga dengan menarik layer 'Background' ke ikon New Layer di layer palette. Ubah nama layer hasil duplikasi menjadi 'high pass'.

Jika sudah, pilih layer 'high pass', kemudian di Menu Bar pilih Filter > Other > High Pass. Berikan nilai 0,5 pada bagian radius lalu klik tombol Ok.

Step 3
Ubah blending mode dari layer 'high pass' menjadi Hard Light.

Step 4
Selanjutnya, di layer palette, klik kanan pada ikon Create new fill or adjustment layer lalu pilih Curves. Ubah garis melintang pada adjustment Curves seperti gambar dibawah ini.

Step 5
Langkah berikutnya adalah membuat layer baru, klik ikon Add new layer di layer palette. Beri nama layer baru tersebut dengan 'hue', kemudian isi dengan warna hitam. Jika sudah, ubah blending mode nya menjadi Hue dan turunkan opacitynya menjadi 40%.

Step 6
Sekarang kita kembali ke layer 'Background'. Pilih layer 'Background', kemudian pada Menu Bar pilih Window > Channels untuk membuka Channels palette. Cari channel yang paling terang (dalam hal ini channel 'Red') kemudian pilih Filter > Sharpen > Unsharp Mask. Pada jendela Unsharp Mask, atur nilainya menjadi : Amount=50, Radius=50, Treshold=0, jika sudah klik tombol Ok. Klik kembali channel RGB untuk melihat hasilnya.

Step 7
Selanjutnya klik kanan pada layer 'Background' lalu pilih Convert to Smart Object. Kemudian pilih Filter > Distort > Lens Correction. Akan muncul jendela pengeditan efek Lens Correction, cukup lihat dibagian Vignette, dan ubah nilai pada bagian Amount menjadi -60, jika sudah klik Ok.

Step 8
Maksud dari mengubah layer background menjadi layer smart object adalah agar nantinya efek lens correction yang kita berikan bisa diedit kembali. Caranya cukup klik pada tanda panah efek lens correction di layer palette. Disini kamu bisa mengatur nilai kepekatan bias frame dengan menurunkan atau menaikkan opacity dari efek lens correction.

Hasil Akhir
Berikut adalah hasil akhir dari tutorial membuat efek lomo di Photoshop. Juga saya sertakan gambar sebelum dan setelah efek diberikan sebagai bahan perbandingan. Silahkan diimprovisasi sendiri untuk mendapatkan efek-efek yang lebih menarik, selamat mencoba! :)

Sebelum dan Sesudah :

sumber: www.desainstudio.com/

Manipulasi Foto Wajah Seram di Photoshop

Kita sering melihat poster-poster dan cover film dengan karakter horor dan gabungan tengkorak dan wajah. Nah, ditutorial kali ini kita akan mencoba memanipulasi foto wajah dengan gaya-gaya yang seperti itu. Ada beberapa tehnik photoshop yang menjadi poin dalam tutorial kali ini. Antara lain adalah meletakkan tekstur retakan pada wajah dan menggunakan layer mask secara efektif pada Photoshop. Tanpa banyak basa-basi lagi, kita langsung masuk ke tutorialnya..


STEP 1

Masukkan gambar seorang wajah yang ingin dimanipulasi. Saya sendiri menggunakan foto gambar seorang wanita yang bisa kamu temukan disini. Pilih layer foto wanita, dan klik create new fill or adjustment layer di bagian bawah layer palette. Ingat! tekan dan tahan tombol Alt di keyboard dan baru lepaskan pada saat sudah memilih Hue/Saturation. Langkah ini untuk membuat adjustment hanya diaplikasikan pada layer terpilih (layer wanita).



STEP 2

Perkecil nilai pada saturation di Hue/Saturation menjadi -80.



STEP 3

Masukkan gambar skull/tengkorak ke dalam dokumen Photoshop. Atur nilai opacity layer skull menjadi 80 % atau tekan tombol 8 di keyboard. Sekarang layer skull sudah transparan dan kita bisa memposisikan gambar skull hingga sesuai dengan wajah si wanita.



STEP 4

Pilih layer skull, lalu klik pada icon Add layer mask di bagian bawah layer palette, maka akan muncul thumbnail berwarna putih disamping thumbnail layer skull.



STEP 5

Klik pada thumbnail berwarna putih tersebut, dan pastikan warna foreground adalah hitam dan background adalah putih. Gunakan brushes Tool(B) untuk menghilangkan bagian-bagian diluar wajah (lihat gambar).



STEP 6

Masih pada layer mask, hapus juga bagian skull pada hidung dengan menggunakan Pen Tool (P). Cukup buat bentuk seperti gambar dibawah dengan pen tool, lalu klik kanan dan pilih Make selection untuk membuat seleksi. Fill seleksi dengan warna hitam dengan menggunakan Paint Bucket Tool (G).



STEP 7

Buat layer baru dibawah layer skull dengan cara klik icon Add layer di bagian bawah layer palette, beri nama layer dengan 'shadow'. Kemudian sapukan Brushes dengan Brushes tool (B) berwarna hitam di bagian hidung yang dihapus tadi. Ubah blending mode layer shadow menjadi multiply dan opacity menjadi 50 %.



STEP 8

Tambahkan efek retakan pada wajah menggunakan Crack Brushes yang bisa anda download disini. Untuk cara instalasi dan memanggil brushes bisa dilihat disini : Download dan Install Brushes di Photoshop.

Jika sudah, Buat layer baru untuk efek retakan wajah dan sapukan brushes dengan bervariasi pada wajah. Untuk merapikan retakan yang keluar dari wajah atau masuk kedalam mulut, gunakan layer mask seperti yang kita lakukan pada langkah-langkah sebelumnya.



STEP 9

Pilih layer skull. Tekan dan tahan Alt di keyboard, lalu pilih color balance melalui ikon create new fill or adjustment layer di bagian bawah layer palette. Atur nilai
untuk Color balance seperti pada gambar dibawah ini.



STEP 10

Tambahkan tekstur batu pada dokumen photoshop. Kamu bisa menemukan banyak sekali tekstur batu disini. Atur blending mode untuk tekstur batu menjadi overlay dan opacity menjadi 70 %. Sama seperti langkah-langkah sebelumnya, gunakan teknik layer mask untuk menghilangkan bagian tekstur batu yang keluar dari wajah.



STEP 11

Pilih layer paling atas, kemudian klik pada ikon create new fill or adjustment layer (kali ini tidak perlu menekan tombol Alt), lalu pilih Level. Atur nilai level seperti pada gambar dibawah ini.



STEP 12

Berikan adjustment layer lain berupa gradient map, atur warna gradasi pada gradient map menjadi hitam dan putih.



STEP 13

Rapikan kembali masking pada layer mask di layer skull agar terlihat lebih realistis.



STEP 14

Langkah akhir, pilih layer wanita kemudian pilih Burn Tool (O) untuk menggelapkan beberapa bagian dari wajah si wanita. Sapukan burn tool dengan nilai exposure sebesar 50 % perlahan ke sebagian wajah si wanita (lihat gambar).



STEP 15

Sapukan juga Burn Tool pada bagian rambut sebelah kanan layar monitor untuk menggelapkan sebagian daerah pada rambut.



dan..
selesai!!!

HASIL AKHIR







Semoga bermanfaat.. :)

sumber: desainstudio

Cara Membuat Tulisan Berjalan (Marquee)

Sering kali kita melihat blog yang dihiasi oleh tulisan atau kata-kata yang berjalan di blog teman-teman kita. mungkin sebagian besar sudah mengetahuinya. tapi disini ade mencoba untuk sharing kepada teman-teman yang belum mengetahui cara pembuatannya.

Note: yang akan ade bahas ini merupakan tulisan berjalan biasa bukan tulisan berjalan yang apabila ada mouse di area tulisan itu akan berhenti.

berikut cara pembuatannya :

1. Login ke Blogger
2. Kemudian klik Tata Letak dan Elemen Halaman
3. Ketika sudah berada di Elemen Halaman klik Tambah Gadget
4. Lalu pilih HTML/JavaScript
5. Langkah selanjutnya masukkan kode marquee yang anda inginkan seperti contoh dibawah ini :

1. Teks berjalan dari kanan ke kiri

kode :

<marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>

hasil :

Contoh Tulisan Berjalan



2. Teks berjalan dari kiri ke kanan

kode :

<marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

hasil :

Contoh Tulisan Berjalan


3. Teks berjalan bolak balik

kode :

<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

hasil :

Contoh Tulisan Berjalan



4. Teks berjalan dari atas ke bawah

kode :

<marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

hasil :

Contoh Tulisan Berjalan



5. Teks berjalan dari bawah ke atas

kode :

<marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

hasil :

Contoh Tulisan Berjalan



6. Teks berjalan mondar-mandir

kode :

<marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

hasil :

Contoh Tulisan Berjalan



7. Teks berjalan zig-zag nembus

kode :

<center> <marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>

hasil :

Contoh Tulisan Berjalan



8. Teks berjalan zig-zag mantul

kode :

<center> <marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>

hasil :



Contoh Tulisan Berjalan

Langkah Selanjutnya adalah mengganti tulisan

Contoh Tulisan Berjalan

dengan tulisan atau kata-kata yang anda inginkan.

Ket :
# direction="left/right/up/down" --> Mengatur arah gerakan teks.

# scrollamount="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.

# behavior="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan :
~> Scroll --> teks bergerak berputar
~> Slide--> teks bergerak sekali lalu berhenti
~> Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

# Fungsi dari :

<center> ............. </center>

adalah agar tulisan tersebut selalu berada di tengah.

SEMOGA BERHASIL

cara membuat jam pada blog

Time is Money = waktu adalah uang. kali ini ade mau memberi tahu tentang bagaimana memasang jam di blog. agar blog kita mempunyai jam ada banyak cara untuk memasang jam di blog. Ada sebuah situs yang menyediakan berbagai bentuk jam apalagi di situs tersebut kita tinggal mengcopy dan paste kodenya tanpa harus registrasi terlebih dahulu ke situs tersebut situs-situs tersebut sangatlah banyak tetapi yang banyak di pakai adalah :

www.clocklink.com

Berikut cara memasang widget Jam di blogger

1. Pertama kunjungi www.clocklink.com
2. lalu klik pada menu Gallery (disitu kita bisa memilih kategori-kategori yang ingin kita pilih)
3. sebagai contoh kategori analog kita pilih,
4. kemudian klik view html tag pada kotak di bawah jam yang kita pilih lalu akan timbul halaman baru di window baru. disitu nanti kita ada ketentuan-ketentuan yang memakai bahasa inggris,
5. langsung aja kita pilih accept
6. Selanjutnya kita diminta memilih warna (color), {time zone untuk Waktu Indonesia Bagian Barat sebaiknya memilih JOG : Jogyakarta Indonesia Time (GMT + 07.00)} serta jangan lupa tuliskan ukuran (size) jam agar sesuai dengan sidebar tempat meletakan jam itu nantinya. Dapat juga diatur kemudian.
7. Copy seluruh kode HTML kemudian disimpan di komputer kita contoh pada notepad.

Langkah selanjutnya kita menuju blog kita

1. Silahkan login ke blogger dengan ID anda
2. Klik Tata Letak
3. Klik tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik tanda plus (+) untuk HTML/Javascript
6. Copy paste kode yang kita taruh di notepad tadi ke dalam kolom konten yang tersedia
7. selesai

jika sudah berhasil akan tampak seperti dibawah ini :

Cara Membuat Efek Salju Di Blog

Cewek : Yank Gimana Sih Cara Membuat Efek Salju Di Blog ???
Cowok : Hah Membuat Efek Salju Di Blog ??
Cewek : Iya Gimana Caranya ??
Cowok : Gampang Banget !!
Cewek : Gimana Coba ??
Cowok :
              1. Pertama- Tama Login Dulu Ke Blogger
              2. masuk ke "Dashbord"
              3. pilih "Rancangan" (Tata Letak)
              4. klik "Tambah Gadget"
              5. pilih "HTML/JavaScript"
              6. lalu Copy Salah 1 kode dibawah ini.
              7. Paste Kodenya

>>> Salju Merah

<script src='http://agungosx.googlepages.com/saljumerah.js' type='text/javascript'></script>

>>> Salju Kuning

<script src='http://agungosx.googlepages.com/saljukuning.js' type='text/javascript'></script>

>>> Hijau Muda

<script src='http://agungosx.googlepages.com/greensalju.js' type='text/javascript'></script>

>>> Hijau Tua

<script src='http://agungosx.googlepages.com/saljuijotua.js' type='text/javascript'></script>

>>> Salju Merah Muda

<script src='http://agungosx.googlepages.com/pinksalju.js' type='text/javascript'></script>

>>> Salju Ungu

<script src='http://agungosx.googlepages.com/saljuungu.js' type='text/javascript'></script>

>>> Salju Biru Muda

<script src='http://agungosx.googlepages.com/saljubirumuda.js' type='text/javascript'></script>

>>> Salju Biru Tua

<script src='http://agungosx.googlepages.com/saljubiru.js' type='text/javascript'></script>

>>> Salju Coklat

<script src='http://agungosx.googlepages.com/saljucoklat.js' type='text/javascript'></script>

>>> Salju Orange

<script src='http://agungosx.googlepages.com/saljuorange.js' type='text/javascript'></script>

>>> Salju Hitam

<script src='http://agungosx.googlepages.com/saljuhitam.js' type='text/javascript'></script>

>>> Salju Putih

<script src='http://agungosx.googlepages.com/saljuputih.js' type='text/javascript'></script>

              8. Klik Save

              9. Selesai Deh :D Gampangkan ??

bagaimana cara membuat kalender pada blog

Bagi sebagian blogger menampilkan sebuah kalender di blognya merupakan sebuah keharusan. Meski pada intinya jika tujuannya untuk mengetahui tanggal berapa saat itu kurang tercapai (karena bisa melihat di taskbar windows), tetapi dengan menampilkan kalender di blog akan membuat blog kita terasa lebih menawan untuk di lihat. Sekarang ini banyak situs yang menyediakan widget kalender untuk dipasang di blog secara gratis. Nah, pada pembahasan kali ini kita akan membahas bagaimana menampilkan kalender di blog dengan situs free blog content.

Bagaimana cara menampilkannya?

Pertama, kunjungi terlebih dahulu situs free blog content ini.

Kemudian, perhatikan bagian bawahnya. Pilih tema untuk kalender yang ingin kita pasang sesuai selera.

Nah, setelah muncul beberapa jenis kalender sesuai tema, pilih lagi mana yang kita suka. Kemudian, perhatikan kode HTML di bawahnya.

Salin kode HTML tersebut untuk menampilkan kalendernya. Misalnya kodenya adalah sebagai berikut ;

<!-- FREE-BLOG-CONTENT.com -->
<br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0035.htm" width="166" height="362"
marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center>
<center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Content</a></center></br>

Maka, yang harus diperhatikan adalah :

1. Width, ganti angkanya untuk merubah ukuran lebar kalender.
2. Height, ganti angkanya untuk merubah ukuran panjang kalender.

Kemudian, pasang kode HTML tersebut pada blog kita.

Bagaimana cara memasangnya di blog kita?

1. Masuk ke akun blogger kita masing-masing.
2. Klik fitur rancangan.
3. Klik tambah gadget.
4. Pilih HTML/JavaScript.
5. Pasang kode HTML yang sebelumnya kita salin di situ.
6. Klik simpan dan selesai.

Mudah kan?
Ada yang sudah pernah mencobanya? Ada yang ingin mencobanya?
Kalau ada tanggapan silakan disampaikan lewat kotak komentar ya kawan..
Salam blogger!

cara memasang buku tamu melayang

Klik Di Sini untuk Merperjelas Gambar/ Memperbesar

Kali ini saya mau post lagi tentang Blog tutorial, yaitu tentang cara memasang buku tamu melayang, contohnya seperti di atas, jika anda berminat Langsung saja ke tutorialnya ya !!

1. Daftar dulu ke CBOX,
2. Jika anda belum tau bagaimana cara membuat CBOX kunjungi aja ke cara-membuat-cbox
3. Sign in ke blogger dan silahkan Login dengan Account Anda
4. Pilih Rancangan/Tata letak
5. Pilih Page Elemen/Elemen Halaman
6. Klik Add a Gadget/Tambah Gadget
7. Lalu pilih "HTML/JavaScript"
7. Kemudian Copy-Paste kode di bawah ini :

_______________________________________________________________________

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i37.tinypic.com/345o85i.gif') no-repeat;
}
.gbcontent{
float:left;
border:3px solid #00FF00;
background:Transparent;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"></div>

<div class="gbcontent">

LETAKKAN KODE SHOUTMIX/CBOX ANDA DI SINI

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

_______________________________________________________________________

Note :
- Yang Berwarna Hijau Itu Gambar Buku Tamunya
- Yang Berwarna Biru Ganti Dengan Kode Cbox Kamu

8. Selesai Deh, Cukup Mudah Bukan ?? Kalo Masih Ada Yang Bingung Komentar Aja :p