­Juni prasetyo Blog

ul#navigation { position:fixed; margin:0px; padding:0px; top:0px; right:10px; list-style:none; z-index:999999; width:820px; font:normal 11px Arial,Sans-Serif; -webkit-animation:2s fxhompinav ease-in-out; -moz-animation:2s fxhompinav ease-in-out; -ms-animation:2s fxhompinav ease-in-out; animation:2s fxhompinav ease-in-out; } ul#navigation li { width:103px; display:inline; float:left; margin:0 0 0 2px; } ul#navigation li a { display:block; float:left; margin-top:-78px; width:100px; height:22px; background-color:#9E242C; background-repeat:no-repeat; background-position:50% 150px; border:3px solid #303030; -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5); box-shadow:0 1px 2px rgba(0, 0, 0, 0.5); -moz-border-radius:0px 0px 10px 10px; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -khtml-border-bottom-right-radius:10px; -khtml-border-bottom-left-radius:10px; border-radius:0px 0px 10px 10px; color:#ccc; text-decoration:none; text-align:center; text-shadow:0 1px 1px #000; padding-top:85px; -webkit-transition:margin-top 0.3s ease-in-out,background-position 0.4s ease-out; -moz-transition:margin-top 0.3s ease-in-out,background-position 0.4s ease-out; -o-transition:margin-top 0.3s ease-in-out,background-position 0.4s ease-out; transition:margin-top 0.3s ease-in-out,background-position 0.4s ease-out; } ul#navigation li a:hover { margin-top:-3px; background-position:50% 10px; color:#fff; position:relative; } ul#navigation li a:hover:after { content:""; width:0px; height:0px; position:absolute; top:100%; left:45%; margin-top:-10px; border-width:5px; border-style:solid; border-color:transparent transparent #e6e6e6 transparent; } ul#navigation li:nth-child(1) a { background-image:url(http://3.bp.blogspot.com/-8WwZdGaZDF8/T1jCmIXy3YI/AAAAAAAAAgs/6YHfBmBXNcM/s1600/home.png); } ul#navigation li:nth-child(2) a { background-image:url(http://3.bp.blogspot.com/-WAE3b9EAwjE/T1jCtyoXeEI/AAAAAAAAAhM/APrL1imssvg/s1600/user.png); } ul#navigation li:nth-child(3) a { background-image:url(http://3.bp.blogspot.com/-VlnL4tXuqac/T1jCqlPtZvI/AAAAAAAAAg8/-612pNRV4t8/s1600/mail.png); } ul#navigation li:nth-child(4) a { background-image:url(http://3.bp.blogspot.com/-NNr72SAv55E/T1jCsQaAzaI/AAAAAAAAAhE/6HSDKhWqLvI/s1600/rss.png); } ul#navigation li:nth-child(5) a { background-image:url(http://2.bp.blogspot.com/-l758NNsB7lY/T1jCooeCocI/AAAAAAAAAg0/xtS5Snatt0k/s1600/link.png); } ul#navigation li:nth-child(6) a { background-image:url(http://4.bp.blogspot.com/-FXzMwo3qjvA/T1jCjTFCYdI/AAAAAAAAAgk/1ZjJBvcXz70/s1600/color.png); } @-webkit-keyframes fxhompinav { from{margin-right:-1000px;} to {margin-right:0px;} } @-moz-keyframes fxhompinav { from{margin-right:-1000px;} to {margin-right:0px;} } @-ms-keyframes fxhompinav { from{margin-right:-1000px;} to {margin-right:0px;} } @keyframes fxhompinav { from{margin-right:-1000px;} to {margin-right:0px;} } Sumber » http://vicahya.blogspot.com/2012/04/cara-membuat-menu-hidden-keren-di-blog.html#ixzz2ABohAJCZ

Cara Buat Meteor

01.12

Unknown

Dengan berbagai kombinasi efek pada photoshop, kita bisa menciptakan kreatifitas yang menarik, seperti pada tutorial kali ini, adalah efek cahaya yang kali ini cukup mudah dan cepat cara membuatnya.

Langsung saja, kita ikuti langkah-langkah pembuatan efek cahaya.

