Archive for December 2012

Membuat Gulungan Pada Foto ( Peeling )   Leave a comment

Sebelumnya saya ingetin dulu buat yang baru belajar photoshop atau baru mengenal Adobe photoshop, silahkan baca-baca dulu teori dasar photoshop, jadi nanti gak ada pertanyaan yang sangat dasar sekali seperti ”gimana cara seleksinya ? gimana cara hapus nya?” dll. Oke? Deal ya.. hehehe..

Sebenernya udah dari dulu pengen posting tutorial yang membuat gulungan di foto dengan Adobe photoshop ini. Kayaknya sudah pada bisa.. tapi gak apa-apa, yang belom bisa juga pasti banyak.. hehehe.. Maksudnya tutorial photoshop ini adalah membuat semacam gulungan di pojokan foto.

Langsung aja ..

Buka file foto yang mau di edit.

Foto Pemandangan di Pandeglang

Saya pake foto objek wisata di

pandeglang yang sebelumnya sudah saya kupas dikit di artikel ” Kenali dan Kunjungi Objek wisata di Pandeglang ” .. Kalo ada yang mau kesana, ajak-ajak ya.. hehehe.

 

Duplikat layer gambar dengan menekan CTRL + J .. dan Tekan tombol D untuk mendefault kan foreground (hitam)dan background color (putih) .. Lalu tekan CTRL + Backspace sehingga layer background jadi berwarna Putih.

peel2

Buat layer baru, buat segitiga seperti gambar (untuk lipatannya) dengan rectangle marquee tool. warnai dengan warna apa aja. saya pake default nya aja, pake hitam.

peel3

Sekarang buat lingkaran seperti gambar dengan elliptical marquee tool lalu tekan DELETE. (Supaya lipatannya keliatan real )

peel4

Klik 2x layer 2 atau klik kanan > Blending Options setting seperti dibawah

peel5

Setelah menggunakan gradient Overlay, sekarang gunakan Drop Shadow, setting seperti dibawah :

peel6

Hasil setelah dikasih efek

peel7

Sekarang hapus bagian luar foto dengan Eraser Tool

peel8

Hasil Akhirnya :

peel9

Contoh lipatan dipojok yang lain

Catatan : untuk di pojokan lain , tinggal ubah-ubah aja arah sudut waktu ngasih Gradient Overlay.

pandeglang

Semoga tutorial ini bermanfaat..

Selamat Mencoba .. dan Stop dreaming start action

 

Posted December 30, 2012 by aqibhidayatullah in Uncategorized

Membuat Animasi (Gambar Gerak) Dengan Photoshop CS4   Leave a comment

Di Versi-versi Photoshop sebelumnya memang disertakan Adobe Image Ready, nah disitulah kita bisa buat Animasi Gif, tapi di Photoshop Khususnya CS4 Image Ready sudah dimasukkan langsung ke Photoshopnya itu sendiri. Selain untuk membuat Animasi, CS4 disertai dengan tools yang mirip dengan Adobe After Effect(AE) / Video Editing tapi tidak sesempurna AE. Sedikit Reiew buat yang belum tau 😀

Baiklah mari kita mulai tutorial ini.

Langkah-langkahnya :

1. Buka Photoshop dan buat New document, disarankan untuk tidak terlalu besar baik ukuran dan pixelnya

2. Klik Window >> Animation, dibawah akan ada menu seperti gambar dibawah ini
photoshop animasi

3. Setelah itu kita buat gambarnya terlebih dahulu, saya ingatkan disini akan banyak sekali layer jadi mohon untuk bersabar dalam mengikuti tutorial ini, ini sudah saya buat sesimpel mungkin imagenya… 😀

Pertama-tama Kita buat tulisan Dulu seperti dibawah ini sebagai contoh
photoshop animasi
Perhatikan Layernya: Ilmu sendiri, Grafis juga sendiri.

4. Setelah itu, kita buat beberapa background warna, Klik Layer Background, lalu buat new layer (Ctrl+Shit+N) lalu isi dengan Fill tool warna sesuka hati
photoshop animasi

Jangan lupa untuk selalu memperhatikan layer disini. Setelah itu klik Lasso kemudian seleksi sesuka hati seperti yang saya lakukan di layer 1 (layer berwarna biru disini)
photoshop animasi

