Berkreasi dengan Pattern

Assalamualaikum, alhamdulillah kita ketemu lagi!
seminggu kosong tutorial nih, maap ya, banyak tugas >.<

Sekarang kita akan ngebahas tentang Pattern. Setelah kemarin belajar membuat desain kreatif dari Typografi. Udah ngerti kan?
Nah, biasanya banyak ditemui teman-teman yang galau bikin background desain. Cara mudahnya bisa kita dapatkan dari tool Pattern. Ada dimana sih tool Pattern photoshop itu?

Nah kaya gini nih :)

nah sebelum memulai pembahasan tentang fitur Pattern pada Photoshop terlebih dahulu kita simak apa itu sebenarnya Pattern ?

Pattern adalah teknik mengulang gambar.  disini gambar akan diulang-ulang untuk memenuhi media tersebut. Contoh, kita mempunyai gambar kecil yang ingin dijadikan background web atau layar anda.Kita lihat gambar tadi akan memenuhi media background dan di ulang terus hingga batas yang di tentukan. Secara tidak langsung anda telah menerapkan teknik Pattern.

Yok! mulai prakteknya. Kita akan bikin Background desain dengan Pattern. Sebelumnya, kita bosa searching gambar untuk pattern di google.
Saya dapat gambar ini dan menggunakan gambar ini untuk latihan, *klik gambar untuk memperbesar dan save*

Oh iya, Gambar pattern itu biasa kecil bro, karena dia pakai polanya sama dan banyak. ya semacam gambar 'tile' yang bersusun-susun.

1. Pertama, buka Adobe Photoshop. Klik File Open. Untuk membuka objek gambar yang akan dijadikan Pattern

2. Pilih gambar yang akan dijadikan pattern. Open

3. Nah, sudah kebuka nih, sekarang Klik Menu Edit>Define Pattern

4. Nanti akan muncul seperti ini, Klik Ok aja, atau kalau kalian mau, ubah saja namanya >OK

 5. Sekarang kita close objek gambar tadi, kemudian bikin file baru. File>New. Atur bidang kertas kita. Pakainya A4 aja yak!

 6. Terus, kita bisa lihat hasil pattern kita darimana? Ingat Icon Tool Pattern tadi? Cari dan klik tuh, Terus di bawah menu, ada menu pattern, klik segitiga kecil disamping, Nah, ada tuh hasil pattern gambaran yang tadi :) Klik aja

 7. Perlu diperhatikan lagi ni bro, Kalau mau bikin Pattern, kita bikin layer baru. Jangan bikin di Layer Background. Kenapa? Supaya bisa kita ubah dan kita pindah-pindahin.

Pada penasaran, kaya gimana sih, hasilnya pattern tadi? Klik kanan dulu, atur ukuran brushnya. Pilih standar aja, yang bulet dan atur size sesuai selera.

8. Nah, usapkan aja atu klik-klik, Nanti hasilnya kaya begini, penuhin sampai seluruh lembar kerja terpenuhi.

 9. Setelah itu, masukkan teksnya.

  10. Ingat pelajaran insert teks kemarin. Yuk dipraktekin lagi~ 

 11. Biar gak garing, saya improv backgroudnya dengan memotongnya menggunakan Select.

 

 12. Bagian kananya juga,

13. Tinggal kasih warna bacground belakang pada layer background

 Taraa... bisa jadi seperti ini

Oh iya, kita juga bisa mengkreasikan Pattern jadi bentuk. Misal, kita ingin bentuk lingkaran dipenuhi dengan pattern. Caranya?

1. Buka File Baru, buat Lingkaran dengan Eliptical Marquee Tool. Jangan lupa insert Layer barunya dulu ya!

 2. Nah setelah itu, klik Tool Pattern, pilih pattern yang mau kita pakai, lalu klik di bentuk lingkaran tersebut. Masih dalam keadaan select ya atau garis putus-putus.

 3. Setelah itu kita deselect. Select > Deselect atau cara praktisnya CTRL+D
Masukin deh teksnya, Nah jadi kan? :D

Ini mudah banget loh! :D

Cara masukin Pattern lain dengan file .PAT juga bisa. Caranya, buka galeri Pattern. (Menu dibawah File) itu, klik segitiga kecil diujungnya, Pilih Load Pattern > Browse dimana kita menyimpan file .PAT

