Rabu, 29 Februari 2012 di 00.35 | 0 komentar

Diarsipkan dalam kategori: Efek Teks tanggal: 28 July 2008 oleh Mbah Dewo

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.

Langkah 2
Buatlah sebuah tulisan dengan menggunakan Type tools pada Photoshop.

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).
Jika Anda menggunakan versi Photoshop CS3:
Pilih menu Window > Animation

Langkah 4
Akan Anda dapati sebuah palet panjang di sebelah bawah (bentuk tampilan relatif sama baik pada Image Ready ataupun Photoshop CS3).

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.

Langkah 6
Klik icon Duplicate current frame.

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.

Langkah 8
Klik icon Tweens animation frames.

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.

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.

Animasi sudah jadi. Jika Anda menginginkan pengaturan kecepatan animasi, bisa Anda pilih dari tulisan 0 sec disebelah bawah frame.

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.

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

Gambar contoh animasi 2

READMORE - membuat animasi tulisan bergerak

Diposting oleh Unknown Label: Potoshop

Cara mengetik dengan garis bawah pada Photoshop

di 00.34 | 0 komentar

Diarsipkan dalam kategori: Efek Photoshop, Efek Teks tanggal: 15 May 2007 oleh Mbah Dewo

Tadi siang, aku nyoba mau membuat gambar di photoshop, terus kepingin ngasih tulisan dengan garis bawah (underline). Di photoshop tidak nampak adanya pilihan untuk memberi garis bawah tulisan, pada option bar adanya cuma pilihan Regular, Italic, Bold, dan Bold Italic. Sebenarnya masih ada pilihan untuk memberi garis bawah.

Untuk memunculkan pilihan garis bawah tersebut, kita perlu mengaktifkan Character Palette ( Window > Character ). Pada kotak palet tersebut, klik pada icon segitiga di sebelah kanan atas. Kemudian akan nampak pada palet menu tersebut pilihan underline, dan ternyata masih ada juga yang lain ya, misalnya strikethrough.

Pada gambar ilustrasi tutorial Photoshop di atas nampak pilihan underline pada menu palet Character. Tapi jangan lupa, kalau perlu tulisannya diblok dulu lho.

READMORE - Cara mengetik dengan garis bawah pada Photoshop

Diposting oleh Unknown Label: Potoshop

Membuat seleksi dengan channel

di 00.31 | 0 komentar

Tehnik yang akan kubahas ini memang mirip dengan tehnik tersebut, hanya kali ini lebih simple (sederhana) penggunaannya. Tetapi karena lebih sederhana, walaupun mudah cara pemakaiannya, tentu cara ini juga tidak mampu digunakan untuk membuat seleksi yang detil. Tapi nggak ada salahnya kita coba cara yang ini. Dengan tehnik ini kita bisa menentukan sendiri perbatasan area seleksi, jadi kalau background gambarnya agak ramai (banyak warnanya), tehnik seleksi ini bisa diterapkan.

Seleksi jenis ini bisa juga diterapkan untuk menyeleksi rambut ataupun bagian yang lembut misalnya ujung baju, hanya saja tidak bisa sedetil tehnik seleksi dengan layer mask seperti sebelumnya.

Langkah 1
Bukalah gambar yang akan kita buat seleksi dengan program Adobe Photoshop. Untuk tutorial ini, gambar yang akan kugunakan adalah sebuah gambar dari game Prince of Persia.

Langkah 2
Jika gambar yang Anda olah merupakan layer background, maka klik 2 kali pada nama layer background,

kemudian klik OK pada kotak dialog yang muncul.

Langkah 3
Pilihlah palet channel (bisa dengan cara klik langsung nama paletnya, atau dengan memilih menu Window > Channel). Pada palet channel ini, pilihlah channel yang paling kontras. Pada gambar tutorial ini, kupilih channel Green.

Langkah 4
Klik icon Load channel as selection (ada di sebelah bawah dari palet channel juga, icon no 1 dari kiri).

Langkah 5
Klik channel RGB (ini untuk membuat kita kembali pada channel aslinya). Pada gambar Anda akan nampak seleksi yang tidak rata, karena seleksi ini hanya menampilkan bagian yang berwarna terang/putih saja. Apabila kondisi gambar yang ingin diseleksi justru terbalik, maka seleksi bisa dibalik dulu dengan memilih menu Select > Inverse.

