25 Nov 2014

Cara simpel membuat Desain Abstrak

Pada postingan sebelumnya saya pernah memberikan contoh contoh desain abstrak yang 100 % pake adobe photoshop, maka sekarang saya coba kasih tutorial tentang desain abstrak, dan karena sifatnya abstrak, maka itu tergantung kreatifitas individu
masing masing, di sini cuma sekedar contoh sederhana saja.



Pada Tutorial ini adalah membuat desain seperti gambar di bawah ini, yang mana dengan objek sederhana yang digabungkan dan dengan kombinasi beberapa effek maka jadilah seperti ini:



Untuk membuat seperti gambar tersebut ikuti langkah langkah berikut ini:



Step 1
  • Buat File Baru Dengan Ukuran misal 1024 x 800 px, resolution :600 px/inch
  • Pada new layer buat suatu kotak dengan Rectangular marquee tool, fill color :Merah
  • Masih di layer kotak merah, buat selection area (dengan Rectangular marquee tool), kemudian kita menuju menu Select, pilih Feather atau cukup tekan Ctrl Alt D, dengan radius 50 px (lihat gambar)
  • Dan Hasilnya seperti di bawah ini


Step 2
  • Buat 2 objek lagi dengan warna biru dan kuning (caranya sama dengan Step 1 di atas)
  • Atur semua objek tadi hingga seperti gambar di bawah ini:

Step 3
  • Sekarang kita gabungkan ketiga objek tersebut menjadi satu layer (merge layer)
  • Caranya select all layer kecuali background (gunakan/tekan tombol Shift untuk select layer) kemudian tekan Ctrl E pada keyboard.

Step 4
  • Duplikasi layer yang sudah kita merge tadi menjadi 3 objek.
  • Pada masing masing objek kita beri warna berbeda dari objek lainnya, Objek 1 kita biarkan saja seperti warna sebelumnya, Objek 2 : inverse warna, Objek 3 : Gunakan hue/saturation (Menu Image - Adjustment - Hue/saturation)
  • Untuk Lebih jelasnya lihat gambar di bawah ini:
  • Atur ketiga objek tadi seperti pada gambar di bawah, kemudian gabung lagi menjadi 1 layer.
  • Kemudian duplikasikan lagi dan atur seperti ini, dan kita gabung merge layer lagi.

Step 5
  • Go to Menu Filter - Distort - Polar Coordinates...(terdapat pada Photoshop CS ke atas, gak tau kalo versi dibawahnya)
  • Kemudian Pilih yang Rectangular to Polar, dan lihatlah apa yang terjadi....
  • Hasilnya seperti gambar di bawah ini
  • Duplikat layer hasil dari polar coordites tadi dan balik/transform hasil duplikat tersebut 180 derajat (menu Edit - Transform - Rotate 180) dan atur menjadi seperti ini:
  • Terakhir, go to Menu Filter - Artistic - Plastic Wrap - OK
  • Selanjutnya...Silahkan bereksperimen sesuai imaginasi anda masing masing :)
  • Selamat Mencoba :)

Desain Abstrak Batik


Secara berurutan, gambar-gambar diatas merupakan desain yang dihasilkan/dibuat  dari satu objek saja. Desain seperti ini sifatnya abstrak, karena kita tidak bisa membuat desain seperti itu lagi sama persis, Dan Mungkin juga hasil dari temen-temen tidak akan sama seperti yang ada di tutorial ini  dan mungkin bisa lebih bagus dari ini (amin).




Sekilas jika melihat gambar-gambar di atas, mungkin pertanyaan yang timbul adalah Bagaimana cara membuatnya, atau berfikir Pasti sulit untuk membuatnya. Sebenarnya mudah alias gampang. mungkin yang sulit adalah ide atau imaginasi untuk membuatnya (semoga anda tidak bermasalah dengan imaginasi atau kreatifitas, hehehe).
Kesimpulannya, dengan cara yang sederahana (cara mudah) kita bisa menghasilkan desain yang kelihatannya sangat sulit untuk membuatnya atau Dengan cara minimalis kita bisa menghasilkan sesuatu yang maksimalis (maksimal maksudnya)


