FOTO BERGAYA CINEMA

Ada banyak sekali tehnik editing foto padaPhotoshop, dan kesemua tehnik tersebut bisa digunakan untuk membentuk sebuah gaya tertentu pada foto. Tentunya, tehnik yang akan digunakan akan sangat bergantung kepada hasil akhir yang ingin dicapai. Padatutorial kali ini kita akan mencoba membentuk sebuah foto bergaya cinematik dari foto yang biasa-biasa saja. Dan korban yang akan kita permak kali ini adalah..*..eng-ing-eng..* Alyssa soebandono!
haha..berlebihankah diriku??

Hmm..foto ini saya ambil langsung dari blognya si Alyssa yang katanya artis itu. Bukan membajak, karna udah minta ijin dulu di postingannya dia..meskipun blom dikasih ijin. :D

ok, langsung aja..tanpa basa-basi kita mulai tutorialnya..(lha itu yg diatas bukannya basa-basi!?)

step satoe : File>Open (Ctrl + O), pilih gambar yang mau dicinematikkan (duuh..bahasanya!).


step dua : Klik pada layer background, kemudian drag ke ikon Create a New Layer di bagian bawah pada tab Layer. Langkah ini kita gunakan untuk menduplikasi layer. Bisa juga dilakukan dengan klik kanan pada layer, kemudian pilih Duplicate Layer. Langkah ini kita gunakan hanya sebagai perbandingan untuk melihat sejauh mana perbedaan layer yang telah dimanipulasi dengan objek aslinya. Setelah selesai, klik pada ikon bergambar mata pada layer background agar tidak terlihat, sehingga yang tersisa hanya layer background copy hasil duplikasi tadi.


step tiga : Pilih layer background copy. Pada Menu, klik Image>Adjustment>Hue/Saturation. akan terpampang window baru di area kerja photoshop, set besar saturation menjadi -50. kemudian klik Ok.


step empat : Pilih Image>Adjustment>Exposure. pada window Exposure, set nilai Exposure = +0.97,Offset = -0.0490, dan Gamma Correction sebesar = 0.78. Kemudian klik Ok.


step lima : Duplikat lagi Background Copy, lakukan seperti yang telah dijelaskan pada step dua, sehingga menciptakan sebuah layer baru bernama Background Copy 2


step enam : pilih layer background copy 2, kemudian pada Menu, pilih Filter>Blur>Lens Blur. Pada window Lens Blur, set nilai Radius seperti pada gambar dibawah ini, langkah ini dilakukan untuk memberikan kesan blur yang secukupnya pada gambar.


step toejoeh : Pilih layer Background copy 2 dan klik pada ikon Add Layer Mask.


step delapan : klik pada kotak putih di layer Background copy 2, kemudian pilih Brush Tool (B) atur nilaihardness pada brush sebesar 20 %, untuk besar brush, sesuaikan dengan gambar dibawah ini. fokuskan ditengah-tengah gambar kemudian klik. Maka kesan blur dibagian tengah akan hilang.

Read More

Menggunakan Tekstur Daun untuk Membuat Wallpaper Indonesia Hijau

Ingin membuat peta Indonesia dengan daun? ya, dengan photoshop kita dapat melakukannya. Pada tutorial photoshop ini kita akan membuat peta Indonesia menggunakan tekstu daun, dan memberi sedikit sentuhan untuk membuat background yang menarik.

Hasil Akhir dari Gambar

Sumber inspirasi dari pembuatan seni ini adalah semakin maraknya kampanye pelestarian lingkungan hidup akhir-akhir ini. dan salah satu yang bisa menjadi simbol dari pelestarian alam adalah daun dan warna hijau.

Sebelum memulai, mari terlebih dahulu kita lihat hasil akhir dari gambar yang akan kita buat. Klikdisini untuk melihat dalam ukuran yang sebenarnya.

Setelah kamu lihat hasil akhir gambarnya sekarang mari kita mulai…

Langkah 1

Seperti biasa, kita mulai dengan membuat dokumen baru ukuran 1920 x 1200 pixel dengan resolusi 300 ppi dan pilih transpaent sebagai background. Kemudian buka gambar peta ini di photoshop dan paste pada dokumen yang sudah kita buat. Jika ada gambar peta yang lebih bagus, bisa menggunakan yang lain.

Langkah 2

Garis-garis pada peta ini akan menyulitkan jika dibiarkan, buat Adjustmen Layer baru dengan klik Layer > New Adjustment Layer > Levels, dan atur sepeti berikut.

