Kamis, 10 Februari 2011

Membuat Efek Tulisan Terbakar Dengan Photoshop


Tutorial ini akan saya jelaskan mengenai cara membuat tulisan terbakar atau dengan efek kobaran api diatasnya. . . Keren pastinya. .Langsung ajalah kita Sikatttt:
1. Buka Adobe Photoshop, Untuk download Adobe Photoshop Portabel CS 3 KLIK DISINI


2. Klik kanan pada layer FIRE kemudian pilih Resterize Type maka layer akan menjadi layer image, kemudian duplikat layer tersebut dengan menekan Ctrl+J



3. Sembunykan layer Y copy dengan klik pada gambar mata didepan layer atau menghilangkannya.

4. Klik pada layer Y dan klik menu Image > Rotate Canvas > 90 CW maka gambar akan seperti pada gambar di bawah ini.


5. Buat efek dengan klik Filter > Stylize > Wind lalu atur seperti pada gambar.



maka akan menjadi



6. Setelah gambar nampak seperti diatas lalu berikan efek yang sama dengan menekan Ctrl+F.

7. Putar kembali layer dengan mengulang langkah 4 namun kali ini pilih 90 CCW.



8. Sekarang tambahkan efek dengan Guasian Blur, klik Filter > Blur > Guasian Blur lalu atur sesuai gambar.


9. Duplikat layer background klik layer tersebut lalu tekan Ctrl+J.



10. Lalu Klik layer Y kemudian tekan Ctrl+E untuk menyatukan atau Marge Down


11. Aktifkan Rectangular Marquee Tool (M), lalu tandai gambar.


12. Setelah itu klik Filter > Liquify


terus geserkan brush hingga nampak seperti gambar di bawah ini dan buat yang lebih baik lagi OK



13. Selanjutnya Hue/Saturation dengan menekan icon Creat new fill or adjustement layer pada bagian bawah pallet layer.


14. Ulangi lagi langkah 13 namun ikuti gambar di bawah ini.


15. Pada layer Hue/Saturation 2 atur Blending Mode nya menjadi Overlay.



16. Setelah itu tampilkan kembali Y copy dengan menekan kembali icon mate yang tadi kita hilangkan.


17. Tekan Ctrl+Klik Tumbnail Layer maka huruf akan terseleksi.


18. Setelah diseleksi aktifkan Gradient Tool (G), atur warna yang kiri 1d0d01 dan warna yang kanan e35200









19. Klik dan darag dari maka hasilya.

Animasi tulisan dengan Photoshop

Tutorial Photoshop kali ini akan membahas cara pembuatan efek tulisan bergerak ( animasi ) dengan format file gif. Animasi ini dibuat dengan program photoshop pada awalnya, kemudian proses pembuatan animasinya dengan menggunakan Adobe Image Ready. Jika photoshop yang digunakan adalah versi CS3, maka animasi ini bisa dibuat langsung dengan Photoshop, tanpa harus menggunakan image ready.

Tutorial pembuatan animasi tulisan dengan Photoshop

Langkah 1
Buatlah sebuah file baru dengan Photoshop. Ukuran file bisa disesuaikan dengan kebutuhan Anda. Pada tutorial ini, saya menggunakan sebuah file yang berukuran 468 x 60 pixel; 72 dpi; RGB; content=white.
tutorial photoshop animasi 1
Langkah 2
Buatlah sebuah tulisan dengan menggunakan Type tools pada Photoshop.
tutorial photoshop animasi 2
Langkah 3
  • Jika Anda menggunakan versi Photoshop 7 hingga CS:
    Klik icon Jump to Image ready. Icon ini terletak di sebelah bawah pada Tools Box. Anda juga bisa memilih menu File > Jump To > Adobe ImageReady 7.0 (pada Photoshop 7), atau File > Edit in Image Ready (pada Photoshop CS).
    tutorial photoshop animasi 3
  • Jika Anda menggunakan versi Photoshop CS3:
    Pilih menu Window > Animation
    tutorial photoshop animasi 4
