Kode Warna Hexadecimal Dalam Desain Grafis Post Date: 15 Mei 2008 By Johan

Bagi anda yang sudah mahir dalam pengcodean HTML Maupun CSS mungkin sudah tidak asing

dengan apa yang dimaksud kode Warna Hexadecimal, namun bagi yang belum mengetahuinya.

Kode Warna Hexadecimal adalah kode untuk warna yang berupa angka dan akan dibaca oleh

komputer sebagai warna, sebagai contoh pada saat kita mendisain background dengan Photoshop

maka disitu akan terlihat kode seperti ini.

Angka #E5379D merupakan

angka hexadecimal

Sama halnya dengan pewarnaan pada web design, kita juga memerlukan kode hexadecimal

tersebut.

Contoh:

<font color=#E5379D size="12">coba</font>

jika ditulis dalam format html maka Hasilnya: coba

berikut bermacam-macam aneka warna dari hexadecimal:

Nama Warna CODE Hexadecimal Hasil WARNA

Black #000000 Black

Gray0 #150517 Gray0

Gray18 #250517 Gray18

Gray21 #2B1B17 Gray21

Gray23 #302217 Gray23

Gray24 #302226 Gray24

Gray25 #342826 Gray25

Gray26 #34282C Gray26

Gray27 #382D2C Gray27

Gray28 #3b3131 Gray28

Gray29 #3E3535 Gray29

Gray30 #413839 Gray30

Gray31 #41383C Gray31

Gray32 #463E3F Gray32

Gray34 #4A4344 Gray34

Gray35 #4C4646 Gray35

Gray36 #4E4848 Gray36

Gray37 #504A4B Gray37

Gray38 #544E4F Gray38

Gray39 #565051 Gray39

Gray40 #595454 Gray40

Gray41 #5C5858 Gray41

Gray42 #5F5A59 Gray42

Gray43 #625D5D Gray43

Gray44 #646060 Gray44

Gray45 #666362 Gray45

Gray46 #696565 Gray46

Gray47 #6D6968 Gray47

Gray48 #6E6A6B Gray48

Gray49 #726E6D Gray49

Gray50 #747170 Gray50

Gray #736F6E Gray

Slate Gray4 #616D7E Slate Gray4

Slate Gray #657383 Slate Gray

Light Steel Blue4 #646D7E Light Steel Blue4

Light Slate Gray #6D7B8D Light Slate Gray

Cadet Blue4 #4C787E Cadet Blue4

Dark Slate Gray4 #4C7D7E Dark Slate Gray4

Thistle4 #806D7E Thistle4

Medium Slate Blue #5E5A80 Medium Slate Blue

Medium Purple4 #4E387E Medium Purple4

Midnight Blue #151B54 Midnight Blue

Dark Slate Blue #2B3856 Dark Slate Blue

Dark Slate Gray #25383C Dark Slate Gray

Dim Gray #463E41 Dim Gray

Cornflower Blue #151B8D Cornflower Blue

Royal Blue4 #15317E Royal Blue4

Slate Blue4 #342D7E Slate Blue4

Royal Blue #2B60DE Royal Blue

Royal Blue1 #306EFF Royal Blue1

Royal Blue2 #2B65EC Royal Blue2

Royal Blue3 #2554C7 Royal Blue3

Deep Sky Blue #3BB9FF Deep Sky Blue

Deep Sky Blue2 #38ACEC Deep Sky Blue2

Slate Blue #3574EC7 Slate Blue

Deep Sky Blue3 #3090C7 Deep Sky Blue3

Deep Sky Blue4 #25587E Deep Sky Blue4

Dodger Blue #1589FF Dodger Blue

Dodger Blue2 #157DEC Dodger Blue2

Dodger Blue3 #1569C7 Dodger Blue3

Dodger Blue4 #153E7E Dodger Blue4

Steel Blue4 #2B547E Steel Blue4

Steel Blue #4863A0 Steel Blue

Slate Blue2 #6960EC Slate Blue2

Violet #8D38C9 Violet

Medium Purple3 #7A5DC7 Medium Purple3

Medium Purple #8467D7 Medium Purple

Medium Purple2 #9172EC Medium Purple2

Medium Purple1 #9E7BFF Medium Purple1

Light Steel Blue #728FCE Light Steel Blue

Steel Blue3 #488AC7 Steel Blue3

Steel Blue2 #56A5EC Steel Blue2

Steel Blue1 #5CB3FF Steel Blue1

Sky Blue3 #659EC7 Sky Blue3

Sky Blue4 #41627E Sky Blue4

Slate Blue #737CA1 Slate Blue

Slate Blue #737CA1 Slate Blue

Slate Gray3 #98AFC7 Slate Gray3

Violet Red #F6358A Violet Red

Violet Red1 #F6358A Violet Red1

Violet Red2 #E4317F Violet Red2

Deep Pink #F52887 Deep Pink

Deep Pink2 #E4287C Deep Pink2

Deep Pink3 #C12267 Deep Pink3

Deep Pink4 #7D053F Deep Pink4

Medium Violet Red #CA226B Medium Violet Red

Violet Red3 #C12869 Violet Red3

Firebrick #800517 Firebrick

Violet Red4 #7D0541 Violet Red4

Maroon4 #7D0552 Maroon4

Maroon #810541 Maroon

Maroon3 #C12283 Maroon3

Maroon2 #E3319D Maroon2

Maroon1 #F535AA Maroon1

Magenta #FF00FF Magenta

Magenta1 #F433FF Magenta1

Magenta2 #E238EC Magenta2

Magenta3 #C031C7 Magenta3

Medium Orchid #B048B5 Medium Orchid

Medium Orchid1 #D462FF Medium Orchid1

Medium Orchid2 #C45AEC Medium Orchid2

Medium Orchid3 #A74AC7 Medium Orchid3

Medium Orchid4 #6A287E Medium Orchid4

Purple #8E35EF Purple

Purple1 #893BFF Purple1