Setelah itu gabungkan layer menjadi satu dengan klik salah satu layer pada window layer, tekan Ctrl dan klik satunya lagi, klik kanan dan pilih Merge Layers.

Langkah 3

Pilih warna putih sebagai warna foreground, dengan menggunakan brush tutupi bercak-bercak yang masih tertinggal.

Sekarang ulangi langkah 2, tetapi kali ini dengan settingan level yang berbeda. Kemudian sambungkan garis tepi pulau di peta yang terputus dengan brush warna hitam, seperti pada bagian atas Pulau Kalimantan.

Langkah 4

Dengan Magic Wand Tool seleksi warna putih diluar peta lalu hapus dengan menekan delete.

Read More

Animasi Burung Terbang

Dalam Tutorial kali ini akan membahas bagaimana membuat animasi sederhana dengan mode Frame by frame yaitu animasi dengan membuat gambar perframe beda halnya dengan Motion Tweening teknik frame by frame memerlukan waktu yang cukup banyak karma dalam setiap frame kita harus membuat gambar yang tidak sama, pada tutorial kali ini objek yang akan kita gunakan yaitu sebuah ilustrasi burung dan aplikasi yang digunakan yaitu Macromedia Flash MX Professional 2004

Langkah pertama yaitu buatlah gambar ilustrasi burung sebanyak 3 kali dengan menggunakan ToolboxBrush Tool

Untuk membuatnya perhatikan gambar dibawah ini

Buatlah ilustrasi gambar burung dengan brush tool bisa juga menggunakan Pen Tool

Sebelum menginjak langkah selanjutnya copy gambar yang sudah dibuat tadi, tujuannya yaitu agar kita tidak usah repot-repot membuat badan burung lagi jadi pada akhirnya  kita tinggal paste gambar setelah itu nanti hanya menambah bentuk sayap yang berbeda saja

buatlah sayap pada bagian atas , pada bagian ini kita sedang membuat gambar 1

Masuk ke pembuatan gambar kedua buatlah bentuk sayap di bawah

Untuk gambar yang terakhir buatlah sayap diatas punggung burung tetapi agak rendah sedikit, jika sudah selesai tinggal pewarnaan pada gambar
burung

langkah selanjutnya yaitu pembuatan animasinya pada gambar 1 letakkan dikeyframe pertama , atur posisi gambar sesuai keinginan anda asal semua gambar harus di 1 posisi yang sama semua

Read More

Membuat Animasi Ombak

Tutorial kali ini adalah Tutorial Membuat ombak di flash, disini saya menggunakan Macromedia Flash 8...

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>>

Read More

Menampilkan Gambar Di Judul Postingan

Image dalam judul postingan sedikit membuat tampilan blog kita lebih menarik dan lebih cantik nah untuk membuat gambar atau image tampil dijudul postingan seperti pada screenshoot pada blog saya dibawah ini silakan ikuti langkah-langkah berikut ini:

1. langkah pertama adalah membuat image yang anda inginkan atau bisa juga ambil image yang sudah ada
2. Upload gambar tersebut di photobucket.com untuk mendapatkan URL image anda bagi yang belum tahu cara uploadnya silakan lihat kembali postingan saya sebelumnya tentang upload fhotobucket.com
3. anda akan mendapatkan URL image anda seperti contoh URL image saya

http://i383.photobucket.com/albums/oo276/0512_photo/images.jpg

4.setelah itu buat kode berikut

<img src="http://i383.photobucket.com/albums/oo276/0512_photo/images.jpg" width="45" hight="45" border="0"></img>

angka "45" merupakan ukuran image anda, silakan ganti angka tersebut sesuai keinginan anda

Untuk memasukkan image ke judul postingan silakan ikuti langkah-langkah sebagai berikut:

1.Menu Layout-->Edit HTML-->jangan lupa klik "Expand Widget Templates"

2.silakan anda cari kode dibawah ini

<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>

3. kemudian sisipkan kode yang kita buat sebelumnya (kode pada no.4) menggantikan kata sisipkan kode

<a expr:href='data:post.url'> sisipkan kode <data:post.title/></a>
<b:else/>

4.Save Template

5. Silakan View Blog

Selamat Mencoba dan semoga berhasil!!!

Read More

Membuat Text Box Area

Text box area biasanya digunakan untuk memasang kode-kode HTML yang dimaksudkan supaya bisa dicopy oleh pengunjung.

Untuk membuat text box area anda hanya membuat kode dibawah ini lalu silahkan pasang di gadget yang anda ingin kan

