Membuat Text Effect Mirip Frozen

Pada tutorial kali ini saya akan mencoba membuat efek tulisan mirip dengan film disney yang sangat populer yang berjudul 'Frozen'. Film yang dikemas dengan ilustrasi dan musik yang cantik dengan karakter yang menawan dan tidak ketinggalan efek grafis yang menarik membuat film ini sangat digemari bukan saja oleh anak-anak namun juga orang dewasa.

Baiklah, mari kita lihat / bedah sedikit gimana sih cara bikin tulisan efek mirip frozen

Inilah Tutorial Membuat Tulisan Mirip Frozen di Photoshop

Bahan - bahan : Cabe, tomat, es batu, merica, loh kok jadi masakan... maaf salah resep. ini resep tulisan frozen yang benar, download dulu ya :

#Bahan Baku : Download Texture Es Klik Disini

#Bonus : Wallpaper Frozen (1440 x 900 px), suka dengan wallpaper Frozen? anda bisa mencarinya melalui google maupun google service

1. Buka aplikasi photoshop, buat lembar kerja baru (Ctrl + N)

2. Selanjutnya, klik Paint Bucket Tool ubah background menjadi Navy Blue (Biru Tua) dengan hexadecimal : 0e2d43

3. Masukkan bahan (teksture es) yang telah di download di atas ke dalam layer, drag ke lembar kerja kita menggunakan move tool, lalu ubah ke mode Multiply

tambahkan efek Brightness / Contras...

atur kira - kira seperti ini :

hasilnya kira - kira seperti ini :

4. ok sekarang buat fontnya, gunakan Text Tool
Disini saya menggunakan Font : Trajan Pro 3, Bold, Smooth, Warna : #0c86ae

Tulis 'FROZEN'

5. Sekarang saatnya memberikan efek - efek ice ke textnya.. brrrr dinginzzz,

Klik Layer > Layer Style > Blending Option...

Klik Bevel and Emboss, atur seperti ini :

hasilnya kira - kira seperti ini :

wow, mau lanjut? udah berasa dinginz?! ayo lanjut gan!... disambi nyemil atau makan mie ramen dulu biar gak dingin ya...

Biar tetap semangat, lihat cosplay Frozen dulu :

Intermezzo Cosplay Frozen (Anna dan Elsa)

ini dia saya lanjutkan, sekarang klik / centang Inner Glow lalu atur seperti ini :

Hasilnya :

Ok sekarang atur Outer Glow nya ya :

Hasilnya :

ok sekarang masukkan es batunya lagi... eh maksudnya teksture es ke 2

gunakan move tool, gabungkan dengan frozen. kemudian pilih Hard Light, lalu klik kanan layer 3 lalu pilih Create Clipping Mask

Hasilnya :

nah akhirnya kita mendapat tulisan es berteksture, sekarang tinggal menambahkan efek pecahan es batunya...

6. Klik tepat pada panah, untuk menghasilkan seleksi pada text frozen

kemudian Add layer mask

lalu klik Filter > Distort > Wave

atur kira - kira seperti ini :

dan hasil akhirnya nanti akan seperti ini :

File hasil akhir bisa dipelajari dan di download di :

Download Disini

akhinya selesai juga proses pembuatan tulisan text effect bertema mirip FROZEN. terima kasih, semoga bermanfaat

Read more »

Teknik Masking dengan Photoshop

Pada tutorial dasar tentang photoshop kali ini saya akan membahasmengenai teknik masking di photoshop. Teknik ini sederhana namun akan banyak anda gunakan ketika anda bergelut di dunia kerja dengan photoshop misalnya dalam hal pembuatan banner, kartu nama, dll.

Kenapa lebih menggunakan tehnik masking daripada eraser tool?