Langkah 4
Akan Anda dapati sebuah palet panjang di sebelah bawah (bentuk tampilan relatif sama baik pada Image Ready ataupun Photoshop CS3).
tutorial photoshop animasi 5
Jika perlu, perlebar tampilan palet ini dengan melakukan klik dan geser pada sudut kanan bawah palet tersebut.
Langkah 5
Geser tulisan hingga ke sebelah kiri luar dari background yang putih, hingga seluruh tulisan tidak nampak.
tutorial photoshop animasi 6
Langkah 6
Klik icon Duplicate current frame.
tutorial photoshop animasi 7
Langkah 7
Sekarang ada 2 frame pada palet Animation. Pastikan yang terpilih sekarang adalah frame kedua.
Geser lagi tulisan hingga sisi kanan luar dari background.
tutorial photoshop animasi 8
Langkah 8
Klik icon Tweens animation frames.
tutorial photoshop animasi 9
Tujuan penggunaan Tween ini adalah untuk mempermudah pembuatan frame-frame animasi. Tween akan menambahkan frame secara otomatis berdasarkan perbedaan posisi, ukuran, tranparansi, dan efek pada obyek.
Kemudian akan muncul kotak dialog baru, seperti gambar tutorial berikut ini.
tutorial photoshop animasi 10
Pada kotak dialog ini, kita bisa mengatur:
  • Tween with: digunakan untuk memilih frame mana yang akan kita gunakan sebagai dasar animasi berdasarkan frame yang aktif. Karena kita aktif pada frame kedua, maka yang tepat adalah Previous Frame.
  • Frame to Add: digunakan untuk memilih jumlah frame yang akan ditambahkan. Semakin banyak jumlah frame, animasi akan semakin nampak halus, tetapi ukuran file hasil jadinya akan semakin besar.
  • Layers: digunakan untuk memilih animasi pada antara semua layer, atau hanya pada layer yang aktif saja.
  • Parameters: digunakan untuk memilih jenis perubahan obyek yang digunakan sebagai dasar animasi
Langkah 9
Klik icon Plays/stops animation.
tutorial photoshop animasi 11
Animasi sudah jadi. Jika Anda menginginkan pengaturan kecepatan animasi, bisa Anda pilih dari tulisan 0 sec disebelah bawah frame.
tutorial photoshop animasi 12
Jika pengaturan kecepatan ini akan dilakukan pada banyak frame sekaligus, maka klik sebuah frame, kemudian tekan dan tekan tombol Shift, lalu klik frame yang lain. Bisa juga dengan Ctrl + klik frame yang lain. Setelah terpilih banyak frame sekaligus, baru ubah kecepatannya. Pengubahan kecepatan animasi akan berlaku pada semua frame yang terpilih.
Untuk menyimpan hasil animasi, pilihlah menu File > Save Optimized pada Adobe ImageReady. Atau File > Save for Web & devices pada Photoshop CS3. Pastikan format file yang dipilih adalah gif.
Berikut ini adalah hasil dari tutorial ini, sebuah tulisan dengan efek gerak yang disimpan dengan format file gif.
tutorial photoshop animasi 12
Silahkan dicoba dan digunakan sebagai tambahan materi belajar photoshop. Berikut ini ada 2 buah contoh file lain. Silahkan dicoba sendiri juga untuk membuat seperti gambar-gambar berikut ini.
Gambar contoh animasi 1
animasi photoshop 1
Gambar contoh animasi 2
animasi photoshop 2

Membuat kartun dengan Photoshop


                               
Pada tutorial photoshop kali ini, akan saya gunakan untuk membahas cara membuat efek kartun. Seperti yang pernah saya janjikan pada akhir tutorial Photoshop membuat efek komik. Dan seperti yang saya utarakan di halaman awal, bahwa efek ini lumayan rumit pembuatannya. Untuk dapat membuat efek ini, sebelumnya harus lebih dulu memahami penggunaan palet layer, pembuatan garis dan shape dengan Pen tools, dan pemilihan warna. Selain itu, jika mempunyai pengetahuan tentang anatomi wajah / tubuh manusia, akan merupakan sebuah ketrampilan tambahan yang berguna.

Pada efek kartun kali ini, kita akan membuat banyak bentuk-bentuk secara manual menggunakan Pen Tools. Tehnik seperti ini ada juga yang menyebut sebagai tracing, vektor. Sebenarnya, tehnik seperti ini akan lebih cocok bila dijalankan pada Adobe Illustrator. Namun karena pokok bahasan kita adalah Photoshop, maka sekarang kita coba menggunakan Photoshop saja, walaupun tentunya cara pembuatannya akan lebih rumit.
Jika ingin melihat contoh lain dari gambar trace/vektor ini, beberapa hari yang lalu pernah saya buatkan. Bisa dilihat di Galeri halaman 2.

Langkah pembuatan trace pada foto

