Cari di sini ....

Hi, guest ! welcome to hans-software!. | About Us | Contact | Register | Sign In

Sponsored

Diberdayakan oleh Blogger.
Tampilkan postingan dengan label Design. Tampilkan semua postingan
Tampilkan postingan dengan label Design. Tampilkan semua postingan

Kamis, 05 April 2012

Penjelasan dan Penguasaan Teknik Transform

Tutorial kali ini adalah mengenai pengertian, penjelasan dan penguasaan teknik transform. Kalau mendengar kata transform saya jadi ingat sama film Transformer, seperti itulah maka transform bisa dikatakan perubahan bentuk...

Definisinya Teknik Transform adalah teknik yang digunakan untuk merubah bentuk gambar baik memperkecil, membesarkan, maupun men-skew/miring gambar.

Sebelum kita praktekkan maka kita buka gambar yang akan kita buat percobaan dengan Photoshop
atau pakai gambar contoh dari website ini
photoshop dasar
[download] - File Format *.zip
setelah itu Pada bagian Menu Utama Pilih Layer --> Duplikat Layer...--> [OK] 

Masuk ke mode menu transform yaitu:
Edit --> Transform atau tekan [ctrl] + [T]
NB: Selesai transform tekan [enter]

Teknik transform ada 5 macam:
1. Pertama adalah teknik Scale
Yaitu teknik yang berguna untuk merubah ukuran gambar dalam hal ini memperbesar dan memperkecil gambar
Edit --> Transform --> Scale 
Contoh:
photoshop dasar
berubah menjadi
photoshop dasar
Hasil Scale
tips: Untuk membuat ukuran gambar yang simetris tahan tombol [shift] sambil resize objek

2. Kedua adalah teknik Rotate 
Yaitu teknik yang berguna untuk memutar posisi gambar 
Edit --> Transform --> Rotate
Contoh:
photoshop dasar
berubah menjadi
photoshop dasar
Hasil Rotate (berputar) 

3. Ketiga adalah teknik Skew/miring 
Yaitu teknik yang berguna untuk memiringkan posisi gambar sehingga gambar bisa dimanipulasi efek miring 
Edit --> Transform --> Rotate
Contoh:
photoshop dasar
berubah menjadi
photoshop dasar
Hasil Skew 

4. Pertama adalah teknik Distort 
Yaitu teknik yang berguna untuk memutar memiringkan secara otomatis / bisa dikatakan fungsi kemiringan otomatis dari teknik skew 
Edit --> Transform --> Distort 
Contoh:
photoshop dasar
berubah menjadi
photoshop dasar
Hasil Distort

5. Kelima adalah teknik Perspective 
Yaitu teknik yang digunakan untuk membuat gambar berubah bentuk mengikuti perspektif / bentuk bangun yang dibuat, pada contoh saya membuat gambar mengikuti perspektif trapesium sama kaki
Edit --> Transform --> Perspective 
Contoh:
photoshop dasar
berubah menjadi
photoshop dasar
Hasil Perspektif / Perspective 

Kegunaan: 
Dengan menguasai teknik transform maka kita akan lebih luas lagi dalam berkreasi dan berimajinasi, yup semoga penjelasan saya bermanfaat.

Read More »
23.38 | 0 komentar

Tutorial Membuat Gradien Background

Tutorial membuat gradien background merupakan tutorial yang menarik. Pada tutorial kali ini kita akan belajar membuat gradien background namun bikinan sendiri...

Tanpa panjang dan lebar serta gak pake lama (GPL) ayo kita buat GRADIEN!!!

1. Jalankan program photoshop.
Caranya: Start --> All Program --> Adobe Photoshop 

2. Buat Lembar kerja baru
Caranya: tekan [Ctrl] + [N]
Anda bisa membuat pengaturan anda sendiri, tapi 
Disini saya atur seperti ini:
Name = Gradien 
preset Sazes = 800 x 600 
Width = 800 
Height = 600 
Resolution = 72 pixels/inch
Mode = RGB Color 
Contents = Transparent (*recommended) 
Tekan [ok] 

2. Setelah itu klik Gradient Tool dengan gambar icon pada tool box sebelah kiri
photoshop dasar
Gradien Tool 