Buat File Baru : background Gradient (hitam & abu abu)

Pada New Layer, Buat Objek dengan Elliptical Marquee Tool, warna objek sesuai dengan gambar di bawah ini :

Buat New Layer lagi, Buat Objek warna hitam dengan Elliptical Marquee Tool, lihat gambar :

Masih pada posisi objek tadi, Beri efek Lens flare (menu Filter - Render - Lens Flare)

Membuat Kobaran API

Buat seleksi area (eliptical marquee tool)

Kita beri sentuhan efek pencahayaan lagi : Buat Objek Bundar dengan warna merah

Selanjutnya, kita bisa memberi variasi background, seperti gambar di bawah ini

Selamat Mencoba

Tinggalkan Pesan Anda Di Bawah

Posted in Trick Photoshop

Cara Buat Pemandangan Animasi

00.57

Unknown

Publish: 25 2012 | Author & Copyright: Juni Prasetyo | Status: FREE tutorial

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 tutorial flash 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 tutorial flash
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...(@_@)

Jika semua sudah selesai tinggal kita menekan ctrl + enter dan nikmati hasilnya

animasi ombak

Selamat mencoba Tutorial Flash
Semoga berhasil…
SEMOGA BERMANFAAT

Tinggalkan Pesan Anda Di Bawah

Posted in Trick Photoshop

Membuat Animasi Ombak

00.53

Unknown

Publish: 25 2012 | Author & Copyright: Juni Prasetyo | Status: FREE tutorial

Pernah melihat foto hewan - hewan aneh, bagaimana itu bisa terjadi kenapa bisa demikian? ada dua jawaban yang mungkin bisa menjelaskan yaitu Evolusi dan Manipulasi Morphing ala Photoshop.

Sedikit penjelasan tentang Evolusi adalah proses perubahan secara berangsur-angsur (bertingkat) dimana sesuatu berubah menjadi bentuk lain (yang biasanya) menjadi lebih kompleks/ rumit ataupun berubah menjadi bentuk yang lebih baik.Proses evolusi biasanya berlangsung lama. Dalam konteks penggunaan istilah, evolusi seringkali digunakan untuk menggambarkan perkembangan yang lambat.

Morping (Evolusi ala Photoshop) maka proses Evolusi akan terjadi lebih cepat dan lebih "extreme". Ok sesuai dengan tutorial kali ini yaitu mari kita me-Morphing Kadal menjadi Kadal berkepala Gajah (wow...) beneran tuh gan? klo di dunia nyata sih tidak ada klo di dunia grafis ala ilmuGrafis hal itu sangat mungkin

berikut Langkah - Langkahnya:

1. Download 2 gambar ini:

Gambar Gajah Indonesia

kadal
Gambar Kadal Amerika

Download kedua File Latihannya disini http://www.mediafire.com/?es441q6enq3bino

2. Buka kedua gambar di Photoshop, untuk mengikuti tutorial ini usahakan anda telah menguasai dasar dasar photoshop, jika belum silahkan belajar dasar photoshop dulu di kategori Photoshop Dasar

3. Sekarang kita seleksi kepalanya si gajah lalu kita pindahkan ke gambar kadal
Caranya: gunakan pen tool, buat titik - titik seleksi pada bagian kepala gajah untuk lebih detailnya lihat di tutorial ini SELEKSI DENGAN PEN TOOL
hasilnya:
image ilmugrafis.com
Lalu setelah terhubung garis seleksi tersebut, klik kanan pada Kanvas (kepala Gajah) lalu pilih Make SelectionPilih Feather Radius : 2, centang Anti Alias, Klik OK dan anda telah mendapatkan seleksi kepala Gajah tersebut. Selanjutnya gunakan Move Tool untuk memindahkan Kepala gajah ke Gambar Kadal

3. Setelah memindahkan kepala gajah ke gambar kepala Kadal, maka pada pallete layer Klik kanan Layer 1 lalu pilih Convert to Smart Object
image ilmugrafis.com
hal ini akan membantu agar menjaga kualitas gambar sewaktu kita Potong