kita bisa mendownloadnya disini,
http://www.brusheezy.com/patterns atau http://all-free-download.com/free-vector/pattern.html


Nah, kita juga bisa bikin pattern dari foto kita. Ada yang mau coba? :D

Membuat Desain Typografi

1.  Pertama kita buka aplikasi desain, Adobe Photoshop. Disini, saya memakai Photoshop CS 5. Setelah jendela Photoshop terbuka, Buat Dokumen baru. File > New

2. Untuk desain kali ini, saya memakai lembar kerja berukuran standar. A4 

3. Klik OK jika semua sudah diatur. Kemudian muncul lembar kerjanya, 

 

4. Nah, agar tidak terlihat membosankan, saya memberi warna pada background. Masih ingat kan cara cepat untuk mewarnai background dengan memperhatikan tool warna, 

 Tekan ALT+DEL untuk warna Foreground (Warna Peach) dan CTRL+DEL pada warna background (putih), Nah sebelum memberi warna dengan langkah ini, perhatikan juga letak Tool Layernya. Select atau pilih layer yang mana yang ingin diberi warna. 

Karena masih ada satu layer yaitu Layer Background, jadi kita tidak perlu memilih. Tinggal ALT+DEL 

 Taraaaa.. Backgroudnya jadi berwarna deh 

5. Oke, sekarang kita mulai memberi teks. Karena ini Typografi, kita hanya main Teks. 

Saya mengambil teks ini, Punyanya  'Syekh Muhammasd Nazim' 

'Jalan Menuju Tuhan adalah Sebanyak Jumlah Nafas Manusia' 

 

6. Nah, inilah Typografi. Teman-teman bisa menulisnya sesuai kreatifitas. Dengan jenis font dan ukuran yang berbeda-beda. Dalam Typografi tidak ada aturan baku, terserah kalian mau menggunakan banyak jenis font, asalkan masih enak dilihat dan bisa dibaca juga sesuai dengan font lainnya. 

Disini saya menggunakan Font "Wolf in the City L", "Script MT Bold", "Hall of Fame", dan "XeroTypique". Font-font ini bisa di download free di dafont.com

Ayook mulai isi amunisi laptop atau notebookmu dengan font-font baru yang keceeh :3

Kalian bisa mengatur jenis font lewat taskbar diatas. Disana ada jenis font, ukuran font. Nah, untuk mengaturnya jalan lupa menggunakan Tool Move Tool. Untuk mengedit Tulisannya gunakan lagi Horizontal Type Tool. Perhatikan juga layer teksnya. 

7. Setelah kita atur letak fontnya, mulailah kita mempercantik desain kita. Saya menggunakan gambar untuk backgroundnya. Biar kaya desain quotes-quotes yang lain :p 

Cara masukin gambar gimana? Gampang. Tinggal File > Open > Pilih gambar ? Ok

Cara masukin ke lembar desain kita? Tinggal klik tahan tarik ke halaman desain kita

Kalau Gambarnya menutupi teks, perhatikan tool layernya, apakah dia berada diatas layer teks atau tidak. Kalau ada diatas layer teks, klik layar gambar, tarik tahan di bawah layer teks, Nah otomatis nanti Gambarnya bisa jadi background :)

 9. Eh tapi kok tulisannya jadi nabrak gitu ya? Gampang. Sekarang kita buat background gambar ini ngeblur. Jangan lupa klik layar gambar sebelum diedit. Caranya, Filter > Blur> Gaussian Blur 

10. Nah, atur radiusnya 6.3  jadi ngeblur deh gambarnya :D 

11. Nah jadi ngeblur deh

12. Yuk hias lagi pakai shape Lingkaran. Kalau saya bikinnya gak ambil ribet. Pakai Eliptical Marquee Tool.

13. Buat Lingkaran kecil, kemudian add layer baru. Lihat icon di tool layer sebelah tempat sampah (Kotak kecil)

14. Nah, lingkaran itu akan menjadi objek di layer baru. Pilih warna, OK. Beri warna dengan langkah yang tadi sudah dijelaskan. ALT +DEL

15.Setelah diwarnai, gambar akan tampak seperti ini, menghilangkan selectnya tinggal CTRL+D atau Select>Deselect