Seperti biasa cara pasangnya Login Blogger-->Layout-->Add Gadget-->HTML/Javascript-->Lalu isikan kode2nya-->Save

Kode Untuk text box area tanpa tombol Highligh sebagai berikut:

<p align="center"><textarea name="code" rows="3" cols="40"> Isi text anda atau kode2 HTML</textarea></p>

Silahkan ganti angka "rows" yang merupakan tinggi kolom dan "cols" yang merupakan lebar kolom sesuai keinginan anda

Hasilnya seperti ini

Kode text box area menggunakan tombol highligh sebagai berikut

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 400px; HEIGHT: 80px" name="txt" rows="100" wrap="VIRTUAL" cols="55">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form>

Silahkan ganti angka WIDTH (lebar kolom) dan HEIGHT (tinggi kolom) sesuai keinginan anda

Hasilnya akan seperti ini

Read More

Pasang Iklan Di Bawah Postingan

Pasang iklan dibawah postingan bertujuan supaya iklan muncul saat pengunjung membuka postingan anda yang letaknya tepat dibawah postingan, hal ini membantu supaya iklan anda lebih sering dilihat oleh pengunjung, untuk membuatnya anda tinggal mengedit HTML layout nya saja secara otomatis iklan anda akan muncul disetiap postingan anda seperti contoh iklan yang bisa anda lihat di bawah postingan saya ini

Silahkan ikuti langkah-langkah dibawah ini untuk pasang iklan di bawah postingan:

1. Sepert biasa silahkan sign in di blogger

2. pada halaman Dasboard--> Layout-->Edit HTML-->jangan lupa klik "Expand Widget Template"

3.Silahkan temukan kode dibawah ini (berwarna hitam)

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>


Kode iklan yang sudah di parse


<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>

Kode iklan yang akan dimasukkan harus diparse terlebih dahulu
untuk parse kode HTML silakan kunjungi disini

4.Langkah terakhir Save template

Selamat Mencoba

Read More

Cara Cepat Promosi Blog

Sangat klasik berbicara tentang promosi blog tp ini salah satu cara untuk meningkatkan pengunjung ke blog anda karena dengan banyaknya pengunjung ke blog anda meningkatkan popularitas suatu blog
dibawah ini beberapa cara promosi blog yang mungkin sudah banyak anda lakukan yaitu dengan memasukkan URL anda ke:

- Forum
- Newsgroups
- Blogs
- Discussion Groups
- Direktory artikel
- Mendaftarkan website URL anda ke Google, Yahoo, MSN

Berikut salah satu cara promosi blog yang sangat efektif untuk meningkatkan banyak pengunjung dengan cara mendaftarkan URL anda ke situs direktori link yaitu www.growurl.com
disitus tersebut anda bisa mempromosikan blog anda secara gratis ataupun dengan membeli kredit, anda juga bisa mendapatkan free kredit dengan mengikuti persyaratan yang ada diwebsite tersebut

silahkan mulai sekarang promosikan blog anda dan tingkatkan banyak pengunjung dengan daftar disini atau bisa langsung klik banner dibawah ini

Read More

Pasang Facebook Profile Di Blog

Facebook seperti yang sudah anda kenal merupakan media yang bisa menghubungkan anda dengan banyak orang diseluruh dunia selain friendster yang kita kenal sebelumnya,widget profile Facebook seperti diatas bisa anda pasang diblog anda untuk mengajak pengunjung anda mengenal lebih jauh anda, untuk pasang widgetnya silahkan ikuti langkah-langkah berikut:

1. Login ke facebook anda
2. Klik menu Profile
3. Lihat pada bagian kiri bawah klik "create a Profile Badge"
4. klik tulisan create badge
5. kemudian akan muncul halaman yang berisi:
--> layout : silahkan pilih vertikal atau horizontal tergantung space pada blog anda
--> Image : Javascript untuk aplikasi blogspot dan image untuk semua blog
--> Items : Silahkan pilih item yang akan anda masukkan ke widget profile facebook and
--> Kemudian Save

6. Kemudian akan muncul kode scriptnya, silahkan dicpy paste ke element halaman blog anda dengan cara seperti biasa Layout-->Add Gadget-->Javascript/HTML-->Save

sekarang anda bisa memperluas jaringan anda bersama facebook dan blog anda,,

Selamat mencoba ya dan semoga berhasil!!!

Read More

Membuat Flash Button