Pada dasarnya masking mempunyai fungsi yang sama dengan erasing tool yaitu menghilangkan bagian yang tidak diinginkan namun ada perbedaan mencolok diantara keduanya. Perbedaan antara Masking dan Erasing adalah jika menggunakan teknik masking maka gambar tidak akan rusak dan bisa dikembalikan seperti semula karena efek masking ini hanya menutupi bagian yang tidak diinginkan saja. Sedangkan teknik erasing dengan eraser tool memiliki efek menghilangkan bagian dengan menghapus object secara langsung. Oleh karena itu editor foto professional lebih menggunakan masking ketimbang erasing tool.

Masih bingung mari kita ikuti saja tutorial Masking dengan photoshopberikut ini :

1. Buka Photoshop anda, di Start > All Program > Adobe Photoshop

2. Masukkan foto ke dalam photoshop, Caranya : klik File > Open > Pilih Foto > Open
Disini saya memasukkan 2 foto yaitu foto namun anda nanti bisa berimprovisasi dengan lebih banyak foto
Foto - Foto :
- Peta Wisata Bali (jpg) sebagai landasan backgroundnya

Gambar : peta bali, indonesia

- Foto Penari Bali

Gambar : Balinese Dances
( kenapa foto tentang bali? ya sekalian promosiin pariwisata Indonesia )

3. Ok, sekarang gunakan Move Tool drag foto Balinese Dances ke Peta Pulau Bali

Gambar : Balinese Dance berada di foto Peta Pulau Bali

4. Sekarang tambahkan masking dengan klik add vector mask

Gambar : Add vector mask

5. Ok, set foreground dan background menjadi hitam dan putih,
caranya : (tekan tombol D pada keyboard, jika kebalik tekan tombol X , jadi ini sangat penting. Foreground = Hitam, Background = Putih).
Lihat Gambar di bawah

Gambar : Set Foreground dan Background
Penjelasan :
Kenapa? Karena dalam masking nanti ada 2 unsur yaitu black (hitam) dan white (putih), Hitam fungsinya untuk menghapus, sedangkan putih fungsinya untuk mengembalikan penghapusan (masking)

6. Ok sekarang klik Brush Tool,

Gambar : Brush Tool

Klik panah segitiga kecil dekat brush
anda bisa menSet Hardness brush ke 50%, sapukan brush pada foto Balinene Dances

Gambar : Pengaturan Brush

Hasilnya : foto balinese dances akan hilang pada bagian yang anda sapukan brush

Gambar : Masking Foto Balinese Dance ke Peta Bali

Nah sekarang akan saya jelaskan, seperti info saya di atas bahwa dengan masking maka foto tidak akan rusak jadi ketika terjadi kesalahan pada masking maka anda bisa menRestore foto anda dengan menggunakan warna putih, klik foreground dan ubah warnanya ke putih.

Gambar : Foreground Putih

Sekarang coba sapukan lagi brush anda, dan lihat apa yang terjadi...

Gambar : Restore / Pengembalian bentuk Foto "Balinese Dances"

Anda bisa menambahkan object foto yang lain dan men SET hardnessdari brush ke tingkat 0% agar lebih transparan, dan ini Contoh Kreasidengan Masking Photoshop yang saya buat, anda bisa berkreasi menurut imajinasi anda.

Gambar : Contoh Masking di Photoshop

Anda bisa men Download source contoh masking :

Download Disini (*psd)
Simpan (save) di PC atau Komputer, extract file dan buka dengan photoshop untuk mempelajarinya.

Nah itulah penjelasan tentang teknik masking di photoshop. Semogateknik Dasar ini bisa bermanfaat untuk kalian agar dapat lebih berkreasi di bidang Photo Editing. Sampai ketemu di tutorial yang lainnya. Selamat belajar Belajar Photoshop dan Semoga Bermanfaat

Read more »

Membuat Slideshow Foto Auto dengan jQuery