Seperti tutorial sebelumnya, ini juga tergolong mudah dan simpel karena prosesnya relatif cepat dan menggunakan sedikit tool dan efek. Dan gambar-gambar di atas adalah contohnya.
Mungkin kita tidak akan menyangka bahwa gambar/desain tersebut awalnya adalah suatu gambar atau sekedar coretan biasa saja. Namun dari situ kita bisa membuat  berbagai macam bentuk atau gambar misalnya kain batik seperti contoh diatas

STEP 1
  • Buat file baru dengan ukuran sesuaikan keinginan anda masing. Kemudian buatlah (dengan Pencil/brush tool) coretan seperti contoh di bawah ini.

Note : Perlu untuk diketahui, hasil akhir tidak harus sama dengan yang yang ada di tutorial ini karena  gambar/coretan awal anda mungkin juga berbeda baik corak dan warnanya
  • Selanjutnya: Pilih/buka menu Filter dan pilih Artistic - Cutout. Tab setting : Number of Levels = 8, Edge Simplicity = 9, Edge Fidelity = 2. Atau sesuaikan dengan desain anda.

  • Hasilnya seperti gambar di bawah ini

  • Langkah selanjutnya adalah mengubah warna dengan menggunakan Hue/Saturation. Pilih Menu Image - Adjustments - Hue / Saturation. Lihat gambar. (Atau sesuaikan dengan selera anda masing-masing)


  • Selanjutnya. menambahkan efek Poster Edges, Buka menu Filter-Artistic -Poster Edges. Dengan Setting seperti berikut: Edge Thickness=2,  Edge Intensuty =1,  Posterization =2
Setting 'Poster Edges'

Hasil dari efek Poster Edges

Setelah langkah-langkah di atas, objek atau desain awal sudah selesai kita buat.Kemudian simpan dengan ekstensi Jpeg atau PNG. Kenapa? Karena yang akan kita edit selanjutnya adalah file dengan ekstensi tersebut. Dan jangan lupa simpan juga dengan ekstensi file PSD sebagai dokumen aslinya.
STEP 2
Buka file jpeg atau PNG yang sudah kita simpan tadi. Selanjutnya akan kita buat beberapa desain menggunakan gambar tersebut.
Di sini saya membuat Tiga (3) desain yang berbeda  seperti gambar di bawah ini
satu objek gambar menjadi 3 Gambar berbeda

Desain Nomor 1 : Menggunakan Efek  Pinch
Menu Filter - Distort - Pinch dengan Amount = 100 %
Hasil Efek PINCH

Selanjutnya tekan CTRL F 2x untuk memberi efek Pinch tersebut sekali lagi.Dan Hasilnya seperti gambar di bawah ini.
Hasil  2x efek PINCH
Catatan :
CTRL F fungsinya adalah untuk mengulang efek yang telah diterapkan sebelumnya. Dan hanya berfungsi jika efek-efek tersebut menggunakan efek dalam menu Filter. Untuk shortcut atau cara cepat dengan keyboard bisa lihat di postingan sebelumnya

Desain 02 :  Menggunakan Efek WAVE ( Menu Filter - Distort - Wave) 
Keterangan :
Number Of Generator : 5
Wavelength   Min :99, max :99
Amplitude :   Min : 30 Max : 30
Hasil penerapan efek WAVE
Sama seperti langkah sebelumnya, gunakan CTRl F Dua kali (2x)
Gunakan Inverse untuk merubah warnanya  menjadi seperti ini (Menu Select - Inverse) atau Ctrl I
Inverse image

Desain 03 :Menggunakan Efek Polar Cordinates
Buka menu Filter - Distort - Polar Cordinates. Set / centang Polar To Rectangular Tekan

CTRL F, dua atau beberapa kali sampi didapat hasil yang sesuai.
1x Ctrl F
2x Ctrl F

Langkah Terakhir, Crop atau potong gambar yang telah selesai kita beri efek Polar coordinates tersebut. bagian yang diblok hitam adalah bagian yang di hapus/potong (Lihat gambar)