Taukah anda tentang button? Button adalah sebuah tombol yang bisa diclick oleh mouse kita. Biasanya button digunakan untuk memanggil fungsi-fungsi tertentu, serta memiliki tampilan yang berubah ubah sewaktu kita meng-mouseover atau meng-click nya. Nah, dalam tutorial kali ini kita tidak akan membahas tentang fungsi – fungsi ( fungsi disini bukan berarti ‘kegunaan’ lho, tapi sebuah ‘function’ ) melainkan hanya membahas pada tampilan button nya saja.
Screenshot  jadi:

Gambar Flash Button

Berikut Tutorial Flash :
- Langkah 1 : Silahkan buka Adobe Flash anda, di sini saya menggunakan versi Adobe Flash terbaru CS5, anda juga dapat menggunakan CS4, CS3, Flash 8, atau versi lama lainnya.
Berikut screenshotnya:



- Langkah 2 : Langkah pertama, mari kita buat sebuah gambar button seperti di atas. Untuk menggambarnya anda dapat menggunakan Adobe Flash sendiri, Photoshop, Coreldraw, Adobe Illustrator, atau aplikasi lain. Di sini saya tidak akan menggambar, tetapi saya menggunakan gambar button sederhana yang sudah ada di Adobe Illustrator.

“hum, saya sendiri tidak tahu, kenapa sangat minim sekali tool tool untuk menggambar di Adobe Flash, mungkin itu merupakan teknik bisnis sehingga bila kita menggunakannya maka kita memerlukan product Adobe lain yang mengkhususkan pada bidang menggambar seperti Adobe Illustrator atau Adobe Fireworks ^_^ “

Berikut Screenshotnya:

“buka Adobe Illustrator anda dan pilih salah satu button yang sudah ada, drag button ke lembar kerja kemudian copy paste ke lembar kerja Adobe Flash”


- Langkah 3 : Saat kita copy paste ke Adobe Flash maka tampilannya akan seperti berikut ini:
 
“akan ada konfirmasi saat proses paste, silahkan untuk lebih mudahnya pilih saja ‘paste as bitmap’ , maka semua layer layer dari AI (Adobe Illustrator akan di merge dijadikan gambar bitmap ). 
Sebenarnya untuk membuat animasi yang lebih komplek anda bisa memilih ‘paste using AI File Importer Preferences’ , tapi karena di tutorial ini kita hanya membuat button jadi cukup pilih saja ‘paste as bitmap’


- Langkah 4 : Convert bitmap kita ke symbol. Untuk membuat sebuah flash button di Adobe Flash, maka bitmap yang baru saja kita import harus dijadikan ‘button symbol’. Klik kanan bitmap -> convert to symbol -> button.
Berikut adalah screenshotnya:

Setelah convert to symbol maka pilih ‘button’
Berikut screenshotnya:

“symbol di flash dibagi menjadi 3 yaitu ‘movie clip’, ‘button’, dan ‘graphic’. Karena kita akan membuat button, maka kita harus mengeset symbol kita sebagai button. Bila anda ingin membuat animasi anda dapat memilih ‘Movie Clip’


- Langkah 5 : Anda telah berhasil mengkonvert bitmap kita sebagai button. Nah, kemudian langkah selanjutnya adalah kita akan mengotak atik ‘apa yang ada’ di dalam symbol button yang baru saja kita buat. 
Double click button dan akan terlihat screenshot seperti berikut:

“di dalam button kita terdapat 4 buah frame yang dapat kita modifikasi dengan menggunakan ‘key frame’. Pada gambar diatas yang baru terisi hanya frame Up, sehingga saat button di preview maka tidak ada effect  ketika mouse diarahkan ke button maupun ketika button diclick, haduh susahnya menjelaskan, untuk lebih jelasnya silahkan dipreview  control -> test movie ( ctrl + enter )   ^_^ “
Frame Up : untuk button normal ( saat tidak ada event tertentu pada button, misalnya mouse over )
Frame Over: saat mouse diarahkan diatas button
Frame Down: saat mouse diclickan ke button ( click di sini masih dalam posisi ditekan, belum dilepaskan)
Frame Hit: Saat mouse dilepaskan ( setelah click )


- Langkah 6 : Saatnya kita isi frame demi frame button kita.
- Mari kita buat button over ( button berubah saat mouse diarah kan ke button)
a. Klik Kanan frame over -> insert keyframe->setelah insert keyframe pastikan anda masih dalam frame over tersebut->klik object button di frame over-> lihat properties di window kanan.
Berikut adalah screenshotnya:

Read More

Membuat Animasi Berputar (Kipas Angin)