Purple2 #7F38EC Purple2

Purple3 #6C2DC7 Purple3

Purple4 #461B7E Purple4

Dark Orchid4 #571B7e Dark Orchid4

Dark Orchid #7D1B7E Dark Orchid

Dark Violet #842DCE Dark Violet

Dark Orchid3 #8B31C7 Dark Orchid3

Dark Orchid2 #A23BEC Dark Orchid2

Dark Orchid1 #B041FF Dark Orchid1

Plum4 #7E587E Plum4

Pale Violet Red #D16587 Pale Violet Red

Pale Violet Red1 #F778A1 Pale Violet Red1

Pale Violet Red2 #E56E94 Pale Violet Red2

Pale Violet Red3 #C25A7C Pale Violet Red3

Pale Violet Red4 #7E354D Pale Violet Red4

Plum #B93B8F Plum

Plum1 #F9B7FF Plum1

Plum2 #E6A9EC Plum2

Plum3 #C38EC7 Plum3

Thistle #D2B9D3 Thistle

Thistle3 #C6AEC7 Thistle3

Lavendar Blush2 #EBDDE2 Lavendar Blush2

Lavendar Blush3 #C8BBBE Lavendar Blush3

Thistle2 #E9CFEC Thistle2

Thistle1 #FCDFFF Thistle1

Lavendar #E3E4FA Lavendar

Lavendar Blush #FDEEF4 Lavendar Blush

Light Steel Blue1 #C6DEFF Light Steel Blue1

Light Blue #ADDFFF Light Blue

Light Blue1 #BDEDFF Light Blue1

Light Cyan #E0FFFF Light Cyan

Slate Gray1 #C2DFFF Slate Gray1

Slate Gray2 #B4CFEC Slate Gray2

Light Steel Blue2 #B7CEEC Light Steel Blue2

Turquoise1 #52F3FF Turquoise1

Cyan #00FFFF Cyan

Cyan1 #57FEFF Cyan1

Cyan2 #50EBEC Cyan2

Turquoise2 #4EE2EC Turquoise2

Medium Turquoise #48CCCD Medium Turquoise

Turquoise #43C6DB Turquoise

Dark Slate Gray1 #9AFEFF Dark Slate Gray1

Dark Slate Gray2 #8EEBEC Dark slate Gray2

Dark Slate Gray3 #78c7c7 Dark Slate Gray3

Cyan3 #46C7C7 Cyan3

Turquoise3 #43BFC7 Turquoise3

Cadet Blue3 #77BFC7 Cadet Blue3

Pale Turquoise3 #92C7C7 Pale Turquoise3

Light Blue2 #AFDCEC Light Blue2

Dark Turquoise #3B9C9C Dark Turquoise

Cyan4 #307D7E Cyan4

Light Sea Green #3EA99F Light Sea Green

Light Sky Blue #82CAFA Light Sky Blue

Light Sky Blue2 #A0CFEC Light Sky Blue2

Light Sky Blue3 #87AFC7 Light Sky Blue3

Sky Blue #82CAFF Sky Blue

Sky Blue2 #79BAEC Sky Blue2

Light Sky Blue4 #566D7E Light Sky Blue4

Sky Blue #6698FF Sky Blue

Light Slate Blue #736AFF Light Slate Blue

Light Cyan2 #CFECEC Light Cyan2

Light Cyan3 #AFC7C7 Light Cyan3

Light Cyan4 #717D7D Light Cyan4

Light Blue3 #95B9C7 Light Blue3

Light Blue4 #5E767E Light Blue4

Pale Turquoise4 #5E7D7E Pale Turquoise4

Dark Sea Green4 #617C58 Dark Sea Green4

Medium Aquamarine #348781 Medium Aquamarine

Medium Sea Green #306754 Medium Sea Green

Sea Green #4E8975 Sea Green

Dark Green #254117 Dark Green

Sea Green4 #387C44 Sea Green4

Forest Green #4E9258 Forest Green

Medium Forest Green #347235 Medium Forest Green

Spring Green4 #347C2C Spring Green4

Dark Olive Green4 #667C26 Dark Olive Green4

Chartreuse4 #437C17 Chartreuse4

Green4 #347C17 Green4

Medium Spring Green #348017 Medium Spring Green

Spring Green #4AA02C Spring Green

Lime Green #41A317 Lime Green

Spring Green #4AA02C Spring Green

Dark Sea Green #8BB381 Dark Sea Green

Dark Sea Green3 #99C68E Dark Sea Green3

Green3 #4CC417 Green3

Chartreuse3 #6CC417 Chartreuse3

Yellow Green #52D017 Yellow Green

Spring Green3 #4CC552 Spring Green3

Sea Green3 #54C571 Sea Green3

Spring Green2 #57E964 Spring Green2

Spring Green1 #5EFB6E Spring Green1

Sea Green2 #64E986 Sea Green2

Sea Green1 #6AFB92 Sea Green1

Dark Sea Green2 #B5EAAA Dark Sea Green2

Dark Sea Green1 #C3FDB8 Dark Sea Green1

Green #00FF00 Green

Lawn Green #87F717 Lawn Green

Green1 #5FFB17 Green1

Green2 #59E817 Green2

Chartreuse2 #7FE817 Chartreuse2

Chartreuse #8AFB17 Chartreuse

Green Yellow #B1FB17 Green Yellow

Dark Olive Green1 #CCFB5D Dark Olive Green1

Dark Olive Green2 #BCE954 Dark Olive Green2

Dark Olive Green3 #A0C544 Dark Olive Green3

Yellow #FFFF00 Yellow

Yellow1 #FFFC17 Yellow1

Khaki1 #FFF380 Khaki1

Khaki2 #EDE275 Khaki2

Goldenrod #EDDA74 Goldenrod

Gold2 #EAC117 Gold2

Gold1 #FDD017 Gold1

Goldenrod1 #FBB917 Goldenrod1

Goldenrod2 #E9AB17 Goldenrod2