Sewaktu membaca inbox di gmail ternyata ada seorang yang menanyakan kepada saya bagaimana cara untuk membuat Automatic Animasi Slideshow atau Slide Foto Auto dengan menggunakan jQuery. Biasanya fitur ini dipakai untuk membuat animasi pada headline berita pada sebuah halaman utama website. Sehingga berita akan tampil bergantian sesuai dengan pengaturan waktu (timer) yang anda inginkan.

Download dulu bahan - bahan (support file) pembuatan animasiSlideshow foto otomatis autoplay :

Download Now

Isi Support Files :
A. jquery-1.8.0.min
B. head.css
C. headline.js
D. headnews.html
E. bahan foto slideshow

Tanpa bertele - tele dan panjang lebar maka berikut ini tutorial cara membuat animasi Slideshow Foto Otomatis yang akan saya jelaskan secara singkat jelas dan padat.

1. Langkah pertama adalah bersabar & fokus... hehehe...
ok, mari kita pelajari kode yang ada di dalam headnews.html. (Klik kanan "headnews.html" lalu pilih open with notepad / dreamweaver ) untuk mengetahui kode di dalamnya.

coba perhatikan kodenya :

Script diatas fungsinya untuk menghubungkan ketiga bahan : jquery-1.8.0.min + head.css + headline.js

Sedangkan kode diantara adalah untuk memanggil fungsi jquery. Bingung? ok silahkan anda baca lagi apa itu jQuery di Tentang jQuery

2. Sekarang masuk ke tahap input / memanggil gambar, perhatikan kode berikut ini :

Kode ini terletak diantara tag ...

1 2 3 4 Slide 1 Slide show pertama! wow! Slide 2 Slide show kedua! awesome! Slide 3 Slide show ketiga! cute! Slide 4 Slide show keempat, Finish! hehehe ayo - ayo jangan bengong aja gan! Kembali fokus...!

Anda tinggal mengganti input dari Title (judul foto slideshow), img src (ini untuk menghubungkan image / foto yang akan kita slideshow), dan teks (berfungsi sebagai deskripsi / tambahan keterangan)

Mudah bukan, nantinya anda tinggal mengutak - atik inputnya

3. Untuk merubah ukuran border maka kita bisa mengutak - atiknya di head.css, jadi buka head.css di aplikasi notepad atau dreamweaver

Sesuaikan dengan ukuran gambar. Disini gambar saya resolusinya adalah 700 x 350

Jadi usahakan ukurannya tidak lebih kecil gambar slideshow kita.

Hasilnya Lihat Disini :

Animasi Foto Slide Automatis dengan jQuery Slideshow telah saya tes di browser mozilla firefox, google chrome, android browser, opera browser maupun opera mini dan semuanya berjalan baik dan lancar (all work). Terima kasih, semoga bermanfaat

Read more »

Pemasangan dan Penggunaan Brush Photoshop Lengkap

Tutorial Photoshop kali ini mengenai Pemasangan dan Penggunaan BrushPada Photoshop. Tutorial ini didasari pada banyaknya pertanyaan bagaimana pemasangan dan penggunaan brush photoshop tersebut. Sebelum kita mulai mari kita membaca sedikit penjelasan tentang Brush - Adobe Photoshop. Brush adalah Fitur yang juga sangat penting padaphotoshop, terutama dalam hal pembuatan ilustrasi suatu gambar ataupun sapuan gambar dengan beraneka ragam bentuk serta mengukir image dan beberapa fungsi vital lainnya.

Ok, sekarang kita mulai saja, disini saya menggunakan Photoshop CS3 , bagi yang masih menggunakan Photoshop CS 2 ataupun CS , Ataupun Photoshop 7 tidak perlu khawatir karena caranya sama saja

Penjelasan Tentang Brush Standart Photoshop 
Sebelum kita mulai dapat saya jelaskan sedikit disini, sebetulnya Adobe PHOTOSHOP telah menyediakan Fitur Brush yang Standart ( bawaan / Default ) namun sebagai seorang desainer Grafis hal tersebut akan sangat membatasi imajinasi dan kreativitas men-Desain dan Berkarya secara maksimal.

