Membuat Glossy Icon

Kali ini kita akan membuat Email Glossy Icon. Mungkin kita sering melihat tampilan icon-icon didalam sebuah web atau di dalam komputer terlihat kinclong atau seperti gelas, ternyata hal tersebut mudah dibuat dalam Adobe Photoshop. Silahkan berkreasi sesuai dengan imaginasi kita dalam pengembangan artikel ini, mudah-mudahan teman-teman yang mengikuti artikel ini akan terinspirasi untuk membuat jenis icon glossy lain yang lebih bagus. Banyak para blogger yang dapat mencari uang hanya dengan membuat icon-icon cantik dan kreatif. Lihat hasilnya dibawah ini supaya kita jadi bersemangat mencobanya.

Tetapi kali ini tidak akan dijelaskan dalam bentuk artikel online, untuk proses pembuatan Glossy Icon, kami membuatnya dalam tutorial movie. Mudah-mudahan lebih mudah dalam mengikutinya. Silahkan tinggalkan komentar, kami membutuhkan input apakah teman-teman lebih mudah mengikuti tutorial dalam bentuk movie, offline artikel, atau online artikel seperti yang sudah-sudah?

Silahkan download tutorial movie Glossy Icon disini.
Selamat mencoba... Salam hangat dari Banjarsari - Ciamis - Jawa Barat.

[Selengkapnya...]

Tutorial Membuat Pixel Text

Masih berhubungan dengan efek pada text, kali ini kita akan membuat text dengan pixel effect (efek pixel), tutorial ini diterjemahkan dari me.com. Supaya menjadi bersemangat silahkan lihat hasil akhirnya seperti gambar dibawah ini. Manis sekali bukan? Mari kita ikuti langkah dibawah untuk membuatnya...

Langkah 1:

Buat dokumen baru dengan ukuran 400 x 150 px kemudian gunakan gradient tools untuk membuat background seperti gambar dibawah

Langkah 2:

Buat teks dengan type tool (warna teks putih) dan gandakan (CTRL + J)

Langkah 3:

Berikan efek pada layer terduplikat dengan Filter > Blur > Gaussian Blur dan berikan nilai 3 pixel kemudian tekan Enter (lihat hasilnya seperti dibawah)

Langkah 4:
Berikan efek lagi dengan Filter > Pixelate > Mosaic dan berikan nilai 17 Kemudian Enter
Langkah 5:
Berikan efek terakhir dengan Filter > Sharpen > Sharpen dan lakukan hal ini sebanyak 2 kali
Bagus bukan? Salam hangat dari Banjarsari - Ciamis - Jawa Barat

[Selengkapnya...]

Membuat Wadah Icon (Icon Hublot)

Icon Hublot atau dalam bahasa Indonesia kurang lebih wadah icon (Icon Hublot = Wadah Icon "penamaannya ngarang he he..."), dengan menambahkan wadah icon membuat icon-icon yang ditampilkan tampak lebih menarik dan pro (hebat pake Pro). Posting kali ini cukup rumit dan melelahkan (apalagi buat beginer Photoshop) tapi dengan belajar dan terus belajar tentu kita akan menjadi semakin memahami Photoshop. Pengantarnya tidak bertele-tele, mari kita coba, tapi lihat dulu hasil gambarnya dibawah ini supaya kita menjadi semangat.

Langkah 1:
Buat sebuah dokumen (CTRL + N) dengan ukuran 250x250 dan background putih (white), klik OK


Langkah 2:
Buatlah sebuah lingkaran dengan warna dasar hitam (Black), gunakan Eliptical Marquee Tool (M), tempatkan ditengah-tengah (gunakan kombinasi tombol shift : "menciptakan lingkaran yang bulat" dan Space : "untuk menggeser posisi marquee"). Ciptakan layer baru (CTRL + SHIFT + N), pastikan warna foreground hitam dan tekan ALT + Backspace (untuk memasukan warna fill pada marquee)


Langkah 3:
Berikan efek berikut pada lingkaran hitam yang baru saja kita buat pada layer 1.
Drop Shadow


Bevel and Emboss


Gradient Overlay

Detail Gradient

Warna gradient
1. Color = #FFFFFF, Location 0%
2. Color = #CBCBCB, Location 22%
3. Color = #FFFFFF, Location 48%
4. Color = #CECECE, Location 84%
5. Color = #FFFFFF, Location 100%

Stroke

Detail Gradient

Warna gradient
1. Color = #C4C4C4, Location 0%
2. Color = #E2E2E2, Location 100%
Maka akan menghasil objek seperti gambar dibawah ini.

Langkah 4:
Seleksilah layer 1 yang baru kita berikan efek (CTRL + Click layer 1), Klik menu Select - Modify - Contract... dan berikan nilai 7 pixels.

Buat layer baru (CTRl + Shift + N) dan masukan warna hitam (ALT + Backspace) pada layer 2 yang baru kita buat. (Pastikan warna foreground masih Hitam)


Langkah 5:
Berikan efek berikut pada lingkaran hitam yang baru saja kita buat pada layer 2.
Inner Shadow


Outer Glow


Inner Glow
Warna : #6E7B8A


Bevel Emboss
Warna Shadow Mode : #6E7289


Gradient Overlay

Detail Gradient

Warna Gradient
1. Color = #C1CFE0, Location 25%
2. Color = #AABAC8, Location 81%

Stroke

Detail Gradient

Warna Gradient
1. Color = #C4C4C4, Location 0%
2. Color = #FFFFFF, Location 29%
3. Color = #C4C4C4, Location 93%
4. Color = #FFFFFF, Location 100%

Maka akan menghasil objek seperti gambar dibawah ini.

Langkah 6:
Seleksi layer 2 (CTRL + Click layer 2), buat layer baru (CTRL + Shift + N), pilih gradient tool (G), ubah warna foreground menjadi putih dan masukan pada layer 3 (klik + drag).

Buat sebuah layer lagi (CTRL + Shift + N) dan berikan warna gradient pada layer 4 (klik + drag)

Pilih layer 3 dan seleksi sebagian dengan Eliptical Marquee Tool (M) dan hapus (Delete)

Ulangi (seperti halnya layer 3) hal tersebut pada layer empat

Aturlah opacity dan fill pada layer 3 dan layer 4 sehingga diperoleh perpaduan yang serasi.

Masukan icon yang kita suka ditengah-tengah wadah dan tempatkan diatas layer 2, indah bukan?

Selamat mencoba dan mudah-mudahan berhasil. Salam hangat dari Banjarsari - Ciamis - Jawa Barat.

[Selengkapnya...]

Membuat Efek Teks Glossy (1 Layer)

Setelah kita beberapa waktu yang lalu membuat teks dengan efek bubbly (1 layer), tutorial sekarang adalah studycase dari tutorial sebelumnya, masih membuat efek teks dalam satu layer. Mari kita asah kemampuan kita dalam menelusuri kehebatan Adobe Photoshop, hanya saja sekarang saya sedang mencoba menggunakan Adobe Photoshop CS3 Extended. Mari kita coba "Membuat Teks Golssy dalam satu Layer".

Langkah 1:
Buat sebuah dokumen baru (CTRL + N) dengan warna latar "Transprent", ukuran gambar 500 x 150 px. Kemudian ubah warna latar dokumen yang asalnya tranparant menjadi warna hitam (#000000) dengan "Paint Bucket Tool" (G). Pilih "Paint Bucket Tool" atau tekan tombol hurup (G) pada keyboard, pastikan warna foreground hitam dan tumpahkan Paint Bucket Tool pada layer transparan (Layer 1).



Langkah 2:
Buatlah teks sesuka anda (contoh : Design Graphics) dengan menggunakan Type Tool (T) dengan warna foreground bebas. Kemudian aturlah warna "Fill" pada pallete layer hingga 0%.


Langkah 3:
Klik "add layer style" atau klik menu "Layer - Layer Style - Bleding Option" untuk menambahkan efek glossy pada teks. Perhatikan gambar dibawah untuk menciptakan efek glossy pada teks, (perhatian : Layer teks harus dalam keadaan terpilih).
Drop Shadow

Outer Glow

Warna Glow : #BEFFFD

Inner Glow

Warna Glow : #CCFFFF

Gradient Overlay

Detail Gradient

1. Opacity 100% - Location 0%
2. Opacity 90% - Location 4%
3. Opacity 87% - Location 15%
4. Opacity 90% - Location 37%
5. Opacity 65% - Location 60%
6. Opacity 75% - Location 62%
7. Opacity 90% - Location 63%
8. Opacity 92% - Location 65%
9. Opacity 100% - Location 100%

Stroke

Jika setting-an pada bleding option sudah selesai, klik OK. Nah sudah selesai, bagaimana hasilnya? Silahkan anda modif sesuka anda, kalau mau sih di upload hasilnya di komentar, supaya bisa share. Salam hangat dari Banjarsari - Ciamis - Jawa Barat.

[Selengkapnya...]

Membuat Teks Refleksi (Terpantul)

Kita sering menemukan efek teks yang seakan terpantul pada sebuah lantai, terutama pada beberapa website. Seakan kita melihat teks tersebut bersih dan seakan teks tersebut terletak di atas sebuah media yang mengkilap sehingga pantulan teks yang ada diatasnya terbias pada lantai. Bagaimana cara membuat hal tersebut, ikuti langkah-langkah dibawah ini.

Langkah 1 :
Buatlan sebuah dokumen (CTRL + N) baru dengan ukuran 500 x 150 pixel dan warna latar putih

Langkah 2 :
Buat sebuah teks bebas dengan Type Tool (T), misal saya membuat teks dengan nama saya sendiri "HENDRIONO", aturlah warna yang akan digunakan (contoh : "#920D0D") dengan jenis huruf (Font) sesuai selera anda (contoh : Times New Roman)

Langkah 3 :
Kemudian gandakan (duplicate) text yang baru kita buat (CTRL + J) dan disarankan ubahlah nama layernya (contoh : pantulan), setelah itu balikan teks yang baru digandakan dengan menggunakan Transform (CTRL + T) dan masukan nilai -100% pada bagian Horizontal (H)




Langkah 4 :
Geser teks yang terbalik tepat dibawah teks yang aslinya, gunakan tombol SHIFT secara bersamaan untuk menggeser teks terduplikat kebawah supaya teks bergeser lurus kebawah dan tidak bergeser kesamping

Langkah 5 :
Pilih layer/teks terduplikat dan buat sebuah layer mask dengan meng-klik tombol "Add Layer Mask" (posisi add layer mask berada pada bagian bawah layer pallete dengan bentuk seperti bendera jepang)


Langkah 6 :
Pilihlah layer mask yang kita buat dan pilih gradient tool untuk menciptakan warna gradasi putih hitam pada layer mask, klik dan tarik dari bawah keatas (catatan : warna hitam pada posisi foreground dan putih pada posisi background)

Langkah 7 :
Jika sesuai langkah diatas maka tampilan mulai terlihat menarik dan teks terlihat terpantul, sekarang kita tinggal menciptakan gradasi lantai. Buat sebuah layer baru (SHIFT + CTRL + N) dan tempatkan tepat dibawah layer/teks utama. Ciptakan rectangle marque tool dan posisikan seperti gambar dibawah. Buatlat warna gradasi dengan gradient tools pada rectangle marque yang sudah kita buat, aturlah pembuatan warna gradasi sehingga menghasilkan warna gradasi seperti pada gambar.



Mudah bukan? Nah sekarang tinggal memberi komentar supaya saya bisa tahu sejauh mana tutorial ini bermanfaat, dan selalu setia untuk mengikuti tutorial lainnya pada blog ini. Insya Allah paling lambat/sedikit 1 minggu 1 kali ada tutorial baru. Salam hangat dari Ciamis Selatan - Banjarsari - Jawa Barat.

[Selengkapnya...]