16.Sekarang, besarkan lingkaran tersebut, caranya tinggal CTRL+T kemudian besarkan. Nah Tipsnya agar gambar diperbesar atau diperkecil ukurannya balance, Ubah objek dengan menggunakan titik kotak bagian ujung kanan, atau ujung kiri atas atau bawah sambil menekan 'Shift'. Itu berguna biar gambarnya tidak lonjong atau gepeng. Setelah diubah Tekan Enter

17.Kalau cuma gini doang aneh kan ya.. Nah, objek lingkaran ini kita transparanin warnanya. Caranya? Perhatikan tool layer, diatasnya ada tulisan Opacity 100% nah kurangi persennya jadi 50 % atau sesuai yang kalian inginkan.

18.Nah, saya juga memakai pattern untuk pola garis-garis. Biar temen-temen gak pusing dan bertanya-tanya apa itu pattern? Nanti dibahasan selanjutnya ya!

19. Rasanya masih ada yang kurang nih, saya mau poles dikit teksnya. Bagian 'adalah' mari kita buat objek persegi panjang.
Caranya sama seperti membuat lingkaran, hanya saja kita gunakan Rectanguler Marquee

20. Nah, langkah-langkah ikuti seperti membuat objek lingkaran, di Free Transform atau CTRL+T juga bisa mengubahnya dengan rotasi.Objek Perseginya jadi sedikit miring :p

 21. Nah, selesaaaai~ Taraaa~ tinggal masukan logo FSI-KU nya :)
Jangan lupa kalau kamu ingin mengakui ini karya originalmu, tuliskan namamu atau inisial namamu. Itung-itung bisa terkenal juga *eh

Yoshaa~ Alhamdulillah sekian Tutorial ini. Saya membuat Tutorial pertama tentang memanfaatkan Tool Teks di photoshop.

Selamat mencoba, teman-teman bisa mengumpulkan hasil dari tutorial ini Minggu depan!
Boleh juga memakai kata-kata mutiara yang berbeda.

Yak! Selamat Belajar! Salam Kreatif!


Nah, Font dan gambar bisa unduh disini 

Tutorial: Desain Dakwah Sederhana dengan Adobe Photoshop

Assalamualaykum! Lama vakum, lama tidak berniat membuat tutorial dan lama tidak menyentuh segala macam hal mengenai dunia desain-mendesain.

yap, semoga selalu semangat!
Kali ini saya akan coba bikin Tutorial Desain unuk dakwah. Meliha teman-teman kreatif macam kalian yang sekarang lagi gencar-gencarnya  ngerekrut admin atau mengajak untuk membuat desain-desain kreatif untuk menyampaikan syiar Islam. Dan tahukah? Orang-orang kreatif yang mencetuskan berdirinya sebuah komunitas desainer Islami, mendatangkan feel dan karya-karya yang tadinya cuma jadi koleksi pribadi, menjadi konsumsi khalayak yang Subhanallah, bisa membuat islam lebih kreatif :D

Oke, mulai saja yak!

1. Buka Adobe Photoshop, saya tetap masih pakai Photoshop CS 5, buat dokumen baru. Klik New > Open

2.Buat dokumen baru, atur ukurannya, ukurannya terserah. Tapi saya lebih suka pakai ukuran cm ketimbang inch, dan resolusinya standar aja 72 px/inch

3.Taraaa.. dokumennya sudah jadi :D Mari mulai mendesain!

4. Pertama-tama mari kita kasih warna background,
Nah, di tools samping kiri ada banyak tools, kita bisa pilih warna dan dua kotak berwarna hitam putih itu. Klik kotak putih, kemudian muncul jendela warna. Saya pilih warna biru tua.

5. Setelah itu, kita kasih warna dokumen kita. Cara cepatnya bisa pakai ALT+DEL, untu kotak berwarna biru tua dan CTRL+ DEL untuk kotak warna hitam ._.v
Oh iya, perhatikan juga panel Layers, kita masih punya 1 layer yaitu background

6. Nah, setelah itu kita mulai kasih textnya. Caranya? Lihat Tools disamping kiri lagi, disana ada Icon huruf T. Di klik, atau cara cepatnya kamu tinggal pencet huruf T di keyboard, langsung bisa. Lau arahkan kursor ke dokumen, buatlah kotak dengan cara menekan mouse membuat kotak.

