[TUTORIAL] Efek Shining Text (Photoshop)

Graphics Design Tutorial
#1

TUTORIAL PHOTOSHOP SHINING TEXT
[B]

Bahan-bahan yang diperlukan :

  • Photoshop CS berapapun, yang ane gunakan CS 4

  • Secangkir teh / kopi :pcute:

  • Semangat perjuangan :phihi:
    [/B]

Step 1 (Mempersiapkan susunan Animasi):

Untuk menampilkan tampilan susunan animasi (animation frames) lakukan cara berikut,
Tahan tombol / hold ALT dan tekan tombol W, akan tampil seperti [U]gambar 1[/U].
Beri tanda cek atau centang pada pilihan Animation.

Step 2 (Mempersiapkan Kanvas):

Buat dokumen baru dengan Klik File - New… atau dengan menekan Ctrl + N seperti pada [U]gambar 2[/U].
Sesuaikan size / ukuran canvas dengan ukuran avatar sesuai dengan format dari forum.
Untuk ukuran rata-rata forum adalah 175x250 Pixel seperti pada [U]gambar 3[/U].
Tampilan setelah klik OK, muncul dokumen baru seperti pada [U]gambar 4[/U].

Step 3 (Cara membuat Layer):

Buat layer baru yg fungsinya ada untuk meletakkan obyek (tulisan, gambar, efek).
tekan Shift + Ctrl + N.
maka muncul layer seperti pada [U]gambar 5[/U].
Layer 1 nti digunakan untuk obyek 1
dan Layer 2 nti digunakan untuk efek shine yg akan melewati obyek 1 pada layer 1.

Step 4 (Mengisi text atau tulisan pada Layer 1):

Klik Layer 1, Gunakan Horizontal Type Tool pilih tombol seperti pada [U]gambar 6[/U].
Arahkan cursor dan klik pada kanvas.
Isi text dengan sembarang kalimat / nama, misal “Shuffle” seperti pada contoh gambar 7.
Untuk mengganti jenis text, warna, format dsb,
silahkan klik tombol yg sudah saya beri tanda kotak merah pada [U]gambar 7[/U].
Setelah mengisi text dengan sembarang kalimat, maka layer yg semula “layer 1” akan berubah judulnya sesuai dengan isi text yg diisi.
Untuk itu senggaja diubah judulnya untuk mempermudah tutor ini menjadi “layer 1” lihat [U]gambar 8[/U].

Step 5 (Membuat shine pada layer 2):