Gold #D4A017 Gold

Gold3 #C7A317 Gold3

Goldenrod3 #C68E17 Goldenrod3

Dark Goldenrod #AF7817 Dark Goldenrod

Khaki #ADA96E Khaki

Khaki3 #C9BE62 Khaki3

Khaki4 #827839 Khaki4

Dark Goldenrod1 #FBB117 Dark Goldenrod1

Dark Goldenrod2 #E8A317 Dark Goldenrod2

Dark Goldenrod3 #C58917 Dark Goldenrod3

Sienna1 #F87431 Sienna1

Sienna2 #E66C2C Sienna2

Dark Orange #F88017 Dark Orange

Dark Orange1 #F87217 Dark Orange1

Dark Orange2 #E56717 Dark Orange2

Dark Orange3 #C35617 Dark Orange3

Sienna3 #C35817 Sienna3

Sienna #8A4117 Sienna

Sienna4 #7E3517 Sienna4

Indian Red4 #7E2217 Indian Red4

Dark Orange3 #7E3117 Dark Orange3

Salmon4 #7E3817 Salmon4

Dark Goldenrod4 #7F5217 Dark Goldenrod4

Gold4 #806517 Gold4

Goldenrod4 #805817 Goldenrod4

Light Salmon4 #7F462C Light Salmon4

Chocolate #C85A17 Chocolate

Coral3 #C34A2C Coral3

Coral2 #E55B3C Coral2

Coral #F76541 Coral

Dark Salmon #E18B6B Dark Salmon

Salmon1 #F88158 Pale Turquoise4

Salmon2 #E67451 Salmon2

Salmon3 #C36241 Salmon3

Light Salmon3 #C47451 Light Salmon3

Light Salmon2 #E78A61 Light Salmon2

Light Salmon #F9966B Light Salmon

Sandy Brown #EE9A4D Sandy Brown

Hot Pink #F660AB Hot Pink

Hot Pink1 #F665AB Hot Pink1

Hot Pink2 #E45E9D Hot Pink2

Hot Pink3 #C25283 Hot Pink3

Hot Pink4 #7D2252 Hot Pink4

Light Coral #E77471 Light Coral

Indian Red1 #F75D59 Indian Red1

Indian Red2 #E55451 Indian Red2

Indian Red3 #C24641 Indian Red3

Red #FF0000 Red

Red1 #F62217 Red1

Red2 #E41B17 Red2

Firebrick1 #F62817 Firebrick1

Firebrick2 #E42217 Firebrick2

Firebrick3 #C11B17 Firebrick3

Pink #FAAFBE Pink

Rosy Brown1 #FBBBB9 Rosy Brown1

Rosy Brown2 #E8ADAA Rosy Brown2

Pink2 #E7A1B0 Pink2

Light Pink #FAAFBA Light Pink

Light Pink1 #F9A7B0 Light Pink1

Light Pink2 #E799A3 Light Pink2

Pink3 #C48793 Pink3

Rosy Brown3 #C5908E Rosy Brown3

Rosy Brown #B38481 Rosy Brown

Light Pink3 #C48189 Light Pink3

Rosy Brown4 #7F5A58 Rosy Brown4

Light Pink4 #7F4E52 Light Pink4

Pink4 #7F525D Pink4

Lavendar Blush4 #817679 Lavendar Blush4

Light Goldenrod4 #817339 Light Goldenrod4

Lemon Chiffon4 #827B60 Lemon Chiffon4

Lemon Chiffon3 #C9C299 Lemon Chiffon3

Light Goldenrod3 #C8B560 Light Goldenrod3

Light Golden2 #ECD672 Light Golden2

Light Goldenrod #ECD872 Light Goldenrod

Light Goldenrod1 #FFE87C Light Goldenrod1

Lemon Chiffon2 #ECE5B6 Lemon Chiffon2

Lemon Chiffon #FFF8C6 Lemon Chiffon

Light Goldenrod

Yellow #FAF8CC Light Goldenrod Yellow

1 Buat document baru 800 x 600 Pixel

2. Birikan warna Background hitam, kemudian buat teks hingga seperti gambar

3. Kemudian restireze teks dengan cara klik kanan pada layer teks dan pilih restireze, lihat gambar:

4. Kemudian berikan efek wind (Klik Menu Filter > Stylis > Wind ),

atur sesuai gambar: kemudian ulangi lagi efek wind ato bisa langsung tekan Ctrl + F 2x ( untuk

mengulangi efek yang terakhir digunakan )

5. Berikan efek wind lagi ( ulangi langkah no 4 ) bedanya pada pengaturan direction (from the right dan

from the lift).

Hasilnya kira-kira seperti ini:

6. Ok sekarang kita putar 90 cw ( klik edit > transfrom > rotate 90 derajat cw ) seperti ini:

7. Nah sekarang kita kasih lagi efek wind (ulangi langkah 4 dan 5 ). Hasilnya:

8. kita rotate kembali agar kembali kesemula yaitu (Klik Edit > Transfrom > Rotate 90 derajat Ccw )

9. Kini tinggal ngasih deh apinya, siapkan korek ya hehe…

sebelumnya kita ubah mode warna ke Grayscale ( klik image > mode > grayscale ), lalu kita ubah lagi ke

indexed color ( klik image > mode > indexed color ),

10. Terakhir kita sulut deh apinya dengan color table ( Klik Image > Mode > Color Table ), dan atur

sesuai dengan gambar:

HAsilnya Akhirnya:

Awas kebakaran mas!!! Jauhkan dari anak kecil…hehe…

Teks Efek Creative Mistery 1. Langkah awal siapkan lembar baru dengan background warna hitam.

2. Gunakan Type Tool dan mulailah menulis kalimat yang kamu inginkan, disini saya

menggunakan

Font Bill Hicks jika belum punya silahkan download dahulu, tulis Teks dengan warna merah

Hasilnya:

.