Langkah 6
Sekarang kita kembali lagi ke palet layer (klik langsung nama layernya, atau pilih menu Window > Layer).
Klik icon Add layer mask (letaknya disebelah bawah dari palet layer, pada photoshop letak icon ini nomor 3 dari kiri).

Setelah langkah diatas, akan didapati gambar seperti dibawah ini.

Langkah 7
Pilihlah brush tool, kemudian sapukan warna putih pada bagian tengah gambar yang akan dipertahankan (ditampilkan), dan warna hitam pada bagian pinggir gambar (bagian yang akan dihilangkan).

Catatan:

Pada saat menyapukan warna dengan brush tool, pastikan Anda berada pada bagian layer mask, bukan pada layer aslinya
Untuk mempermudah pengerjaan, buatlah sebuah layer baru (buat dengan cara meng-klik icon New Layer). Isikan warna pada layer ini, bisa dengan cara memilih menu Edit > Fill. Kemudian letakkan layer ini di bawah layer yang mempunyai mask tadi.
Pilihlah ukuran brush yang sesuai. Pada photoshop terdapat shortcut yang bisa digunakan untuk mengatur ukuran/bentuk brush, yaitu: Ctrl + [atau ]; dan Shift + [ atau ]. Untuk pengaturan selebihnya, pilihlah ukuran Opacity dan Flow yang agak kecil.

Sapukan brush tool sesuai dengan area mana yang Anda inginkan. Langkah inilah yang memerlukan ketelitian, karena Anda bisa menentukan sendiri bagian yang termasuk area gambar yang akan dipertahankan, mana pula yang akan dihilangkan.

Berikut ini gambar yang sudah jadi.

Pada bagian gambar yang solid tepiannya misalnya baju, dan tubuh akan lebih sesuai seleksi dengan menggunakan pen tool.

Selamat mencoba.

READMORE - Membuat seleksi dengan channel

Diposting oleh Unknown Label: Potoshop

Tutorial pembuatan animasi tulisan dengan Photoshop

tuker link disini

follower