Kemudian Klik kanan dibagian terseleksi lalu pilih Feather… lalu isikan Feather Radiusnya menjadi 60, kemudian tekan Ctrl + Shift + I lalu tekan Delete kemudian tekan Ctrl + D maka akan jadi seperti gambar dibawah ini
photoshop animasi
Masih saya ingatkan, jangan lupa perhatikan layernya… hahahaha

5. Setelah itu buat lagi layer baru seperti cara diatas… lakukan pewarnaan sesuka hati asal berbeda dengan layer pertama(biru), kemudian lakukan lagi langkah nomor 4 tapi beda tempat, misalkan seperti gambar dibawah ini
photoshop animasi
Caranya sama seperti langkah nomor 4 hanya beda tempat dan warna, saya tidak mau tutorial ini terlalu panjang yang sepertinya akan membosankan… hahahahaha….

6. Setelah itu lakukan langkah ini, Layer 1(biru) jadikan opacitynya menjadi 0% , layer 2(Hijau) menjadi 0% , dan Layer 3(ungu) Menjadi 0%, Layer bertuliskan “GRAFIS” geser kebawah sampai tidak terlihat seperti pada gambar dibawah ini
photoshop animasi
Jangan lupa untuk selalu menekan Shift saat memindahkan Layer-layer tersebut, lalu geser ke atas layer yang bertuliskan “ILMU” maka akan terlihat blank document yang kita buat.

7. Saatnya kita mulai menganimasikan document ini 😀 kita beralih ke box animation yang sudah kita aktifkan pada langkah pertama diatas tadi… dan jangan lupa masih perhatikan layernya disini 😀 Pertama-tama mari kita panjatkan puja dan puji syukur kehadiratnya… wkwkwk canda gan… pertama-tama klik menu Duplicate Selected Frame
photoshop animasi
Maka akan ada duplikasi dari Frame pertama yang blank ini seperti dibawah ini
photoshop animasi

Kemudian geser kebawah Layer yang bertuliskan “ILMU” ketempat semula(Awal) dikira-kira saja,
photoshop animasi
Lalu klik Tweens animation frame
photoshop animasi
Kemudian akan muncul Windows seperti dibawah ini
photoshop animasi
Isi Frames to Add dengan jumlah frame yang akan dibuat, semakin banyak frame akan semakin lembut gerak dari animasi kita tapi juga semakin besar sizenya nanti, saya pake 5 Frame disini, lalu klik OK, maka akan jadi seperti gambar dibawah ini
photoshop animasi
Kalu klik yang saya tandai merah itu maka tulisan akan berjalan.

8. Lakukan langkah 7 pada Layer “GRAFIS” hanya saja geser keatas jangan kebawah lagi… hahaha…. Jangan lupa untuk klik “Duplicate Selected Frame” dulu sebelum menggeser Layer terpilih dan melakukan “Tweens animation frame” kalau sudah akan menjadi seperti ini
photoshop animasi
Ok juragan… masuk ke perubahan yang lain seperti baja hitam RX menjadi ROBO… wkwkwk….

9. Klik  Duplicate Selected Frame lagi lalu klik layer 1(biru) kemudian Opacitynya naikan kembali menjadi 100%
photoshop animasi
Lalu Klik lagi deh “Tweens animation frame”

10. Lakukan langkah nomor 9 pada Layer 2(Hijau) dan Layer 3(Ungu)

11. sudah jadi gan, coba dulu di Klik Play, kalau sudah puas, kita tinggal Save document ini gan, cara Savenya pun berbeda, mari kita mulai lagi… wkwkwk bahasa saya ancur…
Klik File >> Save for Web & Devices…(Alt + Cntrl +Shift + S) maka akan muncul Windows seperti dibawah ini (BW Killer gan… haha…)
photoshop animasi
Zoom:
photoshop animasi
Perhatikan yang saya tandai merah diatas, Looping Optionsnya Poreper gan… haha… Kalau sudah tinggal klik Save, pilih direktorinya lalu View aja gan, kl masih blm bergerak mungkin salah ekstensi diatas yang saya tandai merah, pokoknya harus GIF.