4. Sekarang waktunya pewarnaan agar Kepala Gajah terlihat mirip warnanya dengan Si Kadal (bukan si Kancil loh, wkwkwk)
caranya tahan tombol ALT pada keybord lalu pilih hue / saturation

Lalu atur hingga kelihatan hijau, disini menggunakan pengaturan seperti ini
image ilmugrafis.com

5. Buat layer baru dengan menekan CTRL + Shift + N
Beri nama Kulit

Ok Sekarang Waktunya Cloning... Yuhui.... di layer Kulit
Agar cepat Pastikan Pilih All Layer
Cara Cloning ada disini (biar yang pemula gak bingung) hehehe... dan saya juga tak perlu menjelaskan panjang x lebar = luas
inilah yang paling sulit, Gunakan imajinasimu, dan mulailah mengkloning Bagian tubuh dari Si Kadal ke Kepala Si Gajah , sapu dengan hati - hati dan penuh perasaan , untuk contekan bisa lihat gambar dibawah ini
image ilmugrafis.com
kuping agak sedikit samar, bagian kepala ubun2 beri sisik dan hindari area mata

6. Nah Seperti yang kita lihat, kuli dari Kadal ini ada yg mengkilat ada yg tidak, maka gunakan Burn Tool dan Dodge Tool untuk mengeditnya
Tutorialnya ada disini Memutihkan Warna Kulit Pada Foto (busyet banyak banget gan yg dipelajari? itulah kenapa kita harus menguasai dasar dari photoshop, tetep semangat ok)