3. Pada layar sebelah atas terdapat properties dari gradien
photoshop dasar

Klik kiri pada bagian yang saya beri lingkakaran sehingga muncul kotak dialog
Gradien Editor

ini adalah pengaturan normal pada komputer saya
photoshop dasar

4. Sekarang waktunya mengedit gradien yang diinginkan, sebagai contoh saya akan membuat gradien 
"merah - hitam - merah - hitam - merah"
Caranya:
Ubah Name = merah - hitam - merah - hitam - merah
Gradien Type = Solid
Smoothness = 100%
photoshop dasar
Klik tanda lingkaran dengan no. 1
Lalu ke lingkaran no.2 dan pilih warna merah [OK]

Selanjutnya
photoshop dasar
Sama seperti langkah sebelumnya 
namun kali ini pada no. 4 kalian pilih warna hitam [OK]

Selanjutnya
photoshop dasar
Yup masih sama namun kali ini pada no. 6 pilih warna merah 

Selanjutnya
photoshop dasar
Sama, ubah warna no. 8 menjadi hitam 

Selanjutnya
photoshop dasar
Sama, ubah warna no. 10 menjadi merah 

Hasilnya:
photoshop dasar

Setelah itu klik tombol new pada dialog Gradien Editor tersebut 
Dan Jadi deh........
Anda bisa mengembangkannya sendiri sesuai dengan kreatifitas anda


Sedikit tambahan 
Coba dengan mode gradian yang anda buat 
Ada 5 Macam mode gradien:
photoshop dasar

a. Linear Gradien 
Gradien searah garis lurus
Pada Lembar kerja tahan klik kiri lalu sapukan dari kiri ke kanan, hasilnya:
photoshop dasar

b. Radial Gradien
Gradien seolah-olah muncul dari pusat suatu lingkaran 
hasilnya:
photoshop dasar

c. Angle Gradien
Gradien dengan sudut tertentu namun tetap berpusat pada inti
Hasilnya:
photoshop dasar

d. Reflected Gradien
Sama seperti linear namun dengan effek terbalik
photoshop dasar

e. Diamond Gradien
Gradien dengan effek belah ketupat / diamond
Hasilnya:
photoshop dasar

Kegunaan: 
Dengan menguasai teknik gradien maka akan membuat disain anda semakin atraktif dan nyata

SEMOGA BERMANFAAT 

Read More »
23.37 | 0 komentar

Membuat Gambar Dengan Pen Tool

Tutorial membuat gambar dengan Pen Tool adalah tutorial dasar yang harus dikuasai. Menggambar merupakan hoby yang menyenangkan, kali ini kita akan menggambar dengan menggunakan fungsi pen tool...

hal ini sangat bermanfaat untuk mendisain

Caranya: 
Pada Tool Box carilah
photoshop dasar icon pen tool

Berikut Contoh-contohnya membuat bangun dengan Pen Tool 
Membuat bangun segitiga dengan pen tool

Klik Tiga Titik sehingga membentuk segitiga
photoshop dasar

Lalu
photoshop dasar
Maka secara otomatis akan membentuk segitiga 

Membuat Gambar Ikan
Sekarang waktunya membuat ikan,Caranya tinggal dikreasikan saja:
Disini adalah gambar ikan bikinan penulis, anda bisa membuat yang lebih halus dan lebih baik, ini hanya sebagai pedoman atau contoh saja

Saya menggunakan 23 point
ikuti saja point 1 sampai 23 lalu kembali ke point 1 lagi

photoshop dasar

dan...

Hasilnya
photoshop dasar
Ikan Piranha di baik layar 

Tips:
Tahan tombol [Shift] untuk membuat garis lurus

Gunakan Ellipse tool untuk menambahkan mata 
Hasilnya:
photoshop dasar
... Wow,Ikan LOHAN!!! Goreng atau dibakar sama2 enak...!!!

Read More »
23.35 | 0 komentar

Mengenal Custom Shape Tool

Kali ini kita akan mengenal dan menguasai Custom Shape Tool . Pada Program Photoshop anda dimanjakan oleh Adobe dengan adanya template - template yang bisa langsung kita gunakan, salah satunya yaitu custom shape tool...

Custom Shape Tool sama halnya autoshape pada Microsoft World, namun sayangnya pilihan template yang diberikan tidak sebanyak pada Microsoft World.