Mengenai Saya


		membuat animasi tulisan bergerak Rabu, 29 Februari 2012 di 00.35 \| 0 komentar Diarsipkan dalam kategori: Efek Teks tanggal: 28 July 2008 oleh Mbah Dewo 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. Langkah 2 Buatlah sebuah tulisan dengan menggunakan Type tools pada Photoshop. 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). Jika Anda menggunakan versi Photoshop CS3: Pilih menu Window > Animation Langkah 4 Akan Anda dapati sebuah palet panjang di sebelah bawah (bentuk tampilan relatif sama baik pada Image Ready ataupun Photoshop CS3). 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. Langkah 6 Klik icon Duplicate current frame. 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. Langkah 8 Klik icon Tweens animation frames. 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. 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. Animasi sudah jadi. Jika Anda menginginkan pengaturan kecepatan animasi, bisa Anda pilih dari tulisan 0 sec disebelah bawah frame. 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. 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 Gambar contoh animasi 2 READMORE - membuat animasi tulisan bergerak Diposting oleh Unknown Label: Potoshop Cara mengetik dengan garis bawah pada Photoshop di 00.34 \| 0 komentar Diarsipkan dalam kategori: Efek Photoshop, Efek Teks tanggal: 15 May 2007 oleh Mbah Dewo Tadi siang, aku nyoba mau membuat gambar di photoshop, terus kepingin ngasih tulisan dengan garis bawah (underline). Di photoshop tidak nampak adanya pilihan untuk memberi garis bawah tulisan, pada option bar adanya cuma pilihan Regular, Italic, Bold, dan Bold Italic. Sebenarnya masih ada pilihan untuk memberi garis bawah. Untuk memunculkan pilihan garis bawah tersebut, kita perlu mengaktifkan Character Palette ( Window > Character ). Pada kotak palet tersebut, klik pada icon segitiga di sebelah kanan atas. Kemudian akan nampak pada palet menu tersebut pilihan underline, dan ternyata masih ada juga yang lain ya, misalnya strikethrough. Pada gambar ilustrasi tutorial Photoshop di atas nampak pilihan underline pada menu palet Character. Tapi jangan lupa, kalau perlu tulisannya diblok dulu lho. READMORE - Cara mengetik dengan garis bawah pada Photoshop Diposting oleh Unknown Label: Potoshop Membuat seleksi dengan channel di 00.31 \| 0 komentar Tehnik yang akan kubahas ini memang mirip dengan tehnik tersebut, hanya kali ini lebih simple (sederhana) penggunaannya. Tetapi karena lebih sederhana, walaupun mudah cara pemakaiannya, tentu cara ini juga tidak mampu digunakan untuk membuat seleksi yang detil. Tapi nggak ada salahnya kita coba cara yang ini. Dengan tehnik ini kita bisa menentukan sendiri perbatasan area seleksi, jadi kalau background gambarnya agak ramai (banyak warnanya), tehnik seleksi ini bisa diterapkan. Seleksi jenis ini bisa juga diterapkan untuk menyeleksi rambut ataupun bagian yang lembut misalnya ujung baju, hanya saja tidak bisa sedetil tehnik seleksi dengan layer mask seperti sebelumnya. Langkah 1 Bukalah gambar yang akan kita buat seleksi dengan program Adobe Photoshop. Untuk tutorial ini, gambar yang akan kugunakan adalah sebuah gambar dari game Prince of Persia. Langkah 2 Jika gambar yang Anda olah merupakan layer background, maka klik 2 kali pada nama layer background, kemudian klik OK pada kotak dialog yang muncul. Langkah 3 Pilihlah palet channel (bisa dengan cara klik langsung nama paletnya, atau dengan memilih menu Window > Channel). Pada palet channel ini, pilihlah channel yang paling kontras. Pada gambar tutorial ini, kupilih channel Green. Langkah 4 Klik icon Load channel as selection (ada di sebelah bawah dari palet channel juga, icon no 1 dari kiri). Langkah 5 Klik channel RGB (ini untuk membuat kita kembali pada channel aslinya). Pada gambar Anda akan nampak seleksi yang tidak rata, karena seleksi ini hanya menampilkan bagian yang berwarna terang/putih saja. Apabila kondisi gambar yang ingin diseleksi justru terbalik, maka seleksi bisa dibalik dulu dengan memilih menu Select > Inverse. Langkah 6 Sekarang kita kembali lagi ke palet layer (klik langsung nama layernya, atau pilih menu Window > Layer). Klik icon Add layer mask (letaknya disebelah bawah dari palet layer, pada photoshop letak icon ini nomor 3 dari kiri). Setelah langkah diatas, akan didapati gambar seperti dibawah ini. Langkah 7 Pilihlah brush tool, kemudian sapukan warna putih pada bagian tengah gambar yang akan dipertahankan (ditampilkan), dan warna hitam pada bagian pinggir gambar (bagian yang akan dihilangkan). Catatan: Pada saat menyapukan warna dengan brush tool, pastikan Anda berada pada bagian layer mask, bukan pada layer aslinya Untuk mempermudah pengerjaan, buatlah sebuah layer baru (buat dengan cara meng-klik icon New Layer). Isikan warna pada layer ini, bisa dengan cara memilih menu Edit > Fill. Kemudian letakkan layer ini di bawah layer yang mempunyai mask tadi. Pilihlah ukuran brush yang sesuai. Pada photoshop terdapat shortcut yang bisa digunakan untuk mengatur ukuran/bentuk brush, yaitu: Ctrl + [atau ]; dan Shift + [ atau ]. Untuk pengaturan selebihnya, pilihlah ukuran Opacity dan Flow yang agak kecil. Sapukan brush tool sesuai dengan area mana yang Anda inginkan. Langkah inilah yang memerlukan ketelitian, karena Anda bisa menentukan sendiri bagian yang termasuk area gambar yang akan dipertahankan, mana pula yang akan dihilangkan. Berikut ini gambar yang sudah jadi. Pada bagian gambar yang solid tepiannya misalnya baju, dan tubuh akan lebih sesuai seleksi dengan menggunakan pen tool. Selamat mencoba. READMORE - Membuat seleksi dengan channel Diposting oleh Unknown Label: Potoshop annai-pb	Langganan Postingan Atom Postingan Semua Komentar Atom Semua Komentar tuker link disini follower Mengenai Saya Unknown Lihat profil lengkapku Diberdayakan oleh Blogger. forum game online tempat untuk mendiskusikan seputar game online,software,hacking,cracking,tutor,blogging,cheat and more. forum C2N

Tutorial pembuatan animasi tulisan dengan Photoshop

Langganan

tuker link disini

follower

Mengenai Saya