7. Langkah terakhir yaitu, Buat layer baru dengan menekan CTRL + Shift + N
Beri nama Kamuflase, Fill dengan Warna Hijau (#336600) dan set Blending mode: Overlay , Opacity: 31%
image ilmugrafis.com
Taraaa....
hewan aneh
Jadilah Kadal berkepala Gajah, bukan sulap bukan sihir cuma pakai Photoshop , wkwkwk...
Saya harap para pengunjung setia ilmugrafis mengerti dengan detil yg saya sampaikan, kurang lebihnya mohon dimaafkan
Terima Kasih
Semoga Bermanfaat

Tinggalkan Pesan Anda Di Bawah

Posted in Trick Photoshop

Membuat Mangekyou Sharingan Milik Sasuke

00.39

Unknown

Publish: 25 2012 | Author & Copyright: Juni Prasetyo | Status: FREE tutorial

Pada tutorial kali ini kita akan membahas cara membuat gambar mangekyou sharingan milik sasuke dengan menggunakan program bernama Flash. Artikel kemarin kita sudah membahas bagaimana cara membuatmangekyou sharingan milik itachi dan kakashi di Ms paint tetapi pada kesempatan kali ini saya akan membahasnya dengan program Flash yang juga tak kalah bagus untuk menggambar

Sebelum kita memulainya langkah yang harus diambil adalah membuka program Macromedia flash / Adobe Flash
1. Langkah pertama yaitu buatlah sebuah object lingkaran dengan image ilmugrafis

Oval

2. Selanjutnya, Potonglah bagian tengah garis object dengan menggunakan Selection Tool image ilmugrafis

Jika sudah diseleksi tekan delete untuk menghapus
image ilmugrafis

Jika sudah klik masih menggunakan Selection Tool gabungkan 2 gambar yang telah terpisah tersebut
image ilmugrafis

3. Langkah berikutnya adalah drag object tersebut dengan menggunakan Selection Tool jika sudah pilihMenu Modify >> Transform >>Free Transform
image ilmugrafis

jika sudah ubahlah bentuk objek seperti digambar
image ilmugrafis

4. Langkah berikutnya yaitu buatlah sebuah objek bola dan masukkan ke dalam objek bola tersebut
image ilmugrafis

Copy objek yang kita buat tadi dan ubah posisi berputar 90 derajat
image ilmugrafis

Lakukan pencopyan objek lagi dan ikuti seperti apa yang sudah dijelaskan digambar (270 derajat dan 45 derajat)
image ilmugrafis

Lalu buat lingkaran lagi di tengah, Hasilnya akan seperti gambar dibawah ini
image ilmugrafis

5. Langkah terakhir yaitu pewarnaan pada langkah ini anda bisa memberi warna sesuka anda atau bisa juga mengikuti prosedur artikel ini . untuk pewarnaannya warna yang akan digunakan yang soft , agar tidak terlalu tajam gambarnya . untuk warna merah gunakan warna merah #F84C5A
image ilmugrafis

Dan hasil akhirnya akan seperti ini
image ilmugrafis

dengan sedikit ketekunan maka anda bisa menciptakan manga
image ilmugrafis

Mangekyou Sharingan Milik Sasuke by Miko IG
Semoga bermanfaat

Tinggalkan Pesan Anda Di Balwah

Posted in Trick Photoshop

Buat Efek Muka Monster

08.55

Unknown

Kali ini saya akan menSharing Tutorial bagaimana caranya merubah sosok cantik menjadi "Seram" layaknya efek monster ular penghisap darah

Source / Bahan (Materi)
image ilmugrafis.com
Gambar 1 . Foto yang akan kita edit

Gambar 2 . Motif Kulit Ular

Mari kita mulai Step by stepnya:
1. Buatlah seleksi pada bagian gigi seperti ini. Seleksinya dapat anda buat dengan menggunakan Pen Tool (P) agar dapat menciptakan garis seleksi yang melengkung.

2. Pilih Clone Stamp Tool (S), dan lakukan cloning.
Caranya seperti ini:
Coba anda posisikan kursor pada bagian gigi. Tekan tombol Alt untuk mengambil sample, sekarang lepaskan penekanan tombol Alt dan sapukan brush-nya ke bagian area seleksi.
image ilmugrafis.com
Lakukan terus Cloning sampai hasilnya seperti ini.

3. Lakukan lagi seperti cara 1 dan 2 untuk membuat gigi taring bagian kanan.

4. Buka gambar tekstur kulit ular di Photoshop, kemudian drag and drop dengan menggunakan Move Tool (V).
Ubah blending modenya menjadi Multiply.
image ilmugrafis.com

5. Langkah terakhir, lakukan masking pada bagian Rambut, Mata, dan Mulut. Hingga hasil akhirnya adalah seperti berikut. Good luck.
Tutorial Masking sudah pernah diajarkan di tutorial sebelumnya yaitu di Tutorial Wedding dapat kalian cari di Google Service di atas

SEMOGA BERMANFAAT….CEKIDOT

Tinggalkan Pesan Anda Di Bawah

Posted in Trick Photoshop

Cara Edit Rambut Dengan Photoshop

08.21

Unknown

Pada tutorial ini saya akan menjelaskan cara mengganti warna rambut dengan photoshop. Gak perlu ke salon untuk mewarnai rambut. Salah satu nya dengan menggunakan fungsi variations pada photoshop. Dengan menggunakan fungsi ini secara instan kita dapatmengubah warna rambut sesuka kita. Langsung aja kita cari tahu :

1. Buka photoshop.
2. Buka gambar yang mau diganti warna rambutnya.

3. Seleksi bagian rambut yang akan diwarnai dengan polygonal Lasso tool atau dengan tools yg lain yang untuk menyeleksi rambut.

Klik tabs image >adjusments>variations

4. Setelah di klik akan muncul tabs sebagai berikut.

Original adalah gambar rambut kita yang asli. Contohnya jika kita klik more yellow dan gambar rambut kita terlalu kuning maka tidak perlu di cancel tapi harus di klik original agar kembali seperti semula. Jika menurut anda gambarnya sudah cocok klik ok.

Contoh gambar more green maka hasilnya menjadi berwarna hijau.

Selesai.

Tinggalkan Pesan Anda Di Bawah

Posted in Trick Photoshop

Cara Menghilangkan Jerawat Dengan Photoshop

08.14

Unknown

Saya kembali lagi untuk mempostingkan cara menghilangkan jerawat dan memutihkan wajah dengan photoshop. Bagi anda yg banyak jerawatnya pantas di coba ne. Karena tutorialcara menghilangkan jerawat dengan photoshop tidak sulit.

Langsung aja ke tahap nya :

Buka photoshop

Buka gambar

Kita mau menghilangkan jerawat terlebih dahulu jadi kita harus menggunakan clone stamp tool.

Klik Alt di bagian yang sudah saya di tandai lalu klik kiri. Lepas alt lalu goreskan kebagian jerawat secara berulang-ulang.

Hingga hasilnya seperti ini.

Kemudian tinggal kita memutihkan kulit saja.
Klik dogle tool yg ada di box tools.

Klik kiri di bagian kulit yang mau kita goreskan.

Sesudah di dodge.

Begitulah cara menghilangkan jerawat dengan photoshop. Cukup mudah kan cara menghilangkan jerawat?
Jadi gak perlu pakai bedak lagi untuk menghilangkan jerawat dan memutihkan kulit. Cukup dengan Dodgle di Photoshop.

Posted in Trick Photoshop

Buat Animasi Bergerak Dengan Photoshop

08.02

Unknown

Kali ini saya akan memberitahukan cara membuat animasi bergerak dengan photoshop. Cara membuat animasi bergerak (.gif) mungkin bagi sebagian orang hanya dengan menggunakan software adobe flash. Tetapi photoshop holic jangan berkecil hati. Karena dengan photoshop kita juga bisa membuat gambar animasi bergerak dengan photoshop. Langsung saja kita lihat :

Buka document baru.

Terserah anda mau buat ukuran berapa besar, tetapi saran saya buatlah dengan ukuran Weight = 300 pixels dan height = 300 pixels.

Disini saya akan mencontohkan gambar animasi jejak kaki yang berjalan.

Buat layer baru dengan cara klik tabs layer > new > layer … atau Shift + CTRL + N

Klik Costum shape tool, Pilih pacth dan pilih Cat Print sebagai objek cara membuat animasi kali ini.

Kemudian klik Selection pacth tool. Lalu klik kanan dibagian kaki Setelah itu pilih Make selection…

Setelah itu muncul kotak, biarkan feather radiusnya 0 pixels lalu klik OK.

Setelah Selection atau seleksi menyerupai gambar kaki lalu klik tool brush, Brush di bagian kaki dengan menggunakan warna hitam.

Sesudah siap di brush. Selection masih ada. Kita hilangkan dengan cara menekan CTRL + D ( Bukan C+T+R+L+D hehehehe ).

Kemudian duplicate gambar kaki tadi sampai menjadi 4 kaki dan geser kaki sesuai urutan layer.

Setelah itu hapus Background dengan cara klik kanan layer background lalu delete layer.

Disinilah yang harus kita lakukan agar gambar berjalan seperti animasi bergerak. Caranya

Klik Windows > Animations

Setelah itu timbul kotak, Klik menu di bagian sudut kanan dibawah close lalu pilih Make Frames from Layer

Ubah waktunya menjadi 1 sec

Sekarang tinggal kita save hasil gambar animasi bergerak yang kita buat dengan photoshop.

Klik File > Save for web & devices… lalu ikuti sesuai gambar dibawah

Dan hasilnya

Anda bisa mengganti gambar yang anda mau seperti gambar hati dan lain-lain.

Semoga membuat gambar animasi bergerak dengan photoshop ini bermanfaat.

Tinggalkan Pesan Anda Di Balwah

Posted in Trick Photoshop

Juni prasetyo Blog

NavBar

Search This Blog

Labels

Blog Archive

Featured Video

Followers

Cool Blogs

fbConnectAing-v?.js

sidebar-kanan

Followers

Feedjit

reading list

Lencana Facebook

Stell Musik aaah

Data Pengunjung

Anda pengunjung yang ke:

What's Awesome..

Blogger Profile

Cara Buat Meteor

Cara Buat Pemandangan Animasi

Membuat Animasi Ombak

Membuat Mangekyou Sharingan Milik Sasuke

Buat Efek Muka Monster

Cara Edit Rambut Dengan Photoshop

Cara Menghilangkan Jerawat Dengan Photoshop

Buat Animasi Bergerak Dengan Photoshop

handapeunpost

Page Logo