3. Klik menu Image – Rotate Canvas – 90 0 CW dan akhirnya posisi texs menjadi miring.

4. Setelah texs dalam keadaan miring klik Filter – Stylize - Wind

Dan hasilnya seperti gambar di bawah ini.

5. Nah kalo udah begini kita kembalikan posisi nya seperti semula dengan cara

Image – Rotate Canvas - 90 derajat CCW.

6. Setelah itu kita gunakan layer style dan pilih Bevel and Embos.

Dan hasilnya seperti gambar di bawah ini.

7. Beri Gradient hitam agar texs lebih terlihat sangar..

Untuk hasil yang sempurna bisa kita tambahkan gambar – gambar yang seram-seram agar

terlihat lebih misteri..

Teks Efek Fantasy Oceans Sky

Publish: 23 Juni 2008 | Author & Copyright: Johan | Status: FREE tutorial

Tutorial kali ini yaitu membuat Teks Efek Fantasy Ocean Sky yang menggambarkan Teks di antara benua

fantasy yang indah...

Sebenarnya ini merupakan pengembangan dari teks efek reflektif yang ada di ilmugrafis.com juga jadi

tanpa panjang lebar karena udah banyak yang gak sabaran mari kita mencoba membuatnya:

Langkah 1

- Jalankan Program Photoshop, lebih baik jika anda menggunakan Photoshop yang versi CS (Creative

Suite) karena akan lebih mudah

- Buat lembar kerja baru

File -> New -> Ukuran kanvas 400 X 300 dan disini warna dari background adalah gunakan hexadecimal

03122f

help: Kode Warna Hexadecimal Dalam Desain Grafis

Hasilnya:

Langkah 2

- Ubah warna Foreground dengan 0958d9 dan Background dengan 03122f

- Buat Layer baru

Caranya: Tekan Shift + Ctrl + N

- Akses Menu Utama

Filter -> Render -> Clouds

- Ubah Blending Mode ke "Color Dodge"

Hasilnya:

Langkah 3

- Gunakan Horizontal Type Tool

Pengaturan:

Kemudian ketik:

LITTLE STARS

Hasilnya:

- Saatnya memberi effek

Akses Menu Utama pilih: Layer -> Layer Style -> Outer Glow

Kemudian klik Inner Glow

Hasilnya:

dan setelah itu klik kanan Layer Teks pada Layer Pallete dan pilih Duplicate Layer

Langkah 4

Atur Blending Options seperti ini

Hasilnya:

Tulisan jadi lebih bercahaya

setelah itu klik kanan Layer Teks pada Layer Pallete dan pilih Duplicate Layer lagi...

Langkah 5

- Akses Menu Utama pilih Edit -> Transform -> Flip Vertical

Kemudian gunakan Move Tool untuk menggeser ke bawah tulisan yang di FLip tersebut

Hasilnya:

Langkah 6

- Masuk ke Blending Option dan atur seperti ini

Hasilnya:

- Filter -> Blur -> Glaussian Blur

Atur Blur ke 1.1

Lalu OK

Langkah 7

- Gunakan Eraser Tool dan hapus separuh teks

Hasilnya:

- Duplicate Background Layer

Caranya: Klik kanan background layer lalu pilih duplicate layer

- Tambahkan Lens Flare

Caranya: Menu Utama

Filter -> Render -> Lens Flare

Pilih 105mm Prime

Silau MAN

- Edit Lens Flare

Caranya: Menu Utama

Edit - Fade Lens Flare

Penulis: "Fiuh... BERTAHAN Kawan... BERTAHAN... Hampir Selesai... :-P "

Hasilnya:

Selesai,,, namun disini anda bisa sedikit berkreasi dengan menggunakan Brush Tool

dan brushing saja sehingga mendapatkan Gambar -Gambar layaknya benua biru

Hasilnya:

Fantasy Oceans Sky

Membuat Efek Api Pada Teks

Publish: 16 Mei 2008 | Author & Copyright: Lucky H | Status: FREE tutorial

Kepengen bikin tulisan yang ada efek apinya? Ikutin aja tutorial ini ....

1. Buat kanvas baru (File > New), atur sesuka anda.

Pada contoh ini, saya membuatnya dengan ukuran width dan height 400 pixels, resolution 72

pixels/inch, mode RGB color.

2. Pilih paint bucket tool (atau tekan G), warnai dengan warna hitam. (warna tergantung dari keinginan

anda).

3. Sekarang, pilih text tool (atau tekan T), akan ada icon yang aktif di tool box. klik kanan di situ, sehingga

menampilkan beberapa pilihan seperti ini :

Pilih Horizontal type mask tool

4. Buat teks (jenis huruf, ukuran, terserah anda) , contoh :

(layar menjadi merah atau warna lain untuk sementara...., biarkan saja, ntar juga balik.. =p)

5. Setting foreground color seperti warna yang anda inginkan (di sini, saya pakai warna merah), setting

seperti ini :

6. klik icon lain pada toolbox, sehingga menampilkan :

7. Tekan Alt+delete, maka seleksi akan terwarna sesuai foreground color yang telah di setting :

8. Dengan garis putus2 masih ada, segera klik di menu bar : Select > Save Selection

9. Isikan name, contoh :

OK

10. Sekarang, klik Image > Rotate Canvas > 90 derajat CCW

11. Lalu Filter > Stylize > Wind... ,

atur Method = Wind, Direction = From the right

12. Tekan Ctrl+F 2kali untuk memberikan lagi efek ini.

13. Sekarang :

14. Kembalikan posisi kanvas dengan Image > Rotate Canvas > 90 derajat CW

15. Pilih Select > Load Selection,

channel dipilih sesuai nama yang kita berikan waktu save selection tadi, invert aktif :

16. Pilih Filter > Distort > Ripple,

amount diatur sesuai selera anda, di sini saya memasukkan amount 100%, size medium.

17. Hasil akhir :

Zoom Preview

3 d Teks Blue Arts