Kalau terlalu cepat, mungkin Delaynya bisa ditambah, delay ada dibawah Frame dalam box Animation, disana akan ada pilihan 0Sec, 0.2 Sec. , 0,5 Sec. Sdan seterusnya….

12. Selesai gan…
hasilnya kira2 seperti ini: 
photoshop animasi
Note: 
Bagi yang masih menggunakan CS kebawah mungkin masih disertakan Adobe Image Ready, Image ready bisa mengaplikasikan tutorial ini, namun kendalanya kita harus mentransform image dari Photshop ke Image Ready dengan bersamaan, jika Photoshop di Close maka Image yang ada dalam Image ready akan hilang seketika, lebih mudah menggunakan Image Ready memang tapi di CS4 Image Ready tidak di ikut sertakan menjadi aplikasi berbeda tapi sudah disatukan dengan Photoshop CS4 itu sendiri.
Demikian gan… semoga bermanfaat…

Posted December 30, 2012 by aqibhidayatullah in Uncategorized

MEMBUAT PUTARAN SPECTRUM ( PELANGI )   Leave a comment

Kali ini kita akan membuat Tutorial Putaran Spectrum Pelangi yang mungkin berguna untuk dijadikan Background foto atau teks 
Tutorial ini tergolong masih tingkat sederhana karena sebagai perkenalan saya dan pembaca Ilmu grafis

Ok. Mari kita mulai saja.

Langkah-langkahnya :

1. buka lembar kerja baru  FILE > NEW atau CTRL+N tentukan ukurannya sesuai selera anda.

2. Klik tool Gradient, pilih jenisnya seperti panah merah no 3 dalam gambar, kemudian pilih jenis Spectrum, dan Drag di lembar kerja / kanvas dari kiri ke kanan.
photoshop pelangi

3. Klik FILTER > DISTORT >  TWIRL 
photoshop pelangi
rubahlah angelnya menjadi terserah namun disini saya memakai 648 lalu klik Ok..
Selesai deh tuh, mudah kan hehe

Tambahan berita gan supaya lebih hidup kita  bisa tambahakan aksesoris, bisa berupa teks maupun  gambar tujuannya untuk lebih menghidupkan suasana hati hehe menghidupkan konsep dan tujuan desain maksudnya, untuk penggunaan teks di larang takut untuk tidak patuh pada teori Typologi, bebaskan expresimu gan !!! kwkwkw

Seperti misalnya dengan text nama pacar anda yang mendua, kekasih hati yang berada non jauh di Saudi Arabia kwkwk n_n

Ane sendiri di sini menambahkan aksesoris teks dengan nama favorit ane, ilmugrafis.com
Hasilnya:
photoshop pelangi

atau dikreasikan dengan foto
photoshop pelangi
Woman in rainbow 

Semoga bermanfaat

Posted December 30, 2012 by aqibhidayatullah in Uncategorized

Membuat Animasi Bergerak di Photoshop CS 3 Keatas   Leave a comment

Pada waktu dulu yaitu Photoshop 7, Photoshop CS, Photoshop CS 2 kita menggunakan Image Ready untuk membuat animasi di Photoshop. Namun mulai Adobe photoshop CS 3 kita tidak akan menjumpai aplikasi image ready tersebut karena Adobe telah menggabungkan elemen dari image ready ini ke dalam fitur dari Photoshop itu sendiri. Hal ini tentu saja lebih menghemat memory (kinerja komputer) karena mengurangi jumlah aplikasi yang aktif di Windows dan akan berpengaruh pada kinerja / kecepatan komputer serta memberikan segi kepraktisan kepada kita.

Baik, sekarang bagaimana langkah langkah membuatnya, mari kita ikuti tutorialnya:

1. Buka aplikasi photoshop CS 3 atau CS 4 atay CS 5
Disini penulis menggunakan Photoshop CS 3
klik CTRL + N = untuk membuat lembar kerja baru

Nah inilah rahasianya, aktifkan panel Animation, caranya: pada menu utama di atas, pilih Window >> (centang) Animation 
image propietary of ilmugrafis
akan muncul sebuah window baru dengan nama Animation (frames)
inilah Rahasia Photoshop nya pengganti image ready di photoshop CS 3 ini