Bagian Hitam yang di croping
Hasil akhir

SELESAI dan Simpan (save as) hasil kerja anda dengan nama baru, SELAMAT MENCOBA.

Digital Art Tutorial Bagian 1


digital art
Masih tentang digital art dengan photoshop, jika sebelumnya hanya beberapa contoh hasil yang sudah jadi maka kali ini akan saya coba untuk membuat tutorial atau panduan tentang cara membuatnya. Sebelumnya perlu saya sampaikan, bahwa ini adalah tutorial tentang desain abstrak sehingga hasil anda bisa saja tidak sama persis atau bahkan berbeda dengan hasil  yang ada di sini,
dan juga tergolong desain sekali jadi (artinya: kita tidak bisa membuat kembali desain yang sama persis seperti itu lagi).

Namun inti dari tutorial ini adalah bagaimana cara mengolah gambar yang sangat simpel menjadi gambar atau desain yang bagus dan menarik. Selain itu juga bisa mengembangkan daya imaginasi dan kreatifitas anda dalam menciptakan karya yang hebat, dan mungkin orang awam yang melihatnya berfikir bahwa desain tersebut cara membuatnya sangat sulit (karena saya sendiri juga masih punya fikiran seperti itu jika melihat hasil karya orang lain terutama orang-orang luar negeri).
Tutorial ini ada dua (2) bagian, karena disamping langkah-langkah pembuatnnya sangat panjang juga untuk mengurangi beban saat loading, karena gambar-gambar yang ada jumlahnya juga relatif banyak.

Untuk bagian pertama bisa anda lihat hasil akhirnya pada gambar di bawah ini.


Gambar tersebut merupakan gambar awal sebelum diolah lagi menjadi lebih menarik (salah satunya bisa anda lihat pada gambar thumbnail paling atas)

Step 1

Buat dokumen baru (New File) dengan ukuran 1240x862 pixel, Resolusi 72 pixels/inchi (silahkan buat resolusi yang lebih besar lagi, asalkan komputernya tidak lemot, hehehehe..just kidding).
Kemudian buatlah Empat (4)  lingkaran dengan warna berbeda (biru, merah, hijau dan kuning). Opacity (layer opacity) masing-masing lingkaran tersebut adalah 50%


Gabung semua lingkaran tersebut menjadi satu (merge layer), kemudian duplikat menjadi dua.
Sembunyikan hasil duplikat layer lingkaran tadi (hidden layer) untuk digunakan pada tahap selanjutnya.

Step 2

Kemudian buatlah kotak persegi panjang seperti contoh di bawah ini


Opacity masing-masing kotak persegi panjang tersebut sama seperti opacity lingkaran (50%).

Kemudian, buat lagi kotak persegi panjang dengan ukuran lebih besar yang digunakan sebagai latar belakang atau background. Biarkan opacity 100%.


Kecuali layer yang dihidden pada Step 1 di atas, gabung semuanya menjadi satu layer (merge layer).

Step 3

Pada tahap ini, kita akan mengubah bentuk gambar tersebut dengan menggunakan fungsi atau perintah 'polar coordinates'.
Buka menu Filter, lalu pilih distort, kemudian pilih polar coordinates. Aktifkan atau centang yang 'polar to rectangular'


Hasilnya, gambar yang semula berupa kotak dan lingkaran tadi berubah menjadi seperti berikut ini.


Step 4

Duplikat layer gambar tersebut menjadi dua, kemudian atur ukuran dan posisinya menjadi seperti ini.


Setelah itu gabung keduanya menjadi satu layer dengan menguunakan merge layer (CTRL E)

Step 5

Dengan menggunakan Transform warp, ubah menjadi seperti contoh di bawah ini.


Trik  atau cara cepat menggunakan atau memanggil perintah transform warp : Tekan Ctrl T, kemudian klik kanan pada objek, lalu pilih warp. Trik ini juga bisa digunakan pada jenis transform lainnya seperti skew, distort, flip vertical dan seterusnya.

Kemudian duplikat kembali objek yang sudah ditranform warp tadi menjadi dua, dengan posisi dan ukuran seperti gambar di bawah ini.