Caranya:
photoshop dasar
Letak Custom Shape Tool 
pilh dengan klik kiri

Setelah itu masuk ke properties dari custom shape tool yang terdapat di bawah menu utama 
photoshop dasar
untuk memunculkan template klik kiri panah sehingga muncul pilihan

Untuk mengatur warna dari Custom Shape Tool anda bisa mensetting melalui properties warna 
photoshop dasar

- Setelah melalukan semua setting di atas maka tinggal menggunakan ke dalam kanvas dengan menahan klik kiri
Sebagai contoh saya menggunakan gambar nada photoshop dasar

membuat gambar nada alunan muzik 
photoshop dasar
Contoh Shape Tool nada

Anda bisa mengkreasikan dengan imajinasi anda sendiri, dan selamat mencoba... 
Tutorial Photoshop by ilmugrafis
Terima kasih semoga bermanfaat

Read More »
23.32 | 0 komentar

Mengetahui Kinerja dan Keuntungan Clone Tool

Kali ini kita akan mencoba mengetahui kinerja dan keuntungan Clone Tool. Pada saat menscan gambar mungkin tanpa sengaja gambar hasil scan kita tidak maksimal serta terdapat seperti goresan, namun jangan khawatir...

Langkah-Langkahnya:

1. Buka gambar yang ingin diedit dengan Photoshop
photoshop dasar
contoh gambar yang rusak 

2. Carilah dan pilih Clone tool pada tool box sebelah kiri

3. Tekan dan tahan tombol ALT pada keyboad dan arahkan mouse/pointer pada bagian yang ingin di duplikat... sebaga referensi penulis menempatkan pada gambar hati [love]
photoshop dasar
penempatan clone tool pada obyek yang akan di clone 

4. Setelah itu lepasakan tombol ALT dan klik kanan dan tahan pada bagian yang akan diperbaiki, geser sehingga gambar terclone secara merata...

Tidak hanya itu, karena kita menempatkan pada gambar love maka gambar tersebut juga akan terduplikat... itulah kegunaan dari clone tool

Hasilnya:
photoshop dasar
Gambar yang sebelumnya rusak menjadi bagus kembali... 
Tutorial Photoshop by ilmugrafis
Terima kasih semoga bermanfaat

Read More »
23.30 | 0 komentar

Sekilas Penjelasan Tentang Layers Photoshop

Dalam Tutorial ini akan dijelaskan apa yang dimaksud layer atau layers, dalam Photoshop. Layers merupakan lapisan yang berfungsi sebagai tempat objek, diibaratkan sebagai kanvas...

Dengan adanya Layers, memungkinkan Anda untuk mengedit sebuah objek tanpa mengganggu objek yang lain Sebagai contoh, jika Anda sedang mengedit gambar 1 maka gambar 2 tidak akan terpengaruh.

Anda dapat mengatur komposisi layers dengan cara mengubah atribut dan urutan layers. Sebagai tambahan, corak
khusus seperti adjustment layers, fill layers, dan layers style dapat diterapkan untuk memberikan efek khusus pada layers
tersebut Untuk lebih jelasnya, perhatikan gambar di bawah.
photoshop dasar

Layers berisi satu objek sehingga masing-masing objek dapat diedit tanpa mempengaruhi objek yang lain.
Ketika Anda memberikan efek tertentu (layer style) pada sebuah layer, maka Anda dapat menduplikasi layer style ke
layer yang lain dengan corak dan bentuk yang sama.
photoshop dasar

Tutorial Photoshop by ilmugrafis
Terima kasih semoga bermanfaat

Read More »
23.25 | 0 komentar

FOTO MENJADI KARTUN VECTOR di Corel

Pertama tama saya mengucapkan banyak trima kasih kepada ilmuGrafis yang telah memberi kesempatan untuk saya membagikan ilmu Grafis Kepada teman teman semua. Pada kali ini saya ingin berbagi Tips Grafis Ilmu Tentang Tracing dan VectorMerubah Poto menjadi Kartun

Saya Menggunakan CorelDraw X5, Versi.15. Bagai mana Prosesnya Langsung aja Ke TKP

Catatan : Sebelum mengikuti tutorial ini diharapkan anda sudah mengetahui dasar-dasar Coreldraw pada CorelDraw, dan mengetahui Fungsi- fungsi Tool dan Layout pada CorelDraw

Daftar Tool yang digunakan :
1. Pen tool
2. Shape tool
3. Color eyedropper tool
4. Interactive fill
5. Fountain fill
6. Drop Shadow
7. Transparency

Langkah 1
Buka Program CorelDraw.Tekan Ctrl + N untuk Membuka Lembar Kerja baru Ukuran kertas A4 . Anda bisa juga mengubah Satuan units di Properties bar nya menjadi Centimeter

Langkah 2
Impor Objek Berbentuk JPG, BMP,AI, PNG Kedalam Lembar Kerja yang anda buat
Bisa Dilakukan Dengan Menekan Tombol Control + i pada keyboard, atow pada menu Bar.
Cari dan Clik Objek yang ingin diTrace disini saya menggunakan Foto Saya pribadi sebagai contoh

Langkah 3
Lalu arahkan mouse pada gambar dan Clik Kiri pada Mouse pilih (Lock Objeck) supaya Gambar Yang yang Kita Trace Tidak Bergeser kemana mana.
screenshot ilmugrafis corel

Langkah 4
Disini Sini Saya Menggunakan ( Pen Tool ) Untuk Proses Trace nya….
Lihat Gambar Dibawah ini Kesabaran adalah No.1 untuk mengerjakanya
screenshot ilmugrafis corel

Langkah 5
1. Buatlah Bentuk Rambut Dengan ( Pen Tool ), 
2. Buatlah Bentuk Lingkaran Wajah
3. Buatlah Bentuk Kaca Mata
4. Buatlah Bentuk hidung, Telinga , Dan Leher
5. Buatlah Bentuk Lingkaran Badan dan Baju
screenshot ilmugrafis corel

Langkah 6
Semuanya Dilakukan Menggunakan Pen Tool. Untuk Merapihkan Lengkungan Line,
Atow Garis-garis Menggunakan ( Shape Tool ) Dan Untuk Menghasilkan Lengkungan
Garis line Yang Bagus... Menggunakan ( Convert to curve ) 
Caranya : Clik Garis Line Clik Mouse sebelah Kiri Pilih convert to curve
screenshot ilmugrafis corel
Catatan : Jika semua sudah terbentuk Tinggal Proses pewarnaan di bagian pewarnaan ini
Memang sangat rumit dibutuhkan ketelitian untuk mewarnai,mengatur komposisi warna 

Langkah 7
1. Impor kembali poto yang asli dan jejerkan di objek yang telah di trace
2. Gunakan ( Color eyedropper tool ) untuk mengambil sempel warna dari poto yang aslinya
screenshot ilmugrafis corel
Catatan :
Gunakan Fountain Fill Untuk Mengatur Komposisi Warna, Kalo Belum sesuai gunakan Juga Tool Interactive Fill
Aturlah Komposisi warna sesuai Kebutuhan, yang diperlukan

screenshot ilmugrafis corel
Catatan :
Ketika proses pewarnaan pasti anda mengalami kesulitan karna objek demi objek akan bertumpuk tumpuk jadi tidak karuan jangan kuatir….
Tipsnya: Gunakan ( Power Clip )atow bisa juga dengan melakukan clik objek, Garis, line Clik pada mousesebelah kiri pilih Order Dan clik tulisan In Front of. Atow juga Garis, line nya di Lock objek dulu…
screenshot ilmugrafis corel

Langkah 8
Jika sudah selesai Klik Export pada menu Bar
screenshot ilmugrafis corel
Save as type = format gambar Itu terserah kebutuhan

Hasil Akhirnya kira - kira seperti ini
screenshot ilmugrafis corel
Tracing Dengan Coreldraw
Sesudahnya saya ingin mengucapkan minta maaf jika ada kesalahan didalam pembuatan tutorial ini mohon dimaklumi karna saya juga dalam proses belajar… 
sampai jumpa di Tutorial CorelDRAW berikutnya , baca juga tutorial tutorial sebelumnya, Gunakan google service di atas untuk mencari Tutorial yang anda butuhkan
Trima kasih Semoga bermanfaat wasalam……

Read More »
09.25 | 0 komentar