Rajin Ngoding: Web Design

Web Design

Admin Ganteng 0 HTML, Web Design Kamis, Juli 26, 2018

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAUG9Ec4v7RmS1hHE6GWWr2niN5atCBckKKcK7cvbm6u5sSuql3DWtfkxb7mBF3RoKT8eRtOyfmYdsa98VUVIX9LVRU0d-D5bfwANmA0tjfQxGK3SzJcIxCPII59wI9H5eVF1g-oUSnxc/s1600/Web-Design.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="126" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAUG9Ec4v7RmS1hHE6GWWr2niN5atCBckKKcK7cvbm6u5sSuql3DWtfkxb7mBF3RoKT8eRtOyfmYdsa98VUVIX9LVRU0d-D5bfwANmA0tjfQxGK3SzJcIxCPII59wI9H5eVF1g-oUSnxc/s200/Web-Design.png" width="200" /></a></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }a:link { </style><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;">

</span></span><style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }a:link {  }</style>

<br />
<div style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;">Di
article sebelumnya kita sudah membahas </span><span style="font-size: small;"><a href="http://kreatifhos.blogspot.co.id/2015/09/web-programming.html" target="_blank"><b>WebProgramming</b></a><b><span style="font-weight: normal;">,
</span></b><b><span style="font-weight: normal;">nah
untuk article kali ini hoster akan memperkenalkan web design.Mungkin
teman-teman sudah mulai bingung ni kayanya,bedanya web programming
sama web design itu apa sih?.</span></b></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><br /></span></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><br /></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><b><span style="font-weight: normal;">Ok
teman-teman jika teman-teman sudah membaca article sebelumnya
mengenai web Programming,mungkin teman-teman akan sedikit ada
gambaran,Ooh web programming itu seperti ini toh,dan teman-teman
pasti akan tahu dengan sendirinya,dengan kesimpulan teman-teman
sendiri,mengenai web progarmming dan web design.</span></b></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><br /></span></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><br /></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><b><span style="font-weight: normal;">Nah
teman-teman yo kita mulai pembahasanya,oh yah,sebelumnya jika
temen-teman belum membaca article sebelumnya mengenai web Programming
teman-teman bisa klik link di sini ya (Web Programming).</span></b></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><br /></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><b><b>Web
Design</b></b><b><span style="font-weight: normal;">
adalah suatu Istilah yang sering di gunakan untuk menggambarkan 
</span></b><b><span style="font-weight: normal;">bagaimana
tampilan isi suatu website atau situs. Biasanya ya
teman-teman,tampilan dari website tersebut berupa hypertext
(HTML),nah lo,ada istilah baru lagi ni,hehee...  tenang,jangan panik
dulu nya teman-teman,nanti juga Hoster bahas mengenai Apa itu HTML.
Sekarang kembali lagi ke topik utama.</span></b></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><br /></span></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><br /></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><b><span style="font-weight: normal;">Tampilan
website tersebut akan di kirimkan keuser melalui World Wide Web.</span></b><b><span style="font-weight: normal;">Nah
sekarang tujuannya web design itu apa sih ?.Tujuan web Design </span></b><b><span style="font-weight: normal;">yaitu
</span></b><b><span style="font-weight: normal;">untuk
membuat website yang meliputi sekumpulan konten online termasuk
dokumen dan aplikasi yang berada pada web server. Bisa juga, sebuah
website berupa sekumpulan teks, gambar, suara dan konten lainnya,
serta dapat bersifat interaktif maupun statis.</span></b></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><br /></span></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><br /></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><b><span style="font-weight: normal;">Bukan
hanya itu saja,e</span></b><b><span style="font-weight: normal;">lemen-elemen
seperti teks, forms, images (GIFs, JPEGs, Portable Network Graphics)
dan video dapat diletakkan </span></b><b><span style="font-weight: normal;">juga
</span></b><b><span style="font-weight: normal;">di
dalam halaman menggunakan tag-tag HTML/XHTML/XML.</span></b></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><br /></span></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><br /></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><b><span style="font-weight: normal;">Halaman
web dan situs web dapat berupa halaman statis, atau dapat diprogram
secara dinamis sehingga menghasilkan halaman web dengan konten atau
tampilan visual yang diinginkan, tergantung pada berbagai faktor,
seperti masukan dari pengguna akhir, masukan dari Webmaster, atau
perubahan dalam lingkungan komputasi (seperti situs yang terkait
dengan database yang telah diubah).</span></b></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><br /></span></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><br /></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><b><span style="font-weight: normal;">Ok
teman-teman,itulah tandi gambaran Web design,mungkin untuk karticle
kali ini saya cukupkan sampai di sini,untuk article selanjutnya kita
akan mulai peraktek web design ya teman-teman. Teman-teman bisa lihat
sendiri di menu Web Programming,</span></b><b><span style="font-weight: normal;">di</span></b><b><span style="font-weight: normal;">situ
ada web Design dan di dalam menu web design terdapat beberapa sub
menu seperti HTML,CSS dan Jquery.</span></b><b><span style="font-weight: normal;">nah
itu semua akan </span></b><b><span style="font-weight: normal;">Kita
</span></b><b><span style="font-weight: normal;">p</span></b><b><span style="font-weight: normal;">elajari
Step by step,</span></b><b><span style="font-weight: normal;">sampai
tuntas.Jadi tetap ikutin terus ya,update an article selanutnya dari
hoster...</span></b></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><br /></span></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><br /></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><b><span style="font-weight: normal;">sampai
jumpa di article selanjutnyaa...</span></b></span></span></div>
</div>
</div>

Web Design

Di article sebelumnya kita sudah membahas WebProgramming , nah untuk article kali ini hoster akan memperkenalkan web desi...

Baca selengkapnya »

Mengenal tag HTML