Munculkan kembali dupliat layer lingkaran yang disembunyikan pada langkah sebelumnya (step 1 di atas) dan atur posisinya menjadi seperti ini.


Step 6

Sebelum ke tahap selanjutnya, gabung kembali semuanya menjadi satu layer, kemudian duplikat kembali menjadi dua. Sembunyikan dulu (hidden layer) hasil duplikat layer tersebut untuk tahap selanjutnya.

Selanjutnya gunakan efek 'polar coordinates - rectangular to polar' untuk mengubah gambar tadi menjadi bentuk seperti ini.




Untuk sementara sembunyikan dulu layer atau gambar di atas, dan memunculkan kembali layer yang disembunyikan pada tahap sebelumnya tadi, kemudian ubah bentuknya dengan efek yang sama seperti sebelumnya (polar coordinates), hanya untuk kali ini kita gunakan yang 'polar to rectangular'


Kemudian gunakan 'transform warp' untuk mengubah bentuknya menjadi seperti ini.


Step 7

Menambahkan efek 'plastic wrap' (Filter - Artistic - plastic wrap).
Highlight strength :15, Detail: 9, Smoothness: 7.


Step 8

Duplikat menjadi Empat (4) kemudian atur posisi masing masing sehingga menjadi seperti ini.


Lihat gambar berikut ini utuk posisi masing-masing gambar tersebut.


Keterangan:
Posisi layer gambar 1 berada di atas layer 2, dan Layer 3 berada diatas layer 4, untuk urutan keseluruhan dari atas ke bawah adalah 3-4-1-2.

Step 9

Mengubah warna gambar 2 dan gambar 4 dengan menggunakan black and white (image-adjutsments)

GAMBAR 2
GAMBAR 4

Keterangan:
Gambar 2 : Centang 'tint' dan atur 'Hue: 0, Saturation: 70%.
Gambar 4 : Hue: 42, Saturation: 20%.

Hasilnya kurang lebih menjadi seperti gambar di bawah ini.


Step 10

Langkah selanjutnya, ubah mode layer gambar 2 menjadi 'vivid light'. dan gambar 4 menjadi 'linear light'



Silahkan bereksperimen dengan layer mode yang lainnya jika menginginkan hasil yang berbeda.

Step 11

Selanjutnya adalah menghapus bagian pinggir dari layer Gambar 3 dan 4. Gunakan eraser tool untuk menghapus bagian tersebut. Lihat tanda panah pada bagian yang di tandai dengan lingkaran pada gambar di bawah ini


Step 12

Munculkan kembali layer yang disembunyikan (hidden) pada tahap sebelumnya (step 6).
Kemudian ubah bentuknya menjadi seperti ini dengan menggunakan transform warp.


Kemudian atur rotasi dan posisinya menjadi seperti ini serta dengan menambahkan efek plastic wrap pada gambar tersebut (lihat step 7 di atas untuk setting efek plastic wrap tersebut).


Posisi layer gambar ini berada paling atas diantara layer atau gambar lainnya.

Step 13

Hapus bagian luarnya dengan 'eraser tool'. Untuk lebih jelasnya bagian yang dihapus pada gambar tersebut dapat anda lihat 'warna putih' pada gambar di bawah ini


Dan hasilnya kurang lebih menjadi seperti ini.



Step 14

Selanjutnya, ubh mode 'normal' menjadi 'lighter color'


Jika mode tersebut tidak ada pada photoshop CS3 kebawah, silahkan gunakan mode yang lainnya.

Step 15

Tahap terakhir pada bagian ini adalah mengubah warna gambar atau layert tersebut dengan menggunakan image adjustment 'Black and White'. Perhatikan gambar di bawah ini untuk pengaturan 'black and white-nya'


Lihat keterangan dalam tabel di bawah ini untuk pengaturan atau setting warna
Preset Custom
Reds -200
Yellows 90
Greens -200
Cyans 300
Blues 75
Magentas -90
Hue 84 derajat
Saturation 63 %

Hasil akhirnya kurang lebih seperti contoh gambar berikut ini.

digital art

Artikel Terkait