Langkah 1
Bukalah sebuah foto dengan Photoshop. Pada contoh tutorial ini, saya menggunakan foto Mas Wasidi aka Si Kecil.
tutorial photoshop trace efek kartun 1
Langkah 2
Karena kondisi foto ini terlalu gelap, maka agar lebih nampak perbedaan antara daerah gelap dan terangnya, maka saya atur dulu pewarnaannya menggunakan Image > Adjustment > Shadow Highlights.
tutorial photoshop trace efek kartun 2
Kalau di Photoshop yang anda gunakan tidak ada menu Shadow&Highlight berarti photoshop anda versi lama. Tidak perlu kuatir, karena langkah ini bukan langkah pokok. Bisa digantikan dengan langkah lainnya, coba dipahami maksud dari langkah ke-2 ini. Seandainya tidak dilakukan langkah ke-2 pun, juga tidak apa-apa.
Langkah 3
Duplikat layer background ini, agar kita mempunyai cadangan foto yang aslinya. Untuk jaga-jaga, siapa tahu nanti membutuhkan gambar aslinya. Dan memang akhirnya kita juga butuh foto aslinya, untuk membuat bentuk-bentuk yang agak rumit, misalnya mata dan bibir.
Cara untuk menduplikat ini bisa dengan Ctrl + J, atau dengan menarik nama layer ke arah icon Create New Layer.
Langkah 4
Pilih menu Image > Adjustment > Posterize. Isikan nilai yang kecil. Misalnya 4.
tutorial photoshop trace efek kartun 3
Tujuan langkah ini adalah untuk mengurangi jumlah warna yang digunakan.
Langkah 5
Duplikat lagi layer foto yang sudah diposterize ini. Ubah blending option menjadi Darken.
tutorial photoshop trace efek kartun 4
Pilih menu Filter > Blur > Gaussian Blur. Atur nilai Radius secukupnya, sambil melihat gambar aslinya (jangan melihat gambar preview pada kotak dialog Gaussian Blur). Tujuan langkah ini adalah untuk membuat agar muncul perbatasan yang lebih tegas pada tiap warna yang ada.
tutorial photoshop trace efek kartun 5
Langkah 6
Sekarang kita mulai langkah pembuatan layer untuk melakukan trace.
Buatlah sebuah layer baru, dengan cara melakukan klik pada icon Create a new layer (di gambar dibawah ini saya tandai dengan lingkaran merah) . Kemudian ubahlah nilai opacity pada layer ini hingga 0% (saya tandai dengan lingkaran biru).
tutorial photoshop trace efek kartun 6
Langkah 7
Pilih Pen tools pada tool box photoshop (lingkaran merah pada gambar tutorial photoshop di bawah ini).
tutorial photoshop trace efek kartun 7
Kemudian lakukan pengaturan pada option bar. Pilihlah icon Shape layers (gambar lingkaran biru). Klik icon segitiga geometri option (gambar lingkaran hijau), kemudian beri tanda cek pada pilihan Rubber Band.
Di sebelah kanan dari pengaturan tersebut, terdapat beberapa icon lagi (gambar lingkaran ungu). Tentunya sudah Anda pelajari pada tutorial photoshop sebelum ini. Jika belum, silahkan dibaca dulu pada Cara Pembuatan Shape.
Sedangkan tentang penggunaan pen tool bisa dibaca pada Tutorial Photoshop yang judulnya Membuat Seleksi Dengan Path.
Langkah 8
Buatlah bentuk shape menggunakan Pen tool. Buatlah mengikuti bentuk wajah pada foto.
tutorial photoshop trace efek kartun 8
Buatlah garis path ini melingkar hingga menyambung dari titik awal sampai akhir, sehingga terjadi sebuah bentuk bangun.
tutorial photoshop trace efek kartun 9
Langkah 9
Ulangi langkah ke-6 dan ke-7, namun kali ini buatlah bentuk shape pada area warna yang lain. Setiap bentuk shape dibuat pada sebuah layer baru.
tutorial photoshop trace efek kartun 10
tutorial photoshop trace efek kartun 11
Jumlah bentuk shape yang dibuat kita batasi antara 2 sampai 4 warna saja.
Langkah 10
Ubahlah nilai opacity pada layer-layer shape yang sudah kita buat tadi. Opacity kita buat hingga 100%. Sehingga nampak foto tertutupi oleh warna-warna.
Untuk mengubah warna pada setiap layer shape, lakukan dengan cara melakukan klik 2 kali pada thumbnail layer-nya. Kemudian pilih salah satu warna.
tutorial photoshop trace efek kartun 12
Sebagai panduan dalam memilih warna-warna kulit, berikut ini saya sertakan beberapa warna yang bisa Anda gunakan.
tutorial photoshop trace efek kartun 13
Silahkan disave gambar contoh warna kulit ini. Walaupun tidak saya sertakan kode warnanya, tentunya Anda bisa menentukan sendiri dengan Eyedropper tool.
Ubahlah setiap warna pada semua bagian wajah tersebut.
tutorial photoshop trace efek kartun 14
Saat membuat bentuk shape pada area warna yang lain, jika ada layer yang menutupi sehingga kita kesulitan untuk menentukan bentuk shape, maka untuk sementara icon mata pada layer yang menutupi bisa dimatikan dulu atau di kurangi dulu opacity-nya.
tutorial photoshop trace efek kartun 14a
Kemudian ulangilah lagi membuat bentuk shape pada semua bagian tubuh, hingga keseluruhan foto tertutup oleh bentuk-bentuk shape.
tutorial photoshop trace efek kartun 15
Pada bagian mata dan bibir, karena bagian ini termasuk bagian pokok dalam mengenali wajah seseorang, kita perlu mematikan dulu beberapa icon mata pada palet layer. Sehingga kita bisa membuat trace dengan melihat bentuk aslinya yang belum ter-posterize.
Untuk bagian jenggot, saya menggunakan Brush tool berukuran kecil yang disapukan pada gambar dengan pengaturan Brush preset Scattering.
Langkah 11
Untuk membuat latar belakang pada foto, buatlah sebuah layer baru yang diletakkan pada urutan sebelah bawah dari bentuk-bentuk shape tersebut. Layer baru ini bisa diisi warna sesuka Anda, dengan memilih menu Edit > Fill.
tutorial photoshop trace efek kartun 16
Warna tidak harus putih, Anda bisa juga menggunakan warna-warna lain, misalnya dengan Gradient Tools seperti berikut ini.
tutorial photoshop trace efek kartun 17
Jika semua gambar akan dijadikan satu, bisa dilakukan dengan memilih menu Layer > Flatten Image.
Selamat mencoba tutorial membuat kartun dengan Photoshop ini.