Cara Pemakaian brush Photoshop:
1. Untuk memakai brush photoshop maka kita harus mengKlik kanan ikon Brush yang bergambar
 pada Tool Box, atau bisa dengan menggunakan short cut yaitu dengan menekan Tombol (B) pada keyboard 
Jika masih belum tahu dimana letak tool box maka silahkan lihat Layout Photoshop 

2. Lalu setelah itu aktifkan preview brush dengan dengan menekan panah di samping brush, 

panah bawah yang dilingkari hitam, nah sekarang akan muncul standart brush yang disediakan photoshop (standart Brush) 

Pemasangan dan Penambahan Brush Pada Photoshop 
Setelah membaca penjelasan di atas penulis berharap sekarang para pembaca bisa memahami apa yang dimaksud Brush Standart Photoshop. Namun tenang saja karena Adobe Photoshop bisa menerima Plug-in Brush dari pihak luar dalam hal ini adalah menambahkan Brush yang lain dalam Photoshop anda.

Caranya:
Sebelum mencoba silahkan download Contoh Brush ( FLOWER BRUSH ) yang akan kita gunakan untuk latihan
File Tersebut bisa ilmugrafis.com
klik: Photoshop Tools 
Simpan dalam komputer dan Extract , 

nama file Brush tersebut adalah "flower brush-3.abr"
( file Tersebut adalah plug-in Brush untuk menambah koleksi brush photoshop )

Ok sekarang akan saya jelaskan cara pemasangannya hingga Brush tersebut dapat digunakan
Caranya:

1. Copy File "flower brush-3.abr" yang telah kita download dari IG Photoshop Tool dan Paste pada Direktori Folder Brushes Photoshop Anda
Secara Default letaknya ada di:
C:\Program Files\Adobe\Adobe Photoshop CS3\Presets\Brushes\ (Paste Disini)


2. Buka Photoshop anda dan Brush Photoshop akan Ter-LOAD / Terpasang secara otomatis
Untuk mengganti standart brush di photoshop tersebut kita harus meload / mengaktifkan brush yang diinginkan. Caranya klik panah maka akan muncul menu pilihan:

Disini brush yang akan saya aktifkan adalah Flower Brush-3 jadi klik pada Flower Brush-3 Tersebut. 
Sekarang tinggal pilih brush dan klik pada kanvas photoshop 

Brush Dengan Tema Bunga - Hipp.. Hippp Horaaayyy ;P

Sekarang akan saya jelaskan bagaimana cara Pewarnaan Brush dan cara Mewarnai Brush

Ok Sekarang tinggal bagaimana cara anda berkreasi dengan BRUSH PHOTOSHOP tersebut

Contoh Karya Penulis dengan Brush

Read more »

Membuat Animasi Ombak

Tutorial kali ini adalah Tutorial Membuat ombak di flash, disini saya menggunakan Macromedia Flash 8. Kalo kita berbicara tentang debur ombak penulis jadi ingat Pantai Indonesia yang Indah nih.

1. Buka program flash 8
Ubah ukuran stage menjadi 768 x 576 pixels.
Ganti warna bacground menjadi warna hitam


2. Ganti warna fill color menjadi #336699  dan warna stroke dijadikan none 

3. Klik rectangle tool   untuk membuat airnya dengan mendragnya ke stage seperti gambar dibawah ini.



4. Klik kanan di frame 15 lalu  klik insert keyframe, Ubah gambar airnya dengan cara tarik ke atas menggunakan selection tool yang sebelah kiri 
Gambarnya :



7. Klik di frame 1  lalu pilih tween shape

gambarnya


Di frame 35 klik kanan insert keyframe, Ubah gambarnya seperti ini>>



8. Klik Di frame 15 pilih tween shape


9. Lalu copy frame 1
caranya : klik kanan pada frame 1 dan pilih Copy Frames 
kemudian Pastekan di frame 60