Admin Ganteng 0 HTML, Info Tekno, Web Design Kamis, Juli 26, 2018

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Halo teman-teman,apa kabar semuanya.Nah di article kali ini hoster akan memperkenalkan tag HTML,sesuai janji hoster di article sebelumnya (Web Design).HTML kepanjangan dari Hyper text markup language yaitu bahasa standar untuk mendiskripsikan suatu halaman web yang terdiri dari kode-kode singkat tertentu yang di temukan oleh Tim berners Lee.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU56HlPjCh1xbqtZLmS90RDU7wUnXnA1O7qFZaWJwf7ox_vyR-uB30XyMBrzfK0znKq5833N6Xh8SXCQuKkTJlDiEh0izfCU1psky29Ropd-tA8EANMX86AeR5cwI7PYXR1wdHaH2mOD4/s1600/tim_berners_lee.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU56HlPjCh1xbqtZLmS90RDU7wUnXnA1O7qFZaWJwf7ox_vyR-uB30XyMBrzfK0znKq5833N6Xh8SXCQuKkTJlDiEh0izfCU1psky29Ropd-tA8EANMX86AeR5cwI7PYXR1wdHaH2mOD4/s320/tim_berners_lee.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }</style>

</div>
<div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm; text-align: center;">
<i><span style="font-size: small;">Penemu HTML  (Tim berners Lee)</span></i></div>
<div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<br /></div>
<div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<i><span style="font-size: small;">

</span></i></div>
<div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm;">
<i><span style="font-size: small;">
<span style="font-size: small;">Tag HTML akan bisa berjalan
kalo ada Web browser seperti Crome,Firefox,Internet
Explorer,Opera,Safari dan masih banyak lagi.</span></span></i></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_kHUDtm7XPtiKytFYfSBVxluoaeWh7Ult006_xcRdA-ZwOxD9MOx_MuQRyxhVU3KTGQk9mqaeSIkJc7iaOa1y0oLkc1IDXJ0Kz1Nqw4A4s5rpvy-KOgPPgsTEka7mDN5jyn41beRCtbQ/s1600/Free-Browser-Icons.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="76" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_kHUDtm7XPtiKytFYfSBVxluoaeWh7Ult006_xcRdA-ZwOxD9MOx_MuQRyxhVU3KTGQk9mqaeSIkJc7iaOa1y0oLkc1IDXJ0Kz1Nqw4A4s5rpvy-KOgPPgsTEka7mDN5jyn41beRCtbQ/s320/Free-Browser-Icons.png" width="320" /></a></div>
<div style="text-align: center;">
<i>Web Browser</i></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }</style>

<br />
<div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm;">
<span style="font-size: small;">Didalam dokument HTML
mempunyai banyak kontent contohnya kita bisa menmpilkan
tulisan,gambar,animasi,suara/audio sampai video.</span></div>
<div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm;">
<span style="font-size: small;">

</span></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<span style="font-size: small;"><span style="font-size: small;"></span></span><br />
<h2>
<span style="font-size: small;"><span style="font-size: small;">Bagaimana
cara kerjanya dokument HTML di internet </span></span> <style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }</style>

</h2>
<div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm;">
<span style="font-size: small;">Coba teman-teman perhatikan
simulasi gambar di bawah ini :</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj34TxdIUxv2LDEEpAvNiXKT4eIpSElLH55R02NBQ_RVZUglPSbi0ebGx5DLsm-mW-Euzmgm0Sv2Wflo2jTzv1IMz8CyfKcsQdLgjK2wa4x0eIUxL8Z4vXcws8fC2j1AU_lWoTPUPtkXS0/s1600/simulasi.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="241" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj34TxdIUxv2LDEEpAvNiXKT4eIpSElLH55R02NBQ_RVZUglPSbi0ebGx5DLsm-mW-Euzmgm0Sv2Wflo2jTzv1IMz8CyfKcsQdLgjK2wa4x0eIUxL8Z4vXcws8fC2j1AU_lWoTPUPtkXS0/s400/simulasi.png" width="400" /></a></div>
<div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm;">
<br /></div>
</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<ul>
<li><span style="font-size: small;">

<div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm;">
<span style="font-size: small;">Server akan mersponse dan
mengirimkan document HTML berupa webpage untuk di terjemahkan ke web
browser si client.</span></div>
<div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm;">
</div>
</li>
</ul>
</div>
<div class="separator" style="clear: both; text-align: center;">
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }</style>

</div>
<div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }</style>

<br />
<div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm;">
<span style="font-size: small;">Ok teman-teman itulah sekilas
mengenai tag html.Untuk lebih jelasnya teman-teman bisa mengunjungi
<b>wikipedia</b>. Mungkin untuk penjelasan mengenai tag html saya
cukupan sampai disini ya.Oh ia,untuk article selanjutnya kita akan
mulai peraktek menggunakan tag HTML versi 5,kenapa kita menggunakan
HTML5? karena  HTML5 ini versi terbaru yang pertama kali di
perkenalkan pada tahun 2013 dengan fitur-fitur barunya seperti
misalnya :</span></div>
<ol style="text-align: left;">
<li><div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm;">
<span style="font-size: small;">Elemen konten yang lebih
spesifik sepert,Artikel,footer,header,nav,ection,bentuk kontrol
form seperti kalender,tanggal,waktu,email,url,search</span></div>
</li>
<li>

<div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm;">
<span style="font-size: small;">Sudah mengsuport langsung
video dan elemen audio untuk media pemutaran</span></div>
</li>
<li>

<div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm;">
<span style="font-size: small;">Mengurangi kebutuhan untuk
plugin Ekternal seperti flash</span></div>
</li>
</ol>
<span style="font-size: small;"><span style="font-size: small;">Untuk persiapkan teman-teman
praktek di artikel selanjutnya,di sini teman-teman siapkan text
editor dan web browsernya ya.Untuk teks editor hoster rekomendasikan
untuk menggunakan notepad++ atau sublime text ya temen-teman,di
samping gratis kedua text editor ini bagus untuk membuat tag HTML
sedangkan web browser nya,terserah teman-teman suka.</span></span><br />
<span style="font-size: small;"><span style="font-size: small;">

</span></span><br />
<div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm;">
<span style="font-size: small;"><span style="font-size: small;">
<span style="font-size: small;">Jika teman-teman ingin
mendownload text editor yang hoster rekomendasikan,teman-teman bisa
klik gambar di bawah ini :</span></span></span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://notepad-plus-plus.org/download/v6.8.3.html" target="_blank"><img alt="https://notepad-plus-plus.org/download/v6.8.3.html" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3ujq72YF6DStxrdIzqNhIk56EgG9ASI-2X36U0yAVKf60e3QufArsge_iyy3oDtreL_YmyWch0h2p-GtQEB9AA2hHruXURlzz8fZan9vCwKjmMe_w4TM06njW2nCc0fXoJ66liDRGZok/s200/notepad___by_darklotustmpst-d5ibp4r.png" width="200" /></a></div>
<div style="text-align: center;">
<a href="https://notepad-plus-plus.org/download/v6.8.3.html" target="_blank"> Notepad ++</a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.sublimetext.com/" target="_blank"><img alt="http://www.sublimetext.com/" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9MPVrJ2A4Y_Xkgk3AbgRmJqK1kMFLUehM2_C7kRryme3Y0cKxjr_enqU6uTIV1ol17b-slTPGsPE4qJi6A9GQ2P-2villRlP-tUgLSXMWHv2qBDu8B-riWnl0QbGTJY3NxjAAVkqyqcU/s200/sublime.png" width="200" /></a></div>
<div style="text-align: center;">
<a href="http://www.sublimetext.com/" target="_blank">Sublime Text</a></div>
<br />
<span style="font-size: small;"><span style="font-size: small;">

</span></span><br />
<div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm;">
<span style="font-size: small;"><span style="font-size: small;">
<span style="font-size: small;">Ok teman-teman tunggu update
selanjunya ya, salam hoster....</span></span></span></div>
<span style="font-size: small;"><span style="font-size: small;">

</span></span></div>
</div>

Mengenal tag HTML

Halo teman-teman,apa kabar semuanya.Nah di article kali ini hoster akan memperkenalkan tag HTML,sesuai janji hoster di article sebelumnya ...

Baca selengkapnya »

Tutorial Mengubah Foto Menjadi Vektor Dengan Adobe Flash

Admin Ganteng 0 Tutorial, Web Design Kamis, Juli 26, 2018

<div dir="ltr" style="text-align: left;" trbidi="on">
Hai hosters.<br />
hari yang berkah ini mimin akan bagikan tutor yang ditulis oleh salah satu <a href="https://www.facebook.com/dheay.beiby" target="_blank">sahabat</a> yang mengharapkan ilmunya maanfaat.<br />
oke langsung saja<br />
<style type="text/css">p { margin-bottom: 0.25cm; direction: ltr; line-height: 120%; text-align: left; orphans: 2; widows: 2; }</style><span style="font-family: "times new roman" , serif;"><span style="font-size: small;">Buka Aplikasi Adobe Flash (disini saya menggunakan Adobe Flash Profesional CS5) buat lembar kerja baru dengan cara</span></span><br />
<div style="line-height: 115%; margin-bottom: 0.35cm; margin-top: 0.42cm;">
  <span style="font-size: small;"><span style="font-family: "times new roman" , serif;"><b>File > new > ActionScript 3.0 > OK</b></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisAJ-tW6UIgbfmlPeRdxAqg7Vnsw4QKM7Cd9DBXwpm0GJxJDbx-_mWO0QZi8OBGOX8lIzbtZC6bRTCL5YFmpECqrT8MnGMKXM__R2vqpO40PEL9-SZSeyZkx4B80oA9VZu9Dsr1uQ-irQ/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="130" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisAJ-tW6UIgbfmlPeRdxAqg7Vnsw4QKM7Cd9DBXwpm0GJxJDbx-_mWO0QZi8OBGOX8lIzbtZC6bRTCL5YFmpECqrT8MnGMKXM__R2vqpO40PEL9-SZSeyZkx4B80oA9VZu9Dsr1uQ-irQ/s200/2.png" width="200" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-oQK2bVuFwJ5lDiNAWFKBzxG-gPpsbVbCSdppUbFbSrG9iEWm_9iadH-rk1-VuyP3In1UNnFIyte9JMAFGdixfIQibhOF_w_7pywoaY5d5CRY9SDY-tNngKJZm6quV_lanq_ldfHuMpg/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="89" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-oQK2bVuFwJ5lDiNAWFKBzxG-gPpsbVbCSdppUbFbSrG9iEWm_9iadH-rk1-VuyP3In1UNnFIyte9JMAFGdixfIQibhOF_w_7pywoaY5d5CRY9SDY-tNngKJZm6quV_lanq_ldfHuMpg/s200/3.png" width="200" /></a></div>
<br /></div>
<style type="text/css">p { margin-bottom: 0.25cm; direction: ltr; line-height: 120%; text-align: left; orphans: 2; widows: 2; }</style>   <br />
<div style="line-height: 115%; margin-bottom: 0.35cm; margin-top: 0.42cm;">
<span style="font-family: "times new roman" , serif;"><span style="font-size: small;">Masukan foto ke library dengan cara </span></span><span style="font-family: "times new roman" , serif;"><span style="font-size: small;"><b>File > Import > Import to library</b></span></span><span style="font-family: "times new roman" , serif;"><span style="font-size: small;"> </span></span> </div>
<div style="line-height: 115%; margin-bottom: 0.35cm; margin-top: 0.42cm;">
<span style="font-size: small;"><span style="font-family: "times new roman" , serif;">K</span></span>emudian pilih mana foto yang akan dibuat vektor</div>
<div style="line-height: 115%; margin-bottom: 0.35cm; margin-top: 0.42cm;">
<br /></div>
<div style="line-height: 115%; margin-bottom: 0.35cm; margin-top: 0.42cm;">
<br /></div>
<div style="line-height: 115%; margin-bottom: 0.35cm; margin-top: 0.42cm;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvmEHbHGMaE0XliG2fjCIijrzfas18f5pb-naR8MHAmlZTohzc8-wPhsX9ML_Q0ROTjBqlZ58wc9bR2Npz8Ud__jqna1JfLI91OkbPYZ86SpXPGdotBTgzkSLgyd_4h7_pjRP_7krIRtA/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvmEHbHGMaE0XliG2fjCIijrzfas18f5pb-naR8MHAmlZTohzc8-wPhsX9ML_Q0ROTjBqlZ58wc9bR2Npz8Ud__jqna1JfLI91OkbPYZ86SpXPGdotBTgzkSLgyd_4h7_pjRP_7krIRtA/s320/4.png" width="320" /></a></div>
<br /></div>
<div style="line-height: 115%; margin-bottom: 0.35cm; margin-top: 0.42cm;">
<br /></div>
<div style="line-height: 115%; margin-bottom: 0.35cm; margin-top: 0.42cm;">
<br /></div>
<div style="line-height: 115%; margin-bottom: 0.35cm; margin-top: 0.42cm;">
<br /></div>
<div style="line-height: 115%; margin-bottom: 0.35cm; margin-top: 0.42cm;">
<span style="font-family: "times new roman" , serif;"><span style="font-size: small;">          <style type="text/css">p { margin-bottom: 0.25cm; direction: ltr; line-height: 120%; text-align: left; orphans: 2; widows: 2; }</style>   </span></span></div>
<div style="line-height: 115%; margin-bottom: 0.35cm;">
<span style="font-family: "times new roman" , serif;"><span style="font-size: small;"><span style="font-family: "times new roman" , serif;"><span style="font-size: small;">Drag foto kedalam lembar kerja (layer 1)</span></span></span></span></div>
<div style="line-height: 115%; margin-bottom: 0.35cm;">
</div>
<span style="font-family: "times new roman" , serif;"><span style="font-size: small;"> </span></span> <br />
<div style="line-height: 115%; margin-bottom: 0.35cm;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqGIRWlolRqa83MmQjtDijmkI0nM2V97PVKnw5QkCHn2Y9VDs54L-Do0giI8TUScA_JwMQzz-u-w07w3ffjWLyA0uqN3uk80pN36UP1J265fB0I6yiIlL_5cuw-B6T7VBiS4x09kMbGk4/s1600/5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqGIRWlolRqa83MmQjtDijmkI0nM2V97PVKnw5QkCHn2Y9VDs54L-Do0giI8TUScA_JwMQzz-u-w07w3ffjWLyA0uqN3uk80pN36UP1J265fB0I6yiIlL_5cuw-B6T7VBiS4x09kMbGk4/s400/5.png" width="400" /></a></div>
<span style="font-family: "times new roman" , serif;"><span style="font-size: small;"><br />
</span></span> <span style="font-family: "times new roman" , serif;"><span style="font-size: small;"><br />
</span></span></div>
<span style="font-family: "times new roman" , serif;"><span style="font-size: small;">  </span></span>          <style type="text/css">p { margin-bottom: 0.25cm; direction: ltr; line-height: 120%; text-align: left; orphans: 2; widows: 2; }</style>   <br />
<div align="justify" style="line-height: 115%; margin-bottom: 0.35cm;">
<span style="font-family: "times new roman" , serif;"><span style="font-size: small;"><b>Kunci layer 1</b></span></span><span style="font-family: "times new roman" , serif;"><span style="font-size: small;"> agar gambar tidak berubah posisinya (1), kemudian kita buat layer baru dengan cara </span></span><span style="font-family: "times new roman" , serif;"><span style="font-size: small;"><b>klik ikon new layer</b></span></span><span style="font-family: "times new roman" , serif;"><span style="font-size: small;"> yang ada pada pojok kiri bawah (2)</span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "times new roman" , serif;"><span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3aZ0qz7sIbB5TujENYpjHI72TVFg3d0t3otPceRnmIhP2U7yVvkQYOimHJJn4LqKd9MwmMDbJuSqAPxx-F11LquU7DOK0DexOk93Wt50PZLBodDlPrKCcmHJjdyn6E3B88LLdTJIW7J8/s1600/6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="233" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3aZ0qz7sIbB5TujENYpjHI72TVFg3d0t3otPceRnmIhP2U7yVvkQYOimHJJn4LqKd9MwmMDbJuSqAPxx-F11LquU7DOK0DexOk93Wt50PZLBodDlPrKCcmHJjdyn6E3B88LLdTJIW7J8/s400/6.png" width="400" /></a></span></span></div>
</div>
<div style="line-height: 115%; margin-bottom: 0.35cm; margin-top: 0.42cm;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="line-height: 115%; margin-bottom: 0.35cm; margin-top: 0.42cm;">
<a href="https://draft.blogger.com/blogger.g?blogID=5789159979747925394" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://draft.blogger.com/blogger.g?blogID=5789159979747925394" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://draft.blogger.com/blogger.g?blogID=5789159979747925394" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://draft.blogger.com/blogger.g?blogID=5789159979747925394" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://draft.blogger.com/blogger.g?blogID=5789159979747925394" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://draft.blogger.com/blogger.g?blogID=5789159979747925394" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://draft.blogger.com/blogger.g?blogID=5789159979747925394" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://draft.blogger.com/blogger.g?blogID=5789159979747925394" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://draft.blogger.com/blogger.g?blogID=5789159979747925394" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://draft.blogger.com/blogger.g?blogID=5789159979747925394" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a>          <style type="text/css">p { margin-bottom: 0.25cm; direction: ltr; line-height: 120%; text-align: left; orphans: 2; widows: 2; }</style>   <br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div align="justify" style="line-height: 115%; margin-bottom: 0.35cm;">
<span style="font-family: "times new roman" , serif;"><span style="font-size: small;">Selanjutnya kita akan membuat sketsa wajah secara manual pada layer 2 dengan menggunakan </span></span><span style="font-family: "times new roman" , serif;"><span style="font-size: small;"><b>Pen Tool</b></span></span><span style="font-family: "times new roman" , serif;"><span style="font-size: small;"> dan </span></span><span style="font-family: "times new roman" , serif;"><span style="font-size: small;"><b>Selection Tool </b></span></span><span style="font-family: "times new roman" , serif;"><span style="font-size: small;">yang ada pada tool bar bagian kanan atas </span></span><span style="font-family: "times new roman" , serif;"><span style="font-size: small;"><b>.</b></span></span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr align="left"><td><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNM608GIHCi5kq6y4q31dd_MEY4JVQCoiUi6gXgte1AEyedlrVXxzOKQ7_C5YgBJ07pi_EA3tPrIgbwYrTkfSKJlBssBK9AHwZ54e0R1J9FeVvq38YM-Nd0nR30HmYCZse1AySM51H6Ak/s1600/7.png" style="margin-left: auto; margin-right: auto;" /> - <style type="text/css">p { margin-bottom: 0.25cm; direction: ltr; line-height: 120%; text-align: left; orphans: 2; widows: 2; }</style>   <br />
<div align="justify" style="line-height: 115%; margin-bottom: 0.35cm; margin-left: 1.27cm;">
<i><span style="font-family: "times new roman" , serif;"><span style="font-size: small;">Pen Tool untuk membuat garis melalu titik ke titik</span></span></i></div>
</td></tr>
<tr><td class="tr-caption" style="text-align: center;"><style type="text/css">p { margin-bottom: 0.25cm; direction: ltr; line-height: 120%; text-align: left; orphans: 2; widows: 2; }</style>   <br />
<div class="separator" style="clear: both; text-align: left;">
<i><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGFNIWcoEYLi7TcE2H_rmUMVhztoDpI3V-FhzS5_C4KivsbRGcXKp1RK0ohaKsAbKYlh9i84w59sGZ_DHgiRyfaS1bJWtS-9dAkefA0uUjuarIAcdlzW3xwy9qk6Bo2eJKcMPEmxpEj7g/s1600/8.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGFNIWcoEYLi7TcE2H_rmUMVhztoDpI3V-FhzS5_C4KivsbRGcXKp1RK0ohaKsAbKYlh9i84w59sGZ_DHgiRyfaS1bJWtS-9dAkefA0uUjuarIAcdlzW3xwy9qk6Bo2eJKcMPEmxpEj7g/s1600/8.png" /></a></i></div>
<div align="justify" style="line-height: 115%; margin-bottom: 0.35cm; margin-left: 1.27cm;">
<style type="text/css">p { margin-bottom: 0.25cm; direction: ltr; line-height: 120%; text-align: left; orphans: 2; widows: 2; }</style>   </div>
<div align="justify" style="line-height: 115%; margin-bottom: 0.35cm; margin-left: 1.27cm;">
<i><span style="font-family: "times new roman" , serif;"><span style="font-size: small;">Selection Tool untuk menyeleksi/memilih garis/objek, membuat garis tersebut melengkung,miring ataupun lurus.</span></span></i></div>
<i>    </i></td></tr>
</tbody></table>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://draft.blogger.com/blogger.g?blogID=5789159979747925394" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://draft.blogger.com/blogger.g?blogID=5789159979747925394" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://draft.blogger.com/blogger.g?blogID=5789159979747925394" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://draft.blogger.com/blogger.g?blogID=5789159979747925394" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://draft.blogger.com/blogger.g?blogID=5789159979747925394" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
<div style="line-height: 115%; margin-bottom: 0.35cm; margin-top: 0.42cm;">
<a href="https://draft.blogger.com/blogger.g?blogID=5789159979747925394" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://draft.blogger.com/blogger.g?blogID=5789159979747925394" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://draft.blogger.com/blogger.g?blogID=5789159979747925394" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://draft.blogger.com/blogger.g?blogID=5789159979747925394" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://draft.blogger.com/blogger.g?blogID=5789159979747925394" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY6H-tzbuCqSfDG77vXfsF-QowRA-tRqunyDkGNtcDGt92LYFBYQw4ZmCdNjllyAAgp7TnMEoZneKc6hP3YcZ59WtwxEAP5zcoFuXCDc0EGmepBSyuIdX5B7hyphenhyphen2dKEPKPk92XJoyqM9YM/s1600/10.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY6H-tzbuCqSfDG77vXfsF-QowRA-tRqunyDkGNtcDGt92LYFBYQw4ZmCdNjllyAAgp7TnMEoZneKc6hP3YcZ59WtwxEAP5zcoFuXCDc0EGmepBSyuIdX5B7hyphenhyphen2dKEPKPk92XJoyqM9YM/s200/10.png" width="200" /></a><i><b style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"> </b><b style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"> </b><b style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"> </b><b style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"> </b></i>          <style type="text/css">p { margin-bottom: 0.25cm; direction: ltr; line-height: 120%; text-align: left; orphans: 2; widows: 2; }</style>   <br />
<div align="justify" style="line-height: 115%; margin-bottom: 0.35cm;">
<span style="font-family: "times new roman" , serif;"><span style="font-size: small;">Pertama membuat sketsa mata dengan pen tool</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtc4G6TeCLdJSwXft1xI1wttQuCQVfczNvxlGYF_896ecl12gCF-pjgp1vcab9TSDSyChzmeR2gKBdVUNrnrhqsWeMWz9SiERSGl2GasZINlG48YlSE5PcuRGZ-k224FbfZGV8yc_ZECU/s1600/9.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="82" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtc4G6TeCLdJSwXft1xI1wttQuCQVfczNvxlGYF_896ecl12gCF-pjgp1vcab9TSDSyChzmeR2gKBdVUNrnrhqsWeMWz9SiERSGl2GasZINlG48YlSE5PcuRGZ-k224FbfZGV8yc_ZECU/s200/9.png" width="200" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm6gcjm22-sqG_1bP3WBFMieEraYT-y3oRFC3gQsPAW2G_2jdVAXg8NXAkYkp3Ao_RIjh14UD7WIKY3kCeneQbDZuntRd3VCmu8YQSeS4md-85-ySndskDPnjbp5xHN5X3fnY2NfpB1zg/s1600/11.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="88" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm6gcjm22-sqG_1bP3WBFMieEraYT-y3oRFC3gQsPAW2G_2jdVAXg8NXAkYkp3Ao_RIjh14UD7WIKY3kCeneQbDZuntRd3VCmu8YQSeS4md-85-ySndskDPnjbp5xHN5X3fnY2NfpB1zg/s200/11.png" width="200" /></a></div>
           <style type="text/css">p { margin-bottom: 0.25cm; direction: ltr; line-height: 120%; text-align: left; orphans: 2; widows: 2; }</style>   <br />
<div align="justify" style="line-height: 115%; margin-bottom: 0.35cm;">
<span style="font-family: "times new roman" , serif;"><span style="font-size: small;">Seleksi garis lurus menjadi melengkung dengan selection tool</span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_dnyb0ow07A5wd27cjh81VIZysVMS_uDWUtNA-P0j3rlp-JwE6P0PKPGPvMIXt1nW9N1zoUrZG5k5Zv0NwfVoM7mcl_SCZ5QPfv5_PnNlO4Pdfbw3fTxdSNshzKnPulpJttoYie6iRLw/s1600/12.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="71" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_dnyb0ow07A5wd27cjh81VIZysVMS_uDWUtNA-P0j3rlp-JwE6P0PKPGPvMIXt1nW9N1zoUrZG5k5Zv0NwfVoM7mcl_SCZ5QPfv5_PnNlO4Pdfbw3fTxdSNshzKnPulpJttoYie6iRLw/s200/12.jpg" width="200" /></a></div>
<div style="text-align: left;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCkyBgxkTCeZxPH370ZhF216xtQLD0id7AoKLoMTmZx6LRLlHPd0JFfpgsIM4mVHEt-CPFsX8-wrOOEDrn-KVPBmbpOVC5wvPpoXscaKg2oooZ8T5DxjCztswAVuC66rVQeZKC4e41-bs/s1600/13.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="86" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCkyBgxkTCeZxPH370ZhF216xtQLD0id7AoKLoMTmZx6LRLlHPd0JFfpgsIM4mVHEt-CPFsX8-wrOOEDrn-KVPBmbpOVC5wvPpoXscaKg2oooZ8T5DxjCztswAVuC66rVQeZKC4e41-bs/s200/13.png" width="200" /></a></div>
<style type="text/css">p { margin-bottom: 0.25cm; direction: ltr; line-height: 120%; text-align: left; orphans: 2; widows: 2; }</style>   <br />
<div align="justify" style="line-height: 115%; margin-bottom: 0.35cm;">
<span style="font-family: "times new roman" , serif;"><span style="font-size: small;">Ulangi langkah diatas untuk membuat objek yang lainnya seperti alis,hidung dan yang lainnya</span></span></div>
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcvTt8CUZtRAQOfMMD61HspnVKW6T5TrvSIe4PuPwG03sGKUOG80N-U2z8K7qt6913zWeYSECG_LbaZMleM8CPMMKuDKSdUxBqueRE8vNLY1gsCQWqRWWDkTZYINiQdp3VnQwU9eTYR9Q/s1600/16.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcvTt8CUZtRAQOfMMD61HspnVKW6T5TrvSIe4PuPwG03sGKUOG80N-U2z8K7qt6913zWeYSECG_LbaZMleM8CPMMKuDKSdUxBqueRE8vNLY1gsCQWqRWWDkTZYINiQdp3VnQwU9eTYR9Q/s320/16.jpg" width="291" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTLkXHp0TLXTdIi89XKvkDZ5lP98z4QpOJRJlMWCYPY3muznhb9zsA92h_e8dQOFIyEbwv0eITvpF-wd7KU6tuCBOUhjUwk_BEVgXGuBFEkuH4zRriCqcmjII6bR8TVd1lTdzGBzO1WgQ/s1600/17.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTLkXHp0TLXTdIi89XKvkDZ5lP98z4QpOJRJlMWCYPY3muznhb9zsA92h_e8dQOFIyEbwv0eITvpF-wd7KU6tuCBOUhjUwk_BEVgXGuBFEkuH4zRriCqcmjII6bR8TVd1lTdzGBzO1WgQ/s320/17.png" width="290" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH6eXHhXHyH7LLA39dq6XLNzmoI4CtEa8vJ6nCgp8GzfcBIkF94qeL-imR4iXkZ0tGpEB7SMYYjcTgave3LVUhET-sBmJVwoikjQHacZwuqHWqLd23AUQx8Mw27Q1LegUxXbPJnZsPVEA/s1600/18.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH6eXHhXHyH7LLA39dq6XLNzmoI4CtEa8vJ6nCgp8GzfcBIkF94qeL-imR4iXkZ0tGpEB7SMYYjcTgave3LVUhET-sBmJVwoikjQHacZwuqHWqLd23AUQx8Mw27Q1LegUxXbPJnZsPVEA/s320/18.png" width="258" /></a></div>
 <span style="font-family: "times new roman" , serif;"><span style="font-size: small;">Setelah semua sketsa jadi kemudian kita akan warnai satu persatu-satu objek dengan menggunakan   <img align="bottom" border="0" height="35" name="Picture 25" src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCAAgACMBAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/APVqxL/wlo2pXpvLm1JlbG/bIyrJjpvUHa34g1LqWgRaibFTd3dvFaXCXHlW7KqzMjBlD5UkrkdAR/LGtVKHSbK3j8uKBVTJbGM8kkk8+5JpmtgNpMisAVMkQIPQjzFritTsDqWs2mm6bbR+YY3eRoxtEJJUKz468b8L3I54BIs2YFvBYQ61YWkF3dwJNE8cYMU4KgkqccEZwVPI9wQT0OhRxxXl4sUaRr5cRwigDOZPStusrWZVuPD7y20yMshhaOVfmUgyJhh6jvVXwzq3hrRPD9xJeyql2oZrtbggs5xy2cYZT68cDGBjA4Hxprmq+J4tNFhbPbWEd4PIgUbXIKsTI5PT1weefXp3nhmdJ577a6syJCrgHO05kOD+BB/GuhqkulWkejxaVCrw2sMcccQRslFQjaMtnONo65rLuvBek3rRtc+dKY23IXWI7T6j5KnHheyC7RPdY/7Zf/EU7w/4Y03wzHdpp32j/S5RLKZ5fMJYA85I962MV//Z" width="38" />  Paint Bucket Tool sesuai warna yang kita inginkan.</span></span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaTGKTTvGe05byhjVD2QzY8gqd77tiI07NBO_khgg8Tt9BNj3dSOiTLSNU_rquihbhbPDRNzFopjFXQTXS4Rlku7sBBP9eQ8DeOD5k5f3U1ISV3_GR2c4VVxQV-B3CGlO4cDTcyouRVmU/s1600/23.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaTGKTTvGe05byhjVD2QzY8gqd77tiI07NBO_khgg8Tt9BNj3dSOiTLSNU_rquihbhbPDRNzFopjFXQTXS4Rlku7sBBP9eQ8DeOD5k5f3U1ISV3_GR2c4VVxQV-B3CGlO4cDTcyouRVmU/s320/23.png" width="269" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "times new roman" , serif;"><span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI3iik9ThhUFeELysHuclPH5-zhBm1W0s8om6-sR2V03BjWp-XjN2jhiGqTbXXbMc6Hn5p6w7L-3DvMslAiV2dmYhlnUpUu1-OtVJIwp8JriLEGYj_3PfAjJBjk3uJO9NoRDaJmfvIoNQ/s1600/27.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI3iik9ThhUFeELysHuclPH5-zhBm1W0s8om6-sR2V03BjWp-XjN2jhiGqTbXXbMc6Hn5p6w7L-3DvMslAiV2dmYhlnUpUu1-OtVJIwp8JriLEGYj_3PfAjJBjk3uJO9NoRDaJmfvIoNQ/s320/27.png" width="291" /></a></span></span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "times new roman" , serif;"><span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguSWzBnY3x_Y0AREs9sfgBxI_HTah2h5k7UjrhCFK_kf-B_0B_KtKJlEZEOUhWl_f934aXmQa3dN8H6S_jbhx_SrRw0hlL0rDMfLFA12NjJDiFJIBoRcIJ62Zb6NpjQn9_hi4aQR7nuqI/s1600/31.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguSWzBnY3x_Y0AREs9sfgBxI_HTah2h5k7UjrhCFK_kf-B_0B_KtKJlEZEOUhWl_f934aXmQa3dN8H6S_jbhx_SrRw0hlL0rDMfLFA12NjJDiFJIBoRcIJ62Zb6NpjQn9_hi4aQR7nuqI/s320/31.png" width="301" /></a></span></span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<style type="text/css">p { margin-bottom: 0.25cm; direction: ltr; line-height: 120%; text-align: left; orphans: 2; widows: 2; }</style>   </div>
<div style="line-height: 115%; margin-bottom: 0.35cm; text-align: left;">
<span style="font-family: "times new roman" , serif;"><span style="font-size: small;">Setelah sesuai dengan warna yang kita inginkan </span></span>          <style type="text/css">p { margin-bottom: 0.25cm; direction: ltr; line-height: 120%; text-align: left; orphans: 2; widows: 2; }</style>   </div>
<div style="line-height: 115%; margin-bottom: 0.35cm;">
<span style="font-family: "times new roman" , serif;"><span style="font-size: small;">Kemudian hapus layer 1 untuk mengosongkan background dengan cara klik kanan > delete</span></span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBmOaNbQnp-dA55laq7-iYl0Zo00-m8JuMQz6A4cVOgKjkKHenf4Qe_ETbixWyY9w69OhdnibqVm-yx4iQQORArH9iEK6Du2DYjGZxrDNKupAI4W70602bQX6pkrKJg_lILM54KM7UMt0/s1600/30.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBmOaNbQnp-dA55laq7-iYl0Zo00-m8JuMQz6A4cVOgKjkKHenf4Qe_ETbixWyY9w69OhdnibqVm-yx4iQQORArH9iEK6Du2DYjGZxrDNKupAI4W70602bQX6pkrKJg_lILM54KM7UMt0/s1600/30.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><style type="text/css">p { margin-bottom: 0.25cm; direction: ltr; line-height: 120%; text-align: left; orphans: 2; widows: 2; }</style>   <br />
<div style="line-height: 115%; margin-bottom: 0.35cm;">
<span style="font-family: "times new roman" , serif;"><span style="font-size: small;">layer  atau  drag  layer satu ke ikon delete</span></span></div>
</td></tr>
</tbody></table>
<div align="justify" style="line-height: 115%; margin-bottom: 0.35cm;">
<br /></div>
<div align="justify" style="line-height: 115%; margin-bottom: 0.35cm;">
<br /></div>
<div align="justify" style="line-height: 115%; margin-bottom: 0.35cm;">
<span style="font-family: "times new roman" , serif;"><span style="font-size: small;"> </span></span>          <style type="text/css">p { margin-bottom: 0.25cm; direction: ltr; line-height: 120%; text-align: left; orphans: 2; widows: 2; }</style>   </div>
<div style="line-height: 115%; margin-bottom: 0.35cm;">
<span style="font-family: "times new roman" , serif;"><span style="font-size: small;">Langkah  terakhir ada mengeksport objek menjadi image dengan cara </span></span><span style="font-family: "times new roman" , serif;"><span style="font-size: small;"><b>File > export > export to image , </b></span></span><span style="font-family: "times new roman" , serif;"><span style="font-size: small;">ubah Ekstention file (save as type) dari *.Swf menjadi ekstention file untuk image</span></span></div>
</div>
<div style="line-height: 115%; margin-bottom: 0.35cm; margin-top: 0.42cm;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://draft.blogger.com/blogger.g?blogID=5789159979747925394" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://draft.blogger.com/blogger.g?blogID=5789159979747925394" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://draft.blogger.com/blogger.g?blogID=5789159979747925394" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://draft.blogger.com/blogger.g?blogID=5789159979747925394" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://draft.blogger.com/blogger.g?blogID=5789159979747925394" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZzwri9W5_CED-65ppXvNcJsUDxMrE3_iL0T1URtOmF8SvyGYIWlp6ettfDznSJFQqO1_NE_gOnM5NvKjldnqphjCQLcZKk2nQJ8tjutLeEp5bb0qLXiqC5L7K3wZmqbW3FxAfeL6KROw/s1600/32.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZzwri9W5_CED-65ppXvNcJsUDxMrE3_iL0T1URtOmF8SvyGYIWlp6ettfDznSJFQqO1_NE_gOnM5NvKjldnqphjCQLcZKk2nQJ8tjutLeEp5bb0qLXiqC5L7K3wZmqbW3FxAfeL6KROw/s400/32.png" width="400" /></a></div>
<div style="line-height: 115%; margin-bottom: 0.35cm; margin-top: 0.42cm;">
</div>
<div style="line-height: 115%; margin-bottom: 0.35cm; margin-top: 0.42cm;">
Jreeeng!!! Maka hasil akhirnya akan seperti ini.....<br />
cukup mudah toh.<br />
<br />
Jika  Hosters mempunyai article menarik seputar Tips, Tutorial dan Teknologi, yang mengharapkan Ilmunya bermanfat bisa langsung contac email admin dibawah ini :<br />
ukuran file jangan lebih dari 5MB ya  .<br />
Salam <a href="mailto:kreatifhost@gmail.com" rel="nofollow" target="_blank">KreatifHost</a>  .</div>
</div>

Tutorial Mengubah Foto Menjadi Vektor Dengan Adobe Flash

Hai hosters. hari yang berkah ini mimin akan bagikan tutor yang ditulis oleh salah satu sahabat yang mengharapkan ilmunya maanfaat. oke ...

Baca selengkapnya »

Membuat Form Login agar Lebih manarik

Admin Ganteng 0 Aplikasi, HTML, tips and tricks, Web Design, Web Programming Kamis, Juli 26, 2018

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
Hai sobat rajin,<br />
Nah Kali ini saya akan membagikan 1 cara bagaimana mempoles form login agar terlihat lebih menarik :<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1Tjm_tH4HBREX4oCKQTLU3pU-saIg9vq6riAyznLc7-62U4nHN2kj5ICBb4K1GnaMvMjbFZbFIt_k3wNPsHuiZmpx3w6mDHtfvuE0IS6pzneciOgfqdaMCgOlO8mhn6urZsx-2S5jsuM/s1600/Web_Programming.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="465" data-original-width="481" height="309" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1Tjm_tH4HBREX4oCKQTLU3pU-saIg9vq6riAyznLc7-62U4nHN2kj5ICBb4K1GnaMvMjbFZbFIt_k3wNPsHuiZmpx3w6mDHtfvuE0IS6pzneciOgfqdaMCgOlO8mhn6urZsx-2S5jsuM/s320/Web_Programming.gif" width="320" /></a></div>
<br />
<br />
<br />
<br /></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<iframe allowfullscreen="true" allowtransparency="true" frameborder="no" height="500" scrolling="yes" src="//codepen.io/casudinlix/embed/BPdLXL/?height=265&theme-id=0&default-tab=html,result&embed-version=2" style="width: 100%;" title="Unfolding Login Form">See the Pen <a href="https://codepen.io/casudinlix/pen/BPdLXL/">Unfolding Login Form</a> by Duddin Casudin (<a href="https://codepen.io/casudinlix">@casudinlix</a>) on <a href="https://codepen.io">CodePen</a>.<br />
</iframe><br />
<br />
<br /></div>

Membuat Form Login agar Lebih manarik

Hai sobat rajin, Nah Kali ini saya akan membagikan 1 cara bagaimana mempoles form login agar terlihat lebih menarik : ...

Baca selengkapnya »

Rajin Ngoding

Web Design

Mengenal tag HTML

Tutorial Mengubah Foto Menjadi Vektor Dengan Adobe Flash

Membuat Form Login agar Lebih manarik

Entri Populer

Arsip Blog

Labels