Hai kawan semua, sudah lama kita tak jumpa dalam kategori Tutorial Flash, kali ini kita akan belajar bagaimana cara membuat animasi berputar pada Flash, Hal ini bisa diterapkan pada semua program Flash mulai dari macromedia Flash (versi lama) sampai Adobe Flash (versi baru).

Melihat dunia yang semakin panas, kerusuhan di mana-mana, musim yang tidak menentu, dll (wah ini tutorial apa berita gan?? wkwkwk... intermezo aja) maka di rumah saya selalu memakai kipas angin untuk mendinginkan suasana. Maklum klo pakai AC listriknya kagak kuat, duitpun tak cukup jd pakai AC yang lain alias (AC) Angin Cendela. 

Tutorial kali ini tak lepas dari Kipas angin, bagaimana kita membuat kipas angin atau animasi berputar di Flash? ikuti langkah berikut ini :)
1. Siapkan Kipas angin, Lihat arah berputarnya, jangan lama-lama nanti pusing, wkwkwk....
2. Nyalakan komputer dan buka program Flash, Disini saya memakai Adobe Flash CS 4
3. Buat Object 2 buah segitiga + 1 Buah object lingkaran di Lembar kerja flash
Caranya: 
Untuk membuat Segitiga gunakan PolyStar Tool pada toolbar , Untuk Pengaturan gunakan Style: Polygon, Number Of Side: 3
Untuk membuat Lingkaran gunakan Oval Tool dan tekan dan tahan tombol shift agar lingkaran bulat sempurna 

Petunjuk Gambar IG

4. Atur gambar sehingga membentuk Sebuah baling baling kipas dan seleksi semuanya lalu tekan CTRL + G (Group) untuk menggabungkan 3 object tersebut menjadi 1 kesatuan 

Petunjuk Gambar IG

5. Sekarang waktunya membuat Frame pada Layer 1 klik Frame 50 dan pilih insert Frame 

Petunjuk Gambar IG 

6. Masih di Frame 50, klik kanan lagi dan sekarang pilih Create Classic Tween

7. Pada Properties, atur Tweening , pilih Rotate: CW (Searah jarum jam)

Petunjuk Gambar IG

Read More

Membuat Jam Dinding

Tik tok tik tok, sambil menunggu waktu berbuka puasa lebih baik kita belajar animasi dengan Flash. PadaTutorial Flash kali ini kita akan mencoba membuat jam dinding sederhana. Penasaran cara membuatnya? mari kita belajar bersama di IlmuGrafis

Langkah - langkahnya sbb:
1. Buka Program Flash
Start >> All Program >> Flash , pilih flash dokumen 
disini penulis menggunakan Flash MX 2004 namun tutorial ini bisa diterapkan di Adobe Flash versi berapapun termasuk Flash CS5 


2. Buat lingkaran Gunakan oval tool (shortcut tombol: O), tips: tekan dan tahan tombol shift pada keyboard agar lingkaran bulat sempurna 



3. Ubah warna fill jadi hitam, Gunakan text tool (Short cut tombol : T) dan tulis 1 per 1 nomor jam mulai dari 1 - 12 untuk penomoran angka
gunakan Selection tool untuk meletakkan nomor - nomor tersebut pada bagian jam 



4. Dengan Line Tool (N) buatlah 3 buah garis untuk penunjuk arah jam
garis jam (pendek) , garis menit (agak panjang) , garis detik (panjang)

5. Seleksi garis yang paling pendek dengan selection tool (V) dan tekan F8 
muncul jendela dan masukkan jam_mc dan pilih movie clip sebagai type serta pastikan titik registrationnya berada di tengah bagian bawah lalu tekan ok. 

Seleksi movie clip jam_mc di Lembar kerja kemudian tekan Ctrl+F3 untuk memunculkan panel properties. Pada panel properties yang muncul masukkan jam_mc sebagai instance name. 


6. Sama seperti di atas
Seleksi garis kedua (agak panjang), kemudian tekan F8. Pada panel yang muncul masukkan menit_mc dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah bagian bawah lalu tekan ok. 
Seleksi movie clip menit_mc. Pada panel properties yang muncul masukkan menit_mc sebagai instance name. 

7. Sama seperti di atas
Seleksi garis ketiga (paling panjang), kemudian tekan F8. Pada panel yang muncul masukkan detik_mc dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah bagian bawah lalu tekan ok. 
Seleksi movie clip detik_mc. Pada panel properties yang muncul masukkan detik_mc sebagai instance name. 

8. Satukan dan letakkan garis dengan urutan jam lalu menit kemudian detik dan letakkan di dalam tempat jam 

Read More