2. Buat lembar kerja baru, ukuran terserah anda, disini saya mencontohkan saja
image propietary of ilmugrafis

3. Dengan Text Tool , tulis IG
image propietary of ilmugrafis

4. Nah kita mempunyai 1 gambar, karena animasi terdiri dari beberapa gabungan gambar maka kita harus punya lebih dari 1 gambar bukan 🙂 
image propietary of ilmugrafis
saatnya kita menekan Duplicate Selected Frame (ini untuk menduplikasi / menggandakan gambar kita)

5. Sekarang pada frame 2 kita beri warna pada teks IG (ilmugrafis) kita pindahkan tulisan agak ke bawah 
image propietary of ilmugrafis
setelah tulisan ke bawah, Klik Tween Animation Frame untuk membuat Frame-frame secara otomatis (jadi tidak perlu capek bikin 1 per 1 frame /gambar)
Semakin banyak frame maka akan semakin halus gerakan animasinya, disini saya pakai 10 sebagai contoh 
image propietary of ilmugrafis
hasilnya bisa dilihat dengan menekan tombol Play

6. kita bisa menambahkan animasi lagi, caranya sama seperti langkah 4 dan 5 , misal: membuat tulisan IG bergerak ke atas 
image propietary of ilmugrafis
dan hasilnya:
image propietary of ilmugrafis
Cara mengkonvert menjadi animasinya GIF nya yaitu dengan cara klik File >> Save For Web & Device (ALT + Shift + Ctrl + S) 
image propietary of ilmugrafis
Pilih GIF , tekan Save

Semoga menambah wawasan kita dan bermanfaat bagi semuanya khususnya para pembaca dan pengunjung IG (ilmuGrafis)
Selamat Belajar Photoshop nikmati juga tutorial efek Foto dari IG maupun tutorial grafis lainnya
Terima kasih, Semoga bermanfaat ^_^

Posted December 30, 2012 by aqibhidayatullah in Uncategorized

Membuat Apple Wireless Keyboard   Leave a comment

Kali ini kita akan belajar membuat object realistis (Photorealisme) yang lainnya yaitu Keyboard Ultra Clean dengan kemampuan Wireless (tanpa kabel) dari Apple. Sebelum melanjutkan mari kita menambah wawasan kita, Apple, Inc. (sebelumnya bernama Apple Computer, Inc.) adalah sebuah perusahaan yang terletak di daerah Silicon Valley, Cupertino, California, yang bergerak dalam bidang teknologi komputer. 

Apple membantu bermulanya revolusi komputer pribadi pada tahun 1970-an dengan produknya Apple II dan memajukannya sejak tahun 1980-an hingga sekarang dengan Macintosh. Apple terkenal akan perangkat keras ciptaannya, seperti iMac, Macbook, perangkat pemutar lagu iPod, dan telepon genggam iPhone. Beberapa perangkat lunak ciptaanya pun mampu bersaing di bidang kreatif seperti penyunting video Final Cut Pro, penyunting suara Logic Pro dan pemutar lagu iTunes yang sekaligus berfungsi sebagai toko lagu online dan saat ini September 2012 akan mengeluarkan Iphone 5. (sumber : wikipedia)

Ok kembali ke topik tutorial yaitu Apple Wireless Keyboard, begini langkah – langkahnya : 
1. Buka Program Photoshop dan buat lembar kerja baru (CTRL + N) , ukurannya terserah namun disini saya menggunakan ukuran 950 pixel x 410 pixel
new file photoshop
Setelah itu tekan OK

2. Tekan CTRL + Shift + N , tekan OK
Warnai Layer baru tersebut caranya Klik Paint Bucket Tool dan Atur warna Foreground, warnai dengan warna Abu – abu kehitaman hexadecimal #313338,
Jika belum tahu klik disini tentang apa itu hexadecimal
image propietary of ilmugrafis.com
sehingga nantinya lembar kerja kita berwarna abu – abu kehitaman tadi 

3. Klik Rectangle Shape Tool (lihat panah) , pilih yang rounded – kotak agak membulat (lihat panah) , buat kotak di tengah lembar kerja , setelah itu klik kanan kotak dan pilih Rasterize Layer
Rectangle Shape Tool