Siapkan layer 2, dengan menggunakan Pen Tool lihat [U]gambar 9[/U].
Gunakan Pen Tool dan buatlah titik titik terhubung sehingga membentuk persegi panjang scr vertikal.
(Untuk langkah ini bebas, tidak hrs persegi panjang, miring-miring dikit kyk yg buat jg gak apa ^^).
perhatikan [U]gambar 10[/U][/URL], arahkan kursor mouse ke tengah bagian dari hasil Pen Tool lalu [B]klik kanan[/B] dan akan tampil menu dan Pilih Make Selection… lihat [URL=“http://i.imgur.com/8kkAx.jpg”][U]gambar 11[/U].
Untuk Menghasilkan shine yg tidak terlalu kaku,
maka bisa ditambahkan “Feather Radius” antara 3 - 5 pixels (bulu kaki sapa hayoo ^^) Lihat [U]gambar 12[/U][/URL]. Hasilnya seperti [URL=“http://i.imgur.com/W4Cne.jpg”][U]gambar 13[/U]

Step 6 (Mengisi Shine Layer 2 dengan Gradient / Color):

Berikutnya adalah mengisi Marquee (garis titik titik dri pen tool).
Pilih tombol Gradient Tool Lihat [U]gambar 14[/U].
Untuk gradient yg salah pilih adalah Foreground to Transparent (optional) Lihat [U]gambar 15[/U].
Cara penggunaannya cukup klik, tahan dan geser hasilnya akan seperti pada [U]gambar 16[/U].

Step 7 (Membuat shine Layer 2 dengan Blending Option):

Pada layer 2 masi item nih shinenya… hmmm
Saat nya kita coba manipulasi supaya bercahaya atau kilau.
Caranya klik pada layer 2, klik kanan dan kluar menu lihat [U]gambar 17[/U] pilih Blending Options…
untuk setting Outer Glow lihat [U]gambar 18[/U].
untuk setting Inner Glow lihat [U]gambar 19[/U].
(Option ini bergantung pada kondisi, text-hitam BG/Background putih maka shine saya buat jdi putih)
Tips: Kunci untuk mendapatkan SHINE terbaik adalah memainkan dan bereksperimen pada blending option

Step 8 (Masking / Penggabungan shine layer 2 ke text layer 1):

Pemasangan mask supaya shine hanya melewati bidang obyek saja,
ini berlaku juga untuk shine pada gambar/logo.
Perhatikan kotak merah pada [U]gambar 20[/U].
Buat mask pada layer 1 dengan cara…
Pilih layer 2, Tahan CTRL lihat [U]gambar 21[/U].
Klik layer 1 (selama menahan tombol Ctrl sesuai gambar yg diberi kotak merah)
Kemudian lepas Ctrl, Lanjutkan dengan menekan tombol Add layer mask simbulkan lingkaran dlm kotak dibagian bawah layer lihat [U]gambar 22[/U].
Hasilnya seperti pada [U]gambar 23[/U], dimana layer 2 memiliki link dengan mask yaitu bayangan/topeng dari layer 1.

Step 9 (Membuat gerakan shine pada Animation Frames):

Pilih tombol Move Tool atau tekan V.
lalu perhatikan layer 2 + mask, hilangkan tanda rantai “Indicates layer mask is linked to layer”
sehingga tampak seperti [U]gambar 24[/U].
Untuk menggerakkan shine yg dibuat, pilih layer 2 (bukan mask) lihat [U]gambar 25[/U].
lihat keyboard dan gerakkan dengan arrow atau arah.
Sudah terlihat shine nya? hmmmm…

Step 10 (ANIMATION FRAMES):

Pastikan semua langkah sudah beres dari step yg diberikan.
Langkah berikut adalah membuat animasi per frames.
Tekan “Duplicates selected frames” untuk menambahkan frame animasi lihat [U]gambar 26[/U].
Setiap menambahkan frame Gerakan layer 2 ke posisi lain, sehingga pada saat di play akan nampak bergerak lihat [U]gambar 27[/U].
Lakukan dengan membuat frames hingga membentuk suatu animasi.

Step 11 (Setting / Configurasi timeline per frames):

Animasi dari step 11, menggunakan time 0 sec. pada bbrp format dan kecepatan koneksi tiap user tentu berpengaruh lihat [U]gambar 29[/U].
Maka dari itu time bisa diatur dan disesuaikan dengan kebutuhan.

REMINDER: Tiap RAM / CPU masing-masing berpengaruh terhadap animasi yg dtampilkan.

Usahakan frames dibatasi, krn size nya akan semakin besar jika frames semakin banyak (default size forum, silahkan dilihat di profil forum masing masing user).

Mengenai loop: once / forever (animasi berulang), dan delay silahkan diatur sendiri

Step 12 (Rendering / save as GIF):

Saatnya menyimpan file yg sudah jdi ini kedalam format GIF “Save for web and Devices…”
Simpan file ke GIF dengan menekan Alt Shift Ctrl S lihat [U]gambar 28[/U].

Step 13 (Finishing):

DONE~
Result / Hasil = http://i.imgur.com/jCGlT.gif

Step 14 (untuk menambahkan background/gambar dari file *.PSD):

Buka file gambar yg akan dimasukkan dengan menekan Ctrl O lihat [U]gambar 30[/U].
Kemudian klik gambar yg dipilih, klik Open lihat [U]gambar 31[/U].
File yg dibuka bervariasi ukuran, jika terlalu besar seperti pada [U]gambar 32[/U].
Sebelum mengganti ke ukuran canvas sebaiknya mengubah “background ke layer”
caranya klik 2x pada background lihat [U]gambar 33[/U] klik ok dan namanya akan berubah menjadi Layer 0.
Kemudian ALT CTRL I, ubah ke 175x250 pixels lihat [U]gambar 34[/U].
Pindahkan file yg sudah di resize, dengan menggunakan tombol marquee
“Rectangular Marquee Tool” dan block seluruh gambar seperti pada [U]gambar 35[/U].
Setelah terblock smua seperti pada [U]gambar 36[/U], tekan Ctrl C.
kemudian pindah ke dokumen kerja yg memuat shine lalu tekan (*.PSD) Ctrl V lihat [U]gambar 37[/U]
letakkan gambar setelah background / bagian terbawah dari layer, di atas Background dengan cara tarik layer 3 / gambar ke bawah.

Lalu simpan seperti [U]gambar 28[/U]
Result / Hasil = http://i.imgur.com/3IgnW.gif

Note : Jangan lupa menyimpen file PSD, krn akan berguna untuk melakukan teknik yg sama dengan mencopy dari hasil kerja sebelumnya.

:pehm::pone: Tutorial ini dibuat sekedar berbagi ilmu, kurang lebihnya mohon dimaafkan

Masih belum ngerti ? ingin bertanya ? silahkan post di bawah ini.
Jangan post yang aneh" yang di bwh ini, khusus yang bertanya atau kurang mengerti aja ^^

#2

gan klau selain aplikasi shotoshop ( photoshop ) bisa gak ?

atau memang harus lewat aplikasi shotoshop saja …:meneketehe:

#3

ga bisa gan,
musti lewat photoshop ^^
klw program lain sih coba pake flash aja.
tapi ribet klw flash gue aja ga ngerti :hohoho:

#4

Gan itu gw uda coba buet tp gk bs ??? ane bingung yg d kotakin tp ane da nanya sepupu ane ttp gk bs
btw agan shuffling bs buetin ga ??:aduhmalu::aduhmalu:

#5

bingung kotakin gimana mksdnya?
itu tutor nya buat newbie banget lho u.u
klw ga bisa berarti apa donk wkwkwkkw

#6

coba dijelaskan bingungnya gimana,
bisa sih gw buatin …
gampang banget lho masa ga bisa… coba jelasin ga bisa gimananya

#7

yg step 8 itu gan kan d suruh kotakin itu, nah itu gw gk bs
bueting dong om shuffling

#8

jadi gini …
kamu kan udh buat shine ny , nah tinggal di masking ke font nya … alias
si shine nya supaya hanya lewat ke tulisan yang mau kilau"nya,
caranya pencet dulu layer yang shine nya … trs tahan ctrl klik layer font nya…
terus klw udh klik masking di bwh.
beres deh

#9

Gan itu dsitu msti ada BackGroundnya ga ??
d Kom gw gk ada ini soalnya setiap Ctrl + N Kluarnya Layer trus

#10

background akhir" ditambahin nya juga bisa,
atau kalau mau dari awal juga bisa …

#11

BackGround Ctrl + N kan ???
GW gk bs kalo itu kluar nya layer trus uda gw close open close open jg tetep gitu

#12

klw buka background klik file open …
trs buka gambarnya,
klw ctrl+N itu buat layer baru

#13

Gak Bisa om Kom gw ngelag bgt gk kuat :hujan::hujan:
Buatin sih terserah om gambarnya kyk mana deh:waw::waw:

#14

zzz …
apaan photoshop kok ga kuat,
ga ada hub ma komp --a
bilang aja mau dibuatin dari awal :perr::prock:

#15

gan ane mau nanya pas Step 8 kan itu Shine nya cuma di hurufnya doang tapi kok ane gk ya gan? apa ada yang kurang ya? sekian

#16

Coba di cek lagi gan 1 per 1 step"nya
mungkin ada yang kurang …
Ato coba cek layernya udah sama blum kek yang di atas ?

#17

download photoshop CS4 /CS5 dimana ya kak ?

#18

mau yang portable apa full version ?
coba search di gugle aja …
banyak banget kok, 1 x search juga dapet

#19

udah ketemu kak makasih :xiexie:

#20

kak Shuffling itu kok pas ada shine nya cuman bates L aja ya coba liat avatar forum saya kak kok pas saya geser ga bisa keliatan shine nya cuman keliatan L nya doang dari Lisy tolong bantuan nya :bingung::kyaaa: