Selasa, 15 Februari 2011

ALIEN INDONESIA

Step 1 TUTORIAL PHOTOSHOP

Create a new document of size 3000 x 2250 pixels and import "city.jpg" to the document. Size doesn't matter, but I suggest you to always choose large size so that you can pay more attention to details.
step-1

Step 2

Before going ahead, I prefer to visualize the scene so that I can get a direction to start my work. For this, select pen tool and create the main object that is arm of octopus. Make sure to turn path layer on and save as this path to "arm1", press Ctrl + Enter and fill layer with a bright color.
step-2

Step 3

Repeat the second step to create more arms of octopus and save all paths. Go to the path palette to access these paths, select one path, go to File > Export > Path to Illustrator and export this path to edit it in Illustrator. Similarly, export all paths to illustrator.
step-3

Step 4 - Creating divisions in arm

Now open the adobe illustrator and import all paths to one file and refine their edges and curves to make it perfect. Next, we will create segments of arm to give it robotic look. For this, select line segment tool ( \ ) and create a vertical line of height 20 mm and weight 1 point. Select that line segment then go to brush palette and click on new brush icon to create new brush. Select pattern brush option and set spacing to 500%, this will repeat vertical lines uniformly to create divisions of arm.
step-4a
step-4b

Step 5

Select pen tool and create a base lining through the centre of arm, press "A" to select direct selection tool and edit this lining to make it perfect. Now go to brush palette and select the new brush which we just have created. You will see that several lines are aligned through the path and created the divisions for the arm.
step-5a
step-5b

Step 6

We have created the divisions in the arm, but you may have noticed that these divisions seem flat and gaping between them are larger at tip part then thick part. To give arm depth we will increase the divisions at tip and for this, just go to Object > Expand Appearance, ungroup them and manually repeat divisions by duplicating lines at tip.
step-6

Step 7

Next, select all divisions, group them and go to Object > Expand and expand all paths to object. Duplicate the arm, press Shift + Ctrl + F9 to access pathfinder window, select arm then select divisions and click on minus front icon to minus divisions on front. Make sure to keep an additional copy of arm. Repeat same procedure with all arms. We will call arm having division to "division" and arm without division to just "arm" to avoid confusion.
step-7

Step 8

Import arm and its division to Photoshop, fill them with color black, create a new layer and Ctrl + click division layer to get its selection. Hide the arm layer then add layer mask to the division layer, now select a soft brush of size 100px and color #434343 and paint through the one side of arm to make it shading, now unhide the arm layer.
step-8

Step 9

Next, select brush of color #787878 and create lights on other side of arm, experiment with opacity of brush and size to get best results, again select another brush of color #9d9d9d and create bright light to create finer lights on arm. Be careful while creating lights and pay attention to the direction of light and light source to create natural light.
step-9

Step 10

Now select a soft brush of color black and add shadows to the highlighted areas by red color. Experiment with opacity and size of brushes to get perfect results.
step-10

Step 11

Next, select arm layer and press Ctrl + click on arm layer to get its selection then go to Select > Modify > Contract and contract the selection to 4 pixels then add layer mask to the layer. You will get finer divisions in arm, repeat same procedure from step 5 to step 11 to create other arms too and place them into our scene. If everything done right, then your result may look like this.
step-11a
step-11b

IMAGI LAYER MASK

PHOTOSHOP

Menggabungkan Dua Image dengan Layer Mask web desain grafis Hai, kali ini penulis ingin sharing tutorial, khusus bagi anda para pemula di desain grafis khususnya untuk aplikasi photoshop, tutorial photoshop yang akan penulis bawakan kali ini membahas bagaimana cara menggabungkan dua image dengan layer mask.
Penulis akan jelas secara singkat namun jelas.
Ok, langsung saja kita praktek kan:

1. Siapkan dua gambar yang akan kita gabungkan, contoh:
Menggabungkan Dua Image dengan Layer Mask web desain grafis Menggabungkan Dua Image dengan Layer Mask web desain grafis
2. Ciptakan dokumen kerja baru di photoshop, File >> New
3. Hapus background2 gambar2 tersebut dengan menggunakan Magic Erase dengan set tolerance 10
Menggabungkan Dua Image dengan Layer Mask web desain grafis
4. Sehingga hasilnya jadi seperti ini:
Menggabungkan Dua Image dengan Layer Mask web desain grafis
5. Jadikan satu ke dua image tersebut, ke dokumen kerja yang baru, salah satu caranya bisa dilakukan dengan cara men drag nya, sehingga di layer properties nya jadi seperti ini:
Menggabungkan Dua Image dengan Layer Mask web desain grafis
6. Langkah ke 6 adalah menambahkan layer mask di layer 1, atau ke gambar logo ati radeon:
Menggabungkan Dua Image dengan Layer Mask web desain grafis
7. Klik layer mask tersebut, gunakan gradien tool, lalu tarik secara diagonal dari pojok atas ke bawah:
Menggabungkan Dua Image dengan Layer Mask web desain grafis
8. Setelah logo Ati Radeon nya di tambahkan efek gradien, silahkan coba gabungkan dengan gambar vga card nya, sehingga hasilnya menjadi:
Menggabungkan Dua Image dengan Layer Mask web desain grafis
Sekian, semoga teknik Menggabungkan Dua Image dengan Layer Mask ini dapat menambah sedikit ilmu photoshop teman2 semua :D

ICON SMADAV

Membuat Icon Smadav


Homepage : http://www.selalubisa.net.tc
Ingin menjadi penulis artikel di ilmuwebsite? Klik >> Daftar
Membuat Icon Smadav web desain grafisPagi hari menjelang siang gak ada kerjaan, tapi perut udah lapar banget (belum makan pagi). Ya udah beli mie dulu. Untung tetangga saya ada yang jual mie.
Siap makan, perut udah kenyang, tapi tetep gak ada kerjaan, ya udah buat tutorial aja. Temen-temen semua tau Smadav nggak?? Itu lho “Antivirus kebanggaan Indonesia”. Saya pertama kali kenal Smadav waktu komputer saya terkena virus yuyun_cantix yaitu virus jenis VBS. Kalo mau tau cara ngapusnya ada disini (bagian I) dan disini (bagian II).
Udah dulu ngebahas virusnya.
Apa hubungannya dengan Photoshop? Pada tutorial kali ini kita akan coba membuat logo dari Smadav “Antivirus Kebanggan Indonesia”. Siap? kita mulai
1. Buat dulu dokumen baru (Ctrl+N)
Membuat Icon Smadav web desain grafis
2. Klik Pen Tool, lalu buat shape seperti ini
Membuat Icon Smadav web desain grafis
3. Klik 2 kali kotak seperti yang ada di gambar, lalu ganti warnanya dengan #01fa09
Membuat Icon Smadav web desain grafis
4. Tekan Ctrl+Shift+N untuk membuat layer baru. Buat lagi shape seperti ini (Merah), lalu warnai
Membuat Icon Smadav web desain grafis
5. Buat Lagi layer baru, buat shape (merah), lalu warnai lagi. Jarak antar shape nggak terlalu rapat juga gpp, nanti tertutupi garis.
Membuat Icon Smadav web desain grafis
Maap ya.. bentuknya gak rata (lg malas) ^_*
Wah udah mulai keren neh….
6. Sekarang kita buat garis-garisnya. Pilih Pen Tool, lalu atur kaya gini. Buat garis dengan Pen tool seperti di bawah (merah)
Membuat Icon Smadav web desain grafis
7. Lalu kita warnai. Klik Brush Tool, klik kanan di area kerja, atur seperti di bawah ini. Klik Foreground color atur juga warnanya.
Membuat Icon Smadav web desain grafis
8. Klik kembali Pen Tool, klik kanan di Path yang tadi telah dibuat, klik Stroke Path, lalu atur kaya gini
Membuat Icon Smadav web desain grafis
Lalu Klik kanan-Delete Path pada Path tadi.
9. Lakukan juga pada garis yang lain (tidak perlu buat layer baru)
Nah….. Hasil sementara…
Membuat Icon Smadav web desain grafis
Lanju…..t.. yu……k
10. Select semua layer kecuali layer background dengan cara Ctrl+klik pada nama layer, lalu drag (klik sambil tarik) ke icon group dibawah.
Membuat Icon Smadav web desain grafis
11. Klik kanan-Duplicate Group buat nama grup: Shadow karena nanti fungsinya sebagai bayangan
12. Klik Transform-Flip Vertical, lalu tarik ke bawah sambil tekan dan tahan Shift supaya tetap lurus ke bawah
Jadi kaya gini..
Membuat Icon Smadav web desain grafis
13. Klik icon Add Layer Mask (di dekat icon group) dengan posisi Grup Shadow ter-select
Membuat Icon Smadav web desain grafis
14. Klik Gradient Tool (di bawah Paint Bucket tool)
15. Drag dari atas sampai kira-kira setengah, Ubah opacity menjadi 65 %
Membuat Icon Smadav web desain grafis
16. Tinggal tambahin Text
Membuat Icon Smadav web desain grafis
Bisa juga di kreasiin kaya gini
Membuat Icon Smadav web desain grafis
Berhasil belum?? Kalo belum, berusaha terus ya.. Pasti bisa kok, yang penting ada kemauan karena Dimana ada Kemauan, Disitu ada Jalan
Terima Kasih bagi yang telah melirik, membaca, maupun mempraktekkan Tutorial ini.
Sekali lagi maaf ya kalo gambarnya gak bagus karena ngerjainnya sambil malas-malasan ngisi waktu luang
Bila ada kesalahan mohon dimaafkan.

SINAR TEKS


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
glitter text

3. Tambahkan efek Bevel Emboss
glitter text

4. Dan efek Gradient Overlay.
glitter text

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
glitter text

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
glitter text

Hasil jadi yang aku share di facebook IlmuGRAFIS
glitter text
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
glitter text

desain fotografer: ILMU DESAIN

desain fotografer: ILMU DESAIN

BAJA METAL

Wah dilihat dari judulnya aja dah serem, apalagi praktiknya. Tapi tenang saja karena hal ini tidak sesulit apa yg dibayangkan dan tidak serumit pembuatan PLAT METAL Besi maupun BAJA pada mesin pabrik karena kita hanya perlu mesin Photoshop. Tutorial ini bisa dipraktekkan di semua jenis photoshop biarpun photoshop anda masih jadul alias pakai Photoshop versi 7 namun hal itu tidak masalah (hehehe). Pada tutorial Photoshop teks efek kali ini kita akan belajar membuat efek tulisan plat metal (besi / baja)

Berikut langkah - langkahnya dan konfigurasinya:
1. Buka Adobe Photoshop
Ketik Teks pada Kanvas dengan menggunakan Teks Tool di photoshop
gunakan jenis font : IMPACT
images ilmugrafis.com
Lalu Klik Layer >> Layer Style >> Drop Shadow
images ilmugrafis.com

images ilmugrafis.com

images ilmugrafis.com

images ilmugrafis.com
Setelah selesai mengatur semua konfigurasi di atas tekan OK!!!!
hasilnya:
images ilmugrafis.com


2. Ketik Teks pada Kanvas lagi dengan menggunakan Teks Tool di photoshop
gunakan jenis font : IMPACT
jadi kita mempunyai 2 Layer Teks IMPACT
Atur konfigurasi teks impact kedua kita dengan menurunkan FILL menjadi 0% dan OPACITY 100%
images ilmugrafis.com
gunakan konfigurasi ini:
images ilmugrafis.com
Setelah itu tekan OK!!!!
nah sekaran sejajarkan posisi layer kedua teks
dan Wallaaaaa.... magic Teks of Photoshop !!!
Hasilnya:
images ilmugrafis.com
Agar lebih membelalakkan imaginasi kita, warnai background dengan gradien tutorialnya ada disini Tutorial Membuat Gradien Background
images ilmugrafis.com