klik kanan shape 1 dan pilih Blending Options 
Blending Options

Atur Blending Options seperti ini, Mulai dari Drop Shadow 
Drop Shadow

Stroke Options
Stroke Options

Hasil Sementara
alas papan keyboard

4. Gandakan Layer border yang telah kalian buat tadi dengan menekan CTRL + J dan akan kita dapatkanShape 1 copy
Shape 1 copy

Klik Kanan Shape 1 copy dan pilih Blending Options
Blending Options
Untuk gradientnya atur putih – hitam – putih -hitam – putih 

Setelah itu klik OK. atur posisinya dengan menekan move arrow di keyboard ke atas 1x untuk menggeser dan membuat papan keyboard memiliki dimensi (kedalaman) 
hasilnya
image propietary of ilmugrafis.com

5. Sekarang kita warnai sirkuit papan keyboard, caranya : Gandakan Layer Shape 1 Copy dengan menekan CTRL + J. Kita akan mendapatkan shape copy 2, klik kanan dan pilih Blending Options (lagi)… Busyet dah… sabar ya (: sesungguhnya kesabaran itu membawa nikmat 
Setting Inner Shadow
Inner Shadow

Setting Color Overlay 
Color Overlay

Gradient Overlay
Gradient Overlay

Gradient Overlay

Hasil sementara
hasil keyboard sementara

6. Ok sekarang tinggal membuat kotak untuk tombol – tombol keyboard
Sama halnya ketika membuat papan sirkuit keyboard maka membuat tombolnya yaitu dengan KlikRectangle Shape Tool , Buat kotak persegi panjang kecil dan Rasterize
Setelah itu atur blending optionnya sebagai berikut
image propietary of ilmugrafis.com

image propietary of ilmugrafis.com

image propietary of ilmugrafis.com

image propietary of ilmugrafis.com

image propietary of ilmugrafis.com

image propietary of ilmugrafis.com

Hasil sementara
image propietary of ilmugrafis.com

Ok sekarang tinggal tekan ctrl + J untuk menggandakan tombol ketik dari keyboard , gunakan move tool dan transform (CTRL + T) untuk merubah ukuran papan tombol 
image propietary of ilmugrafis.com

Ok lanjut
image propietary of ilmugrafis.com
Memang harus telaten dan butuh kesabaran

Hasil akhirnya :
image propietary of ilmugrafis.com

Tambah dengan pernak pernik tulisan pada Ultra Slim keyboard buatan kita seperti biasa dengan menggunakan Tool pada Photoshop bernama Teks Tool
contoh keyboard
Ultra slim and clear Keyboard Apple sudah jadi, tampilan sebenarnya bisa dilihat di website Apple Store, sangat menyenangkan bukan. Anda bisa mendownload File Hasil Tutorial keyboard ini (type : psd) Disini Gratis. Semoga tutorial Photorealisme ini memberikan inspirasi untuk Anda. Sampai ketemu lagi di tutorial Komputer Grafis Lainnya. Salam Desain. Terima kasih, Semoga bermanfaat ^_^. 

Posted December 30, 2012 by aqibhidayatullah in Uncategorized

Membuat Icon Downloads   Leave a comment

Halo Selamat berjumpa kembali dengan saya Mr. Miko di Tutorial Terbaru saya yaitu membuat icon download. Untuk keperluan membuat website atau blog biasanya membutuhkan beberapa tampilan gambar seperti header, banner atau icon-icon menu agar terlihat tampak  bagus dan rapi, pada  tutorial kali ini penulis akan membahas bagaimana membuat icon download dengan Photoshop.

1. Langkah pertama yaitu Buatlah 2 layer baru dengan cara klik Menu Layer >> Layer >> New atauCtrl+Shift+N
ilmugrafis image

Dilayer 1 buatlah sebuah lingkaran dengan menggunakan Tool box  Elipse Tool (U)
ilmugrafis image

Duplicate layer 1 dengan cara klik kanan pilih Duplicate Layer
ilmugrafis image

2. Langkah selanjutnya yaitu untuk gambar lingkaran yang ada dilayer 1 copy  pindah dan kecilkan ukuran dengan menggunakan Menu Transfrom
ilmugrafis image

Kembali kelayer 1 silakan klik kanan layer dan pilih Blending Options untuk warna gunakan kombinasi palet warna hitam-putih
ilmugrafis image

Untuk Outer Glow  dan Drop Shadow isikan nilai seperti yang ada gambar dibawah ini
ilmugrafis image

ilmugrafis image

3. Setelah selesai lanjut kelayer 1 copy 
klik kanan layer dan pilih Blending Options, untuk warna gradientnya gunakan kombinasi warna merah-merah gelap atau warna lainnya
ilmugrafis image

ilmugrafis image

Untuk Inner Shadow isikan nilainya seperti yang ada digambar
ilmugrafis image

Jika sudah selesai klik OK, dan geser posisi lingkaran yang kedua tadi keposisi ditengah lingkaran pertama nanti hasilnya nampak seperti ini
ilmugrafis image

4. Langkah selanjutnya yaitu membuat arah panah, gunakan toolbox Custom Shape Tool (U)  dan pilihan gambar shapenya akan muncul dimenu drawing pilih gambar shape arrow 9 atau gambar nomer tiga dari atas kiri
ilmugrafis image

Buatlah panah seukuran kira-kira seperti digambar
ilmugrafis image

Jika sudah Transform [ Ctrl+T] gambar tersebut

ilmugrafis image

5. Langkah selanjutnya yaitu menggabungkan layer 1 dan layer 1 copy klik salah satu layer kemudian diikuti layer berikutnya dengan cara mencentang layer seperti yang ada digambar yang sudah ditandai dengan lingkaran merah. Jika sudah selesai tekan tombol keyboard Ctrl + E atau masuk menu Layer >> Merge Down

ilmugrafis image

Langkah selanjutnya masuk kelayer 2 buatlah sebuah seleksi lingkaran dengan menggunakan Elliptical Marquee Tool (M) kemudian gunakan Gradient Tool (G) dan pilih mode Linear Gradient  untuk member warna
ilmugrafis image

dan untuk optionsnya Foreground to Transparent dan klik OK
ilmugrafis image

Lakukan pemberian warna transparasi
ilmugrafis image

Jika sudah masuk ke layer untuk Opacity beri nilai 50% agar warna mejadi transparan
ilmugrafis image

Kurang lebih hasilnya akan seperti ini , bisa juga ditambahi dengan kata-kata Download File
ilmugrafis image
Download icon by Miko
Semoga bermanfaat artikel yang dibahas ini dan terima kasih untuk kesempatan menjadi penulis di ilmuGrafis
Terima kasih
Selamat mencoba, Semoga Berhasil

Posted December 30, 2012 by aqibhidayatullah in Uncategorized

Membuat Kembang Api “LOVE”   Leave a comment

Spesial Tutorial Photoshop di hari kasih sayang, disini saya akan mengajak anda untuk membuatKembang Api Bertemakan “LOVE” Sesuai dengan tema hari valentine…

Langkah-langkahnya:
1. Buka Program Photoshop – File – New

2. Pilih Brush Tool 

3. Pada Properties Brush Tool
Pilih Fuzzball Brush dan atur ukuran brush/kuas melalui Master Diameter 

4. Buat bentuk “LOVE” pada canvas dengan menggunakan klik kiri

5. Tekan [ W ] pada keyboard untuk shortcut ke Magic Wand Tool 
klik kanvas, lalu tekan [Shift] + [Ctrl] + [i] untuk meng-invert
Jika berhasil maka garis terdapat garis putus2 hitam putih melingkari hasil brush

5. Gunakan Gradien Tool – Jika ingin tahu tentang gradiend tool maka klik Gradien Tutorial 
Pilih mode pelangi dan sapukan mouse sambil menahan klik kanan dari atas ke bawah atau dari samping kiri ke samping kanan kanvas
Hasil:

6. Sekarang tinggal memberi tulisan, hal ini terserah anda… jika ingin belajar mengenai text effect klik belajar grafis photoshop teks
Ini adalah hasil dari penulis, jika mau anda bisa mengembangkannya lagi…

Find Your True Love “Design Lovers”
Source File: Download Source File – *.PSD
Selamat Belajar Photoshop , Semoga Tutorial ini bermanfaat

Posted December 30, 2012 by aqibhidayatullah in Uncategorized

Membuat Background Aurora Ala Vista   Leave a comment

Nah nie yg sebenernya dah lama mw tak tulis tp lom sempet… Nah kali nie diriku coba tuk bagi ilmu membuat background aurora ala vista, tp maaf nie bukan untuk yg expert… nie bali ilmu buat pemula seperti saya… ^^

Caranya bisa dibilang cukup simple tp ya gitu deh…

Langsung aja ah… nie dia caranya :

  • Jalankan Photoshop-nya, buat file baru, pilih File >> New (Ctrl+N) dan beri nama background Aurora atau apa aja lah… lalu klik OK
  • Buka gambar Sunset, nah gambar nie kupilih karena kita semua punya… biasanya selalu ada pada Windows XP cz emang sudah bawaan dari sononya… low g’ beda ya letaknya di :
    C:\Documents and Settings\All Users\Documents\My Pictures\Sample Pictures
    Ketemu kan???

21

  • Pakai menu Filter >> Blur >> Gaussian Blur… dan tentukan Radius-nya 70,0 pixels (hi7x… seperti biasa pakai kelipatan 7… ^^)

31

  • Sekarang ubah warna semau kita, nah low pada kasus nie diriku pingin warna ijo2 gimana gitu… Pakai menu Image >> Adjusments >> Color Balance… (Ctrl+B), dan atur seperti berikut :
    Untuk bagian Shadows >> Color Level -70 +100 +70
    Untuk bagian Midtones >> Color Level -70 +100 +70
    Untuk bagian Highlights >> Color Level -70 +100 0

41

  • Nah sekarang gunakan Eliptical Marque Tool (M) untuk membentuk seleksi seperti berikut :

51

  • Buat layer baru (Ctrl+Shift+N) >> OK, ubah Blending mode pada layer tersebut menjadi Overlay…

61

  • Lalu gunakan Brush Tool (B), pilih dulu bentuk Soft Round ukuran 35px dan warna/foreground putih, dan goreskan sepanjang garis oval yang bawah seperti pada gambar :

7

  • Sekarang klik Ctrl+T dan rotasikan hampir 90 derajad seperti pada gambar :

8

  • Ulangi langkah 5 sampai 8 hingga membentuk pola kira2 seperti ini : (jika perlu ubah ukuran Brush jadi lebih besar atau lebih kecil biar ada variasi)

9

  • Nah sudah jadi background aurora-nya… tinggal tambah pemanis… Buat layer baru, klik (Ctrl+Shift+N) >> OK, lalu gunakan Rectangular Marque Tool (M) dan buat seleksi seperti pada gambar :

10

  • Sekarang kita beri gradasi warna, gunakan Gradient Tool (G), ubah foreground agar berwarna putih, pilih jenis gradasi Foreground to Transparent, dan tarik dari atas ke bawah seperti pada gambar…

11

  • Untuk pemanis lagi kita tambahkan tulisan Welcome, gunakan Horizontal Type Tool (T), tulis Welcome atau apasajalah, atur warna semaumu, disini diriku pakai yang simple aja, jenis Arial, ukuran 48px, warna putih biasa… Nah setelah itu duplikasi layer Welcome dengan klik Ctrl+J, lalu tekan Ctrl+T, klik kanan dan pilih Flip Vertical, setelah itu geser ke bawah tepat pada ujung layer Welcome aslinya… terakhir tinggal ubah opacity duplikasi layer Welcome jadi 20%…

12

Jadi sudah background Aurora ala Vista… hi7x… Nie dia hasilnya :

[klik pada gambar untuk melihat ukuran sebenarnya 1024×768]

sunset

Sudah dulu ah bagi ilmu kali njie… dah pegel2… apalagi low inget KP blom dikerjain… xb… ngeri deh… moga bagi ilmu kali ini bermanfaat… kembangkan terus kreatifitas teman2 karena tentunya pola dari Aurora akan sangat variatif…

Posted December 30, 2012 by aqibhidayatullah in Uncategorized

Membersihkan Noda di Wajah   Leave a comment

Nah sesuai request dari salah satu pengunjung, kali ini diriku mencoba untuk bagi ilmu salah satu teknik edit foto, yaitu menghilangkan noda wajah atau jerawat atau apa aja yang mengganggu di wajah…

Kali ini diriku akan memberi contoh editing sederhana menggunakan salah satu foto temanku… Hi7x… maaf ya ga he(R)u pakai foto kamu… ^^

Nah langkahnya cukup simple :

  1. Buka aja foto yang ingin di-edit pakai Photoshop…
  2. Gunakan tool Lasso tool (L) untuk membuat seleksi pada daerah yang ingin di-edit, kalau perlu perbesar menggunakan Zoom tool (Z) agar hasil lebih halus, contohnya seperti pada gambar…21
  3. Tekan Ctrl+J untuk membuat layer baru berdasarkan area seleksi yang telah dipilih dari foto awal…31
  4. Nah sekarang tinggal menyamarkan noda wajah dengan efek Gaussian Blur… Sebelumnya pilih dulu layer yang baru, lalu pilih Filter >> Blur >> Gaussian Blur… Nah berikan efek blur secukupnya saja, jangan terlalu sedikit dan juga jangan terlalu banyak…4
  5. Jika ada bagian yang dirasa kurang halus, ulangi lagi proses seleksi dan pemberian efek blur tapi ingat, disini kuncinya adalah nilai blur yang tepat…
  6. Selanjutnya sebagai tambahan, kita ubah warna agar nampak lebih gimana gitu… Pertama gabungkan dulu semua layer dengan Ctrl+E, lalu pilih Image >> Adjusments >> Color Balance… (Ctrl+B), dan atur nilai Pada Shadows, Midtones dan Hightlights sesuai keinginan dan kebutuhan, dalam hal ini diriku pakai S : 0,0,-7 | M : 0,0,-14 | H : 0,0,-21 | artinya diriku menambahkan intensitas warna kuning pada tiap opsi…6
  7. Terakhir tinggal atur pencahayaan agar lebih tajam, pilih Image >> Adjusments >> Brightness/Contrast… tentukan nilai sesuai kebutuhan, diriku memakai B : 7 dan C : 14 agar tambah tajam…7

Nah selesai sudah, coba bandingkan kedua gambar berikut :

Sebelum di EditSebelum di Edit

Hasil EditHasil Edit

Hi7x… tambah ancur yah??? maaf nie emang diriku juga baru bisa ngrusak, lom bisa bikin tambah bagus… ^^

Dah dulu ah wong semakin ngacau ngomongnya diriku… Moga bagi ilmu kali ini bermanfaat…

Posted December 30, 2012 by aqibhidayatullah in Uncategorized

Mengubah Foto Tandus Menjadi Subur   Leave a comment

Nah bagi ilmu kali ini hanyalah contoh penggunaan fasilitas Hue/ Saturation untuk mengubah kesan foto tandus menjadi nampak subur…

Langkahnya seperti berikut :

  1. Buka foto yang memiliki kesan tandus… Dalam hal ini diriku menggunakan foto Candi Borobudur yang diambil saat Study Tour jaman SMA dulu…
  2. Gunakan Lasso Tool (L) dan seleksi area tandus, atau seperti pada gambar…2
  3. Tekan Ctrl+J untuk membuat layer baru berdasarkan area seleksi, lalu pilih Image >> Adjusments >> Hue/Saturation… (Ctrl+U), dan sesuaikan nilai dengan kondisi foto, dan dalam hal ini diriku menggunakan H : +29 agar rerumputan kuning menjadi hijau dan S : +14 agar warna hijau lebih tajam, sementara L : kubiarkan saja karena tidak terlalu berpengaruh…3
  4. Ulangi langkah no.2-3 pada area yang belum terseleksi, seperti pohon dan dedaunan di sebelah kanan atas…
  5. Nah selesai sudah… Simple kan…

Nah nie dia perbedaan foto awal dengan foto setelah di-edit…

Foto Sebelum Di-EditFoto Sebelum Di-Edit

Hasil AkhirHasil Akhir

Cukup beberapa langkah singkat foto tandus bisa nampak lebih subur… Moga bagi ilmu kali ini bermanfaat…

Posted December 30, 2012 by aqibhidayatullah in Uncategorized