Publish: 08 Mei 2008 | Author & Copyright: Johan | Status: FREE tutorial

Tutorial kali ini agak extrim untuk dicoba tapi bagi anda yang menyukai tantangan dan hal - hal baru

pasti bisa membuat 3 d (dimensi) teks blue arts...

Langkah -langkahnya:

1. Buka Program Photoshop - File - New

Setting Ukuran kanvas

2. Gandakan layer

Pada menu utama Pilih Layer - Duplicate Layer...

Setelah itu...

Ke menu utama lagi dan Pilih Layer - Layer Style - Blending Options

Nah akan muncul window dari Blending Option

- Centang dan pilih Color Overlay, pada pengaturannya:

Jangan di OK dulu... Berikutnya...

- Centang dan pilih Gradien Overlay, pada pengaturannya:

Nah setelah itu baru klik OK

Hasil Sementara

3. Tekan CTRL + T untuk memunculkan Properties Teks lalu atur seperti ini

Setelah itu klik huruf T pada window yang saya tandai merah di atas kemudian gunakan Teks Tool dan

ketik terserah anda

Namun disini saya mengetik "desain" jd hasilnya:

4. Pemberian Efek

Ke menu utama dan Pilih Layer - Layer Style - Blending Options

- Centang dan pilih Inner Shadow, pada pengaturannya:

- Centang dan pilih Bevel and Emboss , pada pengaturannya:

- Centang dan pilih Gradien Overlay, pada pengaturannya:

- Centang dan pilih Stroke, pada pengaturannya:

Hasil Sementara

Klik kanan Layer Pallete dengan tulisan desain, lalu pilih Wrap Text...

Hasil Sementara

4. Kemudian gandakan Teks Layer lalu Clear The Layer Style, bingung???

- Caranya Pada menu utama Pilih Layer - Duplicate Layer...

Kemudian Klik Kanan Layer Copy tersebut dan pilih Clear Layer Style

5. Edit dengan Text Tool dan ubah warna dari teks Later Copy menjadi warna hexadecimal 072873

6. Setelah itu tekan dan tahan Tombol ALT + gunakan tanda arah panah kiri 3X dan bawah 3X

Kemudian Pindahkan Layer dengan tulisan desain ke urutan layer paling atas

Hasil Sementara

7. Pada desain copy 8

Gunakan Layer - Layer Style - Blending Options - Drop Shadow

Hasil Akhirnya:

3 d Teks Blue Arts

Namun dengan Sedikit modifikasi maka bisa dibuat seperti ini...

Text Effect 101 Dalmatians

Publish: 11 Maret 2008 | Author & Copyright: Johan | Status: FREE tutorial

Pernah liat anjing dalmatian yang lucu? tapi bagi yang tidak menyukai anjing jangan sinis dulu karena

kita bukan membahas hewan tersebut melainkan membuat tutorial text effect 101 dalmatians yang

keren...

Yang jelas gak pake tulang dan gak pake lama...

Lankah-lankahnya:

1. Buka Program Photoshop - File - New

2. Setelah itu gunakan Text Tool - Horizontal Type Tool tuliskan angka 101

Jangan lupa disini saya menggunakan font type "Palatino Linotype"

Gunakan warna hitam...

3. Untuk memberikan spesial effect (kayak buat film aja) kita butuh men-RASTERIZE teks tersebut

Caranya: Layer --> Rasterize --> Type

Sabar dulu...

4. Ganti warna Background menjadi putih dan Foreground dengan putih

background dan foreground

5. Waktunya Spesial Effect

Caranya: Filter --> Distort --> Glass

Setting Glass

6. Spesial Effect Berikutnya

Filter --> Blur --> Glaussian Blur

Setting terserah anda namun jangan terlalu besar pengaturannya supaya tidak terlalu blur

Disini saya setting ke Radius 1,4 Pixels

Hasilnya:

7. Spesial Effect Berikutnya... (Cape deh... )

Image --> Adjusment --> Brightness/Contras

Brightness = 25

Contras = 70

8. Masuk ke Layer --> Layer Style --> Blending Options

Centang Drop Shadow dan Bevel and Emboss

Pengaturan Blending Options

Pengaturan Bevel and Emboss

Fiuh... Hasilnya:

Teks Berefek Bias Air

Publish: 28 Februari 2008 | Author & Copyright: Johan | Status: FREE tutorial

Teks Efek banyak sekali macamnya, dalam tutorial kali ini kita akan membuat salah satu teks efek yang

menurut saya sangat artistik...

Jangan pernah takut untuk mencoba, mungkin hal ini yang mengispirasi penulis untuk selalu

berimajinasi dengan desain grafis.

Jangan lupa untuk menyiapkan Secangkir kopi/teh/susu dan kue serta alunan muzic dari media player

sebagai teman dikala anda mendisain.

Langkah - Langkahnya:

1. Buka Program Photohop

Caranya: Start > All Program > Photoshop

2. Mulai dengan membuat Lembar kerja baru

Caranya: Pada menu utama dan pilih File --> New

atau tekan [ctrl] + [N]

Disini saya atur seperti ini:

* Nama dan Ukuran terserah anda (sebagai referensi disini saya pakai 800 x 600 )

Resolution = 71 pixels/inch

Contents = White

Tekan [ok]

3. Pada tool box sebelah kiri pilih Horizontal Type Mask Tool

tips: klik kanan icon bergambar huruf T sehingga muncul pilihan seperti di bawah ini

Pada properties menu

Gunakan font: "Tahoma"

ukuran Sesuaikan berdasarkan keinginan anda (referensi 344.08 pt)

font style Regular

dan pilih sharp

untuk warna gunakan hexadecimal #13A6E4

sehingga tampilan pada properties teks seperti ini

Lalu ketik kata yang anda inginkan, disini saya mengetik kata "AIR"

Hasil:

4. Sekarang waktunya memberi efek-efek khusus

Langkah-langkahnya:

- duplikat layer

Masuk ke menu utama

Pilih:

Layer --> Duplikat layer...

atau klik kanan layer sehingga muncul option... dan pilih Duplicate Layer...

maka akan muncul kotak dialog,

Lalu tekan

[OK]

- Efek bias air

Setelah anda membuat layer copy maka klik kiri tepat pada layer bertuliskan AIR efek yang telah anda

buat sebelumnya,

Masuk ke menu utama

Pilih:

Filter --> Distort --> Ripple ...

akan muncul konfirmasi bahwa teks yang anda tuliskan tidak akan bisa diedit lagi, tekan ok!

atur seperti ini:

[OK]

Dan........

5. Hasilnya......

Wow Segarnya..... jadi haus untung teks air

Teks Puding Ubur - Ubur

Publish: 23 Februari 2008 | Author & Copyright: Johan | Status: FREE tutorial

Puding??? Wah ini makanan favorit buat pencuci mulut!!! Tapi kalo dibentuk teks pasti rasanya lebih

nikmat, ayo kita padukan seni design dengan seni memasak.

Disini kita tidak memerlukan peralatan memasak maupun cetakan, yang kita butuhkan hanya sedikit

imajinasi dan program photoshop, jangan lupa cemilannya juga.

Ok, setelah menyiapkan bahan - bahan maka inilah caranya:

1. Buka Program Photohop

Caranya: Start > All Program > Photoshop

2. Mulai dengan membuat Lembar kerja baru

Caranya: Pada menu utama dan pilih File --> New

atau tekan [ctrl] + [N]

Disini saya atur seperti ini:

* Nama dan Ukuran terserah

Resolution = 71 pixels/inch

Contents = White

Tekan [ok]

3. Pada tool box sebelah kiri pilih Horizontal Type Mask Tool

tips: klik kanan icon bergambar huruf T sehingga muncul pilihan seperti di bawah ini

Setelah itu tuliskan teks yang akan kita masak menjadi puding, mmm... nyam2X!!

saya menuliskan: "UBUR - UBUR" agar sesuai dengan judulnya sedangkan type teks terserah anda,

namun disini saya menggunakan font: "arcanum " ukuran 115,64 pt

Preview penulis

4. Setelah itu ke Main Menu / Menu Utama

Pilih:

Layer --> Layer Style --> Inner Glow...

atur seperti ini:

gambar setting Inner Glow

5. Setelah itu ke Main Menu / Menu Utama

Pilih:

Layer --> Layer Style --> Bevel and Emboss...

atur seperti ini:

gambar setting Bevel and Emboss

[OK] dulu...

Masih di area Bevel and Emboss

Sekarang kita masuk ke Contour [klik contour]

Pilih type contour pojok kanan atas, sedangkan Range 50 %

6. Nah sekarang tinggal mewarnai puding yang kita buat, anda suka rasa apa???

Kalo penulis suka rasa strawberry dan jeruk...

Caranya:

Layer --> Layer Style --> Bevel and Emboss...

Pilih warna yang kamu suka...

Puding buatan penulis

Rasa Jeruk / Orange

Rasa Strawberry

Membuat Teks Reflektif

Publish: 01 Nov 2007 | Author & Copyright: Johan | Status: FREE tutorial

Membuat Teks Reflektif ternyata cukup menarik. Cling.. Cling.. Lantai yang mengkilap membuat penulis

terinspirasi untuk membuat teks reflektif atau bisa kita sebut teks efek bayangan lantai...

Sabar dulu...

Siapkan pembersih lantai, maksud saya air minum yang bersih dan segar serta cemilan... setelah itu

mainkan musik kesayangan untuk mengiringi kalian dalam mendisain

Langkah - Langkahnya:

1. Buka Program Photohop

Caranya: Start > All Program > Photoshop

2. Mulai dengan membuat Lembar kerja baru

Caranya: Pada menu utama dan pilih File --> New

atau tekan [ctrl] + [N]

Disini saya atur seperti ini:

* Nama dan Ukuran terserah anda (sebagai referensi disini saya pakai 800 x 600 )

Resolution = 71 pixels/inch

Contents = white

Tekan [ok]

3. Pada tool box sebelah kiri pilih Horizontal Type Mask Tool

tips: klik kanan icon bergambar huruf T sehingga muncul pilihan seperti di bawah ini

Pada properties menu

Gunakan font: "Arial Black "

ukuran Sesuaikan berdasarkan kebutuhan anda (referensi 70 pt)

font style Regular

dan pilih sharp

untuk warna gunakan hexadecimal #FACE02 [kuning keemasan]

Lalu ketik kata yang anda inginkan, disini saya mengetik kata "SHADOW"

Hasil:

[Arial Black, Regular, 72pt, Sharp, text color hexadecimal #FACE02]

4. Sekarang waktunya memberi efek-efek khusus

Masuk ke menu utama

Main Menu ==> Layer ==> Bevel and Emboss ...

setting seperti ini

klik "OK"

Perubahan...

teks menjadi solid

5. Sekarang waktunya membuat duplikat layer

Masuk ke menu utama, Main Menu ==> Layer ==> Duplicate Layer...

beri nama file duplikat layer dengan SHADOW2 [untuk membedakan dengan SHADOW].

kemudian pada pallete layer klik SHADOW lalu klik kanan dan pilih clear layer syle setelah itu transform

[ctrl] + [T] SHADOW pada kanvas gambar/ lembar kerja sehingga membentuk seperti ini

Efek transform

6. Sekarang adalah efek magicnya

Main Menu ==> Layer ==> Gradien Overlay ...

lalu atur seperti ini

Tekan "OK"

Hasilnya...

Tutorial Membuat Teks Efek Fill Gambar

Publish: 18 Februari 2008 | Author & Copyright: Irvan | Status: FREE tutorial

Tutorial Kali ini kita akan mencoba membuat sebuah teks yang dalamnya berisikan sebuah gambar,

sehingga teks terlihat lebih cantik.. he3...

Berikut Langkah-langkahnya:

1. Buat file baru

File > New dengan ukuran (Width : 450 px dan Height : 170 px)

2. Buat sebuah teks menggunakan HORIZONTAL TYPE TOOL

Hasilnya...

Kemudian Atur jenis Fonts dan Ukuran sesuai dengan selera kamu…

Disini saya menggunakan kata Digital dengan font Script MT Bold

Hasilnya:

Atau anda ingin font yang lain? bisa manfaatkan dengan search engine --> Keyword Download Fonts

3. Buka file gambar yang ingin kamu jadikan FILL dalam teks

Caranya: File > Open (pilih gambar) > Open Kamu bisa gunakan gambar apapun yang kamu suka.

disini anda bisa Gunakan Gambar ini sebagai latihan

Klik kanan gambar lalu pilih Save image As...

Atau gunakan gambar lain dengan mencari di searh engine... Keyword Wallpapers

4. Masukkan gambar yang sudah kamu pilih ke dalam layar kerja yang kita kerjakan tadi.

Caranya: Gunakan MOVE TOOL Klik Kanan + Tahan pada gambar > Tarik > Masukan Kedalam Layar

kerja yang kita kerjakan. Atur ukuran gambar sehingga sesuai dengan ukuran Teks yang telah kamu

buat

Pindahkan Gambar ke Kanvas Tulisan

5. Perhatikan pada WINDOW LAYER

Pastikan posisi Layer Gambar berada diatas Layer Teks

Tekan dan Tahan tombol ALT kemudian arahkan kursor diperbatasan antara Layer gambar dan Layer

Teks (ditandai garis biru pada gambar diatas), jika posisi kursor telah pas otomatis kursor akan berubah

(lihat simbol yg lingkari merah pada gambar diatas), kemudian kamu tinggal KLIK. Jika langkah kamu

benar maka gambar akan masuk kedalam Teks

Hasilnya:

EFEK GOLD TEXT

Publish: 8 April 2010 | Author & Copyright: Johan | Status: FREE tutorial

Pada tutorial TEXT Effect kali ini kita akan membuat Efek Gold sehingga teks terkesan seperti terbuat

dari emas..

Wah jadi penambang EMAS $_$ di photoshop ?? ... susah gak?

tenang saja dengan mengikuti tutorial ini maka anda akan menjadi pembuat emas batangan dengan

GAMPANG MUDAH dan CEPAT

Langkah-Langkahnya:

1. Buka Photoshop dan buat lembar kerja baru (CTRL + N) dengan ukuran 400 x 160pixel, OK

2. Ketik Text dengan Text Tool

disini saya mengetikkan

ILMUGRAFIS

dengan parameter text:

Times New Roman

Bold

ukuran: 45pt

Warna: #885f18

hasilnya:

Nah kita sudah mendapat golden teks.... kok cuma gini?

hehehe blm jadi kok , cuma bercanda ^_^V tenang mari kita lanjutkan

3. Saatnya memberi

Drop Shadow

Inner Shadow

Inner Glow

Bevel and Emboss

Gradient Overlay

Pattern Overlay

untuk hasi lebih maksimal gunakan ROCK PATTERN

4. Nah selesai jadinya kira kira seperti ini:

tambahkan background biar terkesan lebih gold dan cantik

disini saya menambahkan Texture Woods yang bisa didownload juga di ilmugrafis

untuk download harus REGISTER dulu ya... di ilmugrafis.org ^_^V

>> go to ilmuGRAFIS.ORG download di menu DOWNLOAD >> TEXTURE (wajib registrasi / login dulu)

Hasilnya:

EFEK TEKS BEKU Publish: 3 April 2010 | Author & Copyright: Rafly | Status: FREE tutorial Pada tutorial TEXT Effect kali ini kita akan membuat TEKS MEMBEKU seperti di freezer kulkas ... Langkah-Langkahnya: 1. New File 2. Beri warna Background hitam 3. Ketik teks dengan warna putih. 4. Beri efek Bevel and Emboss ( Size 25 ).

5. Buat New layer dan taruh di bawah layer text 6. Aktifkan layer text, tekan Ctrl + E untuk merge down. 7. Tekan Ctrl+M (Curves). 8. Atur seperti gelombang longitudinal. titik A : 65 dan 191 titik B : 126 dan 81 titik C : 192 dan 221 9. Ctrl+U dan tandai corolize (Hue : 200,Saturation : 40,Lighting : 0) 10. Beri efek Inner Glow ( warna biru, size 8 ).

11. Ctrl+klik layer teks. 12. Aktifkan Channel, pilih save selection. 13. Aktifkan Alpha 1, Ctrl+D. 14. Filter > Brush Stroke > Spatter (16,7). 15. Filter > Artistic > Pain Daubs (8,7). 16. Ctrl+Klik Alpha 1. 17. Select > Modify > Contract (5 pixel). 18. Save selection. 19. Aktifkan Alpha 2 20. Ctrl + D 21. Filter > Brush Stroke > Spatter (16,7). 22. Filter > Artistic > Pain Daubs (8,7). 23. Ctrl + klik Alpha 2. 24. Aktifkan Alpha 1, tekan delete. kemudian Ctrl+D.

25. Rotate Canvas > 90 CW. 26. Filter > Stylize > Wind. Tekan Ctrl+F. 27. Filter > Sketch > Plaster (20,2). 28. Filter > Stylize > Wind. 29. Rotate Canvas > 90 CCW

30. Tekan Ctrl+klik Alpha 1 31. Aktifkan Layer teks, create a new layer dan beri warna foreground putih (Alt+Del). 32. CTrl+D dan beri nama layer "Beku". 33. Ctrl+J (Duplicate Layer) dengan opacity 50 %. 34. Aktifkan layer Beku. 35. Beri efek Drop Shadow. Hilangkan tanda use light global, Angle:90, 5-0-0 36. Beri efek bevel & Emboss. Size:7, Angle:0-90, beri warna abu-abu pada palette warna paling bawah. HASILNYA:

FREEzE TEKS by RAFLY

GLITTER TEXT

Publish: 26 Feb 2010 | Author & Copyright: Rafly | Status: FREE tutorial

Pada tutorial TEXT Effect kali ini kita akan membuat GLITTER teks...

Langkah-Langkahnya:

1. Buat New document dan fill dengan warna background hitam.

2. Ketik teks dengan warna putih

3. Tambahkan efek Bevel Emboss

4. Dan efek Gradient Overlay.

5. Pada Layer Teks anda , Tekan Ctrl + Click pada layer palette untuk membuat seleksi pada text.

6. Pilih Select > Modify > Contract >>>> isi dengan 5 pixels

7. Buat New Layer dan fill dengan warna putih. (jangan hilangkan seleksi)

8. Pilih Filter > Noise > Add Noise >>>> 40%, Gaussian dan Monochromatic

9. Tekan Ctrl + F >>> 2x

10. Pilih Filter > Noise > Dutch & Stratches >>>> Radius : 1, Threshold : 130

11. Pilih Filter > Stylish > Emboss >>>> Height : 3, Amount : 130%

12. Pilih Image > Adjustment > Brightness/Contrast >>>> B : 70, C : -20

13. Tekan Ctrl + D

14. Untuk menambah efek cahaya, jangan gunakan Lens Flare, ganti dengan brush effect

15. Buat New Layer, pilih Brush Tool, 3 px Hard Brush dan buat tanda silang pakai Line tool dengan

warna putih

16. Tetap pada Brush tool, pilih 27 px Soft Edge Brush dan buat lingkaran pada tengah tanda silang

Hasil jadi yang aku share di facebook IlmuGRAFIS

Bisa juga dimodifikasi seperti ini dengan merubah warna pada gradien overlay

Jenis huruf dan ukuran huruf juga memberikan bentuk yang berbeda usahakan pilih teks yg tebal

Ini hasil jadi yang aku jadiin header website, style designku sederhana sih cuman nambahin background

abstrak aja

Exploding TEXT

Publish: 21 Jan 2010 | Author & Copyright: Rafly | Status: FREE tutorial

Pada tutorial TEXT Effect kali ini kita akan membuat exploding teks...

Tutorial Photohop ini diarsipkan di ilmugrafis dalam kategori Teks Effect

Langkah-Langkahnya:

1. Buat New dengan ukuran 1024 x 768 pixel. Buat new layer dan blok dengan warna hitam.

2. Buat New layer dan blok dengan warna putih. Beri nama TempLayer. Hilangkan layer visibility (Icon

warna di palette layer) untuk sementara

3. Tulis huruf dengan menggunakan Type Tool beri warna putih dan letakkan di tengah halaman.

4. Copy text dan beri warna hitam. Beri nama Temp. Hilangkan layer visibility.

5. Arahkan palette cursor pada text awal (yang berwarna putih) dan merge dengan background hitam.

6. Pilih Filter > Blur > Gaussian Blur 2 pixels.

7. Pilih Filter > Stylize > Solarize

8. Pilih Filter > Distort > Polar Coordinates > Polar to Rectangular

9. Tekan Ctrl + i untuk invert gambar

10. Pilih Image > Rotate Canvas > 90 CW

11. Pilih Filter > Stylize > Wind

Method : Wind

Direction : From the right.

12. Tekan Ctrl + F >>> 3 kali

13. Tekan Ctrl + Shift + L

14. Tekan Ctrl + i

15. Tekan Ctrl + F >>> 5 kali

16. Pilih Image > Rotate Canvas > 90 CCW

17. Pilih Filter > Distort > Polar Coordinate > Rectangular to Polar

18. Pilih Image > Adjustment > Hue/Saturation

Colorize : ON

Hue : 31

Saturation : 80

Lightness : 0

19. Ganti Blending Mode ke Hard Light

20. Aktifkan Icon mata pada Temp dan letakkan di layer paling atas

21. Aktifkan TempLayer

Ada banyak variasi lho…

Catatan :

Gambar di bawah ini adalah desain pertama yang saya post di Ilmu grafis di facebook.

Memang ada sedikit perbedaan:

Dalam gambar ini saya menambahkan efek Lens Flare, beberapa perubahan pada Gaussian Blur, Wind

dan Hue/Saturation

Teks EFECT TEKS STONE Publish: 29 Mei 2009 | Author & Copyright: Arofat | Status: FREE tutorial

Pada tutorial kali ini kita akan BELAJAR PHOTOSHOP menggabungkan beberapa efek filter

pada photoshop untuk mendapatkan efek stone (versi saya…hehe…). Caranya mudah dan gak

pake lama, lagsung ja ikuti langkah-langkah dibawah ini.

Tutorial Photohop ini diarsipkan di ilmugrafis dalam kategori Teks Effect

1. Seperti biasa buat dokumen baru (800x600) Background hitam dan teks putih (saya

menggunakan font chiller).

2. Kemudian kita puter 45 cw ( edit > transfrom >> arbitrary), selanjutnya kita akan

menggunakan efek wind (sebelumnya dirasterize dulu layer teksnya, klik kanan layer teks dan

pilih rasterize tipe). Kemudian pilih menu filter > stylish >> wind ( from the right , ulangi

dengan menekan ctrl+f 3x), setelah itu pilih lagi filter > stylish >> wind (from the lift, ctrl+f 3x),

hingga jadi seperti ini:

3. Ok Pilih menu filter distrot > ocean riple, atur sesuai gambar:

4. Kita putar 45 ccw ( edit > transfrom >> arbitrary), atur sesuai gambar:

5. Sekarang pewarnaan bisa menggunakan hue/saturation atau channel mixer ( image >

adjusment >> hue saturation / channel mixer), disini saya menggunakan hue/saturation:

finish, improvisasi kawan untuk mendapatkan hasil yang MAKSIMAL!!!

Hasilnya kira-kira seperti ini: