tag:blogger.com,1999:blog-43776600755463994212024-03-13T20:00:50.730-07:00Multimedia SMKN 1 Ampek AngkekJln. Raya Panca Batu Taba Ampek Angkek Kabupaten Agam. Sumatera Barat
mmskmn1aahttp://www.blogger.com/profile/17065656473531364051noreply@blogger.comBlogger225125tag:blogger.com,1999:blog-4377660075546399421.post-91178889857796602962013-03-20T22:40:00.000-07:002013-03-20T22:40:00.486-07:00Tutorial Photoshop : Digital Art <div dir="ltr" style="text-align: left;" trbidi="on">
<h1 class="post-title entry-title">
</h1>
<div class="bwh-title">
<div class="isibwh">
</div>
</div>
<br />
<span class="fullpost"><span class="Apple-style-span" style="font-size: large;"></span>
<a class="colorbox cboxElement" href="http://1.bp.blogspot.com/_I_PFFJSrTec/TTgqQBwaLOI/AAAAAAAAFVo/oKDLgym2E8M/s1600/tutorial-photoshop-karya-visual-abstrak-23.jpg"><img alt="Tutorial Photoshop : Digital Art" border="0" id="BLOGGER_PHOTO_ID_5564243794453998818" src="http://1.bp.blogspot.com/_I_PFFJSrTec/TTgqQBwaLOI/AAAAAAAAFVo/oKDLgym2E8M/s700/tutorial-photoshop-karya-visual-abstrak-23.jpg" style="display: block; margin: 0px auto 10px; text-align: center; width: 500px;" /></a><br />
<br />
<span style="font-style: italic;">Stock</span> gambar yang diperlukan:<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="font-size: large;">STEP 1</span><br />
Mulai dengan memberikan warna <span style="font-weight: bold;">gradasi (G)</span> pada layer background. Terlebih dahulu, atur warna gradasi di <span style="font-style: italic;">gradient editor</span> seperti gambar dibawah.<br />
<br />
<a class="colorbox cboxElement" href="http://3.bp.blogspot.com/_I_PFFJSrTec/TThpbon2gSI/AAAAAAAAFZg/0BPLjkApXfE/s1600/tutorial-photoshop-karya-visual-abstrak.jpg"><img alt="Tutorial Photoshop : Digital Art" border="0" id="BLOGGER_PHOTO_ID_5564313263098200354" src="http://3.bp.blogspot.com/_I_PFFJSrTec/TThpbon2gSI/AAAAAAAAFZg/0BPLjkApXfE/s600/tutorial-photoshop-karya-visual-abstrak.jpg" style="cursor: hand; cursor: pointer; display: block; margin: 0px auto 10px; text-align: center; width: 500px;" /></a><a class="colorbox cboxElement" href="http://1.bp.blogspot.com/_I_PFFJSrTec/TThpbdgBnQI/AAAAAAAAFZY/gSi15y0QhO0/s1600/tutorial-photoshop-karya-visual-abstrak-2.jpg"><img alt="Tutorial Photoshop : Digital Art" border="0" id="BLOGGER_PHOTO_ID_5564313260112583938" src="http://1.bp.blogspot.com/_I_PFFJSrTec/TThpbdgBnQI/AAAAAAAAFZY/gSi15y0QhO0/s600/tutorial-photoshop-karya-visual-abstrak-2.jpg" style="cursor: hand; cursor: pointer; display: block; margin: 0px auto 10px; text-align: center; width: 500px;" /></a><br />
<br />
<span class="Apple-style-span" style="font-size: large;">STEP 2</span><br />
Masukkan gambar seorang gadis yang bisa ditemukan di link diatas. Gunakan <span style="font-weight: bold;">Pen tool (P)</span> dan buat bentuk sesuai dengan bentuk gambar untuk melakukan cropping. Jika sudah (masih dengan <span style="font-style: italic;">Pen tool</span> dalam kondisi aktif), klik kanan dan pilih <span style="font-style: italic;">Make Selection</span>. Maka sekarang area yang telah dibuat dengan Pen tool akan terseleksi.<br />
<br />
<a class="colorbox cboxElement" href="http://3.bp.blogspot.com/_I_PFFJSrTec/TThoBSnnGiI/AAAAAAAAFZQ/kwxx2QoHp88/s1600/tutorial-photoshop-karya-visual-abstrak-3.jpg"><img alt="Tutorial Photoshop : Digital Art" border="0" id="BLOGGER_PHOTO_ID_5564311711003384354" src="http://3.bp.blogspot.com/_I_PFFJSrTec/TThoBSnnGiI/AAAAAAAAFZQ/kwxx2QoHp88/s600/tutorial-photoshop-karya-visual-abstrak-3.jpg" style="cursor: hand; cursor: pointer; display: block; margin: 0px auto 10px; text-align: center; width: 500px;" /></a><br />
<br />
<span class="Apple-style-span" style="font-size: large;">STEP 3</span><br />
Pada layer palette, klik ikon <span style="font-weight: bold;">Add Layer Mask</span>. Secara otomatis gambar akan di<span style="font-style: italic;">crop</span> sesuai dengan seleksi tadi.<br />
<br />
<a class="colorbox cboxElement" href="http://2.bp.blogspot.com/_I_PFFJSrTec/TThoA5wMyZI/AAAAAAAAFZI/q9CKkYHtiGo/s1600/tutorial-photoshop-karya-visual-abstrak-4.jpg"><img alt="Tutorial Photoshop : Digital Art" border="0" id="BLOGGER_PHOTO_ID_5564311704328522130" src="http://2.bp.blogspot.com/_I_PFFJSrTec/TThoA5wMyZI/AAAAAAAAFZI/q9CKkYHtiGo/s600/tutorial-photoshop-karya-visual-abstrak-4.jpg" style="cursor: hand; cursor: pointer; display: block; margin: 0px auto 10px; text-align: center; width: 500px;" /></a><br />
<br />
<span class="Apple-style-span" style="font-size: large;">STEP 4</span><br />
Masukkan salah satu gambar dari render pack yang telah didownload
melalui link diatas. Posisikan render pack tersebut seperti gambar
dibawah ini.<br />
<br />
<a class="colorbox cboxElement" href="http://2.bp.blogspot.com/_I_PFFJSrTec/TThoA8wYsDI/AAAAAAAAFZA/9YhL7ZAozwc/s1600/tutorial-photoshop-karya-visual-abstrak-5.jpg"><img alt="Tutorial Photoshop : Digital Art" border="0" id="BLOGGER_PHOTO_ID_5564311705134608434" src="http://2.bp.blogspot.com/_I_PFFJSrTec/TThoA8wYsDI/AAAAAAAAFZA/9YhL7ZAozwc/s600/tutorial-photoshop-karya-visual-abstrak-5.jpg" style="cursor: hand; cursor: pointer; display: block; margin: 0px auto 10px; text-align: center; width: 500px;" /></a><br />
<br />
<span class="Apple-style-span" style="font-size: large;">STEP 5</span><br />
Gunakan <span style="font-weight: bold;">Pen tool (P)</span> kembali
untuk menghapus bagian gambar render yang menutup mata. Jadi, kita akan
membuat seolah-olah gambar render ini menjadi topeng dan menyatu dengan
gambar si gadis.<br />
<br />
<a class="colorbox cboxElement" href="http://3.bp.blogspot.com/_I_PFFJSrTec/TThoAcfvnjI/AAAAAAAAFY4/pYEHRJ3qi2w/s1600/tutorial-photoshop-karya-visual-abstrak-7.jpg"><img alt="Tutorial Photoshop : Digital Art" border="0" id="BLOGGER_PHOTO_ID_5564311696474873394" src="http://3.bp.blogspot.com/_I_PFFJSrTec/TThoAcfvnjI/AAAAAAAAFY4/pYEHRJ3qi2w/s600/tutorial-photoshop-karya-visual-abstrak-7.jpg" style="cursor: hand; cursor: pointer; display: block; margin: 0px auto 10px; text-align: center; width: 500px;" /></a><a class="colorbox cboxElement" href="http://2.bp.blogspot.com/_I_PFFJSrTec/TThoAAqvilI/AAAAAAAAFYw/4n3FHYxGcew/s1600/tutorial-photoshop-karya-visual-abstrak-8.jpg"><img alt="Tutorial Photoshop : Digital Art" border="0" id="BLOGGER_PHOTO_ID_5564311689004812882" src="http://2.bp.blogspot.com/_I_PFFJSrTec/TThoAAqvilI/AAAAAAAAFYw/4n3FHYxGcew/s600/tutorial-photoshop-karya-visual-abstrak-8.jpg" style="cursor: hand; cursor: pointer; display: block; margin: 0px auto 10px; text-align: center; width: 500px;" /></a><br />
<br />
<span class="Apple-style-span" style="font-size: large;">STEP 6</span><br />
Buka layer palette dan klik pada layer gambar render. Kemudian <span style="font-weight: bold;">tekan dan tahan tombol Alt</span> di keyboard dan klik ikon <span style="font-weight: bold;">Add new fill or adjustment layer</span> dan pilih <span style="font-weight: bold;">Hue/Saturation</span>.
Langkah ini akan membuat perubahan pada Hue/Saturation hanya akan
berdampak kepada layer terpilih (dalam hal ini layer gambar render).
Atur nilai Hue/Saturation seperti pada gambar dibawah ini.<br />
<br />
<a class="colorbox cboxElement" href="http://1.bp.blogspot.com/_I_PFFJSrTec/TThTzIuC-rI/AAAAAAAAFYA/HZTB-WcB3kk/s1600/tutorial-photoshop-karya-visual-abstrak-9.jpg"><img alt="Tutorial Photoshop : Digital Art" border="0" id="BLOGGER_PHOTO_ID_5564289477595298482" src="http://1.bp.blogspot.com/_I_PFFJSrTec/TThTzIuC-rI/AAAAAAAAFYA/HZTB-WcB3kk/s600/tutorial-photoshop-karya-visual-abstrak-9.jpg" style="cursor: hand; cursor: pointer; display: block; margin: 0px auto 10px; text-align: center; width: 500px;" /></a><br />
<br />
<span class="Apple-style-span" style="font-size: large;">STEP 7</span><br />
Masukkan gambar bokeh yang bisa didownload di link diatas. Posisikan seperti pada gambar dibawah ini.<br />
<br />
<a class="colorbox cboxElement" href="http://2.bp.blogspot.com/_I_PFFJSrTec/TThTytHZmKI/AAAAAAAAFX4/7WvGVywdJWM/s1600/tutorial-photoshop-karya-visual-abstrak-10.jpg"><img alt="Tutorial Photoshop : Digital Art" border="0" id="BLOGGER_PHOTO_ID_5564289470185445538" src="http://2.bp.blogspot.com/_I_PFFJSrTec/TThTytHZmKI/AAAAAAAAFX4/7WvGVywdJWM/s600/tutorial-photoshop-karya-visual-abstrak-10.jpg" style="cursor: hand; cursor: pointer; display: block; margin: 0px auto 10px; text-align: center; width: 500px;" /></a><br />
<br />
<span class="Apple-style-span" style="font-size: large;">STEP 8</span><br />
Ubah <span style="font-style: italic;">blending mode</span> untuk layer bokeh menjadi <span style="font-weight: bold;">Screen</span> dan lihat perubahannya.<br />
<br />
<a class="colorbox cboxElement" href="http://1.bp.blogspot.com/_I_PFFJSrTec/TThTyaadUwI/AAAAAAAAFXw/42qpqGGSYc8/s1600/tutorial-photoshop-karya-visual-abstrak-11.jpg"><img alt="Tutorial Photoshop : Digital Art" border="0" id="BLOGGER_PHOTO_ID_5564289465165107970" src="http://1.bp.blogspot.com/_I_PFFJSrTec/TThTyaadUwI/AAAAAAAAFXw/42qpqGGSYc8/s600/tutorial-photoshop-karya-visual-abstrak-11.jpg" style="cursor: hand; cursor: pointer; display: block; margin: 0px auto 10px; text-align: center; width: 500px;" /></a><br />
<br />
<span class="Apple-style-span" style="font-size: large;">STEP 9</span><br />
Buat layer baru, buat sebuah bentuk seperti garis menggunakan<span style="font-weight: bold;"> Rectangle tool</span> dan isi dengan warna putih. Lalu tekan tombol Ctrl + D untuk menghilangkan seleksi.<br />
<br />
<a class="colorbox cboxElement" href="http://3.bp.blogspot.com/_I_PFFJSrTec/TThTyI103SI/AAAAAAAAFXo/VWgJD-sOzrA/s1600/tutorial-photoshop-karya-visual-abstrak-12.jpg"><img alt="Tutorial Photoshop : Digital Art" border="0" id="BLOGGER_PHOTO_ID_5564289460448058658" src="http://3.bp.blogspot.com/_I_PFFJSrTec/TThTyI103SI/AAAAAAAAFXo/VWgJD-sOzrA/s600/tutorial-photoshop-karya-visual-abstrak-12.jpg" style="cursor: hand; cursor: pointer; display: block; margin: 0px auto 10px; text-align: center; width: 500px;" /></a><br />
<br />
<span class="Apple-style-span" style="font-size: large;">STEP 10</span><br />
Pilih <span style="font-weight: bold;">Filter > Blur > Gaussian Blur</span>. Isikan nilai 3 pada kolom radius.<br />
<br />
<a class="colorbox cboxElement" href="http://3.bp.blogspot.com/_I_PFFJSrTec/TThTx1J9hnI/AAAAAAAAFXg/QVJybR7ZU_8/s1600/tutorial-photoshop-karya-visual-abstrak-13.jpg"><img alt="Tutorial Photoshop : Digital Art" border="0" id="BLOGGER_PHOTO_ID_5564289455163803250" src="http://3.bp.blogspot.com/_I_PFFJSrTec/TThTx1J9hnI/AAAAAAAAFXg/QVJybR7ZU_8/s600/tutorial-photoshop-karya-visual-abstrak-13.jpg" style="cursor: hand; cursor: pointer; display: block; margin: 0px auto 10px; text-align: center; width: 500px;" /></a><br />
<br />
<span class="Apple-style-span" style="font-size: large;">STEP 11</span><br />
Posisikan garis seperti pada gambar dibawah ini, lalu buat duplikatnya dengan menekan tombol <span style="font-weight: bold;">Ctrl + J<span style="font-weight: bold;"></span></span> di keyboard. Jika sudah, seleksi kedua layer tersebut lalu tekan tombol <span style="font-weight: bold;">Ctrl + E</span> di keyboard untuk menggabungkannya.<br />
<br />
<a class="colorbox cboxElement" href="http://4.bp.blogspot.com/_I_PFFJSrTec/TThBKCM9FKI/AAAAAAAAFXY/BLbmEH6PBHg/s1600/tutorial-photoshop-karya-visual-abstrak-14.jpg"><img alt="Tutorial Photoshop : Digital Art" border="0" id="BLOGGER_PHOTO_ID_5564268980261950626" src="http://4.bp.blogspot.com/_I_PFFJSrTec/TThBKCM9FKI/AAAAAAAAFXY/BLbmEH6PBHg/s600/tutorial-photoshop-karya-visual-abstrak-14.jpg" style="cursor: hand; cursor: pointer; display: block; margin: 0px auto 10px; text-align: center; width: 500px;" /></a><br />
<br />
<span class="Apple-style-span" style="font-size: large;">STEP 12</span><br />
Klik ganda layer hasil penggabungan pada step sebelumnya, maka akan
keluar jendela layer style seperti pada gambar dibawah ini. Klik dan
conteng pada bagian <span style="font-weight: bold;">Outer Glow</span>, dan atur nilainya sebagai berikut.<br />
<br />
<a class="colorbox cboxElement" href="http://2.bp.blogspot.com/_I_PFFJSrTec/TThBJ40k-hI/AAAAAAAAFXQ/3VaE9kj8XvI/s1600/tutorial-photoshop-karya-visual-abstrak-15.jpg"><img alt="Tutorial Photoshop : Digital Art" border="0" id="BLOGGER_PHOTO_ID_5564268977743788562" src="http://2.bp.blogspot.com/_I_PFFJSrTec/TThBJ40k-hI/AAAAAAAAFXQ/3VaE9kj8XvI/s600/tutorial-photoshop-karya-visual-abstrak-15.jpg" style="cursor: hand; cursor: pointer; display: block; margin: 0px auto 10px; text-align: center; width: 500px;" /></a><br />
<br />
<span class="Apple-style-span" style="font-size: large;">STEP 13</span><br />
Sekarang kamu bisa berimprovisasi dengan menghapus sedikit bagian ujung dari garis untuk memberikan kesan '<span style="font-style: italic;">motion<span style="font-style: italic;"></span></span>', bisa menggunakan <span style="font-weight: bold;">Eraser tool (E)</span>,maupun menggunakan fungsi layer mask pada layer palette.<br />
<br />
<a class="colorbox cboxElement" href="http://3.bp.blogspot.com/_I_PFFJSrTec/TThBJlaObDI/AAAAAAAAFXI/vwNuNCjik-I/s1600/tutorial-photoshop-karya-visual-abstrak-16.jpg"><img alt="Tutorial Photoshop : Digital Art" border="0" id="BLOGGER_PHOTO_ID_5564268972532984882" src="http://3.bp.blogspot.com/_I_PFFJSrTec/TThBJlaObDI/AAAAAAAAFXI/vwNuNCjik-I/s600/tutorial-photoshop-karya-visual-abstrak-16.jpg" style="cursor: hand; cursor: pointer; display: block; margin: 0px auto 10px; text-align: center; width: 400px;" /></a><br />
<br />
<span class="Apple-style-span" style="font-size: large;">STEP 14</span><br />
Duplikasi menjadi beberapa buah garis (<span style="font-weight: bold;">Ctrl + J</span>), kemudian bermainlah dengan variasi bentuk dan posisi. Dalam contoh <a href="http://www.desainstudio.com/search/label/photoshop">tutorial photoshop</a> ini, saya komposisikan garis seperti gambar dibawah.<br />
<br />
<a class="colorbox cboxElement" href="http://3.bp.blogspot.com/_I_PFFJSrTec/TThBJRdvTjI/AAAAAAAAFXA/DhakC5Wr9a0/s1600/tutorial-photoshop-karya-visual-abstrak-17.jpg"><img alt="Tutorial Photoshop : Digital Art" border="0" id="BLOGGER_PHOTO_ID_5564268967179013682" src="http://3.bp.blogspot.com/_I_PFFJSrTec/TThBJRdvTjI/AAAAAAAAFXA/DhakC5Wr9a0/s600/tutorial-photoshop-karya-visual-abstrak-17.jpg" style="cursor: hand; cursor: pointer; display: block; margin: 0px auto 10px; text-align: center; width: 500px;" /></a><br />
<br />
<span class="Apple-style-span" style="font-size: large;">STEP 15</span><br />
Buat layer baru dibawah layer gambar si gadis. Layer ini kita tujukan sebagai bayangan. Gunakan <span style="font-weight: bold;">Ellipse Tool</span> dan isi dengan warna hitam. Jika sudah, pilih <span style="font-weight: bold;">Filter > Blur > Gaussian Blur</span> dan beri angka 9 pada kolom radius.<br />
<br />
<a class="colorbox cboxElement" href="http://3.bp.blogspot.com/_I_PFFJSrTec/TThBJPewbYI/AAAAAAAAFW4/6rB32wSYsg0/s1600/tutorial-photoshop-karya-visual-abstrak-18.jpg"><img alt="Tutorial Photoshop : Digital Art" border="0" id="BLOGGER_PHOTO_ID_5564268966646410626" src="http://3.bp.blogspot.com/_I_PFFJSrTec/TThBJPewbYI/AAAAAAAAFW4/6rB32wSYsg0/s600/tutorial-photoshop-karya-visual-abstrak-18.jpg" style="cursor: hand; cursor: pointer; display: block; margin: 0px auto 10px; text-align: center; width: 500px;" /></a><br />
<br />
<span class="Apple-style-span" style="font-size: large;">STEP 16</span><br />
Ubah <span style="font-style: italic;">blending mode <span style="font-style: italic;"></span></span>dari layer bayangan (shadow) menjadi <span style="font-weight: bold;">multiply</span>, lalu turunkan <span style="font-weight: bold;">opacity</span>nya menjadi 13 %.<br />
<br />
<a class="colorbox cboxElement" href="http://3.bp.blogspot.com/_I_PFFJSrTec/TTgqRHHY33I/AAAAAAAAFWI/GBTGfvX_OoQ/s1600/tutorial-photoshop-karya-visual-abstrak-19.jpg"><img alt="Tutorial Photoshop : Digital Art" border="0" id="BLOGGER_PHOTO_ID_5564243813072428914" src="http://3.bp.blogspot.com/_I_PFFJSrTec/TTgqRHHY33I/AAAAAAAAFWI/GBTGfvX_OoQ/s600/tutorial-photoshop-karya-visual-abstrak-19.jpg" style="cursor: hand; cursor: pointer; display: block; margin: 0px auto 10px; text-align: center; width: 500px;" /></a><br />
<br />
<span class="Apple-style-span" style="font-size: large;">STEP 17</span><br />
Bayangannya menurut saya terlalu besar. <span style="font-style: italic;">Tidak masalah<span style="font-style: italic;"></span></span>! Kita bisa memperkecilnya dengan menggunakan <span style="font-weight: bold;">Transform tool (Ctrl + T)<span style="font-weight: bold;"></span></span>.<br />
<br />
<a class="colorbox cboxElement" href="http://4.bp.blogspot.com/_I_PFFJSrTec/TTgqQ2jyznI/AAAAAAAAFWA/8Ub6oRFo3m0/s1600/tutorial-photoshop-karya-visual-abstrak-20.jpg"><img alt="Tutorial Photoshop : Digital Art" border="0" id="BLOGGER_PHOTO_ID_5564243808628166258" src="http://4.bp.blogspot.com/_I_PFFJSrTec/TTgqQ2jyznI/AAAAAAAAFWA/8Ub6oRFo3m0/s600/tutorial-photoshop-karya-visual-abstrak-20.jpg" style="cursor: hand; cursor: pointer; display: block; margin: 0px auto 10px; text-align: center; width: 500px;" /></a><br />
<br />
<span class="Apple-style-span" style="font-size: large;">STEP 18</span><br />
Klik pada layer paling atas, kemudian klik ikon <span style="font-weight: bold;">Create new fill or adjustment layer</span> (<span style="font-style: italic;">kali ini tanpa menekan tombol Alt<span style="font-style: italic;"></span></span>), lalu pilih <span style="font-weight: bold;">exposure<span style="font-weight: bold;"></span></span>. Saya berniat untuk memberikan sedikit ketajaman pada gambar. Atur nilai pada exposure seperti gambar dibawah.<br />
<br />
<a class="colorbox cboxElement" href="http://3.bp.blogspot.com/_I_PFFJSrTec/TTgqQlG-7ZI/AAAAAAAAFV4/FkZl-vL7Qn8/s1600/tutorial-photoshop-karya-visual-abstrak-21.jpg"><img alt="Tutorial Photoshop : Digital Art" border="0" id="BLOGGER_PHOTO_ID_5564243803943923090" src="http://3.bp.blogspot.com/_I_PFFJSrTec/TTgqQlG-7ZI/AAAAAAAAFV4/FkZl-vL7Qn8/s700/tutorial-photoshop-karya-visual-abstrak-21.jpg" style="cursor: hand; cursor: pointer; display: block; margin: 0px auto 10px; text-align: center; width: 500px;" /></a><br />
<br />
<span class="Apple-style-span" style="font-size: large;">STEP 19</span><br />
<span style="font-style: italic;">Sedikit polesan akhir<span style="font-style: italic;"></span></span>! Klik pada layer si gadis (Flying girl), Klik pada ikon <span style="font-weight: bold;">Create new fill or adjustment layer</span> sambil <span style="font-style: italic;">tekan dan tahan tombol Alt </span>di keyboard, lalu pilih <span style="font-weight: bold;">Color Balance</span>. Atur nilai Midtones, Shadows, dan Highlights pada color balance agar cenderung kepada warna kuning/yellow (lihat gambar).<br />
<br />
<a class="colorbox cboxElement" href="http://1.bp.blogspot.com/_I_PFFJSrTec/TTgqQaV1WeI/AAAAAAAAFVw/RHwXGKGT2og/s1600/tutorial-photoshop-karya-visual-abstrak-22.jpg"><img alt="Tutorial Photoshop : Digital Art" border="0" id="BLOGGER_PHOTO_ID_5564243801053420002" src="http://1.bp.blogspot.com/_I_PFFJSrTec/TTgqQaV1WeI/AAAAAAAAFVw/RHwXGKGT2og/s600/tutorial-photoshop-karya-visual-abstrak-22.jpg" style="cursor: hand; cursor: pointer; display: block; margin: 0px auto 10px; text-align: center; width: 500px;" /></a><br />
<br />
<span class="Apple-style-span" style="font-size: large;">HASIL AKHIR</span><br />
Beginilah Hasil Akhir dari tutorial yang telah kita selesaikan kali ini.
Sebuah komposisi digital art bergaya abstrak nan sederhana yang
mudah-mudahan bisa memberi manfaat kepada pembaca <a href="http://www.desainstudio.com/search/label/photoshop">DesainStudio</a> untuk terus berkarya.<br />
<br />
<a class="colorbox cboxElement" href="http://1.bp.blogspot.com/_I_PFFJSrTec/TTgqQBwaLOI/AAAAAAAAFVo/oKDLgym2E8M/s1600/tutorial-photoshop-karya-visual-abstrak-23.jpg"><img alt="Tutorial Photoshop : Digital Art" border="0" id="BLOGGER_PHOTO_ID_5564243794453998818" src="http://1.bp.blogspot.com/_I_PFFJSrTec/TTgqQBwaLOI/AAAAAAAAFVo/oKDLgym2E8M/s700/tutorial-photoshop-karya-visual-abstrak-23.jpg" style="cursor: hand; cursor: pointer; display: block; margin: 0px auto 10px; text-align: center; width: 500px;" /></a></span></div>
mmskmn1aahttp://www.blogger.com/profile/17065656473531364051noreply@blogger.comtag:blogger.com,1999:blog-4377660075546399421.post-38130348258325842892013-03-20T22:34:00.000-07:002013-03-20T22:34:01.587-07:00Kumpulan Tips dan Trik Photoshop<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="bwh-title">
<div class="isibwh">
</div>
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
</div>
Sebagai aplikasi pengolah gambar bitmap paling populer, photoshop<a href="http://www.desainstudio.com/search/label/photoshop"> </a>menyimpan
banyak sekali fitur-fitur yang mengesankan untuk mempercepat proses
kerja para penggunanya. Beberapa trik menarik dibawah ini dapat membuat
proses kerja kamu menjadi lebih efektif dan efisien. Selamat membaca :)<br />
<br />
<br />
<span style="font-size: medium;">1) Auto Select</span><br />
<br />
<i>Auto-Select</i> adalah sebuah fitur di photoshop<a href="http://www.desainstudio.com/search/label/photoshop"> </a>yang
apabila diaktifkan, maka semua objek yang kamu klik akan otomatis
terseleksi pada layer palette. Fitur ini juga dilengkapi oleh fitur <i>Show-Transform Controls</i>
yang akan menandai objek terpilih dengan bentuk transform standar yang
bisa digunakan untuk memperbesar/kecil, merotasi, atau memudahkan untuk
menggeser objek. Kedua fitur tersebut dapat ditemukan pada control bar
(dibagian atas) jika <b>Selection tool (V)</b> diaktifkan.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.desainstudio.com/2013/02/kumpulan-tips-dan-trik-photoshop-yang.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-0g4Kdw_F5u0/US3RCKjXToI/AAAAAAAAMkU/jMUc8LTDIho/s1600/01_auto-select.jpg" /></a></div>
<br />
<br />
<span style="font-size: medium;">2) Mengaktifkan Seleksi dari Layer</span><br />
<br />
Untuk mengaktifkan (me<i>load</i>)seleksi dari layer tertentu, caranya
sangat mudah. Cukup tekan dan tahan Ctrl di keyboard kemudian klik pada
thumbnail dari layer yang ingin diaktifkan seleksinya.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.desainstudio.com/2013/02/kumpulan-tips-dan-trik-photoshop-yang.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-YeoGKHf_0l0/US3RBjGWIaI/AAAAAAAAMkM/AjJji7qNnf8/s1600/02_auto-select.jpg" /></a></div>
<br />
<br />
<span style="font-size: medium;">3) Menyimpan Styles</span><br />
<br />
Terkadang saat kita telah selesai membuat sekumpulan styles pada <i>layer styles</i>
untuk sebuah layer, kita ingin menyimpan styles tersebut untuk dipakai
pada layer-layer lain di dokumen yang berbeda. Untuk menyimpan styles,
cukup <i>double-click</i> pada layer yang memiliki styles yang ingin disimpan, pada jendela pengaturan <i>layer styles</i> klik <b>New Styles</b>,
kemudian berikan nama untuk styles baru tersebut. Maka otomatis
Photoshop akan menyimpannya untuk dapat digunakan pada layer-layer yang
lain. Untuk mengaktifkan atau menggunakan styles yang tersimpan, cukup
buka <b>Window > Styles</b> dan klik pada styles yang diinginkan.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.desainstudio.com/2013/02/kumpulan-tips-dan-trik-photoshop-yang.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-H_XYRDIcoXg/US3RCvBhxZI/AAAAAAAAMkY/GrcZ6flS1ZI/s1600/03_save-styles.jpg" /></a></div>
<br />
<br />
<span style="font-size: medium;">4) Effect Copy</span><br />
<br />
Selain dapat disimpan dengan mudah seperti cara pada no.3, Layer styles
juga dapat diduplikasi / dicopy dengan mudah ke layer lainnya. Cara umum
yang digunakan adalah dengan klik kanan pada layer yang styles-nya
ingin dicopy, kemudian pilih <b>Copy Layer Styles</b>. Lalu klik kanan pada layer dimana styles tersebut ingin diterapkan lalu pilih <b>Paste Layer Styles</b>.<br />
<br />
Cara selanjutnya adalah dengan tekan dan tahan tombol Alt, kemudian drag
effect dari satu layer ke layer lain. Cara ini cenderung lebih cepat
jika kita ingin mengcopy styles hanya ke satu layer. Tapi jika ingin
mengcopy styles ke banyak layer, cara pertama lebih direkomendasikan. <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.desainstudio.com/2013/02/kumpulan-tips-dan-trik-photoshop-yang.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-qNzacW953nw/US3RDBy7Y9I/AAAAAAAAMkk/Q6aMpDLdLvI/s1600/04_copy-effects.jpg" /></a></div>
<br />
<br />
<span style="font-size: medium;">5) Convert Seleksi ke Path dan Shape</span><br />
<br />
Adakalanya kita ingin menjadikan seleksi menjadi sebuah shape sehingga
dapat mudah diedit, diperbesar, dsb. Untuk melakukannya, pertama <i>load </i>seleksi
dari salah satu layer (seperti tips no.2) untuk dijadikan shape.
Sementara seleksi aktif, buka Path palette (Window > Path) kemudian
klik icon list di sudut kanan palette lalu pilih <b>Make Work Path</b>, maka akan muncul path baru bernama <i>Work Path</i>. Klik path tersebut lalu pada menu bar klik <b>Edit > Define Costum Shape</b>, akan muncul jendela baru untuk memberi nama costum shape yang akan kita buat, dalam hal ini, saya beri nama <i>Spongebob</i>, lalu klik ok. Sekarang kita sudah punya costum shape dengan nama <i>Spongebob </i>yang dapat kamu pilih dengan mengaktifkan <b>Costum Shape Tool (U)</b> di toolbox. Tinggal drag shape tersebut ke area, maka shape baru berbentuk spongebob yang <i>editable </i>akan muncul pada layar, mudah bukan!?<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.desainstudio.com/2013/02/kumpulan-tips-dan-trik-photoshop-yang.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-4Klr_cznjMs/US3RHgUZghI/AAAAAAAAMk8/VT4L4QmXers/s1600/05_convert-selection-to-path.jpg" /></a></div>
<br />
<br />
<span style="font-size: medium;">6) Expand / Collapse Groups</span><br />
<br />
Kadang kita bekerja dengan banyak layer dan group di Photoshop,
seringkali harus membuka dan menutup grup satu persatu dan hal ini cukup
merepotkan. Namun kamu bisa mencoba trik yang satu ini : tekan dan
tahan tombol Ctrl di keyboard lalu klik pada tanda panah kecil dibagian
kiri Group palette. Langkah ini akan membuka (meng<i>expand</i>) semua group, lakukan langkah yang sama untuk menutup semua group.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.desainstudio.com/2013/02/kumpulan-tips-dan-trik-photoshop-yang.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-uh7wdquGMrc/US3RFXpb_-I/AAAAAAAAMks/tNOoDxbFm2k/s1600/06_expand-group.jpg" /></a></div>
<br />
<br />
<span style="font-size: medium;">7) Clipping Mask</span><br />
<br />
<i>Clipping mask</i> adalah suatu metode untuk membuat suatu layer di<i>masking</i> sesuai dengan bentuk layer dibawahnya. Untuk dapat menerapkannya, cukup klik kanan layer yang ingin dimasking lalu pilih <b>Create Clipping Mask</b> atau kamu bisa menekan tombol <b>Ctrl + Alt + G</b> di keyboard.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.desainstudio.com/2013/02/kumpulan-tips-dan-trik-photoshop-yang.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-yY6E4-sz5w0/US3RIRJ43SI/AAAAAAAAMlE/6ytg5r54MuA/s1600/07_clipping-mask.jpg" /></a></div>
<br />
<br />
<span style="font-size: medium;">8) Memperbesar / memperkecil Hardness dan Diameter Brush</span><br />
<br />
Diameter (ukuran) dan Hardness (kepekatan) adalah dua elemen yang harus
ditentukan untuk mengaplikasikan Brush tool di Photoshop. Ada langkah
mudah untuk mengatur keduanya tanpa harus melakukan klik kanan dan
menggeser nilai pengaturan. Caranya adalah dengan menekan dan tahan
tombol <b>Shift + Alt</b> di keyboard kemudian drag <b>Brush tool (B)</b> ke kiri dan ke kanan untuk memperbesar ukuran brush, atau drag brush ke atas dan ke bawah untuk mengatur nilai <i>hardness</i>-nya.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.desainstudio.com/2013/02/kumpulan-tips-dan-trik-photoshop-yang.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-ZA36KPDwJNM/US3RHAa0WJI/AAAAAAAAMk0/qVeOJci6hg0/s1600/08_brush.jpg" /></a></div>
<br />
<br />
<span style="font-size: medium;">9) Menampilkan / Menyembunyikan Layer</span><br />
<br />
Mungkin semua sudah tahu bagaiman untuk Menampilkan / Menyembunyikan satu layer, <i>yap!</i>
Cukup klik pada ikon bergambar mata pada layer tersebut. Tapi bagaimana
caranya menyembunyikan semua layer? Caranya cukup mudah, tekan dan
tahan tombol Alt di keyboard, lalu klik pada ikon mata pada salah satu
layer. Langkah ini akan membuat semua layer disembunyikan kecuali layer
yang ikon matanya diklik. Untuk menampilkan semua layer kembali, cukup
tekan dan tahan tombol Alt, lalu klik sekali lagi pada ikon benggambar
mata di layer tadi.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.desainstudio.com/2013/02/kumpulan-tips-dan-trik-photoshop-yang.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-nDauR1iMdL4/US3RKAeToTI/AAAAAAAAMlM/oLbRp8UL4FQ/s1600/09_visibillity.jpg" /></a></div>
<br />
<br />
<span style="font-size: medium;">10) Mengatur Opacity dengan Cepat</span><br />
<br />
Tips ini adalah favorit saya. Untuk dapat mengatur opacity dengan cepat,
kita cukup klik layer yang ingin dirubah opacity-nya lalu tekan tombol
angka di keyboard. Angka 0 mengacu pada opacity 100%, 1 = 10%, 2 = 20%,
dst. Untuk mengatur opacity dengan nilai tertentu, misalnya 58%, cukup
tekan tombol 5 kemudian 8 secara cepat.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.desainstudio.com/2013/02/kumpulan-tips-dan-trik-photoshop-yang.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-kbjLmQ9Euv4/US3RKdwSHqI/AAAAAAAAMlQ/ax7liMVFFkU/s1600/10_opacity.jpg" /></a></div>
<br />
<br />
<br />
<i>Yup!</i> Sekian tips dan trik singkat Photoshop kali ini. Jika kamu
punya tips menarik lainnya untuk dibagikan ke pembaca, silahkan tuliskan
melalui komentar. Artikel ini akan terus diupdate dengan tips-tips
tambahan bermanfaat lainnya.</div>
mmskmn1aahttp://www.blogger.com/profile/17065656473531364051noreply@blogger.comtag:blogger.com,1999:blog-4377660075546399421.post-54882084580392869012013-03-20T22:31:00.003-07:002013-03-20T22:31:48.417-07:00Membuat Efek Sketsa di Photoshop<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 class="post-title entry-title">
</h1>
<div class="bwh-title">
<div class="isibwh">
</div>
</div>
<a class="colorbox" href="http://2.bp.blogspot.com/_I_PFFJSrTec/TECKUWwG9dI/AAAAAAAAC_w/zO8rOZVUubI/s1600/tutorial-photoshop-efek-sketsa-thumbnail.jpg"></a>Efek foto sketsa merupakan efek yang mudah diterapkan pada photoshop .
Ada banyak cara untuk bisa membuat efek semacam ini, mulai dari yang
paling mudah sampai yang paling rumit sekalipun. Hasil akhirnya pun bisa
sangat bervariasi. Nah, pada tutorial<a href="http://www.desainstudio.com/search/label/photoshop"></a> kali ini, kita akan belajar mengaplikasikan salah satu cara membuat efek sketsa di <span style="font-weight: bold;">photoshop</span>. Silahkan bereksperimen menggunakan foto anda sendiri untuk sekedar dipajang di Facebook atau Twitter. :D<span class="fullpost"><br /><br /><br />Langkah-langkah pembuatan efek sketsa di photoshop :<br /><br /><span style="font-weight: bold;">STEP 1</span><br /><br />Pilih gambar yang ingin diberikan efek sketsa. Untuk <span style="font-weight: bold;">tutorial</span> kali ini, saya menggunakan gambar seorang wanita . Beri nama layer gambar wanita dengan nama "girl".<br /><br /><a class="colorbox" href="http://3.bp.blogspot.com/_I_PFFJSrTec/TECCz8oJYwI/AAAAAAAAC_o/5KXs2fOdJKE/s1600/tutorial-photoshop-efek-sketsa-1.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5494535374351459074" src="http://3.bp.blogspot.com/_I_PFFJSrTec/TECCz8oJYwI/AAAAAAAAC_o/5KXs2fOdJKE/s400/tutorial-photoshop-efek-sketsa-1.jpg" style="cursor: hand; cursor: pointer; display: block; margin: 0px auto 10px; text-align: center; width: 500px;" /></a><br /><br /><span style="font-weight: bold;">STEP 2</span><br /><br />Duplikasi layer "girl" dengan cara klik kanan pada layer girl di layer palette, lalu pilih <span style="font-weight: bold;">Duplicate Layer</span>.
Sekarang kita sudah punya layer baru dengan gambar yang sama dengan
nama layer "girl copy". Pilih layer "girl copy", lalu pada Menu Bar
pilih <span style="font-weight: bold;">Image?Adjustment>Desaturate</span> hingga hasilnya akan tampak seperti gambar dibawah ini.<br /><br /><a class="colorbox" href="http://3.bp.blogspot.com/_I_PFFJSrTec/TECCzkjid6I/AAAAAAAAC_g/g0UBAgsdJ4o/s1600/tutorial-photoshop-efek-sketsa-2.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5494535367889680290" src="http://3.bp.blogspot.com/_I_PFFJSrTec/TECCzkjid6I/AAAAAAAAC_g/g0UBAgsdJ4o/s400/tutorial-photoshop-efek-sketsa-2.jpg" style="cursor: hand; cursor: pointer; display: block; margin: 0px auto 10px; text-align: center; width: 500px;" /></a><br /><br /><span style="font-weight: bold;">STEP 3</span><br /><br />Duplikat
juga layer "girl copy" sehingga kita punya layer baru lagi dengan nama
layer "girl copy 2". Pilih layer "girl copy 2" lalu pilih <span style="font-weight: bold;">Image>Adjustment>Invert (Ctrl + I)</span>
untuk menegatifkan gambar. Jika sudah, ubah blending mode layer "girl
copy 2" di layer palette menjadi color dodge. Jangan khawatir jika
gambar berubah menjadi putih semua, ini hanya sementara.<br /><br /><a class="colorbox" href="http://4.bp.blogspot.com/_I_PFFJSrTec/TECCzPJtA5I/AAAAAAAAC_Y/pa2ze0WZRZc/s1600/tutorial-photoshop-efek-sketsa-3.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5494535362144174994" src="http://4.bp.blogspot.com/_I_PFFJSrTec/TECCzPJtA5I/AAAAAAAAC_Y/pa2ze0WZRZc/s400/tutorial-photoshop-efek-sketsa-3.jpg" style="cursor: hand; cursor: pointer; display: block; margin: 0px auto 10px; text-align: center; width: 500px;" /></a><br /><br /><span style="font-weight: bold;">STEP 4</span><br /><br />Langkah terakhir, pilih layer "girl copy 2" yang baru saja di<span style="font-style: italic;">invert</span>, lalu pilih <span style="font-weight: bold;">Filter>Blur>Gaussian Blur</span>.
Maka sekarang gambar akan kelihatan kembali. Atur nilai radius pada
gaussian blur menjadi 30 px. Pada tahap akhir ini, anda bisa mengontrol
hasil efek sketsa yang ingin dibuat. Silahkan bereksperimen menyesuaikan
hasil efek sketsa sesuai dengan yang diinginkan dengan mengatur nilai
radius pada gaussian blur.<br /><br /><a class="colorbox" href="http://4.bp.blogspot.com/_I_PFFJSrTec/TECCy32qTvI/AAAAAAAAC_Q/LSwAFMQWPsE/s1600/tutorial-photoshop-efek-sketsa-4.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5494535355890290418" src="http://4.bp.blogspot.com/_I_PFFJSrTec/TECCy32qTvI/AAAAAAAAC_Q/LSwAFMQWPsE/s400/tutorial-photoshop-efek-sketsa-4.jpg" style="cursor: hand; cursor: pointer; display: block; margin: 0px auto 10px; text-align: center; width: 500px;" /></a><br /><br /><span style="font-weight: bold;">HASIL AKHIR</span><br /><br /><a class="colorbox" href="http://3.bp.blogspot.com/_I_PFFJSrTec/TECCyelXhOI/AAAAAAAAC_I/dfPVtVQ3m4E/s1600/tutorial-photoshop-efek-sketsa-5.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5494535349106869474" src="http://3.bp.blogspot.com/_I_PFFJSrTec/TECCyelXhOI/AAAAAAAAC_I/dfPVtVQ3m4E/s400/tutorial-photoshop-efek-sketsa-5.jpg" style="cursor: hand; cursor: pointer; display: block; margin: 0px auto 10px; text-align: center; width: 500px;" /></a><br /><br />Selamat mencoba, semoga bermanfaat.. :)</span></div>
mmskmn1aahttp://www.blogger.com/profile/17065656473531364051noreply@blogger.comtag:blogger.com,1999:blog-4377660075546399421.post-59358645152867970192013-03-20T22:29:00.000-07:002013-03-20T22:29:00.031-07:00Membuat Teks Berkesan 3D dengan Photoshop<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 class="post-title entry-title">
</h1>
<div class="bwh-title">
<div class="isibwh">
</div>
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
Pada kesempatan kali ini, kita akan bahas bagaimana caranya untuk
membuat efek berkesan 3 Dimensi dengan memanfaatkan pencahayaan, shadow,
dan Layer Styles di Photoshop. Tutorial ini cocok untuk pemula dan
tingkat menengah untuk memahami tehnik lighting dasar menggunakan Adobe
Photoshop. Langsung saja kita mulai tutorialnya, selamat membaca dan
mempraktekkan.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a class="colorbox cboxElement" href="http://2.bp.blogspot.com/-JkaajaF9AQM/USnJJiN28AI/AAAAAAAAMLc/am07p7g7EC0/s1600/Untitled-1.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-JkaajaF9AQM/USnJJiN28AI/AAAAAAAAMLc/am07p7g7EC0/s1600/Untitled-1.jpg" /></a></div>
<br />
<br />
<br />
<span style="font-size: medium;"><b>Step 1</b></span><br />
<br />
Buat dokumen baru di Photoshop (Ctrl+N), ukuran 1000x1000 pixels, resolusi 300 DPI, dan mode warna RGB.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.desainstudio.com/2012/12/membuat-teks-berkesan-3d-dengan.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-JpefETPLWS4/UL281NChNeI/AAAAAAAALJQ/AcCn7eS41s4/s1600/01.jpg" /></a></div>
<br />
<br />
<b><span style="font-size: medium;">Step 2</span></b><br />
<br />
ganti warna layer 'Background' dengan warna #494949.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.desainstudio.com/2012/12/membuat-teks-berkesan-3d-dengan.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-K5IduVbMPUg/UL282sopKBI/AAAAAAAALJY/4ahrOersvuA/s1600/02.jpg" /></a></div>
<br />
<br />
<span style="font-size: medium;"><b>Step 3</b></span><br />
<br />
Buat sebuah teks, dalam hal ini saya membuat 'EFFECTS' menggunakan font . Kamu bebas untuk menggunakan teks lain, <i>it's just a sample!</i> :)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.desainstudio.com/2012/12/membuat-teks-berkesan-3d-dengan.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-f3zAKSGkt6c/UL284iPqjxI/AAAAAAAALJg/xN_CC-8gefA/s1600/03.jpg" /></a></div>
<br />
<br />
<span style="font-size: medium;"><b>Step 4</b></span><br />
<br />
Klik ganda layer 'effects' untuk membuka jendela <i>Layer Styles</i>. Kemudian klik <i>gradient Overlay</i> pada Layer Styles : ubah <i>blend mode</i> menjadi Multiply, <i>opacity</i> menjadi 50% dan <i>angle</i> menjadi -65. Jika sudah, klik Ok untuk keluar dari jendela Layer Styles.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.desainstudio.com/2012/12/membuat-teks-berkesan-3d-dengan.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-2zSUKyn7Iek/UL289Exy0nI/AAAAAAAALJo/JBHKizv_Muc/s1600/04.jpg" /></a></div>
<br />
<br />
<span style="font-size: medium;"><b>Step 5</b></span><br />
<br />
Pada Layer Palette, klik ikon <i>Add New Layer</i> untuk membuat layer baru, beri nama layer baru dengan 'awal'. Kemudian tekan <i>Ctrl+Klik</i>
pada thumbnail layer 'effects' untuk mengambil seleksi bentuk pada
layer tersebut. Sementara seleksi aktif, klik kembali layer 'awal',
tekan tombol D di keyboard untuk mengubah warna dasar menjadi hitam
putih lalu tekan <i>Alt + Delete</i> untuk mengisi layer 'awal' dengan warna hitam.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.desainstudio.com/2012/12/membuat-teks-berkesan-3d-dengan.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-Z9gHnWwi5fw/UL29BxBwrZI/AAAAAAAALJw/L_9tjgdfRv8/s1600/05.jpg" /></a></div>
<br />
<br />
<span style="font-size: medium;"><b>Step 6</b></span><br />
<br />
Duplikat layer 'awal' dengan menekan tombol <i>Ctrl+J</i> di keyboard,
beri nama layer hasil duplikasi dengan 'akhir' dan posisikan layer
'akhir' seperti gambar dibawah. Jika sudah, drag layer 'awal' dan
'akhir' dibawah layer 'effects' (lihat gambar). Saya sengaja meng-hide
layer 'effects' agar kita bisa melihat posisi layer 'awal' dan 'akhir'
dengan jelas.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.desainstudio.com/2012/12/membuat-teks-berkesan-3d-dengan.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-O56kLPhKmoM/UL29EB2Z13I/AAAAAAAALJ4/oXt7rkOHYBU/s1600/06.jpg" /></a></div>
<br />
<br />
<span style="font-size: medium;"><b>Step 7</b></span><br />
<br />
Sekarang duplikat layer 'awal' berkali-kali dengan menekan tombol <i>Ctrl+J</i> sebanyak 15 kali (untuk 15 hasil duplikasi).<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.desainstudio.com/2012/12/membuat-teks-berkesan-3d-dengan.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-tAsSxXxdQM8/UL29G-zB3JI/AAAAAAAALKA/VzjmPKRU0F4/s1600/07.jpg" /></a></div>
<br />
<br />
<span style="font-size: medium;"><b>Step 8</b></span><br />
<br />
Kemudian pada <i>layer palette</i>, klik layer 'akhir', tahan Shift di
keyboard lalu klik layer 'awal' untuk menyeleksi layer-layer tersebut di
layer palette. Jika sudah, klik kanan pada salah satu layer dan pilih
Link Layers. Kamu akan melihat akan ada tanda rantai pada layer-layer
yang diseleksi tadi.<br />
<br />
Sementara semua layer tadi aktif dan nge-link, klik ikon <i>Distribute Vertical Center</i> kemudian klik ikon <i>Distribute Horizontal Center</i>
untuk membuat layer-layer tadi tersusun sedemikian rupa. Lalu tekan
tombol Ctrl+E untuk menggabungkannya dan ubah nama layer hasil
penggabungan tadi menjadi 'shadow'.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.desainstudio.com/2012/12/membuat-teks-berkesan-3d-dengan.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-DDyuAoFuxpo/UL29KuZ63aI/AAAAAAAALKI/i1OC2Qq-E-4/s1600/08.jpg" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.desainstudio.com/2012/12/membuat-teks-berkesan-3d-dengan.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-IYPwqOkDR3g/UL29N0EQSYI/AAAAAAAALKQ/g5LE7Hem_GA/s1600/09.jpg" /></a></div>
<br />
<br />
<span style="font-size: medium;"><b>Step 9</b></span><br />
<br />
Klik layer shadow di layer palette, kemudian pilih Filter > Blur >
Motion Blur, dan atur nilai pada jendela Motion Blur seperti gambar
dibawah.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.desainstudio.com/2012/12/membuat-teks-berkesan-3d-dengan.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-6MwlbQgwT48/UL29RP5w8tI/AAAAAAAALKY/GeArSdmhcvg/s1600/10.jpg" /></a></div>
<br />
<br />
<span style="font-size: medium;"><b>Step 10</b></span><br />
<br />
Tekan dan tahan tombol Shift+tanda panah atas kemudian Shift+tanda panah
kiri untuk membuat teks bergeser 10 px kebagian atas dan kiri (lihat
gambar dibawah).<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.desainstudio.com/2012/12/membuat-teks-berkesan-3d-dengan.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-1dtu5IzDrBk/UL29Uo2dEAI/AAAAAAAALKg/tkqizzS8N2E/s1600/11.jpg" /></a></div>
<br />
<br />
<span style="font-size: medium;"><b>Step 11</b></span><br />
<br />
Ubah <i>blend mode</i> layer 'shadow' menjadi Multiply dan Opacity menjadi 40%.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.desainstudio.com/2012/12/membuat-teks-berkesan-3d-dengan.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-SVOGhIDcYuE/UL29YWS-9BI/AAAAAAAALKo/L1i1Krl1G_c/s1600/12.jpg" /></a></div>
<br />
<br />
<span style="font-size: medium;"><b>Step 12</b></span><br />
<br />
Duplikat layer 'shadow', pada layer 'shadow copy' berikan juga efek
motion blur sekali lagi. Tapi kali ini nilai distance-nya dirubah
menjadi 70%<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.desainstudio.com/2012/12/membuat-teks-berkesan-3d-dengan.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-P9lneQz7OzE/UL29a1KEQhI/AAAAAAAALKw/KlD1UTJwlUg/s1600/13.jpg" /></a></div>
<br />
<br />
<span style="font-size: medium;"><b>Step 13</b></span><br />
<br />
Langkah selanjutnya, buat sebuah layer baru diatas layer 'Background'
dan beri nama dengan 'lighting'. Pada layer 'lighting' berikan warna
gradasi hitam ke putih dengan <i>Gradient Tool</i> (G) dan atur arahnya seperti gambar dibawah. Jika sudah, ubah<i> blend mode</i>-nya menjadi Overlay dan <i>opacity</i>-nya menjadi 50%.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.desainstudio.com/2012/12/membuat-teks-berkesan-3d-dengan.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-LTx94yqB3I0/UL29eRarF8I/AAAAAAAALK4/R4hAnZ6AE7c/s1600/14.jpg" /></a></div>
<br />
<br />
<span style="font-size: medium;"><b>Step 14</b></span><br />
<br />
Sekarang kita kembali ke layer 'effects', klik ganda layer tersebut
untuk membuka jendela Layer Styles. pada jendela Layer Styles, pilih <i>Bevel and Emboss</i> dan atur nilai-nilainya seperti gambar dibawah.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.desainstudio.com/2012/12/membuat-teks-berkesan-3d-dengan.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-m9opeud6XQc/UL29i2IpfqI/AAAAAAAALLA/YI4TEFwsLZs/s1600/15.jpg" /></a></div>
<br />
<br />
<span style="font-size: medium;"><b>Step 15</b></span><br />
<br />
Masih pada jendela Layer Styles untuk layer 'effects', klik pada <i>Pattern Overlay</i>. Kemudian klik tanda panah seperti yang diillustrasikan digambar dibawah untuk mendapatkan pattern dengan katagori <i>Artist Surfaces</i>. Pada contoh kasus ini, klik pada pattern bernama <i>Washed Watercolor Paper</i>. Ubah <i>blending mode</i> pada Pattern Overlay menjadi Multiply dan <i>Opacity </i>menjadi 75%.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.desainstudio.com/2012/12/membuat-teks-berkesan-3d-dengan.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-epiLNKgcDpk/UL29nL6mKaI/AAAAAAAALLI/RaXYBKK4Ons/s1600/16.jpg" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.desainstudio.com/2012/12/membuat-teks-berkesan-3d-dengan.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-rd1Qx9TA8IQ/UL29sYaL9wI/AAAAAAAALLQ/0bfFFqLDgJA/s1600/17.jpg" /></a></div>
<br />
<br />
<span style="font-size: medium;"><b>Step 16</b></span><br />
<br />
Terapkan juga efek <i>Pattern Overlay</i> pada layer 'Background'. Tapi kali ini pilih pattern dengan nama <i>Hard Charcoal Light</i>. Ubah juga <i>blending mode</i> menjadi Multiply dan <i>Opacity </i>menjadi 75%, jika sudah klik Ok untuk keluar dan jendela Layer Styles.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.desainstudio.com/2012/12/membuat-teks-berkesan-3d-dengan.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-KJXi0B_zJUU/UL29xECHDrI/AAAAAAAALLY/-shTBpvc-BY/s1600/18.jpg" /></a></div>
<br />
<br />
<span style="font-size: medium;"><b>Hasil Akhir</b></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.desainstudio.com/2012/12/membuat-teks-berkesan-3d-dengan.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-6ulYbemUQ8c/UL292dNEL_I/AAAAAAAALLg/OBJrO3pur0I/s1600/19.jpg" /></a></div>
<br />
<br />
Beginilah hasil akhir untuk tutorial Photoshop kita kali ini. Semoga
dapat memberi inspirasi dan manfaat. Kamu dapat berimprovisasi lebih
jauh menggunakan tehnik-tehnik pada tutorial kali ini, <i>good luck all!</i></div>
mmskmn1aahttp://www.blogger.com/profile/17065656473531364051noreply@blogger.comtag:blogger.com,1999:blog-4377660075546399421.post-68240585360620324762013-03-19T02:08:00.002-07:002013-03-19T02:08:26.272-07:00Cara Merubah | Konversi File SWF ke AVI Video <div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<span id="more-5030"></span></div>
<div style="text-align: center;">
</div>
<div style="text-align: justify;">
Berikut akan saya share beberapa
konverter SWF to Video yang dapat kita gunakan mulai versi yang paling
sederhana sampai yang dilengkapi banyak fiture :</div>
<div style="text-align: justify;">
<strong>1. SWF to AVI</strong></div>
<div style="text-align: justify;">
Konverter yang pertama ini cukup ringan
dan mudah sekali digunakan. Dengan kapasitas file yang cukup kecil
sekitar 4,75 MB. Software SWF to AVI Converter ini tersedia Gratis alias
<em>Freeware</em>. Cara Mengkonversi File SWF ke AVI Video nya cukup mudah tinggal tekan <em>Start Convert</em>. Anda dapat download gratis dari situs resminya.</div>
<div style="text-align: justify;">
<strong>2. iWisoft Flash SWF To Video Converter</strong></div>
<div style="text-align: justify;">
Software untuk mengkonversi file swf ke
avi yang satu ini menurut saya cukup bagus. Hal tersebut bila saya lihat
dari kualitas gambar yang dihasilkan. Bahkan terdapat pilihan format
output video nya ke AVI, MPEG, MP4, 3GP, WMV, FLV, MOV, MP3, WAV, WMA,
JPEG, PNG, BMP atau GIF.</div>
<div style="text-align: justify;">
Terdapat versi trial yang dapat kita gunakan dengan <em>WaterMark</em> pada sudut kiri atas. Untuk versi <em>Clean (Registered)</em>
software untuk mengubah file swf ke avi video ini oleh situs resminya
dibandrol dengan harga $79.00 (sekitar Rp.750.000,-). Anda dapat
download versi Trial nya secara gratis di situs resminya.</div>
<div style="text-align: justify;">
<strong>3. E.M. Magic SWF to AVI</strong></div>
<div style="text-align: justify;">
Software SWF to AVI Converter yang memiliki cukup banyak versi mulai versi <em>Standart</em>, versi <em>HD</em> dan versi <em>Command Line.</em>
Masing-masing memiliki fiture yang berbeda sesuai dengan harganya. Oleh
situs resminya software ini dipatok harga mulai dari $35.95, $55.95 dan
$399.95. Namun jangan kawatir masih ada versi Gratis <em>(Trial)</em> dari software tersebut. Anda dapat langsung download secara gratis versi Trial di situs resminya.</div>
<div style="text-align: justify;">
<strong>4. SWF and FLV to AVI Converter Toolbox</strong></div>
<div style="text-align: justify;">
Dari segi kapasitas, software <em>SWF to AVI Converter</em>
yang satu ini termasuk yang paling besar. Mampu menangani konversi file
SWF maupun FLV ke AVI, GIF dan Frame by frame to JPEG, GIF atau PNG.
Software ini oleh situs resminya dibandrol pada harga $39.95. Untuk
versi gratis nya kita dapat download di situs resminya. Namun sayang
untuk versi gratis kita hanya diberi fasilitas Demo saja dan tidak <em>power full.</em></div>
<div style="text-align: justify;">
Di atas tadi hanya beberapa dari begitu banyak software <em>SWF to AVI Converter</em> yang dapat kita gunakan sebagai cara mengkonversi file SWF ke AVI Video. Banyak yang gratis <em>(freeware)</em>
dan sangat banyak juga yang berbayar. Dari yang berbayar beberapa ada
versi Trial maupun Demo… tinggal tentukan saja pilihan kita.</div>
<div style="text-align: justify;">
Berikut URL masing-masing Situs software di atas :</div>
<ul>
<li>SWF to AVI <em>—> http://www.swftoavi.com</em></li>
<li>iWisoft Flash SWF To Video Converter <em>—> http://www.iwisoft.com/swfconverter</em></li>
<li>E.M. Magic SWF to AVI <em>—> http://www.effectmatrix.com</em></li>
<li>SWF and FLV to AVI Converter Toolbox —<em>> http://www.eltima.com/products/swf-tools</em></li>
</ul>
</div>
mmskmn1aahttp://www.blogger.com/profile/17065656473531364051noreply@blogger.comtag:blogger.com,1999:blog-4377660075546399421.post-40726218302682913442013-03-19T02:06:00.004-07:002013-03-19T02:09:14.469-07:00Membuat Animasi Kartun dengan Macromedia Flash 8 <div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Membuat Animasi Kartun. Salah
satu fungsi dari software Macromedia Flash 8 adalah dapat digunakan
untuk membuat animasi kartun. Ada cukup banyak teknik yang dapat
digunakan dalam membuat animasi kartun ini tergantung dari sang
animator. Kali ini saya akan share film animasi kartun yang coba saya
buat menggunakan Macromedia Flash 8. Video animasi kartun dengan flash
ini sebenarnya sudah cukup lama saya buat tetapi baru kali ini saya
sempat publikasikan.</div>
<div style="text-align: justify;">
<span id="more-5373"></span></div>
<div style="text-align: justify;">
<b>Langkah-langkah Membuat Animasi Kartun :<br />
</b></div>
<ul>
<li>Tentukan Ide</li>
<li>Membuat Sinopsis</li>
<li>Susun <i>Skenario/Storyboard </i>termasuk di dalamnya Audio</li>
<li>Audio Recording</li>
<li>Tentukan jenis animasi –> <i>character layout </i>or<i> character library</i></li>
<li>Buat Karakter –> bisa dimulai dengan sketsa karakter</li>
<li>Tentukan Background –> bisa dimulai dengan sketsa background</li>
<li>Scanning Sketsa karakter dan sketsa background –> Digitalisasi</li>
<li>Editing background dan karakter –> Digitalisasi –> CleanUp dan Sisip</li>
<li>Import bahan-bahan animasi ke Macromedia Flash</li>
<li>Penggabungan bahan-bahan animasi pada flash<i></i></li>
<li>Test Movie</li>
<li>Export to SWF</li>
<li>Converting SWF ke Video –> AVI</li>
<li>Editing Video –> Sisip –> <i>Effect, Transition, Text, Audio</i></li>
<li>Finalized Rendering to Video</li>
</ul>
<div style="text-align: center;">
</div>
<b>Detail Animasi Kartun :<br />
</b><br />
<ul>
<li>30 frame per second</li>
<li>Frame to frame animation</li>
<li>Motion tween animation</li>
<li>Movie Clip animation</li>
<li>Audio include on Macromedia Flash with another layer</li>
<li>Drawing animation on Macromedia Flash directed</li>
<li>WAV audio file format</li>
<li>Free Sound Recorder Audio Record</li>
<li>Converted SWF to AVI<a href="http://oprekzone.com/cara-merubah-konversi-file-swf-ke-avi-video/" target="_blank"></a></li>
<li>Video edited using Windows Movie Maker</li>
</ul>
</div>
mmskmn1aahttp://www.blogger.com/profile/17065656473531364051noreply@blogger.comtag:blogger.com,1999:blog-4377660075546399421.post-73676565354774793842013-03-19T02:04:00.001-07:002013-03-19T02:04:23.202-07:00Cara Menggambar Animasi (Inbetweening) <div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<span id="more-4978"></span></div>
<div style="text-align: justify;">
Yang perlu diperhatikan dalam cara menggambar animasi pada tahap Inbetweening adalah :</div>
<ol>
<li style="text-align: justify;"><span style="text-decoration: underline;">Flip atau kedipan</span>
– Kualitas gambar pada inbetween akan sangat berpengaruh pada animasi
saat diputar. Konsistensi inbetween terhadap gambar kunci/utama akan
sangat berpengaruh terhadap flip atau kedipan saat animasi dijalankan.</li>
<li style="text-align: justify;"><span style="text-decoration: underline;">Perhatikan batasan !</span>
– Periksa tata letak karakter apakah kaki karakter sudah pada posisi
(tertanam dengan baik) pada posisi yang benar? Apakah setiap karakter
harus digambar jadi satu pada elemen latar belakang, atau pada elemen
terpisah?</li>
<li style="text-align: justify;"><span style="text-decoration: underline;">Volume</span>
– Kunci lain untuk kesuksesan inbetween dalam cara menggambar animasi
adalah menjaga volume karakter. Mungkin perlu untuk meregangkan bentuk
tetapi jika hanya volume batasan saat mengambil napas atau “bernapas”.
Pengecualian untuk aturan ini adalah ketika animasi ditujukan untuk
“men-dramatisir” gerakan atau adegan. Perubahan volume karakter seperti
halnya pada animasi kartun, saat perut karakter yang membesar melebihi
normal saat mengambil napas. (Catatan: Selalu bekerjasama dengan asisten
atau animator sebelum dilakukan perubahan pada setiap volume untuk
tujuan animasi).</li>
<li style="text-align: justify;"><span style="text-decoration: underline;">Tetap terorganisir</span>
– Bekerja selalu dalam sistem dan mengetahui status setiap adegan
setiap saat. Membuat animasi khususnya inbetweener harus bisa
meng-imajinasikan urutan gerakan sebelum diterjemahkan dalam bentuk
goresan atau gambar.</li>
<li style="text-align: justify;"><span style="text-decoration: underline;">Berkomunikasi</span>
– Ajukan pertanyaan dan mendengarkan jawaban. Menanyakan pada asisten
atau animator jika ada sesuatu yang spesifik yang ingin diwaspadai
ketika memulai adegan baru. Mintalah untuk meninjau rekaman animasi
kasar.</li>
<li style="text-align: justify;"><span style="text-decoration: underline;">Jangan menciptakan sendiri karakter</span>
– Gunakan acuan dari asisten dan model sheet yang dibuat sebelumnya.
Setiap “tambahan” atau “pengurangan” yang kita lakukan sendiri hanya
akan menciptakan gangguan dalam animasi.</li>
<li style="text-align: justify;"><span style="text-decoration: underline;">Perhatikan keperluan dialog</span>
– Kadang-kadang “pada frame” dan kadang-kadang pada bingkai awal/depan.
Periksa gambar kunci pada setiap sheet untuk memperoleh gambaran
inbetween yang harus dibuat.</li>
<li style="text-align: justify;"><span style="text-decoration: underline;">Penggunaan lampu atas dan bawah</span>
– Cara menggambar animasi dapat dilakukan dengan beberapa teknik. Pada
pembuatan animasi cepat teknik inbetweening manual kadang lebih dipilih.
Dalam hal ini harus perhatikan pemakaian lampu. Jangan gunakan hanya
satu, tetapi keduanya dan sesuaikan pada kebutuhan.</li>
<li style="text-align: justify;"><span style="text-decoration: underline;">Perhatikan detail yang sering hilang</span> – Lebih focus pada pada detail seperti kumis, garis separation (pemisah), dan detail kostum.</li>
<li style="text-align: justify;"><span style="text-decoration: underline;">Selalu ikuti dengan gerakan sekunder</span>
– Area seperti kumis, rambut, pakaian, telinga panjang (pada kelinci),
biasanya memiliki beberapa jenis gerakan tertunda selama adegan yang
bergerak cepat atau perubahan gerakan yang cepat atau mendadak. Gerakan
sekunder harus yang wajar mengikuti gerakan alamiahnya kecuali untuk
animasi kartun yang terkadang dapat dibuat melampaui batasan animasi.</li>
</ol>
<div style="text-align: justify;">
Hal-hal yang perlu diperhatikan dalam
pembuatan inbetweening di atas memang tidak lepas dari pemahaman tentang
konsep cara menggambar animasi yang harus dimiliki oleh seorang
inbetweener. Yang perlu diperhatikan dalam menggambar animasi
diantaranya adalah :</div>
<ol>
<li style="text-align: justify;"><span style="text-decoration: underline;">“Pikirkan Bentuknya dan bukan garis!”</span>
– Ini tidak berarti bahwa kualitas garis tidak penting! Ini berarti
bahwa ketika kita membuat garis harus memikirkan diri kita sedang
mematung sebuah bentuk dengan garis yang bersih, sederhana dan
konsisten. Menggunakan garis yang baik dan halus akan membantu untuk
menghindari kesan “ragu-ragu” atau “garis yang muncul” di sekitar
gambar.</li>
<li style="text-align: justify;"><span style="text-decoration: underline;">Penggunaan Pensil yang tepat</span>
– Sebuah pensil 0,2 atau 0,3 lebih baik. Mulailah dengan pensil HB,
jika garis Anda terlalu terang. Cobalah B, jika itu adalah untuk
“garis-garis” berat atau coba H atau 2B.</li>
<li style="text-align: justify;"><span style="text-decoration: underline;">Garis Samar <em>(Lazy Line)</em></span>
– sering terlihat di tracebacks dan akan membuat gambar yang dibangun
terasa datar. Gunakan dua lampu atas dan bawah untuk membantu
menghindari munculnya garis ini.</li>
<li style="text-align: justify;"><span style="text-decoration: underline;">Hubungkan semua garis!</span>
– Warna akan benar-benar bocor keluar saat digunakan tinta digital
dalam pewarnaannya. Penambahan tinta dan cat digital akan menjadi lebih
mudah dengan memeriksa terlebih dahulu gambar dari garis yang terpisah.</li>
<li style="text-align: justify;"><span style="text-decoration: underline;">Garis Lurus versus Lengkung</span>
– Gunakan garis lurus untuk kesan ketegangan, kekuatan, daerah keras
seperti lutut, betis dan siku. Gunakan garis lengkung untuk kesan kendur
dan kelembutan. Buatlah garis sedemikian rupa sehingga tampak alami.</li>
<li style="text-align: justify;"><span style="text-decoration: underline;">Garis yang bervariasi</span>
– Jika sudah menguasai beragam garis yang konsisten, maka harus mencoba
untuk sedikit menegaskan/menggelapkan garis pada benda-benda yang
paling dekat untuk mengesankan mereka berada lebih di depan dan sedikit
mengaburkan garis pada benda-benda yang jauh untuk memberikan kesan jauh
atau sangat jauh.</li>
</ol>
<div style="text-align: justify;">
Dari penjelasan di atas dapat kita simpulkan bahwa, teknik atau cara menggambar animasi tidak ada keharusan menggunakan satu cara tertentu atau satu software
tertentu. Hasil yang sama dapat kita peroleh melalui banyak cara baik
manual maupun digital. Semua terserah Anda, <em>“Pilih yang paling Familiar dan Baik menurut Anda”</em>
dengan tidak meninggalkan efisiensi waktu dan faktor-faktor penting
estetika pada animasi yang meliputi kesatuan, keteraturan, keragaman,
dan komunikatif.</div>
<div style="text-align: justify;">
<em>(diterjemahkan oleh <strong>oprekzone.com</strong> dari karya <span style="text-decoration: underline;">Jennifer Gwynne Oliver</span> dalam <span style="text-decoration: underline;">Helpful Hints for Clean-Up</span>).</em></div>
</div>
mmskmn1aahttp://www.blogger.com/profile/17065656473531364051noreply@blogger.comtag:blogger.com,1999:blog-4377660075546399421.post-81665592869618346562013-03-19T02:02:00.001-07:002013-03-19T02:02:39.562-07:00Prinsip Animasi <div dir="ltr" style="text-align: left;" trbidi="on">
<small class="postauthor"><br /></small><div class="postcontent">
<div style="text-align: justify;">
12 Prinsip Animasi. Kata “animasi” berasal dari kata “<em>animate</em>,”
yang berarti untuk membuat obyek mati menjadi seperti hidup. Seorang
Animator profesional sepertinya harus mengetahui dan memahami bagaimana
sebuah animasi dibuat sedemikian rupa sehingga didapatkan hasil animasi
yang menarik, dinamis dan tidak membosankan.</div>
<div style="text-align: justify;">
<span id="more-3082"></span></div>
<div style="text-align: justify;">
Dua orang animator <span style="text-decoration: underline;">profesional</span> <strong>Thomas </strong>dan <strong>Johnston </strong>memberikan 12 prinsip animasi yang di adopsi dari animasi produksi <strong><em>Walt Disney</em></strong>. Animasi ini sebenarnya paling pas digunakan untuk animasi kartun. Ke-12 prinsip animasi tersebut adalah sebagai berikut :</div>
<div style="text-align: justify;">
<strong>1. Solid Drawing</strong></div>
<div style="text-align: justify;">
Kemampuan menggambar sebagai dasar utama animasi memegang peranan yang menentukan “baik
proses maupun hasil” sebuah animasi, terutama animasi klasik. Meskipun
kini peran gambar yang dihasilkan sketsa manual sudah bisa digantikan
oleh komputer, tetapi dengan pemahaman dasar dari prinsip menggambar <a href="http://oprekzone.com/menggambar-clean-up-dan-sisip/" target="_blank"></a>akan
menghasilkan animasi yang lebih ‘peka’. Sebuah obyek/gambar dibuat
sedemikian rupa sehingga memiliki karakteristik sebuah obyek (volume,
pencahayaan dan konsistensi kualitas gambar/bentuk/karakter).</div>
<div style="text-align: center;">
<img alt="" class="aligncenter" height="150" src="http://oprekzoneimage.files.wordpress.com/2011/10/mickeymouse.jpg" width="191" /></div>
<div style="text-align: justify;">
<strong>2. Timing & Spacing</strong></div>
<div style="text-align: justify;">
Grim Natwick, seorang animator Disney
pernah berkata, “Animasi adalah tentang timing dan spacing”. Timing
adalah tentang menentukan waktu kapan sebuah gerakan harus dilakukan,
sementara spacing adalah tentang menentukan percepatan dan perlambatan
dari bermacam-macam jenis gerak.</div>
<div style="text-align: justify;">
<em>Contoh Timing: Menentukan pada detik keberapa sebuah obyek/karakter berjalan sampai ke tujuan atau berhenti.<br />
</em></div>
<div style="text-align: justify;">
<em>Contoh Spacing: Menentukan kepadatan gambar (yang pada animasi akan berpengaruh pada kecepatan gerak).</em></div>
<div style="text-align: center;">
<img alt="" class="aligncenter" height="100" src="http://oprekzoneimage.files.wordpress.com/2011/10/mutiberjalan.jpg" width="261" /></div>
<div style="text-align: justify;">
<strong>3. Squash & Stretch</strong></div>
<div style="text-align: justify;">
<em>Squash and strecth</em> adalah upaya
penambahan efek lentur (plastis) pada objek atau figur sehingga
seolah-olah ‘memuai’ atau ‘menyusut’ sehingga memberikan efek gerak yang
lebih hidup. Penerapan <em>squash and stretch</em> pada figur atau benda hidup (misal: manusia, binatang, creatures) akan memberikan ‘<em>enhancement’</em> sekaligus efek dinamis terhadap gerakan/action tertentu, sementara pada benda mati (misal : gelas, meja, botol) penerapan <em>squash and stretch</em> akan membuat mereka (benda-benda mati tersebut) tampak atau berlaku seperti benda hidup.</div>
<div style="text-align: justify;">
<em>Contoh ketika sebuah bola
dilemparkan. Pada saat bola menyentuh tanah maka dibuat seolah-olah bola
yang semula bentuknya bulat sempurna menjadi sedikit lonjong
horizontal, meskipun kenyataannya keadaan bola tidak selalu demikian.
Hal ini memberikan efek pergerakan yang lebih dinamis dan ‘hidup’.</em></div>
<div style="text-align: center;">
<img alt="" class="aligncenter" height="100" src="http://oprekzoneimage.files.wordpress.com/2011/10/bolapantul.jpg" width="284" /></div>
<div style="text-align: justify;">
<strong>4. Anticipation</strong></div>
<div style="text-align: justify;">
<em>Anticipation</em> boleh juga dianggap sebagai persiapan/awalan gerak atau ancang-ancang. <em>Seseorang</em> <em>yang</em>
bangkit dari duduk harus membungkukkan badannya terlebih dahulu sebelum
benar-benar berdiri. Pada gerakan melompat, seseorang yang tadinya
berdiri harus ada gerakan ‘membungkuk’ terlebih dulu sebelum akhirnya
melompat.</div>
<div style="text-align: center;">
<img alt="" class="aligncenter" height="100" src="http://oprekzoneimage.files.wordpress.com/2011/10/maumelompat.jpg" width="189" /><strong></strong></div>
<strong>5. Slow In and Slow Out</strong><br />
<div style="text-align: justify;">
Slow In dan Slow Out menegaskan bahwa setiap gerakan memiliki percepatan dan perlambatan yang berbeda-beda. <em>Slow in</em> terjadi jika sebuah gerakan diawali secara lambat kemudian menjadi cepat. <em>Slow out</em> terjadi jika sebuah gerakan yang relatif cepat kemudian melambat. Contoh Slow In :</div>
<div style="text-align: center;">
<img alt="" class="aligncenter" height="100" src="http://oprekzoneimage.files.wordpress.com/2011/10/bolameluncur.jpg" width="380" /></div>
<div style="text-align: justify;">
<strong>6. Arcs</strong></div>
<div style="text-align: justify;">
Pada animasi, sistem pergerakan tubuh
pada manusia, binatang, atau makhluk hidup lainnya bergerak mengikuti
pola/jalur (maya) yang disebut <em>Arcs</em>. Hal ini memungkinkan mereka bergerak secara ‘<em>smooth’</em>
dan lebih realistik, karena pergerakan mereka mengikuti suatu pola yang
berbentuk lengkung (termasuk lingkaran, elips, atau parabola). Sebagai
contoh, <em>Arcs</em> ditunjukkan pada lintasan tangan saat melempar bola dan lintasan gerak bola di udara.</div>
<div style="text-align: center;">
<img alt="" class="aligncenter" height="100" src="http://oprekzoneimage.files.wordpress.com/2011/10/melemparbola.jpg" width="337" /></div>
<div style="text-align: justify;">
<strong>7. Secondary</strong><strong> Action</strong></div>
<div style="text-align: justify;">
Secondary action adalah gerakan-gerakan
tambahan yang dimaksudkan untuk memperkuat gerakan utama supaya sebuah
animasi tampak lebih realistik. Secondary action tidak dimaksudkan untuk
menjadi ‘pusat perhatian’ sehingga mengaburkan atau mengalihkan
perhatian dari gerakan utama. Kemunculannya lebih berfungsi memberikan <em>emphasize</em> untuk memperkuat gerakan utama.</div>
<div style="text-align: justify;">
<em>Contoh: Ketika seseorang sedang
berjalan, gerakan utamanya tentu adalah melangkahkan kaki sebagaimana
berjalan seharusnya. Namun sambil berjalan ‘seorang’ figur atau karakter
animasi dapat sambil mengayun-ayunkan tangannya. Gerakan
mengayun-ayunkan tangan inilah yang disebut secondary action untuk
gerakan berjalan<strong>.</strong></em></div>
<div style="text-align: justify;">
<em><strong></strong></em><strong>8. Follow Through and Overlapping Action</strong></div>
<div style="text-align: justify;">
<em>Follow </em><em>through</em> adalah
tentang bagian tubuh tertentu yang tetap bergerak meskipun seseorang
telah berhenti bergerak. Misalnya, rambut yang tetap bergerak sesaat
setelah melompat. Overlapping<em> action</em> secara mudah bisa dianggap sebagai gerakan saling-silang. Maksudnya, adalah serangkaian gerakan yang saling mendahului (<em>overlapping</em>).
Contoh : Kelinci yang melompat. Sesaat setelah melompat telinganya
masih bergerak-gerak meskipun gerakan utama melompat telah dilakukan.</div>
<div style="text-align: center;">
<img alt="" class="aligncenter" height="100" src="http://oprekzoneimage.files.wordpress.com/2011/10/lompatover.jpg" width="182" /><strong></strong></div>
<div style="text-align: justify;">
<strong>9. Straight Ahead Action and Pose to Pose</strong></div>
<div style="text-align: justify;">
Dari sisi <em>resource</em> dan pengerjaan, ada dua cara yang bisa dilakukan untuk membuat animasi. Yang pertama adalah <em>Straight Ahead Action</em>, yaitu membuat animasi dengan cara seorang animator menggambar satu per satu frame by frame<a href="http://oprekzone.com/cara-membuat-animasi-stop-motion-bidang-datar" target="_blank" title="Cara Membuat Animasi Stop Motion Bidang Datar"><em></em></a>, dari awal sampai selesai seorang diri. Teknik ini memiliki kelebihan: kualitas gambar yang <span style="text-decoration: underline;">konsisten</span> karena dikerjakan oleh satu orang saja. Tetapi memiliki kekurangan yaitu waktu pengerjaan yang lama.</div>
<div style="text-align: center;">
<img alt="" class="aligncenter" height="100" src="http://oprekzoneimage.files.wordpress.com/2011/10/bouncing-ball.jpg" width="291" /></div>
<div style="text-align: justify;">
Yang kedua adalah <em>Pose to Pose</em>, yaitu pembuatan animasi oleh seorang animator dengan cara menggambar hanya pada <em>keyframe-keyframe</em> tertentu saja, selanjutnya <em>in-between</em> atau interval antar <em>keyframe</em>
digambar/dilanjutkan oleh asisten/animator lain. Cara kedua ini
memiliki waktu pengerjaan lebih cepat karena melibatkan lebih banyak
sumber daya sehingga lebih cocok diterapkan pada industri animasi.</div>
<div style="text-align: center;">
<img alt="" class="aligncenter" height="100" src="http://oprekzoneimage.files.wordpress.com/2011/10/pingping1.jpg" width="267" /><strong></strong></div>
<div style="text-align: justify;">
<strong>10. Staging</strong></div>
<div style="text-align: justify;">
<em>Staging</em> dalam animasi meliputi
bagaimana ‘lingkungan’ dibuat untuk mendukung suasana atau ‘mood’ yang
ingin dicapai dalam sebagian atau keseluruhan <em>scene</em>. Biasanya
berkaitan dengan posisi kamera pengambilan gambar. Posisi kamera bawah
membuat karakter terlihat besar dan menakutkan, kamera atas membuat
karakter tampak kecil dan bingung sedangkan posisi kamera samping
membuat karakter tampak lebih dinamis dan menarik.</div>
<div style="text-align: center;">
<img alt="" class="aligncenter" height="100" src="http://oprekzoneimage.files.wordpress.com/2011/10/staging.jpg" width="191" /><strong></strong></div>
<div style="text-align: justify;">
<strong>11. Appeal</strong></div>
<div style="text-align: justify;">
<em>Appeal</em> berkaitan dengan
keseluruhan look atau gaya visual dalam animasi. Kita bisa dengan mudah
mengidentifikasi gaya animasi buatan Jepang dengan hanya melihatnya
sekilas. Kita juga bisa melihat <em>style</em> animasi buatan <em>Disney</em> atau <em>Dreamworks</em> cukup dengan melihatnya beberapa saat. Hal ini karena mereka memiliki <em>appeal</em> atau gaya tersendiri dalam pembuatan karakter animasi.</div>
<div style="text-align: center;">
<img alt="" class="aligncenter" height="100" src="http://oprekzoneimage.files.wordpress.com/2011/10/apple.jpg" width="247" /></div>
<div style="text-align: justify;">
Ada juga yang berpendapat bahwa appeal
adalah tentang penokohan, berkorelasi dengan ‘kharisma’ seorang tokoh
atau karakter dalam animasi. Sehingga visualisasi animasi yang ada bisa
mewakili karakter/sifat yang dimilkiki.<strong></strong></div>
<div style="text-align: justify;">
<strong>12. Exaggeration</strong></div>
<div style="text-align: justify;">
<em>Exaggeration</em> merupakan upaya mendramatisir animasi dalam bentuk rekayasa <em>gambar</em> yang bersifat hiperbolis. Dibuat sedemikian rupa sehingga terlihat sebagai bentuk <span style="text-decoration: underline;">ekstrimitas ekspresi</span>
tertentu dan biasanya digunakan untuk keperluan komedik. Seringkali
ditemui pada film-film animasi anak-anak (segala usia) seperti Tom &
Jery, Donald Duck, Mickey Mouse, Sinchan, dsb.</div>
<div style="text-align: justify;">
<em>Contoh : Tubuh Donald duck melayang mengikuti sumber asap saat hidung Donald cuck mencium aroma masakan/makanan lezat.</em></div>
<div style="text-align: center;">
<img alt="" class="aligncenter" height="100" src="http://oprekzoneimage.files.wordpress.com/2011/10/donalduck.jpg" width="100" /></div>
<div style="text-align: justify;">
Ke-12 prinsip animasi diatas sering digunakan dalam stop motion
dan dalam penerapannya tentu lebih tergantung pada sang animator.
Semakin profesional seorang animator dalam menguasai, mengoptimalkan dan
mengeksplorasi kemampuan dirinya dalam membuat animasi secara
keseluruhan, tentunya ide cerita akan selalu menarik dan menghasilkan
sebuah film animasi yang sangat dinamis dan tidak membosankan bahkan
untuk kalangan yang bukan merupakan target utama pengguna.</div>
<div style="text-align: justify;">
<br /></div>
</div>
</div>
mmskmn1aahttp://www.blogger.com/profile/17065656473531364051noreply@blogger.comtag:blogger.com,1999:blog-4377660075546399421.post-31843080787552985642013-03-19T01:57:00.000-07:002013-03-19T01:57:03.542-07:00Proses Pembuatan Animasi Stop Motion 3D Shaun The Sheep <div dir="ltr" style="text-align: left;" trbidi="on">
<br /><div style="text-align: justify;">
Proses Pembuatan Animasi <em>Stop Motion</em> 3 Dimensi Shaun The Sheep. Dalam dunia animasi dikenal banyak teknik untuk membuatnya. Salah satunya adalah Teknik Animasi <em>Stop Motion</em> menggunakan <em>Clay</em>
(Semacam Lempung) atau tanah liat. Teknik ini sebenarnya merupakan
teknik animasi klasik atau primitif namun apabila dikerjakan secara
profesional dengan ide-ide cerita menarik dan penyajian bagus ternyata
dapat menghasilkan karya animasi yang luar biasa.</div>
<div style="text-align: justify;">
<span id="more-3196"></span></div>
<div style="text-align: justify;">
Salah satu contoh karya animasi <em>stop motion</em> menggunakan bahan <em>clay</em>
yang spektakuler adalah Shaun The Sheep. Banyak yang menyukai animasi
ini mulai dari anak-anak sampai orang dewasa. Ide cerita yang menarik
serta karakter-karakter tokoh yang lucu sepertinya selalu membuat
pemirsa merasa terhibur dan tertawa. Di sini saya tidak akan membahas
tentang ide cerita dari Film Animasi 3 Dimensi Shaun The Sheep tetapi
saya akan mencoba mengajak Anda untuk sedikit mengetahui bagaimana sulit
dan rumitnya proses pembuatan animasi <em>Stop Motion</em> 3D Shaun The Sheep tersebut. Berikut photo-photo tahap pembuatan animasi shaun the sheep :</div>
<div style="text-align: justify;">
<strong>1. Pembuatan <strong>Storyboard dan </strong>Story Line</strong></div>
<div style="text-align: justify;">
<img alt="" class="alignnone" height="300" src="http://oprekzoneimage.files.wordpress.com/2011/10/shaum_1.jpg" width="416" /></div>
<div style="text-align: justify;">
Setelah ide cerita ditentukan dan naskah dibuat oleh <em>scriptwriter</em> maka selanjutnya adalah tugas <em>Storyboard Maker</em> untuk membuat <em>Storyboard</em> dan <em>Story Line</em>. Semua <em>storyboard</em> dan <em>story line</em> digambar dan dibuat secara manual menggunakan tangan. Pada tahap ini dibuat <em>keyframe</em> untuk setiap <em>scene</em> dan ditentukan durasi setiap gerakan karakter untuk menentukan berapa jumlah <em>frame</em> yang harus dibuat nantinya. Pembuatan <em>keyframe</em> untuk <em>In Between</em> juga sudah termasuk di dalamnya.</div>
<div style="text-align: justify;">
<strong>2. Persiapan Media</strong> <strong>dan Space </strong></div>
<div style="text-align: justify;">
<img alt="" class="alignnone" height="300" src="http://oprekzoneimage.files.wordpress.com/2011/10/shaum_9.jpg" width="416" /></div>
<div style="text-align: justify;">
Rumput tiruan dilekatkan pada plat baja dan semua <em>property</em>
termasuk rumah-rumahan, pohon-pohonan, meja, rerimbunan tanaman, dll
dipasang magnet pada bagian dasarnya sehingga bisa melekat kuat pada
rumput supaya posisi tetap terjaga. Latar belakang berupa layar dengan
gambar sesuai dengan situasi <em>scene</em> dan didukung tata cahaya sedemikian rupa. Perlengkapan perbengkelan sepertinya sudah menjadi keharusan pada tahap ini.</div>
<div style="text-align: justify;">
<strong>3. Pembuatan Property dan Kostum</strong></div>
<div style="text-align: justify;">
<img alt="" class="alignnone" height="300" src="http://oprekzoneimage.files.wordpress.com/2011/10/shaum_2.jpg" width="220" /></div>
<div style="text-align: justify;">
Semuanya dibuat manual menggunakan tangan oleh seorang <em>Property Maker</em> untuk menghasilkan bentuk yang seperti seharusnya. Inilah komentar dari <em>Property Maker</em>
Helen Javes : “Semuanya dibuat manual, sehingga sangat rumit. “Bahkan
kaki meja dibuat manual untuk mendapatkan bentuk yang tepat.” Pekerjaan <em>Property maker</em> bukan tanpa risiko. Jari teriris pisau tajam, dan terbakar akibat panas dari lem adalah resiko pekerjaan sehari-hari.</div>
<div style="text-align: justify;">
<strong>4. Pembuatan Model dan Tokoh</strong></div>
<div style="text-align: justify;">
<img alt="" class="alignnone" height="300" src="http://oprekzoneimage.files.wordpress.com/2011/10/shaum_3.jpg" width="416" /></div>
<div style="text-align: justify;">
Kalau model cikal-bakal animasi stop
motion (primitif) dibuat menggunakan lempung (tanah liat), maka disini
Model dibuat menggunakan bahan semacam <em>plasticine</em> atau silikon
yang beberapa didalamnya telah dipasang kawat. Sebenarnya untuk bahan
bisa digunakan apa saja yang penting mudah dibentuk dan tidak mudah
patah saat dilakukan perubahan-perubahan gerakan (<em>stop motion</em>).
Setiap bagian anggota tubuh dapat dilepas dan dipasang dan setiap tokoh
bisa memiliki beberapa buah untuk bagian tubuh yang sama (mata, kepala,
kaki, telinga, rambut, bibir/mulut, dll) untuk memudahkan perubahan
ekspresi karakter.</div>
<div style="text-align: justify;">
<strong>5. Pengaturan Ekspresi</strong></div>
<div style="text-align: justify;">
<img alt="" class="alignnone" height="300" src="http://oprekzoneimage.files.wordpress.com/2011/10/shaum_4.jpg" width="416" /></div>
<div style="text-align: justify;">
Ekspresi Wajah merupakan bagian yang
penting untuk menggambarkan kondisi hati tokoh/karakter dalam hal ini
Domba-domba kelompok dari shaun the sheep dan tokoh pendukung lainnya.
Selain itu dengan adanya perubahan ekspresi diharapkan karakter akan
terkesan lebih hidup. Perubahan Ekspresi dilakukan dengan mengubah
bentuk kelopak mata, posisi titik hitam pada mata, bentuk mulut,
tampilan gigi, telinga, rambut, dll. Sepertinya pada tahap inilah
dibutuhkan ketelitian dan kesabaran paling ekstra karena kesalahan akan
dapat mempengaruhi <a href="http://oprekzone.com/12-prinsip-animasi" target="_blank" title="12 Prinsip Animasi">konsistensi karakter</a>.</div>
<div style="text-align: justify;">
<strong>6. Suku Cadang dan Penyimpanan</strong></div>
<div style="text-align: justify;">
<img alt="" class="alignnone" height="300" src="http://oprekzoneimage.files.wordpress.com/2011/10/shaum_7.jpg" width="416" /></div>
<div style="text-align: justify;">
<img alt="" class="alignnone" height="300" src="http://oprekzoneimage.files.wordpress.com/2011/10/shaum_8.jpg" width="416" /></div>
<div style="text-align: justify;">
Kalau dilihat sekilas seperti kotak penyimpanan mainan anak-anak.</div>
<div style="text-align: justify;">
<strong>7. Pengaturan Posisi Karakter/Obyek (Stop Motion)<br />
</strong></div>
<div style="text-align: justify;">
<img alt="" height="300" src="http://oprekzoneimage.files.wordpress.com/2011/10/shaum_5.jpg" width="416" /></div>
<div style="text-align: justify;">
<img alt="" class="alignnone" height="300" src="http://oprekzoneimage.files.wordpress.com/2011/10/shaum_6.jpg" width="416" /></div>
<div style="text-align: justify;">
<img alt="" class="alignnone" height="192" src="http://oprekzoneimage.files.wordpress.com/2011/10/shaun_7.jpg" width="320" /></div>
<div style="text-align: justify;">
<a href="http://oprekzone.com/cara-membuat-animasi-stop-motion-bidang-datar" target="_blank" title="Cara Membuat Animasi Stop Motion Bidang Datar">Animasi <em>Stop Motion</em></a>
dibuat dengan menggerakkan karakter/obyek sedikit demi sedikit dan
dilakukan pengambilan gambar pada setiap perubahan karakter/obyek
tersebut. Sepertinya pada tahap ini harus sangat teliti dan sabar karena
berpengaruh langsung pada hasil produksi animasi. Untuk mendapatkan
hasil gerakan yang halus, pada proses pembuatan Animasi <em>Stop Motion</em> 3D Shaun The Sheep setiap perubahan gerak karakter/obyek digunakan 25 kali perubahan gerakan/posisi setiap detik atau 25 fps (<em>frame per second</em>).
Hal itu sesuai dengan standar mata manusia yang akan menangkap kontinyu
gerakan obyek yang bergerak pada kecepatan frame tersebut.</div>
<div style="text-align: center;">
<a href="http://www.ziddu.com/download/13388706/Take5.rar.html" target="_blank" title="Download Software Animation Stop Motion">Download Free Software Animasi Stop Motion Take5</a></div>
<div style="text-align: justify;">
Dengan demikian pada film animasi <em>stop motion</em> 3 dimensi Shaun The Sheep untuk durasi 1 detik rekaman memiliki jumlah <em>frame</em> sebanyak 25 (25 <em>frame per second</em>). Dalam sehari mereka rata-rata dapat menyelesaikan 7 detik durasi rekaman (175 <em>frame</em>) dan menghabiskan waktu 1 minggu tahap “penyelesaian” (<em>post-production</em>) untuk 7 menit rekaman.</div>
</div>
mmskmn1aahttp://www.blogger.com/profile/17065656473531364051noreply@blogger.comtag:blogger.com,1999:blog-4377660075546399421.post-53395571277645980242013-03-19T01:55:00.000-07:002013-03-19T01:55:29.265-07:00Cara Menggambar Clean UP dan Sisip <div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Cara Menggambar Clean UP dan
Sisip. Menggambar adalah kegiatan membentuk imajinasi, dengan
menggunakan banyak pilihan teknik dan alat. Bisa pula berarti membuat
tanda-tanda tertentu di atas permukaan dengan mengolah goresan dari alat
gambar. Pelakunya populer dengan sebutan penggambar/juru gambar yang
merupakan salah satu bagian pekerjaan dari perupa.</div>
<img alt="" src="http://oprekzone.com/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" title="More..." /><span id="more-4973"></span><br />
<div style="text-align: justify;">
Saat ini kegiatan menggambar sudah
melibatkan komputer dalam pengerjaannya. Bahkan semakin dominannya
penggunaan komputer dalam bidang gambar-menggambar seakan telah
menggeser sebutannya dari alat bantu menjadi alat utama dalam
menggambar. Meskipun demikian dalam Menggambar Clean UP dan Sisip,
penguasaan konsep menggambar (solid drawing) dari seorang juru
gambar/penggambar tetap memegang peran utama yang tidak dapat
digantikan. Berikut daftar perangkat lunak yang memungkinkan kegiatan
menggambar :</div>
<ol>
<li>Microsoft Expression</li>
<li>Inkscape</li>
<li>Adobe Photoshop</li>
<li>Adobe Illustrator</li>
<li>Paint Shop Pro</li>
<li>Corel Painter</li>
<li>Pixia</li>
<li>Colourpaint</li>
<li>Microsoft Paint</li>
<li>The GIMP</li>
<li>Open Canvas</li>
</ol>
<strong>Menggambar Clean Up</strong><br />
<div style="text-align: justify;">
Istilah “Clean-Up” merujuk kepada proses penyempurnaan karya seni kasar <a href="http://oprekzone.com/cara-membuat-animasi-stop-motion-bidang-datar/" target="_blank">animasi 2D</a>.
Tujuan dari cara menggambar Clean Up adalah untuk menciptakan animasi
dengan halus, garis konsisten dan garis berat sebelum ditransfer ke cels
untuk melukis. Kadang-kadang animator menyebutnya dengan seni
bersih-bersih dengan pensil atau tinta. Proses Clean Up dapat dilakukan
secara konvensional yaitu saat awal pembuatan gambar sebelum di scan
atau dilakukan setelah proses scan menggunakan komputer.</div>
<img alt="" height="178" src="http://oprekzoneimage.files.wordpress.com/2012/10/clean-up.jpg" title="Menggambar Clean Up dan Sisip" width="450" /><br />
<div style="text-align: justify;">
<strong>Menggambar Clean UP dan Sisip</strong></div>
<div style="text-align: justify;">
Menggambar Clean Up adalah membersihkan
gambar dengan cara menjiplak pada animasi. sedangkan menggambar sisip
adalah menyisipkan gambar, warna atau teks pada animasi. Pada proses
ini lebih mudah dilakukan menggunakan komputer. Software yang dapat
digunakan pada tahap ini adalah seperti yang telah disebutkan di atas.</div>
<div style="text-align: justify;">
Cara Menggambar Clean Up dan Sisip pada
dasarnya adalah teknik menggambar yang biasa digunakan dalam pembuatan
bahan animasi 2 dimensi (bidang datar) mulai dari pembuatan sketsa obyek
gambar yang masih berupa goresan-goresan kasar hingga terbentuknya
garis tegas layout maupun garis-dalam pada obyek sampai penyisipan
gambar, warna atau teks sehingga menghasilkan gambar yang indah seperti
aslinya.<strong></strong></div>
<strong>Tracing</strong><br />
<div style="text-align: justify;">
Dalam cara menggambar clean up dan sisip
pada proses pembuatan animasi 2 dimensi terkadang dan bisa juga sering
dilakukan Tracing. Berawal dari kata trace, yang bermaksud menelusuri
atau penelusuran. Dalam grafis, tracing bermakna menggambar ulang dengan
memakai acuan/patrun. Bila disederhanakan bisa berarti menjiplak
gambar, adapula yang mendefinisikan tracing sebagai proses perubahan
format gambar dari bitmap menjadi vector biasa.</div>
<strong>Software untuk Tracing</strong><br />
<div style="text-align: justify;">
Beberapa software yang digunakan untuk
tracing dalam proses Menggambar Clean UP dan Sisip diantaranya : Adobe
Illustrator, Macromedia Freehand, Corel Draw, Zara X ataupun software
khusus tracing seperti Corel Trace dan Adobe Illustrator. Bahkan pada
Adobe Ilustrator CS 1 ke atas sudah tertanam tool live trace di
programnya yang mampu mengkonvert gambar bitmap menjadi vector dalam
hitungan detik. Dalam terminologi komputer grafis, <strong>vector </strong>adalah
sekumpulan objek dalam garis atau bentuk tertentu yang dapat
didefinisikan secara matematis, diisi warna, dan memiliki resolusi
bebas. Karena itu, vector bisa diperbesar dalam ukuran berapa pun tanpa
kehilangan resolusinya.</div>
<div style="text-align: justify;">
Tracing adalah teknik penggambaran
cepat, baik secara manual atau digital untuk menjawab tuntutan proses
produksi animasi yang berpacu dengan waktu. Tanpa tracing, barangkali
tak akan ada printing tekstil, screen printing, atau air brush style
sekalipun.</div>
Teknik Tracing ada 2 :<br />
<ul>
<li style="text-align: justify;">Manual Tracing. Yaitu meletakkan
gambar asli dibawah kertas kalkir, lembaran acetate, mika
susu/kodaktris, boleh kertas doorslag, atau kertas roti. Lalu dilakukan
proses menggambar dilakukan di atasnya menggunakan pensil atau tinta.</li>
<li style="text-align: justify;">Digital Tracing. Tracing digital saat
ini banyak dikerjakan dengan bantuan komputer. Gambar asli di-scan, lalu
dijiplak lewat bantuan piranti lunak semacam Adobe Illustrator, Adobe
Freehand, Adobe Photoshop, Coreldraw atau Corel Painter.</li>
</ul>
<div style="text-align: justify;">
Produk yang dihasilkan dari tracing
adalah illustrasi vector, untuk kebutuhan illustrasi yang biasanya akan
dipakai pada desain-desain poster, iklan-iklan koran bahkan web dan
film-film animasi kartun. Tracing yang dilakukan dengan bantuan aplikasi
berbasis bitmap semacam Photoshop, photopaint atau Painter disebut
dengan tracing bitmap. Dalam Cara Menggambar Clean UP dan Sisip, tracing
bitmap lebih banyak dikerjakan dibidang screen printing dan tekstil
printing. Tracing bukanlah masalah menjiplak dalam arti sempit, tracing
adalah teknik penggambaran ulang baik manual atau digital. Dalam
illustasi, tracing adalah style yang membutuhkan kemampuan trace dan
penguasaan aplikasi grafis khususnya untuk digital tracing. <em>(dari berbagai sumber)</em></div>
</div>
mmskmn1aahttp://www.blogger.com/profile/17065656473531364051noreply@blogger.comtag:blogger.com,1999:blog-4377660075546399421.post-39692039429257439112013-03-19T01:51:00.000-07:002013-03-19T01:51:00.208-07:00Bermain-main dengan Blend Corel Draw<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="post-135 post type-post status-publish format-standard hentry category-hiburan category-tutorial-coreldraw-pemula tag-basic-tutorial-corel-draw tag-basic-tutorial-coreldraw tag-bayangan-pada-tulisan tag-belajar-corel tag-blend tag-blend-efek tag-blend-effect tag-corel-basic tag-corel-draw tag-corel-draw-basic tag-corel-draw-x3 tag-corel-drawx3 tag-coreldraw tag-coreldraw-basic tag-coreldraw-x3 tag-coreldrawx3 tag-desain tag-design tag-efek-blend tag-effect-blend tag-fountain-fill tag-membuat-desain tag-membuat-design tag-membuat-efek-bayangan tag-membuat-tulisan-berbayang tag-tutorial-corel tag-tutorial-corel-draw tag-tutorial-coreldraw post_box top" id="post-135">
<div class="format_text entry-content">
Bermain-main dengan <strong><em>effect blend</em></strong>, efek yang fungsinya hampir sama dengan <strong><em>fountain fill</em></strong> cuma jika pada <em><strong>fountain fill</strong></em> objek yang digradasikan warnanya adalah keseluruhan, tetapi pada <strong><em>effect blend</em></strong> yang di gradasikan warnanya hanya objek tertentu
<img alt="" class="alignnone" src="http://i294.photobucket.com/albums/mm91/mbahsangkil/Snap_20090818080920_003.png" title="Fountain Fill Tool" width="500" /><br />
gambar di atas adalah gradasi warna dengan menggunakan <em><strong>Fountain Fill</strong></em><br />
<span style="text-decoration: underline;"><strong>Effect Blend</strong></span><br />
Buat 2 buah object seperti pada gambar di bawah dengan 2 warna yang berbeda<br />
<img alt="" class="alignnone" src="http://i294.photobucket.com/albums/mm91/mbahsangkil/Snap_20090818081042_005.png" title="2 object dengan 2 warna berbeda" width="500" /><br />
setelah itu carilah tool effect kemudian pilih blend<br />
<img alt="" class="alignnone" height="202" src="http://i294.photobucket.com/albums/mm91/mbahsangkil/Snap_20090818080947_004.png" title="Effect blend" width="328" /><br />
pada sisi kanan layar akan ada windows baru yang mana windows baru
itu berisi parameter-parameter untuk mengatur setingan blend. Untuk
gambar di atas gunakan parameter seperti pada gambar<br />
<img alt="" class="alignnone" src="http://i294.photobucket.com/albums/mm91/mbahsangkil/Snap_20090818081110_006.png" title="parameter effect Blend" width="500" /><br />
pada gambar atas <strong><em>number of step</em></strong> digunakan 90, <strong><em>rotate</em></strong>
0. untuk parameter number of step bisa diisikan berapa aja sesuai
kebutuhan. Bila semua parameter sudah di tentukan kemudian klik <em><strong>apply</strong></em> dan hasilnya bisa dilihat di gambar atas.<br />
Trus Apakah bedanya <em><strong>effect blend</strong></em> dengan<em><strong> fountain fill tool</strong></em>? saya akan membandingkan kedua gambar tersebut<br />
<img alt="" class="alignnone" src="http://i294.photobucket.com/albums/mm91/mbahsangkil/Snap_20090818081141_007.png" title="perbedaan fountain fill dan effect blend" width="500" /><br />
pada gambar 1 gradasi warna menggunakan <em><strong>fountain fill</strong></em>, disitu terlihat warna tergradasi rata mulai dari bawah sampai atas. Sedangkan pada gambar 2 menggunakan <em><strong>effect blend</strong></em> dan terlihat bahwa warna yang tergradasi hanya di bagian object yang berwarna dasar merah.<br />
Untuk lebih jelasnya lagi, jika pada fountain fill warna dan object
menjadi 1 kesatuan, sedangkan pada effect blend warna dan object adalah
bagian yang terpisah-pisah. Gunakan <em><strong>Wireframe</strong></em> dan terlihat dengan jelas perbedaan gambar 1 dan gambar 2<br />
<img alt="" class="alignnone" src="http://i294.photobucket.com/albums/mm91/mbahsangkil/Snap_20090818081207_009.png" title="wireframe" width="500" /><br />
Pemakaian kedua fungsi ini disesuaikan dengan kebutuhan. Fountain
fill lebih banyak digunakan untuk membuat background atau efek bayangan
rata, sedangkan effect blend lebih banyak digunakan untuk membuat efek
bayangan pada gambar vector.<br />
nb: <strong><em>Effect blend</em> lebih memakan banyak space hardisk dan memory bila dibandingkan dengan <em>fountain fill</em></strong><br />
</div>
</div>
</div>
mmskmn1aahttp://www.blogger.com/profile/17065656473531364051noreply@blogger.comtag:blogger.com,1999:blog-4377660075546399421.post-23275838149619958952013-03-19T01:48:00.002-07:002013-03-19T01:49:18.759-07:00Membuat Efek Bayangan Corel Draw<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="post-116 post type-post status-publish format-standard hentry category-hiburan category-tutorial-coreldraw-pemula tag-belajar-corel tag-corel-draw tag-corel-draw-x3 tag-corel-drawx3 tag-coreldraw tag-coreldraw-x3 tag-coreldrawx3 tag-desain tag-design tag-membuat-desain tag-membuat-design tag-tutorial-corel-draw tag-tutorial-coreldraw post_box top" id="post-116">
<div class="format_text entry-content">
Saya akan berbagi sedikit tutorial buat pemula yang ingin menampilkan
efek bayangan kaca dengan menggunakan software Corel Draw. Kali ini
saya menggunakan software Corel Draw X3<br />
<img alt="" src="http://i294.photobucket.com/albums/mm91/mbahsangkil/tutorial/Snap_20090723082804_006.png" width="600" /><br />
1. Buatlah sebuah kotak dan kemudian diberi warna hitam. Setelah itu Klik icon <i>Interactive Transparancy Tool </i>untuk membuat kotak itu tergradasi menjadi warna hitam dan putihseperti pada gambar dibawah.<br />
<img alt="" src="http://i294.photobucket.com/albums/mm91/mbahsangkil/tutorial/Snap_20090723090000_007.png" width="600" /><br />
luasan dan kepekatan gradasi dapat diatur dengan mengerakkan kotak
putih dan hitam ke atas dan ke bawah. Dalam tutorial ini saya
menggunakan gradasi separuh warna hitam dan separuh warna putih<br />
2. Setelah Kotak berwarna hitam yang tergradasi itu jadi selanjutnya buat tulisan (<span style="text-decoration: line-through;">saya menggunakan tulisan shadow</span>)
dan diberi warna putih. Tulisan tersebut kemudian di copy paste lagi
dan ditaruh persis dibawah tulisan pertama. Saya sarankan ketika
menggeser tekan juga Shift agar tulisan itu bergerak lurus ke bawah dan
tidak melenceng. Setelah tulisan kedua berada pada posisi di bawah
tulisa pertama berikanlah warna abu-abu (sesuai dengan keinginan kita)
dan selanjutnya tulisan yang kedua di <i>Mirror Verticaly</i> agar menghasilkan efek tulisan pantulan dari kaca<br />
<img alt="" src="http://i294.photobucket.com/albums/mm91/mbahsangkil/tutorial/Snap_20090723090715_010.png" width="600" /><br />
Setelah tulisan itu diberi warna abu2 dan dibalik, selanjutnya adalah
meng klik pada tulisan di bawah agar tulisan itu aktif dan kemudian
kita kembali meng klik icon perintah <i>Interactive Transparancy tool</i> seperti gambar di bawah<br />
<img alt="" src="http://i294.photobucket.com/albums/mm91/mbahsangkil/tutorial/Snap_20090723090519_009.png" width="600" /><br />
fungsi dari perintah interactive transparancy tool ini adalah untuk
membuat tulisan bayangan tersebut menjadi gradasi dari gelap ke terang.
Gelap dan terang disesuaikan dengan keinginan kita. setelah langkah2
tersebut dilakukan maka kita akan mendapatkan hasil seperti ini<br />
<img alt="" height="234" src="http://i294.photobucket.com/albums/mm91/mbahsangkil/tutorial/Snap_20090723090733_011.png" width="600" /><br />
tampaklah seolah2 bayangan tulisan shadow tersebut memantul dari
sebuah kaca. Sebenarnya masih ada cara yang lain untuk membuat efek
seperti itu,<br />
<br />
<br />
<br />
<br /></div>
</div>
</div>
mmskmn1aahttp://www.blogger.com/profile/17065656473531364051noreply@blogger.comtag:blogger.com,1999:blog-4377660075546399421.post-22608261076842624332013-03-19T01:46:00.003-07:002013-03-19T01:46:40.835-07:00Membuat Vektor Wajah Dengan Vector Magic dan Corel<div dir="ltr" style="text-align: left;" trbidi="on">
Membuat vector wajah sendiri, teman bahkan kerabat adalah hal yang
mengasyikan, sayangnya tidak semua orang memiliki kemampuan membuat
vector yang mumpuni <strong><em>termasuk saya</em>.</strong><br />
Banyak program yang dapat digunakan untuk membuat vector wajah, ada <strong><em>corel, photoshop , gimp</em></strong>
bahkan software khusus membuat vector. Kali ini saya akan memberikan
tips sederhana tentunya dengan hasil yang cukup sederhana untuk pemula
yang hanya menguasai dasar sedasar2nya program2 di atas. Kali ini saya
akan menggunakan software <a href="http://vectormagic.com/home" target="_blank" title="vector magic">Vector magic</a> dan 1 tool dari corel draw.<br />
saya akan menggunakan photo mbak2 penjaga stan di FJB ini sebagai model.<br />
<img alt="" class="alignnone" height="357" src="http://i294.photobucket.com/albums/mm91/mbahsangkil/Snap_20100113085952_006.jpg" width="481" /><br />
kemudian saya jalankan program vector magic dan saya load image
tersebut kedalam program vector magic. Disini saya hanya menggunakan
cara instant yaitu <em>fully automatic</em> mode yang emang disediakan buat pemula.<br />
<div class="wp-caption alignnone" style="width: 410px;">
<img alt="vector magic" height="494" src="http://i294.photobucket.com/albums/mm91/mbahsangkil/Snap_20100113084458_002.jpg" width="410" />
<div class="wp-caption-text">
vector magic</div>
</div>
secara otomatis software itu akan membuat gambar bitmap menjadi vector, tentunya dengan hasil yang paling sederhana juga<br />
<div class="wp-caption alignnone" style="width: 402px;">
<img alt="hasil program" height="535" src="http://i294.photobucket.com/albums/mm91/mbahsangkil/Snap_20100113084336_001.jpg" width="402" />
<div class="wp-caption-text">
hasil program</div>
</div>
gambar atas adalah poto asli dan gambar bawah adalah hasil dari
vectorize software tersebut. Kemudian saatnya melakukan finishing touch
menggunakan software corel draw.<br />
Oh ya jgn lupa meng-<em>ungroup all</em> hasil vectorize tersebut
supaya kita bisa mengaktifkan bagian demi bagian karena hasil vectorize
tersebut terdiri dari banyak kontur. Setelah kita ungroup, aktifkan
salah satu kontur tersebut untuk mengambil warna<br />
<div class="wp-caption alignnone" style="width: 381px;">
<img alt="eyedropped tool" height="431" src="http://i294.photobucket.com/albums/mm91/mbahsangkil/Snap_20100113084715_003.jpg" width="381" />
<div class="wp-caption-text">
eyedropped tool</div>
</div>
gunakan <em>eyedrooper tool</em> untuk mengambil salah satu warna.
Fungsinya adalah kita akan menyamakan warna dari beberapa kontur yang
berlainan warna, tentunya dengan tidak melupakan nilai artistik dan
kesesuaian gambar itu.<br />
<div class="wp-caption alignnone" style="width: 355px;">
<img alt="paintbucket tool" height="386" src="http://i294.photobucket.com/albums/mm91/mbahsangkil/Snap_20100113085035_004.jpg" width="355" />
<div class="wp-caption-text">
paintbucket tool</div>
</div>
setelah kita ambil warna yang kita inginkan, kita gunakan paintbucket
tool untuk mewarnai bagian2 yang ingin kita samakan warnanya. Disini
imaginasi dan niali art kita dibutuhkan sehingga nantinya gambar itu
akan jadi indah bukan jadi tambah kacau balau. Hasil dari percobaan saya
adalah seperti terlihat pada gambar terakhir<br />
<div class="wp-caption alignnone" style="width: 513px;">
<img alt="hasil akhir" height="574" src="http://i294.photobucket.com/albums/mm91/mbahsangkil/Snap_20100113085247_005.jpg" width="513" />
<div class="wp-caption-text">
hasil akhir</div>
</div>
teng teng inilah hasil akhir dari cara sederhana tersebut. <strong></strong><br />
<strong> Gampang bukan? Selamat mencoba!!!</strong></div>
mmskmn1aahttp://www.blogger.com/profile/17065656473531364051noreply@blogger.comtag:blogger.com,1999:blog-4377660075546399421.post-42635676245053726782013-03-18T20:00:00.002-07:002013-03-18T20:00:19.375-07:00Mendesain Undangan Pernikahan <div dir="ltr" style="text-align: left;" trbidi="on">
<h1 class="post-title entry-title">
<br />
</h1>
<div class="post-header">
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://3.bp.blogspot.com/-C8sAQgr-NGc/Tn4ZWeKwnQI/AAAAAAAACAM/PnqtGtxzNRM/s1600/1.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-C8sAQgr-NGc/Tn4ZWeKwnQI/AAAAAAAACAM/PnqtGtxzNRM/s1600/1.jpg" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<br />
</div>
<br /><div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Langka pertama, buat Object Kotak dengan <b>Rectangle tool</b> pada <b>Toolbox</b></div>
<div style="text-align: justify;">
<br />
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://1.bp.blogspot.com/-1vJ93HiiMR0/Tn4ZYjwQzDI/AAAAAAAACAY/G7enoZpG_CM/s1600/3.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-1vJ93HiiMR0/Tn4ZYjwQzDI/AAAAAAAACAY/G7enoZpG_CM/s1600/3.jpg" /></a></div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
Tekan tombol plus (+) pada <b>Numpad</b> atau <b>Copy Paste</b> untuk menggandakan Object Kotak, kemudian dengan tekan <b>Shift</b> sampeyan <b>Drag</b> (geser) ke dalam untuk mengecilkan Object Kotak</div>
<div style="text-align: justify;">
<br />
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://1.bp.blogspot.com/-R3BozrijLfg/Tn4ZZLLm8_I/AAAAAAAACAc/mXNcNNTrKVQ/s1600/4.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-R3BozrijLfg/Tn4ZZLLm8_I/AAAAAAAACAc/mXNcNNTrKVQ/s1600/4.jpg" /></a></div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
Beri warna abu-abu <b>(Fiil)</b> pada Object Kotak dan beri warna putih <b>(outline)</b> pada Object Kotak yang kecil</div>
<div style="text-align: justify;">
<br />
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://3.bp.blogspot.com/-sD8FDV9YCKI/Tn4ZZTS_HKI/AAAAAAAACAg/Z5eACryYsnU/s1600/5.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-sD8FDV9YCKI/Tn4ZZTS_HKI/AAAAAAAACAg/Z5eACryYsnU/s1600/5.jpg" /></a></div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
Selanjutnya import foto Pre Wedding dari si pemesan Undangan, kemudian atur posisi foto</div>
<div style="text-align: justify;">
<br />
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://1.bp.blogspot.com/-ZXJsPm8H7hY/Tn4ZZtD3PGI/AAAAAAAACAk/K9C4JNoAsZU/s1600/6.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-ZXJsPm8H7hY/Tn4ZZtD3PGI/AAAAAAAACAk/K9C4JNoAsZU/s1600/6.jpg" /></a></div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
Beri sedikit efect transparan pada sisi kanan foto dengan maksud untuk menghilangkan kesan perpotongan</div>
<div style="text-align: justify;">
<br />
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://2.bp.blogspot.com/-WB2ThEAxJL8/Tn4ZaYabMUI/AAAAAAAACAo/rWQx3bmwYQU/s1600/7.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-WB2ThEAxJL8/Tn4ZaYabMUI/AAAAAAAACAo/rWQx3bmwYQU/s1600/7.jpg" /></a></div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
Select (pilih) kotak yang kecil (border) dan pada <b>Toolbox</b> pilih <b>Shape tool</b> kemudian geser node pada salah satu pojok kotak dan pada <b>Property Bar</b> pilih <b>Scalloped corner</b>, ketik teks dengan <b>Text tool</b> (artistic) yang diperlukan dan atur besarnya, dan buat lagi kotak agak kecil lagi untuk penempatan nama; </div>
<div style="text-align: justify;">
<br />
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://3.bp.blogspot.com/-OOAx4vOPBAA/Tn4ZaxA28dI/AAAAAAAACAs/Bq86Bzi8Et8/s1600/8.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-OOAx4vOPBAA/Tn4ZaxA28dI/AAAAAAAACAs/Bq86Bzi8Et8/s1600/8.jpg" /></a></div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
Maka hasilnya akan seperti gambar dibawah, dan untuk isi sampeyan kembangkan sendiri, disarankan dan pengetikan isi menggunakan <b>Artistic Text </b>bukan <b>Paragraph Text</b></div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<br />
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://1.bp.blogspot.com/-b5iFWMQYLEk/Tn4ZYGchwKI/AAAAAAAACAQ/-d61uytnD6M/s1600/9.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-b5iFWMQYLEk/Tn4ZYGchwKI/AAAAAAAACAQ/-d61uytnD6M/s1600/9.jpg" /></a></div>
<div style="text-align: justify;">
<br />
</div>
</div>
mmskmn1aahttp://www.blogger.com/profile/17065656473531364051noreply@blogger.comtag:blogger.com,1999:blog-4377660075546399421.post-52020382761862603452013-03-18T19:51:00.002-07:002013-03-18T19:53:55.864-07:00Materi Video Editing<div dir="ltr" style="text-align: left;" trbidi="on">
<div id="menuStyle">
<span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small;"><a class="linkMenu" href="http://idkf.bogor.net/yuesbi/e-DU.KU/edukasi.net/SMK/TIK/Capture.Video/kompetensi.html">Kompetensi</a></span> <br />
<span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small;">Materi</span><br />
<div class="menuIndentation style10">
<span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"><strong>Pendahuluan</strong></span></div>
<div class="menuIndentation">
<br /></div>
<div class="menuIndentation">
<span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;">
<a class="linkMenu" href="http://idkf.bogor.net/yuesbi/e-DU.KU/edukasi.net/SMK/TIK/Capture.Video/materi2.html">Definisi Capture video</a></span></div>
<div class="menuIndentation">
<br /></div>
<div class="menuIndentation">
<span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;">
<a class="linkMenu" href="http://idkf.bogor.net/yuesbi/e-DU.KU/edukasi.net/SMK/TIK/Capture.Video/materi3.html">Standar Video dan Film</a></span></div>
<div class="menuIndentation">
<br /></div>
<div class="menuIndentation">
<span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;">
<a class="linkMenu" href="http://idkf.bogor.net/yuesbi/e-DU.KU/edukasi.net/SMK/TIK/Capture.Video/materi4.html">Ukuran Resolusi</a></span></div>
<div class="menuIndentation">
<br /></div>
<div class="menuIndentation">
<span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;">
<a class="linkMenu" href="http://idkf.bogor.net/yuesbi/e-DU.KU/edukasi.net/SMK/TIK/Capture.Video/materi5.html">Bagian-bagian Capture video</a></span></div>
<div class="menuIndentation">
<br /></div>
<div class="menuIndentation">
<span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;">
<a class="linkMenu" href="http://idkf.bogor.net/yuesbi/e-DU.KU/edukasi.net/SMK/TIK/Capture.Video/materi6.html">Langkah-langkah Meng-Capture Video</a></span>
</div>
<span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small;">
<a class="linkMenu" href="http://idkf.bogor.net/yuesbi/e-DU.KU/edukasi.net/SMK/TIK/Capture.Video/latihan.html">Latihan</a></span>
<br />
<span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small;">
<a class="linkMenu" href="http://idkf.bogor.net/yuesbi/e-DU.KU/edukasi.net/SMK/TIK/Capture.Video/tes.html">Tes</a></span></div>
</div>
mmskmn1aahttp://www.blogger.com/profile/17065656473531364051noreply@blogger.comtag:blogger.com,1999:blog-4377660075546399421.post-32779700638913685052013-03-18T19:42:00.003-07:002013-03-18T19:42:46.288-07:00Cara Praktis Mencetak Label Nama Undangan di CorelDRAW <div dir="ltr" style="text-align: left;" trbidi="on">
<h1 class="post-title entry-title">
</h1>
<div class="post-header">
</div>
<div class="post-body entry-content" id="post-body-8978876421987729665">
<div style="text-align: justify;">
Ada pertanyaan dari sobat kita di Komunitas Pengguna CorelDRAW Indonesia;</div>
<br /><div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://3.bp.blogspot.com/-EznXLwIsKl8/UMH89Vh_B7I/AAAAAAAAHuc/z2mWeAmu1UU/s1600/1.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-EznXLwIsKl8/UMH89Vh_B7I/AAAAAAAAHuc/z2mWeAmu1UU/s1600/1.png" /></a></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<b>Jawab: </b></div>
<div style="text-align: justify;">
Sebenarnya mencetak label nama dengan MS Word atau dengan CorelDRAW itu
mempunyai fungsi yang sama yaitu untuk membuat mudah dan cepat dalam
proses mencetak label nama yang biasa digunakan dalam undangan, mungkin
dengan MS Word MasBro sudah biasa membuatnya, tapi disini yang akan kita
ulas tentang membuat label nama dengan menggunakan CorelDRAW, bagi
MasBro yang sudah biasa lewati aja...</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Kalau MasBro punya scanner enak langsung aja di scan 1 label saja
seperti gambar diatas untuk patokan, atau sampeyan bisa membuat ukuran
sesuai dengan panjang dan lebar label, bila perlu ukur juga
bagian-bagian kotak didalamnya dan setting seperti gambar dibawah ini;</div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://1.bp.blogspot.com/-2kA4Fv4rPGg/UMH9K6_qSII/AAAAAAAAHvU/Gg5yTIOFcS4/s1600/2.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-2kA4Fv4rPGg/UMH9K6_qSII/AAAAAAAAHvU/Gg5yTIOFcS4/s1600/2.png" /></a></div>
<div style="text-align: justify;">
<br />
Bisa juga MasBro memberikan desain ornament sekedar untuk pemanis label;<br />
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://4.bp.blogspot.com/-zYW65N84V-k/UMH9Ml5g3RI/AAAAAAAAHvc/iMvh4OAvLk0/s1600/3.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-zYW65N84V-k/UMH9Ml5g3RI/AAAAAAAAHvc/iMvh4OAvLk0/s1600/3.png" /></a></div>
<div style="text-align: justify;">
<br />
Langkah selanjutnya, pada <b>Menu Bar</b> > Klik <b>Print Merge</b> > <b>Create/Load Merge Fields...</b> setelah muncul kotak<b> Print Merge Wizard</b> pilih <b>Create new text </b>selanjutnya klik <b>Next ></b><br />
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://2.bp.blogspot.com/-5_QKMJwiqTw/UMH9PMJ5KyI/AAAAAAAAHvk/V_lgt6wVY2o/s1600/4.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="332" src="http://2.bp.blogspot.com/-5_QKMJwiqTw/UMH9PMJ5KyI/AAAAAAAAHvk/V_lgt6wVY2o/s400/4.png" width="400" /></a></div>
<div style="text-align: justify;">
<br />
<b>Add fields</b>; disini kita akan menciptakan fiels atau beberapa
bidang yang nantinya berfungsi sebagai kolom untuk memasukkan data,
caranya pada <b>Text Field</b> isi nama field (terserah sampeyan), buat
beberapa field sesuai dengan kebutuhan, karena kolom pada contoh diatas
jumlahnya 12 maka kita harus membuat <b style="color: blue;">field sejumlah 12</b> selanjutnya klik <b>Next ></b><br />
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://3.bp.blogspot.com/-cpKZQEfKrgw/UMH9Q_bKVZI/AAAAAAAAHvs/04ozPGWLLzk/s1600/5.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="332" src="http://3.bp.blogspot.com/-cpKZQEfKrgw/UMH9Q_bKVZI/AAAAAAAAHvs/04ozPGWLLzk/s400/5.png" width="400" /></a></div>
<div style="text-align: justify;">
<br />
<b>Add or edit records;</b> disini MasBro bisa mulai mengetik nama-nama
yang akan diundang berapapun yang sampeyan mau, sampeyan juga bisa
menambah (pilih tombol <b>New</b>), menghapus (pilih tombol <b>Delete</b>) atau mengedit nama yang ada pada kolom dalam field-field tersebut, selanjutnya klik <b>Next ></b><br />
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://2.bp.blogspot.com/-8AszK0Vy59I/UMH9SYcGJwI/AAAAAAAAHv0/kwii9oX42xA/s1600/6.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="332" src="http://2.bp.blogspot.com/-8AszK0Vy59I/UMH9SYcGJwI/AAAAAAAAHv0/kwii9oX42xA/s400/6.png" width="400" /></a></div>
<div style="text-align: justify;">
<br />
Demi keamanan sampeyan bisa menyimpan fields yang telah sampeyan buat, beri tanda rumput (centang) pada <b>Save data settings as</b>, beri nama pada colom dan simpan di komputer sampeyan, selanjutnya klik <b>Finish;</b><br />
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://3.bp.blogspot.com/-MvQ1_ROF-dU/UMH9VJUfdhI/AAAAAAAAHv8/8Q4PNv-ktL8/s1600/7.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="332" src="http://3.bp.blogspot.com/-MvQ1_ROF-dU/UMH9VJUfdhI/AAAAAAAAHv8/8Q4PNv-ktL8/s400/7.png" width="400" /></a></div>
<div style="text-align: justify;">
<br />
Sehingga muncul Bar <b>Print Merge</b>, seperti dibawah ini;<br />
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://2.bp.blogspot.com/-kRX5XE6GU9M/UMH9Wp2gQiI/AAAAAAAAHwE/gN4mW8TPSo8/s1600/8.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="45" src="http://2.bp.blogspot.com/-kRX5XE6GU9M/UMH9Wp2gQiI/AAAAAAAAHwE/gN4mW8TPSo8/s400/8.png" width="400" /></a></div>
<div style="text-align: justify;">
<br />
Pilih field satu persatu yang telah kita buat;<br />
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://4.bp.blogspot.com/-k-KET02JQ_4/UMH9YqOKMDI/AAAAAAAAHwM/ncEKL0pOcnE/s1600/9.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-k-KET02JQ_4/UMH9YqOKMDI/AAAAAAAAHwM/ncEKL0pOcnE/s1600/9.png" /></a></div>
<div style="text-align: justify;">
<br />
Klik Insert untuk mengeluarkan field-field tersebut;<br />
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://2.bp.blogspot.com/-aiAlOjmwzfY/UMH8_WmS0oI/AAAAAAAAHuk/ta5PisUX7PI/s1600/10.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-aiAlOjmwzfY/UMH8_WmS0oI/AAAAAAAAHuk/ta5PisUX7PI/s1600/10.png" /></a></div>
<div style="text-align: justify;">
<br />
Seleksi semua field yang ada pilih <b>Center</b> pada pilihan Alignment;<br />
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://4.bp.blogspot.com/-1GetVpauvao/UMH9BMD0s9I/AAAAAAAAHus/KPrG7_jgvro/s1600/11.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-1GetVpauvao/UMH9BMD0s9I/AAAAAAAAHus/KPrG7_jgvro/s1600/11.png" /></a></div>
<div style="text-align: justify;">
<br />
Pilih ukuran yang sesuai pada kolom Size;<br />
</div>
<a href="http://3.bp.blogspot.com/-ZwYeRccEZVg/UMH9DJaRmpI/AAAAAAAAHu0/qOStYBCdBII/s1600/12.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-ZwYeRccEZVg/UMH9DJaRmpI/AAAAAAAAHu0/qOStYBCdBII/s1600/12.png" /></a><br />
<br />
Jangan lupa pilih juga jenis font sesuai dengan keinginan MasBro;<br />
<br />
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://4.bp.blogspot.com/-dm1FXZYjipc/UMH9HFBY4qI/AAAAAAAAHvE/gJTSHroeK04/s1600/14.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-dm1FXZYjipc/UMH9HFBY4qI/AAAAAAAAHvE/gJTSHroeK04/s1600/14.png" /></a></div>
<div style="text-align: justify;">
<br />
Setelah semua proses diatas selesai sembunyikan line pada beberapa objek
kotak tersebut dengan cara seleksi semua objek kotak dan klik tanda X
pada <b>Color Palette</b>, selanjutnya klik tombol Printer di Menu Standard, klik <b>Print Preview;</b><br />
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://2.bp.blogspot.com/-aBcRlF9XvQI/UMH9JayUd2I/AAAAAAAAHvM/0eZ4pJ6mkTc/s1600/15.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-aBcRlF9XvQI/UMH9JayUd2I/AAAAAAAAHvM/0eZ4pJ6mkTc/s1600/15.png" /></a></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<br />
Dan tampilannya akan seperti dibawah ini, disitu terlihat Page 1, Page
2, Page 3, dst.... sesuai dengan jumlah kolom pada Field yang telah
sampeyan ketik;<br />
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://2.bp.blogspot.com/-wVaqc2He8d0/UMH9FLG-vTI/AAAAAAAAHu8/1ngCTc3W7vU/s1600/13.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-wVaqc2He8d0/UMH9FLG-vTI/AAAAAAAAHu8/1ngCTc3W7vU/s1600/13.png" /></a></div>
<div style="text-align: justify;">
<br />
Selanjutnya siapkan kertas di mesin cetak sesuai dengan banyaknya Page yang terlihat dan klik tombol <b>Print</b> untuk mencetak, hanya satu kali perintah </div>
<div style="text-align: justify;">
<b>Catatan:</b><br />Perintah diatas kelihatannya ribet banget, tapi kalau sampeyan terbiasa
akan mudah dan cepat dalam mencetak Label Nama Undangan
<br />
Sekian, semoga membantu;</div>
</div>
</div>
mmskmn1aahttp://www.blogger.com/profile/17065656473531364051noreply@blogger.comtag:blogger.com,1999:blog-4377660075546399421.post-33862072782144130872013-03-18T19:40:00.002-07:002013-03-18T19:40:09.686-07:00Membuat Logo Nike dengan Menu Shape Tool <div dir="ltr" style="text-align: left;" trbidi="on">
<h1 class="post-title entry-title">
</h1>
<div class="post-header">
</div>
<div style="text-align: justify;">
Disini kita membuat Logo <b>Nike</b> dengan <b>Shape Tool</b> seperti gambar dibawah ini;</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<br />
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://3.bp.blogspot.com/-pYkCrkOiWKA/ThbpwYuR_fI/AAAAAAAABOU/wP33idJTbWw/s1600/R.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-pYkCrkOiWKA/ThbpwYuR_fI/AAAAAAAABOU/wP33idJTbWw/s1600/R.jpg" /></a></div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
Buat garis/outline dengan <b>Freehand Tool </b>atau tekan<b> F5</b></div>
<div style="text-align: justify;">
<br />
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://2.bp.blogspot.com/-RWKI-ZWX-xs/ThbpxXe0q7I/AAAAAAAABOY/55TciNIKdkA/s1600/A.jpg" style="margin-left: 1em; margin-right: 1em;"><br />
</a></div>
<div style="text-align: justify;">
<br />
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://4.bp.blogspot.com/-HvDgTNzpbes/ThbpyWBICoI/AAAAAAAABOc/lcoEnznGT4A/s1600/B.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-HvDgTNzpbes/ThbpyWBICoI/AAAAAAAABOc/lcoEnznGT4A/s1600/B.jpg" /></a></div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
Pilih <b>Pick Tool</b>, gandakan object garis dengan tekan tombol <b>+</b> di numpad, sehingga garis menjadi 2 object saling tumpang tindih dan <b>select</b> kedua object tersebut.</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<br />
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://2.bp.blogspot.com/-mqYmDMIbeUQ/ThbpzWB5EiI/AAAAAAAABOg/4oLjtggAlv0/s1600/C.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-mqYmDMIbeUQ/ThbpzWB5EiI/AAAAAAAABOg/4oLjtggAlv0/s1600/C.jpg" /></a></div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<b>Combine</b> kedua object tersebut menjadi satu object </div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<br />
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://1.bp.blogspot.com/-yQAf3eY5LNY/Thbp0IRusWI/AAAAAAAABOk/hutEi8sARms/s1600/D.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-yQAf3eY5LNY/Thbp0IRusWI/AAAAAAAABOk/hutEi8sARms/s1600/D.jpg" /></a></div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
Klik <b>Shape Tool</b>, select node kiri dan kanan dengan <b>Join Two Nodes</b></div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://2.bp.blogspot.com/-UaMuyOq0ObE/Thbp1CKC37I/AAAAAAAABOo/b3QcB560Bsk/s1600/E.jpg" style="margin-left: 1em; margin-right: 1em;"><br />
</a></div>
<div style="text-align: justify;">
<br />
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://3.bp.blogspot.com/-cVSdlO02_hE/Thbp2KiPw7I/AAAAAAAABOs/5NNeOVbZk2Q/s1600/F.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-cVSdlO02_hE/Thbp2KiPw7I/AAAAAAAABOs/5NNeOVbZk2Q/s1600/F.jpg" /></a></div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
Tekan <b>Convert Line To Curva</b> untuk merubah line menjadi curva</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<img border="0" src="http://2.bp.blogspot.com/-UaMuyOq0ObE/Thbp1CKC37I/AAAAAAAABOo/b3QcB560Bsk/s1600/E.jpg" /> </div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
Arahkan <b>cursor</b> pada garis dan geser kebawah sampai menjadi garis lengkung<br />
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://3.bp.blogspot.com/-cXIVBM_SNmg/Thbp3MvS3NI/AAAAAAAABOw/N1mL0FrQLr4/s1600/G.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-cXIVBM_SNmg/Thbp3MvS3NI/AAAAAAAABOw/N1mL0FrQLr4/s1600/G.jpg" /></a></div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
Begitu juga garis ke dua</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://2.bp.blogspot.com/-PtGMFrn7FFU/Thbp3wMcMxI/AAAAAAAABO0/UYCTDlfA7SU/s1600/H.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-PtGMFrn7FFU/Thbp3wMcMxI/AAAAAAAABO0/UYCTDlfA7SU/s1600/H.jpg" /></a></div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
Tambahkan node dengan klik <b>Add Node(s)</b> dengan maksud untuk mempermudah dalam pengeditan<br />
<br />
</div>
<div style="text-align: justify;">
<br />
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://2.bp.blogspot.com/-f_JlEW4FGQ8/Thbp4wADJsI/AAAAAAAABO4/PvRVukxQB8w/s1600/I.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-f_JlEW4FGQ8/Thbp4wADJsI/AAAAAAAABO4/PvRVukxQB8w/s1600/I.jpg" /></a></div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
Atur sedemikian rupa sampai menghasilkan object sesuai dengan yang kita harapkan</div>
<div style="text-align: justify;">
<br />
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://2.bp.blogspot.com/-ra-M0fY-2U0/Thbp6FMm2hI/AAAAAAAABO8/5kd27kgRdUI/s1600/J.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-ra-M0fY-2U0/Thbp6FMm2hI/AAAAAAAABO8/5kd27kgRdUI/s1600/J.jpg" /></a></div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
Beri warna merah dan hilangkan outline (garis tepi) dengan klik tanda silang (X)</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<br />
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://2.bp.blogspot.com/-sCL91GwFC84/Thbp7Lh1_SI/AAAAAAAABPA/5g5PjPSEIwQ/s1600/K.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-sCL91GwFC84/Thbp7Lh1_SI/AAAAAAAABPA/5g5PjPSEIwQ/s1600/K.jpg" /></a></div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
Ketik font yang mirip dengan yang kita inginkan, kalau ketinggiannya kurang ,tarik keatas dengan syarat <b>Pick Tool</b> aktif pada Toolbox.</div>
<div style="text-align: justify;">
<br />
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://1.bp.blogspot.com/-gYdR1bTwDws/Thbp8DMcEeI/AAAAAAAABPE/Ejqb7xL1fsE/s1600/L.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-gYdR1bTwDws/Thbp8DMcEeI/AAAAAAAABPE/Ejqb7xL1fsE/s1600/L.jpg" /></a></div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
klik ganda pada object sehingga tanda aktif berbentuk panah pada pojok2 object, kemudian geser yang tengan atas ke samping</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<br />
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://2.bp.blogspot.com/-uvg1ghL-KfY/Thbp9JgThsI/AAAAAAAABPI/0g1Kk-lMl2g/s1600/M.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-uvg1ghL-KfY/Thbp9JgThsI/AAAAAAAABPI/0g1Kk-lMl2g/s1600/M.jpg" /></a></div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
Hasilnya akan seperti gambar dibawah ini;</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<br />
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://3.bp.blogspot.com/-BStB38vcy1s/Thbp-Y8GEZI/AAAAAAAABPM/vMcjim2MR9s/s1600/N.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-BStB38vcy1s/Thbp-Y8GEZI/AAAAAAAABPM/vMcjim2MR9s/s1600/N.jpg" /></a></div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
Klik <b>Text Tool</b> pada Toolbox arahkan dan klik cursor pada area kerja (dekat text <b>NIKE</b>), Aktifkan <b>Insert Character</b> pilih symbol Register dan klik tombol <b>Insert</b>.</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<br />
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://2.bp.blogspot.com/-qw1T5gl0Zko/Thbp_vsc-jI/AAAAAAAABPQ/bBQoI4DIhrk/s1600/O.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-qw1T5gl0Zko/Thbp_vsc-jI/AAAAAAAABPQ/bBQoI4DIhrk/s1600/O.jpg" /></a></div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
Selanjutnya klik <b>Eyedropper Tool</b> pada <b>Toolbox </b></div>
<div style="text-align: justify;">
<br />
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://4.bp.blogspot.com/-F7Z4dFH9LC8/ThbqAlV_W6I/AAAAAAAABPU/NlQIMK9_X2g/s1600/P.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-F7Z4dFH9LC8/ThbqAlV_W6I/AAAAAAAABPU/NlQIMK9_X2g/s1600/P.jpg" /></a></div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
Klik <b>Paintbucket</b> pada symbol register maka warna akan <b>sama</b> dengan text <b>NIKE</b></div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<br />
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://3.bp.blogspot.com/-Y-caZlTvcSA/ThbqBhMCDsI/AAAAAAAABPY/awObBQ_5gzQ/s1600/Q.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-Y-caZlTvcSA/ThbqBhMCDsI/AAAAAAAABPY/awObBQ_5gzQ/s1600/Q.jpg" /></a></div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
Selesai ..........</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<a href="http://2.bp.blogspot.com/-RWKI-ZWX-xs/ThbpxXe0q7I/AAAAAAAABOY/55TciNIKdkA/s1600/A.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-RWKI-ZWX-xs/ThbpxXe0q7I/AAAAAAAABOY/55TciNIKdkA/s1600/A.jpg" /></a></div>
<div style="text-align: justify;">
<br />
</div>
</div>
mmskmn1aahttp://www.blogger.com/profile/17065656473531364051noreply@blogger.comtag:blogger.com,1999:blog-4377660075546399421.post-53575205283909607492013-03-18T19:37:00.002-07:002013-03-18T19:37:44.485-07:00Menggambar Wajah Menjadi Kartun <div dir="ltr" style="text-align: left;" trbidi="on">
<h1 class="post-title entry-title">
</h1>
<div class="post-header">
</div>
Judul Asli; Membuat Vector Dengan CorelDRAW X4<br />
<br />
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://4.bp.blogspot.com/-vsP47WaUl58/UAZag34JG8I/AAAAAAAAGVE/w5dBq3_AUb8/s1600/1.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-vsP47WaUl58/UAZag34JG8I/AAAAAAAAGVE/w5dBq3_AUb8/s1600/1.png" /></a></div>
<br />
<br />
<b>Bagian 1;</b><br />
Tutorial Membuat vector ini dperuntukkan khususnya untuk teman-teman di
INDOCCOM (Komunitas Pengguna CorelDRAW Indonsia), atau siapa saja
yang ingin belajar membuat vector.<br />
<b>1. Langkah Awal</b><br />
1.1 Buka CorelDraw, kemudian pada Layer 1 ubah namanya menjadi Image<br />
<br />
<br />
<img src="https://lh3.googleusercontent.com/P48ik4dIOSH3R3tgZEqyxJjgLeUn48LW686RZKFXk5qY4s1NrYn5RubDvFmb4SEuUtf064wfQdgpFI3Dp3SWuDwhLPsUFa8hplGCXgZuqEi1NNYHejw" /><br />
<br />
1.2 Import File yang akan dibuat vector (Ctrl+I) , disini saya menggunakan Image Cinta Lurah<br />
<br />
<img src="https://lh5.googleusercontent.com/UIZgEv0wbLGXJaTRhrEcN-NcLa1M3_aSBEFzjAAFh99l1kBAf7XBue45PPVMGZLKDEwwzGI-qq5b4MmC0PMoFKb1qAQiwH5WwBcGEO4-5Hpaj5qyr70" /><br />
<br />
<b>2. Membuat Mata</b><br />
2.1 Pada Docker Object Manager, Buat Layer baru dan ubah nama Layernya menjadi Mata<br />
Caranya klik Icon New Layer yang terdapat pada sudut bawah pada Docker Object Manajer<br />
<br />
<img src="https://lh3.googleusercontent.com/mIDoxoWnx7Q3-jHliCKiz-sQ_ALBuZ3I3MWKBWHADTg7Dy7vqZS0vupEVKooOBAveCas79-eUlSv5CPXfvUsncifevbcQ3kD8RhhL_tNe3vW6gj3yyk" /><br />
2.2 Buat lingkaran mata menggunakan Bezier Tool, kemudian edit atau sesuaikan menggunakan Shape Tool.<br />
<br />
<img height="150" src="https://lh4.googleusercontent.com/jUT4yrx-dQv3ijChwNZfNT7JN9Wtk8vpQU_Zge9LFNEXe6yL0n2wSGF_EQgcKd90Bi66PzLA64XSF81tyvTSfrPByOVHD0IHK6lxboVrHmcWntdwV64" width="200" /><img height="152" src="https://lh4.googleusercontent.com/XEKX6upuLtqlW7isgekQcGJ0yi1hNXiSAI5WY724yiBwH2RPDZ_W-Nl2_NZT08oQIJrQEfjfcjS5RegyEVve14OeHjMiK9RcQ9iC0522uXB4wGjR92w" width="200" /><br />
<br />
2.3 Buat bola mata menggunakan Ellips tool<br />
Kemudian Intersect pada lingkaran mata,<br />
Caranya :shift+select kedua objek, kemudian klik shortcut Intersect pada Property Bar<br />
Kalau Anda ga’ mau repot, buat Shortcut dulu untuk Intersect, tapi dah tau kan cara buat Shorcutnya.. hehe..<br />
<br />
<img height="152" src="https://lh6.googleusercontent.com/INAM296_XTy7N5fG0djK2R5p5BnvmueBEqZLvtEVQfhEKpK-i6HTMNrzzksWT6uPGwoQ3Jb6FthjS0NlrM6yA9_zCRhV7mgu88_gm3DUSFbqKv1YfvY" width="200" /> <img height="152" src="https://lh6.googleusercontent.com/KlLcgcoHMV84XwGPNSr44_5yY9fVC9ruCWoenvK0ZvlFi13edUsMXtbV-qeXKbwurn74XND3cJP1tNrdZn0tPm5e8tHSmU1rMBgvfmqesb2-LKPsjUc" width="200" /><br />
<br />
Hilangkan (Delete) object bola mata yang utuh<br />
<br />
<img height="152" src="https://lh3.googleusercontent.com/0fJDwAgyzq9srfyHRW-UPGA9TG5iTYuY1r_HDJdSza9nJ2HPJgrbQG3E1Rj-7-9OGRjk6K0mTyh2hfqOZglU308Gf4fHyTRpLdan5xcaaPZjD8ajkGE" width="200" /><img height="151" src="https://lh6.googleusercontent.com/rRrw3PJ_0JrwLN7v0N1ndUV68-7AMremAM1iKx9xUOES_EfGzMJBMumdrTGgshVEYLcZ9hysUOD0H0JcbRtMJzFhyGtpCiD5g3T5ht7IEGNzjGHlU1M" width="200" /><br />
<br />
2.4 Buat object baru menggunakan bezier tool untuk bagian mata yang gelap<br />
Kemudian Intersect dengan lingkaran mata (setelah Intersect slalu hilangkan object utuhnya)<br />
<br />
<img height="152" src="https://lh6.googleusercontent.com/iu8NiXUHoD4rsCX4IMq2dzr1drjgbEN5KAf4hLZNVqvw00Lm4TnheuOZ4cVPmWkdgANTl8RwkwGQ4rEVWPVkfUMV3Ls8asfnYeCTEvhGhXkWokINcWs" width="200" /><img height="152" src="https://lh3.googleusercontent.com/qaKoexXx25teNjImAVsAE2pP6UlsCNXCz4XUJNykYAQQy7rLuMLhxA9KsuuUFCjGrS5nNxAvDNEAa8m4ALaUalKAJNl__4P-HUkuI8XLZHfTI5h_QxE" width="200" /><br />
<br />
Jika object yang dibuat menimpa atau sebagian menutupi bola mata, Anda
tinggal meng-order object to front of layer atau select object kemudian
tekan Shift+PageUp pada keyboard<br />
<br />
<img src="https://lh3.googleusercontent.com/NE6iBPlr_koLqzSW4X_8tt-QbKJPTuQ4UaErOfBViL0PO1XymRMZh1W5AhDY_JHttKvcHjJIZmP_9fA6fim4o3ura_ZJisbMtBjGNbF46jCHm0WGw2M" /><br />
2.5 Lanjutkan membuat bagian mata yang lain dan highligth pada mata<br />
<br />
<img height="152" src="https://lh4.googleusercontent.com/pCS_cyvNNjPRqrQ5D_P6Daq6Xjs3tibZYhY7EILi6-y6UH5tqdK08-K3yvgjVVVVW7JHQ9FEb8RE4BRKYGOmIScwr-UOicBas0M8UuzNMAtlXh2gHIU" width="200" /><img height="152" src="https://lh3.googleusercontent.com/nxc-pWmOPrlTNQLNM1YB1vpwDC_0ZBDAKazllZs0DWh5h9ATH7PXFvVqTnSiwRaPoRk8N3ZC61ZW4mevUOh3HS8L_RgOVLVPvcma3oK9Pb6X8s3CfNw" width="200" /><br />
<br />
2.6 Buat lingkaran terluar pada mata<br />
Setelah itu order to back of layer (shift+PageDown) agar tidak menutupi object lain<br />
<br />
<img height="152" src="https://lh3.googleusercontent.com/pDxxEPRLwXeXdvF-3uRleuaxhqJ5MBqYJ_Odp1UpUuoiCg3fCL4aEyUDC4pIebCWUJ9ywrNGj7lIRTUAxPa89S-JazQbBWNcdE0zk5NDsRlgvcrmXhU" width="200" /><br />
<br />
2.7 Buat bulu mata menggunakan Bezier tool<br />
<br />
<img height="151" src="https://lh3.googleusercontent.com/JmROwtrKgNN1-DiEAXv2dbMvIoZMRC2_1XYAM7dpXVhjV-gL3-dRO68U6GrNvXV1t4tsuwmwcN2YtOCk6zXjN5UzM5mDKyl9jKJEZFIwduBxKdcukb8" width="200" /><br />
2.8 Setelah semua bagian mata selesai, beri warna mata yang sesuai,
pada Color Palletes, warnai mulai dari object yang kecil. Kemudian
hilangkan Outline<br />
<br />
<img height="137" src="https://lh3.googleusercontent.com/PDo2RNyx1CQNtxrXNKFChCEwKzAjSu8JWBY1_rA47Ym1BvzIOi0Y9YE_g7tFNdAWfogI0cI_qvDAIPY-eIssYoXC-u1iRFUmKgzbA1MxtdeipK7bBj0" width="200" /><img height="165" src="https://lh6.googleusercontent.com/Fo9x5Qqoz84OCeG8G07ff4eqaXBeQ_gbZap3ZYXmVQSza-5lFeBdIFz_AOBb4C-SXYDQtjvfwlaq3EqV-HqZ5EjK-bf5N0U5A2qhahwPBy9hKuSsCBI" width="200" /><br />
<br />
2.9 Buat lekukan line pada kelopak mata<br />
<br />
<img height="164" src="https://lh3.googleusercontent.com/a1ltfEu1PNg0sKm1SzcHOKQBwwLLLNaUStXLx7D8uix9DxbTo8SfxSMMG_webv6MrjRnvRscrnRPuleBrFUt5eRlAl10AanJPGjXS-MZ4sOB2Ia80cs" width="200" /><br />
<br />
<b>3. Membuat Alis </b><br />
<br />
3.1 Masih pada Layer Mata, Buat object sebagai dasar alis<br />
<br />
<a href="https://lh5.googleusercontent.com/CjWZT_r9X6_Tt39Jszc6XOGTGR7VWGswz6LYoYp5vnSxWLpHOUJnVqTpnqYLazI1_0SHKvk0x37Jfl77pkoZEitbsol4_pS2_54Y3Km3e70oWQR0zjY"><img border="0" height="151" src="https://lh5.googleusercontent.com/CjWZT_r9X6_Tt39Jszc6XOGTGR7VWGswz6LYoYp5vnSxWLpHOUJnVqTpnqYLazI1_0SHKvk0x37Jfl77pkoZEitbsol4_pS2_54Y3Km3e70oWQR0zjY" width="200" /></a><br />
<br />
Buat satu object bulu alis kemudian Copy-paste kan pada seluruh bagian alis<br />
Lakukan rotate dan transform agar sesuai alur bulu pada alis<br />
<br />
<img height="151" src="https://lh4.googleusercontent.com/cBRV41np6XIq2nSasFdRC1EPpL4o_Bet9P1T_KXnJyEoCiah-NdyrRYPpLywAFWAx1BmNw2-Hl8eBFj3v-3ZCSNz8pNni3MKYu6ZMZ-__8vAwUDwfrA" width="200" /><img height="152" src="https://lh6.googleusercontent.com/ZEhdS3CCPznbYcN4pIhN-e9GGvgtmKKroZFDrCjwTtCBouItrELJ7JHhLw78T46tA5spmAI6-nORNGYw3pG0lP2TxQTBfnxYC11DQriDee1OR1xM2_M" width="200" /><br />
<br />
3.2 Buat juga mata sebelahnya ya Booozzz..<br />
Tungguu… tunggu…. Bulu mata yang bawahnya koq ga da???<br />
Oowh iya yah… ya udah tambahin sendiri ja, gitu ja koq repot.. hehe..<br />
<br />
<img src="https://lh5.googleusercontent.com/nklJBkB2QNhDjNwIGm7AOISbKosZZCq529uonwvsNrU_HbqZDtWhbuK6dK5hihMjvml4gUwbZi3uSy9cpeqOIV9L-BEeUlNPc7eoRflwLdLTsYsZ3M4" /><br />
<br />
<b>4. Membuat Hidung</b><br />
4.1 Buat Layer baru dan ubah nama Layernya menjadi Hidung<br />
4.2 Buat garis tepi dan lubang hidung, kemudian buat highlightnya<br />
<br />
<img src="https://lh5.googleusercontent.com/jtHlsKeLRiWxnhio3z_XS2cCHOWpBa711Mru-RFhRyEkR8pqWsKQuFpYy5GMls6gQsLfOfHbpAsyuvHXY9iyhBQ36XO8geNFh9fen31-0g4r2ewehQU" /><br />
<br />
<b>5. Membuat Bibir (Mulut)</b><br />
5.1 Buat Layer baru dan beri nama Bibir<br />
5.2 Buat Line terluar pada bibir<br />
<br />
<img height="152" src="https://lh5.googleusercontent.com/6gH0ncAq05UeJ5o-pgz6mR-uIXM0J1BY1a1Pyj4p390yAczRNt2L9CBY2N596XCX5okQ47Fs5uF8v8AiQSauaTTlk4l_JSKWuzf43C_nJNER_f5IDBU" width="200" /><img height="152" src="https://lh3.googleusercontent.com/pygRsOu3JWbVNxMepdYH3QTkDfn8pW-9wfCpUkR6d29ZmKsjrpRTwUs__vesNNB_ZGGnSztUMEGgwWK5LGOz1OtgNT2duHpMbXVf4GzO-Pd3wIPA7YE" width="200" /><br />
<br />
5.3 Buat object sesuai dengan perbedaan gelap n terang warna bibir<br />
5.4 Dilanjutkan membuat object gelap / line pemisah antara bibir atas dan bibir bawah<br />
<br />
<img height="152" src="https://lh5.googleusercontent.com/PQiuooyIhcaiOCkz3tqIxzLtg-HaeMDczIXnzaQRCh2vcrC57j1B2LodkN7-goHhaIFvay8yuCD5ysXZYR-6oI7VjmDtR5IB7uAIQcFHkp_N25V89rw" width="200" /><img height="152" src="https://lh6.googleusercontent.com/C4L2rXlOFGj4XQ9ga9yuBkxhFlujZwjkKleFFkicAqHfedYhmN4lIAqRPwOl-3nFmQglvuhq_XwTe9WryoQQDXRyNkC9GbAimPg2mGli3SbgSVqhzzE" width="200" /><br />
<br />
5.5 Warnai dari object yang terkecil hingga seluruh bagian bibir<br />
5.6 Kemudian hilangkan Outline-nya<br />
<br />
<img src="https://lh6.googleusercontent.com/MR0zQpVnveq7mPLEudgiNkTec0IRhJx5LFKMEk2KGauJjj0_9JnXKpLXy5kQ50dAuHCqYIw3HhMhLl4IUHCukGVhLVZe5MOSG6LqRTAWVEqQjVF_pNc" /><br />
<img src="https://lh3.googleusercontent.com/1VCoVxPwoqjCrQW4JRoW2FkH3Klc5QkM_b7JcoY8o9sx2Vbfa6ioLY1a71XcXLLx_ppqFSnx4GqR4C4vPav2I3CSqBbLDut5e8cs6INXrJWSDSoE8Ko" /><br />
<br />
<b>6. Membuat Wajah dan Leher</b><br />
6.1 Buat layer baru dengan ubah nama Layernya menjadi Wajah dan Leher<br />
6.2 Copy-paste kan Image Cinta Lurah dari Layer Background ke Layer Wajah<br />
*Jangan lupa (Unlock dan Lock lagi Image-nya biar ga ke geser)..he..<br />
6.3 Ubah Image dengan Effect Posterize<br />
<br />
Caranya :<br />
Select Image > Pilih Effect pada Menu Bar > Pilih Transform > Posterize <br />
Atur Parameter Posterizenya sesuai keinginan Anda <br />
Sebagai contoh Parameter yang saya gunakan adalah 4<br />
<br />
<img src="https://lh5.googleusercontent.com/rx3X2noKdzpBRqHDSzpHRpilalfLJJftAYQW_pqy2ciumpH88i6Bc0oAEhLuRnWvd7rsnZ_pa2NB1ZtI_lDc-chrWeci5aViJmlD36wAALX12aOTgnw" /><br />
<br />
Image yang telah di beri Effect Posterize akan tampak seperti gambar berikut<br />
<br />
<img src="https://lh4.googleusercontent.com/ZGQN2Hyu0sGyIsNqXV3V8QizlIUM4nEsreoKeufcrbFhWDIZSRD32-3pfsXJQzDhaiYA1ogxchsFN1gs67RvTFXIwrTsL51R2rpQIRoXJECeQYKmUL0" /><br />
<br />
6.4 Trace dengan Bezier tool sesuai bentuk Posterize<br />
Yaitu pertemuan antara warna yang satu dengan warna yang lain<br />
Seperti gambar berikut yang saya buat dengan Line biru<br />
<br />
<img src="https://lh3.googleusercontent.com/grOZaw6u36Db2SAY5hEqPYjKrOLEZ7YOCCUSFJf42XCNbtoG5fozOeDrtzPlgovBsdfEHamUc8xIT70mpzQz65l__j8piQEiNuAXg-1pgKigus5gtnw" /><br />
<br />
6.5 Warnai wajah kemudian hilangkan Outlinenya<br />
<br />
<br />
<br />
<br />
<br />
<br />
<b>7. Membuat Rambut</b><br />
7.1 Buat Layer baru ubah nama Layernya menjadi Rambut<br />
7.2 Buat object Rambut sesuai pada Image yang telah diposterize <br />
Tetapi sebagian rambut agak menjorok menutupi sebagian wajah dan leher<br />
7.3 Kemudian buat object sesuai highlight pada rambut juga<br />
7.4 Selanjutnya rambut di warnai<br />
7.5 Hilangkan outline pada rambut<br />
<br />
<img height="162" src="https://lh5.googleusercontent.com/bTrVcl1OnkovAV4drwy_DL-qL6vqT26dZERz1fM4xXG_CVB2kPQxqvqgZySmxtAcLBZjN0B5A6rCulknYbm_Q6OHvxztLZonYpNut5vOAwwEV5XKa1w" width="400" /><br />
<br />
7.6 Hilangkan Layer Image Posterize<br />
Maka akan tampak seperti berikut <br />
<br />
<img src="https://lh6.googleusercontent.com/JSbbj6OZraKfDWV8lCBlGb2MuwjyXo5XRyxLylvWd6XZrkjorsOrijHM3w8vb0y9OyjgpXFGE8mQt1JOr7eczw6AeHpgalwJ_9g33zArXku_LKNO75Q" /><br />
<br />
<br />
7.7 Trim Object terluar pada wajah (1) dengan Rambut (2)<br />
Cara Trim : Shift+select Object 1 dan 2 kemudian klik Icon Trim pada Property Bar<br />
Trim Object terluar pada leher (3) dengan Rambut (4)<br />
Caranya seperti diatas<br />
Berikut Gambar Object yang akan di Trim dan gambar rambut yang telah di Trim<br />
<br />
<img height="200" src="https://lh3.googleusercontent.com/GYi3RtrS8D6XHHjLn1wsKNp_4e-SY1171K_JZLD-RBLudNpyqUNFHBwJVT9zZtRA-fWrVvEp1FLPx2K3UxMKLv5bUpIvnkYpo2upVBg-FG3qOTWPTQI" width="170" /><img height="200" src="https://lh6.googleusercontent.com/HHH18SBnKiMt6QlpTNQhtSPM5HDgGISowTgOqPufs4zJeX-zWjl_VTEJn0d07MPuyXbHjpYtlwLqeOE6dbwxbTX0vaXVeH7RlfSb2LNzuw4xnLlKY4s" width="169" /><br />
<br />
7.8 Pindahkan atau drag Layer Wajah pada posisi di atas Layer Image<br />
<br />
<img src="https://lh3.googleusercontent.com/NEwDVU4-BuU5vZEmC9hmtVTnDMGcH4LfbUt6PGiRghRNTlFA38NTnqx2JCx6BF6dVxpBuYLASmMCTbSOJXoCsweIoXYFdTsCQ6a5o1ZfX1R8PrSTfFc" /><img src="https://lh3.googleusercontent.com/zC66cBOcePJosngXUEeRGVyl-_eOpP5zWjGK3PrrMl9SSKIASi-DDHLTXwZaIS2bhyx6c94LZjG_wIE59nRmC7JuSbu2DmHM35bzHuOCVpRpHdx8Vzc" /><br />
Hingga tampak seperti gambar berikut<br />
<br />
<img src="https://lh4.googleusercontent.com/hpbSmXSNemXZU0c7vaXJbJwTAyKKG6b-Wva-A86tg7_UCcSlWFSLT8OmvF6wQCWONtSjiEGrv7ms9iowE2Tqn1tGeFMmsnL1Arfz6j_4PgrS9mLuHPI" /><br />
<br />
<b>8. Buat Object untuk Kaos pada Layer Image</b><br />
*alasan membuat kaos pada layer Image karena Layer Image berada pada
posisi paling dasar sehingga tidak menutupi Object yang lain<br />
Seperti gambar berikut, sengaja dibuat warna biru agar terlihat jelas ya Boozz..<br />
<br />
<img src="https://lh6.googleusercontent.com/93arXAjacBC0umPEMl-Rd8OxUALD6-x_fNb9evYvgLo2lP3cT_1GB_jzdUVI8dF3CnLLyOwaAcJa_iJeReQGh3l5QYnl-mxb3k-pJp0Gcy0CxTYcIis" /><br />
<br />
8.1 Beri efect lipatan dan lighting dengan warna yang lebih gelap agar terlihat tidak flat (datar)<br />
Seperti gambar berikut<br />
<br />
<img src="https://lh5.googleusercontent.com/nUVRQq2Da3oXMSaKXoo9ss1W8Z33zKwGhomGPFCGiwZxFQNZloVTh8-uCJknpboUhzaRE6GsnLjujNtL3EQpYFCzeT763Rur5xaDjLOwj0PqjFDkd8o" /><br />
<br />
Nah udah hampir jadi nich sooob..<br />
<br />
Langkah selanjutnya,<br />
<br />
<b>9. Hilangkan Image (bitmap) Pada layer Image </b><br />
9.1 kemudian masih pada layer Image, buat object kotak untuk backgroundnya menggunakan Rectangle tool,<br />
(pindahkan objeck kotak tersebut pada posisi paling dasar agar tidak menutupi object yang lain )<br />
9.2 Beri warna dengan Fountain Fill, type Radial atau menurut selera Anda,<br />
Disini saya menggunakan warna Orange dan putih <br />
Maka hasilnya seperti gambar berikut<br />
<br />
<a href="https://lh4.googleusercontent.com/yZi2pkKrnOTb9xQ2chvZebKOqvchQcAg8VvxbBQrFyQtw35uytxoDWRFeC_rOzc_A8dS0ZP-NAdlz2pCGOpDzQIRaj5cLb2X0acJIcaClj1YFHlO8bM"><img border="0" src="https://lh4.googleusercontent.com/yZi2pkKrnOTb9xQ2chvZebKOqvchQcAg8VvxbBQrFyQtw35uytxoDWRFeC_rOzc_A8dS0ZP-NAdlz2pCGOpDzQIRaj5cLb2X0acJIcaClj1YFHlO8bM" /></a><img src="https://lh6.googleusercontent.com/KEgeLRKGrUPNHTiwNwHj5-c1lqHgE57OwvNWmPAgbGFzyKMpPeUk5ERihgEIxemeWf-LA23ah53uSyljhZ-NVq9y-fLA0NgHDdoTvtBj9pbDenm8lRE" /><br />
<br />
Waah dah jadi niich… <br />
Eeiiiiitttsss… highlight dhidung terlalu terang noooh…<br />
Oh.. Iyaya… tinggal disamakan dengan warna highlight yang di pipi atau,
di beri effect transparency type Uniform dengan parameter 50%...<br />
Bereeeeessss….<br />
tapi kalo belum merasa pas, boleh lakukan editing dan penambahan sampai Anda merasa karya Anda telah sempurna…<br />
Niiiich hasil akhirnya setelah di kutak katik pada lighting bagian
leher, pemberian Line antara leher dan wajah, dan bagian pada bagian
rambut….<br />
<br />
<img height="240" src="https://lh5.googleusercontent.com/tCcJVTzbUw3ysA04gdluBBoNEq7ETf4HyyXgMTzX67NAwe7ygJqyeWpUNkDoPiqnC-yCyA1W7BXLWSzk8q1PmMG8Y4RJbgDf-A6SeQAYXTMt5s4VImU" width="400" /><br />
Mudah-mudahan tutorial ini bermanfaat..<br />
Selamat berkarya semoga karya Anda lebih baik lagi…<img src="https://lh5.googleusercontent.com/26pcVZZfUcl3YheR80IbX2t_2m__mNCBxYTNg1ST4900p75OwwNFY0FP6pr4glDh9oh_WMTXem5sJL_noaCcopZGU4igmJLmwr88M8d5-N-iDNcwLLI" /></div>
mmskmn1aahttp://www.blogger.com/profile/17065656473531364051noreply@blogger.comtag:blogger.com,1999:blog-4377660075546399421.post-35086623295695504492013-03-18T19:33:00.001-07:002013-03-18T19:33:08.044-07:00Membuat Effect Bevel dengan CorelDRAW<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 class="post-title entry-title">
</h1>
<div class="post-header">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://lh5.ggpht.com/_y62nPKOnMVU/TP0rbeyW9bI/AAAAAAAAAPs/iuKzoc93I3w/s800/bevel_1.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="125" src="http://lh5.ggpht.com/_y62nPKOnMVU/TP0rbeyW9bI/AAAAAAAAAPs/iuKzoc93I3w/s800/bevel_1.jpg" width="125" /></a></div>
<div style="text-align: justify;">
Sebenarnya membuat efek bevel pada CorelDRAW tidak serumit yang Mas2 bro
sekalian bayangkan dan tidak perlu menggunakan trik aneh-aneh yang
mungkin akan buang waktu percuma, pada CorelDRAW X5 Sampeyan diberi
kemudahan untuk itu, ok..! begini caranya:</div>
<div style="text-align: justify;">
<a href="http://www.blogger.com/blogger.g?blogID=7765073826584814989" name="more"></a></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Ini hanya contoh saja, buat teks “<b>BEVEL</b>” dengan menggunakan Font <b>Arial Black</b>. Beri warna abu-abu dengan menggunakan Color palette di samping kanan layar. hasilnya seperti gambar dibawah ini:</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/_y62nPKOnMVU/TP0kLQlb8RI/AAAAAAAAAOo/hZh_84Nwbuw/s1600/arial+black.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="63" src="http://4.bp.blogspot.com/_y62nPKOnMVU/TP0kLQlb8RI/AAAAAAAAAOo/hZh_84Nwbuw/s320/arial+black.jpg" width="320" /></a></div>
<br />
<br />
Pada Menu Bar pilih <b>Effects</b> > pilih <b>Bevel</b>, <br />
<br />
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="http://2.bp.blogspot.com/-L0SMqz3UESs/TgqtRxPuY1I/AAAAAAAABAw/7sbdJK2fjWE/s1600/bv1.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-L0SMqz3UESs/TgqtRxPuY1I/AAAAAAAABAw/7sbdJK2fjWE/s1600/bv1.jpg" /></a></div>
<br />
<br />
Maka akan muncul <b>Roll-up Docker</b> di samping kanan layar monitor, kemudian atur parameter, kalau mas bro sekalian rasa cukup klik <b>Apply</b>.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="http://4.bp.blogspot.com/-OgV_iV6DdB0/TgqtTM7LeXI/AAAAAAAABA0/9gF2GZ4ryC0/s1600/bv2.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-OgV_iV6DdB0/TgqtTM7LeXI/AAAAAAAABA0/9gF2GZ4ryC0/s1600/bv2.jpg" /></a></div>
<br />
<br />
kira-kira hasilnya seperti dibawah ini:<br />
<br />
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/_y62nPKOnMVU/TP0kJdvKogI/AAAAAAAAAOk/lunJKDcmYUI/s1600/bevel.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="64" src="http://1.bp.blogspot.com/_y62nPKOnMVU/TP0kJdvKogI/AAAAAAAAAOk/lunJKDcmYUI/s320/bevel.jpg" width="320" /></a></div>
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Selesai...mudah kan...! selamat mencoba.</div>
</div>
mmskmn1aahttp://www.blogger.com/profile/17065656473531364051noreply@blogger.comtag:blogger.com,1999:blog-4377660075546399421.post-49811508314108369722013-03-18T19:30:00.002-07:002013-03-18T19:30:45.362-07:00Cara Merubah Default Warna di CorelDRAW <div dir="ltr" style="text-align: left;" trbidi="on">
<h1 class="post-title entry-title">
</h1>
<div class="post-header">
</div>
<div style="text-align: justify;">
Ada pertanyaan dari Rekan kita di Group IndoCCom, begini sebagian dari penggalan pertanyaannya; </div>
<div style="text-align: justify;">
".... di X5 pngen itemnya default C100M100Y100K100 gmn ya? dah di set as default tetep ga rubah tuh gan, ada trick? :)"</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<b>Jawab:</b></div>
<div style="text-align: justify;">
Secara default setiap pertama kali kita membuat objek baru pada <b>status bar</b> seperti dibawah ini tampilannya;</div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://4.bp.blogspot.com/-NORrbVBHF4o/UEIBVbapgMI/AAAAAAAAGko/3XHChhvSVBs/s1600/01.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-NORrbVBHF4o/UEIBVbapgMI/AAAAAAAAGko/3XHChhvSVBs/s1600/01.png" /></a></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Berarti mungkin maksudnya pada Outline yang diganti default-nya menjadi
C:100 M:100 Y:100 K:100, sebenarnya warna C:100 M:100 Y:100 K:100 pada <b>Default: CMYK palette</b> sudah ada, letaknya pada deretan warna yang paling bawah;</div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://3.bp.blogspot.com/-AlhV42cpJvY/UEIDZ-HPcmI/AAAAAAAAGlw/SXjSIGRt3VM/s1600/02.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-AlhV42cpJvY/UEIDZ-HPcmI/AAAAAAAAGlw/SXjSIGRt3VM/s1600/02.png" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Kita hanya tinggal menggeser keatas saja biar enak kalau suatu saat
membutuhkan, caranya klik pada panah segitiga di samping kiri atas >
beri tanda centang pada <b>Set As Default;</b></div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://3.bp.blogspot.com/-j11BgOLCEso/UEIBXVn8WzI/AAAAAAAAGk4/0KW9gBR-BYo/s1600/03.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-j11BgOLCEso/UEIBXVn8WzI/AAAAAAAAGk4/0KW9gBR-BYo/s1600/03.png" /></a></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Selanjutnya Klik tahan pada kotak warna C:100 M:100 Y:100 K:100;</div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://4.bp.blogspot.com/-yPArVqjHiPI/UEIBYUq5DzI/AAAAAAAAGlA/JNc1uxSklNQ/s1600/04.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-yPArVqjHiPI/UEIBYUq5DzI/AAAAAAAAGlA/JNc1uxSklNQ/s1600/04.png" /></a></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Drag (geser) keatas, kemudian lepas pointer mouse;</div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://3.bp.blogspot.com/-BVV35GhajIM/UEIBZdj00pI/AAAAAAAAGlI/oEgxAPcBauA/s1600/05.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-BVV35GhajIM/UEIBZdj00pI/AAAAAAAAGlI/oEgxAPcBauA/s1600/05.png" /></a></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Hasilnya seperti gambar dibawah dan untuk menjadikan <b>Default</b> caranya pastikan tidak ada objek yang terseleksi <b>klik kanan</b> pada palet warna tersebut untuk mengganti default pada outline;</div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://4.bp.blogspot.com/-V4Dti-JhOuw/UEIBaEugGzI/AAAAAAAAGlQ/tOBdejBO_Fo/s1600/06.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-V4Dti-JhOuw/UEIBaEugGzI/AAAAAAAAGlQ/tOBdejBO_Fo/s1600/06.png" /></a></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Selanjutnya klik pada <b>Menu Bar</b> > <b>Tool </b>> <b>Save Setting As Default,</b> selesai;</div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://1.bp.blogspot.com/-RLui65TUANY/UEIBax1F9uI/AAAAAAAAGlY/Twqlttxsm-4/s1600/07.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-RLui65TUANY/UEIBax1F9uI/AAAAAAAAGlY/Twqlttxsm-4/s1600/07.png" /></a></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Maka hasilnya setiap kita membuat objek baru maka akan kita peroleh komposisi warna seperti dibawah ini;</div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://3.bp.blogspot.com/-0MtxFVu399g/UEIBblz1VEI/AAAAAAAAGlg/PLgAe-shll4/s1600/08.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-0MtxFVu399g/UEIBblz1VEI/AAAAAAAAGlg/PLgAe-shll4/s1600/08.png" /></a></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Kalau kita menginginkan pada<b> fill</b> juga berwarna C:100 M:100 Y:100 K:100 maka lakukan sama seperti langkah diatas tapi hanya <b>klik</b> (klik kiri) saja pada warna C:100 M:100 Y:100 K:100, maka hasilnya akan seperti dibawah ini setelah kita membuat objek baru;</div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://1.bp.blogspot.com/-KU_52Y0_FPE/UEIBcI1o2lI/AAAAAAAAGlo/gqtfzqERReA/s1600/09.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-KU_52Y0_FPE/UEIBcI1o2lI/AAAAAAAAGlo/gqtfzqERReA/s1600/09.png" /></a></div>
</div>
mmskmn1aahttp://www.blogger.com/profile/17065656473531364051noreply@blogger.comtag:blogger.com,1999:blog-4377660075546399421.post-7268780101378837872013-03-18T19:29:00.003-07:002013-03-18T19:29:48.219-07:00Mencetak Kartu Nama di CorelDRAW <div dir="ltr" style="text-align: left;" trbidi="on">
<h1 class="post-title entry-title">
</h1>
<div class="post-header">
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://2.bp.blogspot.com/-5cpDSma5tvg/UEcQTlHEMTI/AAAAAAAAGsg/8vlAFPPJ0qk/s1600/06.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-5cpDSma5tvg/UEcQTlHEMTI/AAAAAAAAGsg/8vlAFPPJ0qk/s1600/06.png" /></a></div>
<div style="text-align: justify;">
Ukuran standard kartu nama adalah 5.5 x 9 cm, untuk mencetak satu
persatu Masbro akan memerlukan waktu lama untuk memenuhi target yang di
inginkan, sehingga sampeyan harus men-setting menjadi beberapa objek
desain kartu nama sesuai dengan ukuran kertas standard yang ada, seperti
ukuran kertas A4 bisa menjadi 10 kartu nama dengan ukuran standard, di
CorelDRAW Masbro sekalian bisa mencetak secara langsung 1 desain kartu
mana menjadi beberapa/lebih dari 1 sesuai dengan ukuran kertas standard
yang ada, triknya sebagai berikut;</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Setelah Masbro selesai membuat desain kartu nama, atur ukuran kertas <b>Custom</b> dengan ketik 9.0 x 5.5 sesuai dengan ukuran kartu nama;</div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://1.bp.blogspot.com/-a09GqlZFiGY/UEcPYkVucSI/AAAAAAAAGr4/n_xzarleCts/s1600/01.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-a09GqlZFiGY/UEcPYkVucSI/AAAAAAAAGr4/n_xzarleCts/s1600/01.png" /></a></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Klik tombol <b>Print</b> pada <b>Property Bar;</b></div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://2.bp.blogspot.com/-GA5ZJSTh704/UEcPZ5sjMoI/AAAAAAAAGsA/PFi5DwELzmE/s1600/02.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-GA5ZJSTh704/UEcPZ5sjMoI/AAAAAAAAGsA/PFi5DwELzmE/s1600/02.png" /></a></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Klik <b>Print Preview;</b></div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://4.bp.blogspot.com/-UqWn5RKd0_E/UEcPa25A8tI/AAAAAAAAGsI/SKGPq_ZfhmI/s1600/03.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-UqWn5RKd0_E/UEcPa25A8tI/AAAAAAAAGsI/SKGPq_ZfhmI/s1600/03.png" /></a></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Klik pada pilihan <b>Imposition Layout tool</b> dan atur pada <b>Pager Across/Down</b> sesuai dengan jumlah banyaknya yang akan sampeyan print dengan disesuaikan lebar kertas, disini misalnya kertas A4;</div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://2.bp.blogspot.com/-hE3Y0Pasim8/UEcPcPJN9xI/AAAAAAAAGsQ/1ymZDme6o50/s1600/04.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="375" src="http://2.bp.blogspot.com/-hE3Y0Pasim8/UEcPcPJN9xI/AAAAAAAAGsQ/1ymZDme6o50/s400/04.png" width="400" /></a></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Hasilnya seperti gambar dibawah ini, dan sampeyan siap untuk mencetak dengan tekan tombol (icon) Print;</div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://3.bp.blogspot.com/-OWK9tFQmu_w/UEcPeHzmgtI/AAAAAAAAGsY/-pynhZdc6_c/s1600/05.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-OWK9tFQmu_w/UEcPeHzmgtI/AAAAAAAAGsY/-pynhZdc6_c/s1600/05.png" /></a></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Demikian.....</div>
</div>
mmskmn1aahttp://www.blogger.com/profile/17065656473531364051noreply@blogger.comtag:blogger.com,1999:blog-4377660075546399421.post-65144086658697067792013-03-18T19:28:00.003-07:002013-03-18T19:28:26.345-07:00Membuat Bayangan Objek dengan CorelDRAW <div dir="ltr" style="text-align: left;" trbidi="on">
<h1 class="post-title entry-title">
</h1>
<div class="post-header">
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://2.bp.blogspot.com/-YPFV_NeeOWY/UEJJGE2RQRI/AAAAAAAAGmQ/LLlDqFcFqwU/s1600/01.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="107" src="http://2.bp.blogspot.com/-YPFV_NeeOWY/UEJJGE2RQRI/AAAAAAAAGmQ/LLlDqFcFqwU/s320/01.png" width="320" /></a></div>
<div style="text-align: justify;">
Pada tutorial ini kita membuat bayangan pada objek dengan menggunakan fasilitas <b>Transparency tool;</b></div>
<div style="text-align: justify;">
Sebagai contoh kita ketik tulisan "CorelDRAW" dengan <b>Text tool</b> pada <b>Toolbox,</b> selanjutnya pada <b>Menu Bar</b> > <b>Arrange</b> > pilih <b>Transformations</b> > <b>Scale and mirror;</b></div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://1.bp.blogspot.com/-1BqtTpz-bkc/UEJJHDC7PzI/AAAAAAAAGmY/W5ulN1VeaGs/s1600/02.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-1BqtTpz-bkc/UEJJHDC7PzI/AAAAAAAAGmY/W5ulN1VeaGs/s1600/02.png" /></a></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Setelah tampil menu <b>Transformations</b>, objek masih keadaan terseleksi klik sesuai urut nomor; </div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://2.bp.blogspot.com/-2SkuFKA7LJ4/UEJJIPTx4-I/AAAAAAAAGmg/K3SeLjiLk94/s1600/03.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-2SkuFKA7LJ4/UEJJIPTx4-I/AAAAAAAAGmg/K3SeLjiLk94/s1600/03.png" /></a></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Sehingga hasilnya akan seperti gambar dibawah ini, objek yang bawah terseleksi; </div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://3.bp.blogspot.com/-Bx8Y7dDiE-M/UEJJJbao-LI/AAAAAAAAGmo/9CUdjJVyeDc/s1600/04.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="130" src="http://3.bp.blogspot.com/-Bx8Y7dDiE-M/UEJJJbao-LI/AAAAAAAAGmo/9CUdjJVyeDc/s320/04.png" width="320" /></a></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Selanjutnya pada <b>Toolbox</b> klik <b>Transparency tool</b> dan arahkan mouse pada objek tulisan yang bawah; </div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://2.bp.blogspot.com/-HyA1Pu1rx4U/UEJJKQSF1pI/AAAAAAAAGmw/wL54C_pX0_w/s1600/05.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="134" src="http://2.bp.blogspot.com/-HyA1Pu1rx4U/UEJJKQSF1pI/AAAAAAAAGmw/wL54C_pX0_w/s320/05.png" width="320" /></a></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Atur sedemikian rupa sampai terlihat pantes, kira-kira seperti gambar dibawah ini;</div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://1.bp.blogspot.com/-GqJGQQIwclw/UEJJLihCvwI/AAAAAAAAGm4/gJp7MC-u8Vs/s1600/06.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="129" src="http://1.bp.blogspot.com/-GqJGQQIwclw/UEJJLihCvwI/AAAAAAAAGm4/gJp7MC-u8Vs/s320/06.png" width="320" /></a></div>
<br />
Selesai, mudah-mudahan mudah dimengerti;
</div>
mmskmn1aahttp://www.blogger.com/profile/17065656473531364051noreply@blogger.comtag:blogger.com,1999:blog-4377660075546399421.post-9021085759290339122013-03-18T19:24:00.000-07:002013-03-18T19:24:11.565-07:00Mengenal CorelDRAW X4<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="post-header">
</div>
<div style="text-align: justify;">
Disini kita menggunakan <strong>CorelDRAW X4. S</strong>ebelum ke pokok permasalahan alangkah baiknya kita mengenal hal yang berkaitan dengan lingkungan kerja <strong>CorelDRAW</strong>, prosedur yang digunakan untuk menjalankan program <strong>CorelDRAW X4</strong> adalah: Klik <strong>Start</strong> --> <strong>Programs</strong> --> <strong>Corel Graphics Suite X4</strong> --> <strong>CorelDRAW X4</strong>, atau <strong>Klik Enter / Doubel Klik</strong> Icon <strong>CorelDRAW X4</strong> pada <strong>Desktop </strong>seperti gambar dibawah ini;</div>
<div style="text-align: justify;">
<br />
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="http://4.bp.blogspot.com/-bUu6VpR0dY4/ThCCcsuThKI/AAAAAAAABHU/y6R_I-Dvor8/s1600/desktop.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-bUu6VpR0dY4/ThCCcsuThKI/AAAAAAAABHU/y6R_I-Dvor8/s1600/desktop.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br />
</div>
<div class="separator" style="clear: both; text-align: left;">
<br />
</div>
<br />
Kemudian tampil kotak dialog sebagai berikut :<br />
<br />
</div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://3.bp.blogspot.com/-kdTDxCOncYk/TgitHHf0bAI/AAAAAAAABAI/E6B9jOtS2a0/s1600/1.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="259" src="http://3.bp.blogspot.com/-kdTDxCOncYk/TgitHHf0bAI/AAAAAAAABAI/E6B9jOtS2a0/s400/1.jpg" width="400" /></a></div>
<div style="text-align: justify;">
<br />
<strong>Keterangan;</strong><br />
<br />
<strong>Quick Start:</strong> </div>
<div style="text-align: justify;">
Menu untuk memulai dengan cepat dengan membuka beberapa file yang terakhir dikerjakan, </div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<strong>What's New:</strong> </div>
<div style="text-align: justify;">
Menu tentang informasi terbaru program coreldraw X4 dengan berbagai kelebihan dibanding CorelDRAW versi sebelumnya</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<strong>Learning Tools:</strong> </div>
<div style="text-align: justify;">
Menu informasi tentang cara belajar menggunakan CorelDRAW dengan video DVD dan tambahan 5 link menu untuk tutorial CorelDRAW X4.</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<strong>Gallery:</strong> </div>
<div style="text-align: justify;">
Menu
informasi tentang hasil olah kerja dengan CorelDRAW hasil karya para
desainer yang telah menyumbang hasil karya mereka diweb resmi coreldraw,
disana diberikan link untuk mengujungi langsung web pembuat desain
dengan coreldraw ini.</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<strong>Updates:</strong> </div>
<div style="text-align: justify;">
Link
untuk update CorelDRAW terbaru dan berpartisipasi untuk menyumbangkan
hasil karya dengan CorelDRAW international design contestan</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
Sebagai langkah awal pembuatan
objek grafis sampeyan pilih Quick Start > Start New > New Blank
Document (untuk versi sebelumnya pilih New Graphic), sehingga tampil
lembar kerja utama sebagai berikut :</div>
<br />
<br />
<div>
<a href="http://3.bp.blogspot.com/-5wu1fynDuvw/TgitKAOx57I/AAAAAAAABAM/ThFN1LJI1zw/s1600/2.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="321" src="http://3.bp.blogspot.com/-5wu1fynDuvw/TgitKAOx57I/AAAAAAAABAM/ThFN1LJI1zw/s400/2.jpg" width="400" /></a></div>
<ol>
<li><div style="text-align: justify;">
<strong>Judul Window:</strong> Berisi nama program dan nama file</div>
</li>
<li><div style="text-align: justify;">
<strong>Menu Bar:</strong> Berisi perintah yang digunakan </div>
</li>
<li><div style="text-align: justify;">
<strong>Toolbar Standard:</strong> Untuk mempersingkat pekerjaan.</div>
</li>
<li><div style="text-align: justify;">
<strong>Property Bar:</strong> Tombol mempermudah pemakaian Toolbox </div>
</li>
<li><div style="text-align: justify;">
<strong>Toolbox:</strong> Alat untuk memproses atau memodifikasi objek </div>
</li>
<li><div style="text-align: justify;">
<strong>Rulers:</strong> Untuk ketepatan ukuran objek</div>
</li>
<li><div style="text-align: justify;">
<strong>Status Page:</strong> Informasi tertang jumlah halaman</div>
</li>
<li><div style="text-align: justify;">
Control Window: Perkecil, perbesar dan menutup window. </div>
</li>
<li><div style="text-align: justify;">
<strong>Printable Area:</strong> Area pencetakan objek gambar </div>
</li>
<li><div style="text-align: justify;">
<strong>Drawing Window:</strong> Area untuk mengolah objek gambar</div>
</li>
<li><div style="text-align: justify;">
<strong>Vertical Scrollbar:</strong> Untuk menggulung layar tegak lurus</div>
</li>
<li><div style="text-align: justify;">
<strong>Color Palette:</strong> Untuk warna pada objek gambar aktif</div>
</li>
<li><div style="text-align: justify;">
<strong>Status Bar:</strong> Berisi informasi objek gambar aktif</div>
</li>
<li><div style="text-align: justify;">
<strong>Horizontal Scrollbar:</strong> Untuk menggulung layar mendatar</div>
</li>
<li><div style="text-align: justify;">
<strong>Dockers:</strong> menu Roll Up</div>
</li>
</ol>
<div style="text-align: justify;">
Demikian sekilas tentang pengenalan CorelDRAW</div>
<br /><div style="text-align: justify;">
<br />
</div>
</div>
mmskmn1aahttp://www.blogger.com/profile/17065656473531364051noreply@blogger.comtag:blogger.com,1999:blog-4377660075546399421.post-62754628713126034592013-02-25T05:33:00.001-08:002013-03-18T19:47:58.959-07:00Animasi Flash- Membuat Jam Analog<div dir="ltr" style="text-align: left;" trbidi="on">
Dalam membuat media pembelajaran maupun game edukasi, biasanya Tim
Gardu Media menambahkan asessoris untuk mempercantik tampilan. Asessoris
yang sering dibuat adalah jam digital. Namun, untuk kali ini kita akan
belajar bersama untuk membuat jam analog.<br />
Yuk, mari!<br />
<br />
1. Buatlah flash document.<br />
2. Buatlah sebuah gambar seperti di bawah ini. Kita bisa menggunakan oval tool, text tool, dan panel transform untuk membuatnya.<br />
<br />
<br />
<div style="text-align: center;">
<img alt="[Image: 537441_2752832397957_1332137249_n.jpg]" border="0" src="http://sphotos-c.ak.fbcdn.net/hphotos-ak-ash3/537441_2752832397957_1332137249_n.jpg" /></div>
<br />
3. Untuk jarum jam, kita akan membuat ukurannya sama seperti jam dinding
kita: jarum jam terpendek, jarum menit paling panjang, jarum detik
panjang tipis.<br />
4. Buatlah tiga buah garis seperti gambar di bawah ini :<br />
<br />
<div style="text-align: center;">
<img alt="[Image: 398160_2752832517960_521645625_n.jpg]" border="0" src="http://sphotos-a.ak.fbcdn.net/hphotos-ak-ash4/398160_2752832517960_521645625_n.jpg" /></div>
<br />
5. Seleksi garis yang paling kecil, kemudian tekan F8 (Klik Kanan -->
Convert to Symbol). Pada panel yang muncul masukkan jam_mc dan movie
clip sebagai type serta pastikan titik registrationnya berada di tengah
bagian bawah lalu tekan OK<br />
<br />
<div style="text-align: center;">
<img alt="[Image: 530612_2752832597962_893018420_n.jpg]" border="0" src="http://sphotos-g.ak.fbcdn.net/hphotos-ak-ash3/530612_2752832597962_893018420_n.jpg" /></div>
<br />
6. Seleksi movie clip jam_mc di stage kemudian tekan Ctrl+F3. Pada panel
properties yang muncul kita masukkan jam_mc sebagai instance name.<br />
7. Seleksi garis kedua (garis yang tidak terlalu panjang), kemudian
tekan F8. Pada panel yang muncul kita masukkan detik_mc dan movie clip
sebagai type serta pastikan titik registrationnya berada di tengah
bagian bawah lalu tekan OK.<br />
8. Seleksi movie clip detik_mc di stage kemudian tekan Ctrl+F3. Pada
panel properties yang muncul kita masukkan detik_mc sebagai instance
name.<br />
9. Seleksi garis ketiga (garis yang paling panjang), kemudian tekan F8.
Pada panel yang muncul kita masukkan menit_mc dan movie clip sebagai
type serta pastikan titik registrationnya berada di tengah bagian bawah
lalu tekan OK.<br />
8. Seleksi movie clip menit_mc di stage kemudian tekan Ctrl+F3. Pada
panel properties yang muncul kita masukkan menit_mc sebagai instance
name.<br />
9. Letakan movie clip jam_mc di tengah lingkaran yang kita buat
sebelumnya, disusul movie clip menit_mc ditempat yang sama movie clip
jam_mc, lalu kita letakkan juga movie clip detik_mc ditempat yang sama
movie clip jam_mc dan menit_mc berada. Kira-kira tampilannya menjadi
seperti ini:<br />
<br />
<div style="text-align: center;">
<img alt="[Image: 601286_2752832797967_1116094857_n.jpg]" border="0" src="http://sphotos-f.ak.fbcdn.net/hphotos-ak-ash3/601286_2752832797967_1116094857_n.jpg" /></div>
<br />
10. Setelah semuanya terpasang, klik frame 1 dan tekan F9. Pada panel actions yang muncul kita masukkan script berikut:<br />
<br />
<b><b>code;</b></b><br />
<b><b><code>//perintah yang dijalankan ketika frame dimainkan<br />
onEnterFrame = function () {<br />
//membuat variable<br />
waktu = new Date();<br />
jam = waktu.getHours();<br />
menit = waktu.getMinutes();<br />
detik = waktu.getSeconds();<br />
//digunakan jika komputer menggunakan sistem 12 jam<br />
//jika nilai variable jam lebih dari 12 maka akan dikurangi 12<br />
if (jam>12) {<br />
jam -= 12;<br />
}<br />
//animasi movieclip <br />
jam_mc._rotation = jam*30+(menit/2);<br />
menit_mc._rotation = menit*6;<br />
detik_mc._rotation = detik*6;<br />
};</code></b></b><br />
<br />
<b><b><code>11. Tekan Ctrl+Enter untuk melihat hasilnya. </code> </b></b> </div>
mmskmn1aahttp://www.blogger.com/profile/17065656473531364051noreply@blogger.comtag:blogger.com,1999:blog-4377660075546399421.post-48953983173336330762013-02-25T05:29:00.005-08:002013-03-18T19:47:50.003-07:00Animasi Flash- Membuat Animasi Loading Sederhana <div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div class="post_body" id="pid_125">
<span style="font-family: Verdana;"> Hampir semua multimedia
menggunakan animasi loading sebelum masuk ke menu utama. Pada tutorial
kali ini, marilah kita belajar bersama membuat animasi loading
sederhana.<br />
<br />
</span><br />
<blockquote>
<span style="font-family: Verdana;"><cite>Quote:</cite>1. Buat 3 buah layer dengan nama sesuka Anda</span><br />
<span style="font-family: Verdana;"><br /></span>
<div class="spoiler" style="margin-top: 5px; margin: 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<span style="font-family: Verdana;">awal </span></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div>
<span style="font-family: Verdana;"><img alt="[Image: 1-1_zps8e4f12cd.jpg]" border="0" height="115" src="http://i633.photobucket.com/albums/uu51/rikudou_sensei/1-1_zps8e4f12cd.jpg" width="640" /></span></div>
</div>
</div>
<span style="font-family: Verdana;"><br /></span>
<span style="font-family: Verdana;">2. Buatlah panjang frame ketiga layer sampai pada frame ke-60</span><br />
<span style="font-family: Verdana;"><br /></span>
<div class="spoiler" style="margin-top: 5px; margin: 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<span style="font-family: Verdana;">Editing1 </span></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div>
<span style="font-family: Verdana;"><img alt="[Image: 2-1_zps15dd5c7c.jpg]" border="0" height="118" src="http://i633.photobucket.com/albums/uu51/rikudou_sensei/2-1_zps15dd5c7c.jpg" width="640" /></span></div>
</div>
</div>
<span style="font-family: Verdana;"><br /></span>
<span style="font-family: Verdana;">3. Buat sebuah kotak di layer latar animasi, hilangkan fill colornya
dengan menyeleksi bagian dalam kotak, kemudian tekan tombol delete
sehingga menjadi seperti di bawah ini.</span><br />
<span style="font-family: Verdana;"><br /></span>
<div class="spoiler" style="margin-top: 5px; margin: 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<span style="font-family: Verdana;">Editing2 </span></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div>
<span style="font-family: Verdana;"><img alt="[Image: 3-1_zps70771f88.jpg]" border="0" height="297" src="http://i633.photobucket.com/albums/uu51/rikudou_sensei/3-1_zps70771f88.jpg" width="640" /></span></div>
</div>
</div>
<span style="font-family: Verdana;"><br /></span>
<span style="font-family: Verdana;"><br /></span>
<span style="font-family: Verdana;">4. Pada Frame Animasi, Insert Keyframe pada frame ke 10 dengan menekan
tombol F6, kemudian buatlah sebuah kotak tanpa stroke color dengan
tinggi yang tidak menutupi garis latar.</span><br />
<span style="font-family: Verdana;"><br /></span>
<div class="spoiler" style="margin-top: 5px; margin: 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<span style="font-family: Verdana;">Editing2 </span></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div>
<span style="font-family: Verdana;"><img alt="[Image: 4-1_zps73bd7fdc.jpg]" border="0" height="298" src="http://i633.photobucket.com/albums/uu51/rikudou_sensei/4-1_zps73bd7fdc.jpg" width="640" /></span></div>
</div>
</div>
<span style="font-family: Verdana;"><br /></span>
<span style="font-family: Verdana;">5. Masih pada layer Animasi, masukkan keyframe pada frame 60 dengan
menekan tombol F6. Kemudian panjangkan kotak tersebut hingga memenuhi
panjang kotak pada layer Latar.</span><br />
<span style="font-family: Verdana;"><br /></span>
<div class="spoiler" style="margin-top: 5px; margin: 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<span style="font-family: Verdana;">Editing3 </span></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div>
<span style="font-family: Verdana;"><img alt="[Image: 5-1_zps011ac77a.jpg]" border="0" height="298" src="http://i633.photobucket.com/albums/uu51/rikudou_sensei/5-1_zps011ac77a.jpg" width="640" /></span></div>
</div>
</div>
<span style="font-family: Verdana;"><br /></span>
<span style="font-family: Verdana;">6. Klik di sembarang tempat antara frame 10 – frame 60, pada panel Properties, gantilah panel Tween dari None menjadi Shape.</span><br />
<span style="font-family: Verdana;"><br /></span>
<div class="spoiler" style="margin-top: 5px; margin: 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<span style="font-family: Verdana;">Editing4 </span></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div>
<span style="font-family: Verdana;"><img alt="[Image: 32484590.jpg]" border="0" height="403" src="http://img841.imageshack.us/img841/4677/32484590.jpg" width="640" /></span></div>
</div>
</div>
<span style="font-family: Verdana;"><br /></span>
<span style="font-family: Verdana;">Jika benar,akan menjadi seperti ini</span><br />
<span style="font-family: Verdana;"><br /></span>
<div class="spoiler" style="margin-top: 5px; margin: 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<span style="font-family: Verdana;">Hasil </span></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div>
<span style="font-family: Verdana;"><img alt="[Image: 7_zps8b7893f5.jpg]" border="0" height="406" src="http://i633.photobucket.com/albums/uu51/rikudou_sensei/7_zps8b7893f5.jpg" width="640" /></span></div>
</div>
</div>
<span style="font-family: Verdana;"><br /></span>
<span style="font-family: Verdana;">7. Agar lebih menarik, pada layer Teks, tambahkan tulisan Loading menggunakan Text Tool dan letakkan sesuka hati Anda.</span><br />
<span style="font-family: Verdana;"><br /></span>
<div class="spoiler" style="margin-top: 5px; margin: 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<span style="font-family: Verdana;">Finishing </span></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div>
<span style="font-family: Verdana;"><img alt="[Image: 8-1_zpsd823cda3.jpg]" border="0" height="300" src="http://i633.photobucket.com/albums/uu51/rikudou_sensei/8-1_zpsd823cda3.jpg" width="640" /></span></div>
</div>
</div>
</blockquote>
<span style="font-family: Verdana;">
<br />
Bagaimana? Mudah bukan?</span>
</div>
</div>
mmskmn1aahttp://www.blogger.com/profile/17065656473531364051noreply@blogger.com