7. Nah, sekarang cari bahannya. Saya nemu bahan di website ini : http://quran.com Disana, kita bisa cari ayat yang terkait apa yang kita bahas. Terus kita bisa langsung copas arti ayatnya.

8. Balik lagi ke Photoshop, terus kita paste.

 

9. Taraaa.. jadi deh, nah untuk mengaturnya, bisa pilih warna di panel atas. Pertama-tama, blok semua text hasil copy-an tadi, kalau ndak bisa semua, bisa arahkan kursor pada teks, kemudian CTRL+A nah setelah itu ubah warna (lihat lingkaran merah), kemudian kita juga bisa edit tulisannya, jenis font dan ukurannya. 

 

10. Nah jadi deh teksnya :)

 

11. Sekarang kita masukin teks arabnya. Berhubung saya masih tidak tahu bagaimana cara masukin teks arab di PS, karena teksnya pasti putus-putus, quran.com punya solusi yang apik. Dia menyediakan huruf arab pada surat bisa di save transparan (PNG) :)
Klik kanan, view image atau save image.

 12. Kemudian nanti akan muncul window ini, klik save image aja

13. Nah sekarang balik lagi ke Photoshop. Open File, cari dimana kita menyimpan gambar tadi.

 

14. Beginilah kira-kira tampilan gambarnya, Cara mindahin gambar ke dokumen kita mudah kok. Karena ini gambar PNG, jadi layernya kekunci. Kita perlu select gambar dulu dengan tool, square select. Kemudian select seluruh gambar (bebentuk kotak) Nah, baru dipindahkan dengan move tool dengan cara klik tahan, pindahkan ke dokumen

15. Tara.. gambar sudah dipindahkan. Sekarang perhatikan panel Layer, sekarang ada 3 layer. Layer Background, Layer Teks dan Layer baru (layer gambar ayat). karena kita membuat background dengan warna gelap, huruf arabnya ndak keliatan. Cara ubah warnanya, kita klik Layer gambar ayat. Kemudian kita klik bersamaan dengan Ctrl. Otomatis Gambar ayat tersebut terselect. Lalu ubah warnanya jadi putih.

16. Tara jadi deh. Ko garing? Yuk kita akalin dengan hiasa sederhana.

17. Sekarang kita bikin hiasannya. Saya pakai Brush berbentuk Taburan bintang, simpel kok. Tinggal cari tools Brush, klik kanan. Pilih Brush. Punya kamu brushnya biasa aja? Kok ga ada? Nah saya download dulu macam-macam brushnya, Saya download disini http://www.brusheezy.com/brushes/22031-night-sky-brushes

Nah cara masukin brush yang tadi didownload. Setelah save da di Extract, pilih tools brush kemudian arahkan kursor ke dokumen, klik kanan, cari icon segitiga kecil, kemudian pilih Load Brush, cari brush yang tadi kamu donlot, klik Open. Biasanya file brush formatnya .ARB

18. Nah, oke, kita mulai kasih hiasannya. Saya pakai ukuran 463 px ya,

19. Taraa jadi deh, Sebelumnya bikin dulu layer baru. Caranya? Perhatikan panel layers, dibawahnya ada sederet icon, nah klik icon yang kotak sebelah gambar tempat sampah, arahkan layers kosong yang baru diatas layer background.

 20. Nah, saya juga mau tambahin gambar bulannya deh, Caranya? Gampang, pake brush yang tadi download aja, ada gambar untuk bulannya kok :D Tinggal diatur sizenya

21. Sekarang sudah jadi, kita bisa menambahkan logo Lembaga dakwah kita, ataupun logo kita sendiri. Biar ada hak ciptanya :D Tinggal kita save aja deh, yang pertama save format photoshop (.psd). File > Save > Pilih format kasih nama > Save

Nah habis itu save JPG. Klik File > Save as > Pilih format .JPG lalu kasih nama > save
Untuk JPG sebelum benar-benar menyimpan, akan ada pilihan ini, pilih saja yang standart/high, biar tidak terlalu berat untuk diposting di sosial media. Desain pertama jadi deh :) Simple kan? Mudah kan?

22. Selamat Mencoba!

Kalau bingung bisa PM saya disini yak! 
Atau tanyakan saja bila bingung untuk desain mendesain

Salam Kreatif!