Jumat, 04 Februari 2011

ANDROID TUMBANGKAN SYMBIAN....








Sistem operasi Android baru saja menjungkalkan Symbian, sebagai OS mobile terpopuler di dunia. Ini adalah tonggak yang penting bagi Google dan memberikan sinyal bahwa Android memang akan mendominasi ranah ponsel sejagat.

Kira-kira, apa sebabnya Android bisa melesat dan menguasai pasar smartphone dengan cepat? Berikut ada delapan alasannya:

1. Setiap Versi Bertambah Baik
Dengan upgrade rutin yang dilakukan, setiap versi Android dijamin semakin baik performa maupun fiturnya. Versi terbaru yakni Android 3.0 atau Honeycomb menjanjikan penambahan kualitas yang signifikan.

2. Smartphone Android Memang Bagus
Kesuksesan Android tidak lepas dari smartphone pengusung OS ini, yang memiliki bermacam fitur bagus. Sebut saja Droid X, Galaxy S sampai HTC Evo memiliki banyak kelebihan sehingga konsumen tertarik membelinya.

3. Membiarkan RIM Terlena
Pada awalnya, Google seakan terkesan membiarkan BlackBerry dari RIM menguasai pasar enterprise. Penjualan Android lebih terfokus pada konsumen umum. Namun setelah sukses di pasar consumer, kini Android mulai membidik pebisnis dan makin banyak kalangan korporat memakai Android ketimbang BlackBerry.

4. Dengan Sedikit Model, Apple Tidak Dapat Melawan Android
Dengan hanya memasarkan iPhone 3GS dan iPhone 4, Apple semakin kelabakan melawan Android. Lusinan smartphone Android bukanlah lawan yang sebanding meski iPhone sebenarnya masih sangat laris.

5. Penurunan Pangsa Pasar Microsoft
Peruntungan Microsoft di ranah OS mobile kurang baik belakangan ini. Peluncuran Windows Phone 7 dinilai terlambat dan pangsa pasar mereka menurun. Hal ini memberi celah bagi Android meraih semakin banyak kue pasar smartphone.

6. Nokia Sempoyongan
Dari yang semula sangat dominan menguasai arena smartphone, Nokia kini mulai sempoyongan. Salah satu alasannya, OS Symbian yang kukuh mereka pakai dianggap ketinggalan zaman dibandingkan Android. Jadilah konsumen mulai banyak melirik OS robot hijau.

7. Dukungan Vendor Kelas Atas
Dukungan penuh vendor kelas atas amat membantu melonjakkan popularitas Android. Bahkan mungkin tanpa dukungan nama-nama seperti Samsung, Motorola dan HTC yang menyajikan ponsel berkelas, Android tidak bakal sesukses sekarang.

8. Keampuhan Merek Google
Reputasi merek Google yang hebat membuat para konsumen tidak meragukan Android. Mereka sepertinya memercayai Android akan memberikan sebuah pengalaman memakai smartphone yang bisa mereka nikmati. (Detik/Eweek)