10. Klik Di frame 35 pilih tween shape
Seperti gambar dibawah ini:

Selamat mencoba...(@_@)

Read more »

CARA MEMBUAT TAHU

Tips Mudah Cara Membuat Tahu Kedelai Sehat, tahu merupakan salah satu pangan olahan dari kedelai. Melalui artikel yang sedang anda baca ini saya akan berbagi tips mengenai cara membuat tahu. Semoga dengan artikel ini bisa memberikan lebih banyak pilihan kepada kita untuk mengolah kedelai menjadi pangan olahan yang menyehatkan.

Sebelum anda mempelajari cara membuat tahu, ada baiknya anda mengetahui dulu manfaat kedelai yang merupakan bahan dasar dai tahu. Agar kedepannya kita tidak hanya membuat tahu hanya sekedar untuk coba-coba semata tetapi lebih karena kandungan gizi dan manfaat yang bisa kita dapatkan dari mengkonsumsinya. Untuk itu silahkan anda baca artikel yang saya posting sebelumnya mengenai manfaat kedelai.

Untuk membuat tahu sebenarnya caranya sangat mudah. Namun seperti biasa, kebiasaan kita adalah menganggap susah sesuatu hal yang kita belum mengetahui caranya. Untuk membantu anda sekalian dalam mempelajari cara membuat tahu. Ada baiknya anda baca langkah-langkah cara membuat tahu berikut ini.

Cara Membuat Tahu Kedelai

Picture by Google

1. Pilihlah kedelai siap pakai yang berukuran besar tidak di gigit ulat, tidak rusak, tidak cacat, tidak memiliki warna hitam dan sebagainya, agar tahu yang kita hasilkan memiliki kualitas warna yang bagus.

2. Selanjutnya cucilah kedelai tersebut di bawah air bersih mengalir.

3. Rendamlah kedelai di dalam air bersih selama 8-10 jam, usahakan agar seluruh kedelai tenggelam sepenuhnya. Hal ini dilakukan agar kedelai empuk dan mengembang, selain itu juga agar mudah melepaskan kulit ari dari kedelai.

4. Selanjutnya cuci kembali kedelai sambil diremas-remas agar kulit ari terlepas dari kedelai. Lakukan pencucian ini berkali-kali dan usahakan sampai bersih agar kedelai tidak cepat asam.

5. Berikutnya hancurkanlah kedelai dengan cara di tumbuk dan sedikit demi sedikit ditambahkan air sampai kedelai berbentuk seperti bubur. Jika dirasa sulit cara ini bisa anda lakukan dengan alat yang lebih modern seperti blender dan mesin giling.

6. Rebuslah bubur kedelai yang telah kita giling tadi dengan suhu 70-80 derajat, biasanya ditandai dengan munculnya gelembung-glembung kecil pada kedelai yang direbus. Dan yang perlu di ingat adalah jaga agar rebusan ini jangan sampai mengental.

7. Berikutnya saringlah rebusan kedelai dengan kain untuk mendapatkan sari kedelai. Lakukan penyaringan berulang-ulang agar hasil sari kedelai yang kita dapatkan bisa maksimal.

8. Campurlah sari kedelai yang kita hasilkan dengan asam cuka dan serbuk batu tahu (sulfat tahu) agar terjadi penggumpalan atau endapan. Lakukan cara ini sambil di aduk perlahan agar proses penggumpalan yang kita dapat maksimal.

9. Tuangkan gumpalan hasil campuran sari kedelai yang mulai mengendap ke dalam cetakan yang telah terlebih dahulu diberi alas kain penyaring.

10. Press lah adonan tahu yang berada di dalam cetakan selama kurang lebih 2 menit agar air yang ada di dalam adonan tahu benar-benar terperas habis.

11. Potonglah tahu yang telah di press sesuai dengan ukuran yang anda inginkan.

12. Tahupun telah jadi dan siap untuk disantap bersama-sama dengan keluarga anda tercinta.

Read more »