Pages

Sabtu, 30 Agustus 2014

Tutorial WPAP di CorelDraw

Ok.. sekarang perhatikan bagaimana cara membuatnya... Misal yang akan kita jadikan model adalah fotonya Mas Iwan Fals seperti yang dibawah ini;
Sebelum memulai aktifkan dulu Snap to Object, letaknya di Menu Bar > View > Snap to Object,  selanjutnya proses pembidangan dengan cara tracing/menjiplak dengan menggunakan Freehand tool di Toolbox, kita bisa tracing dengan bebas, agar proses cepat kita tidak perlu harus membuat objek tetutup yang penting antara perpotongan (intersect) garis bersinggungan (dengan aktifnya Snap to Object kita akan lebih mudah) yang perlu diperhatikan WPAP tidak ada objek dalam bentuk garis lengkung, seperti gambar dibawah ini hasilnya;
Setelah selesai proses tracing buang gambar foto Mas Iwan Fals, selanjutnya kita bisa melakukan proses pewarnaan, karena kita tadi melakukan proses pembidangang (faceting) dengan bidang/objek terbuka maka pengisian warna tidak bisa langsung dari Color Pallete tapi harus menggunakan Smart Fill tool di Toolbox, warna-warna yang digunakan adalah warna pop;
Seperti ini hasilnya setelah semua objek kita beri warna, proses pengisian warna dengan menggunakan Smart Fill tool tercipta objek baru;

Langkah selanjutnya adalah menyembunyikan outline warna hitam yang sudah tidak dipakai, cara paling mudah adalah seleksi semua objek dan klik kanan tanda silang (X) pada Color Palette, hasilnya akan seperti dibawah ini;
Kita bisa memberi background, letakkan dibelakang gambar yang telah kita buat tadi, hasilnya seperti gambar dibawah ini;
 
Demikian semoga bermanfaat;



Cara Membuat Sketsa Pensil Dari Foto

Mungkin Mas Bro sekalian kalau buat desain seperti gambar disamping ini pasti pakai program aplikasi Sotosop... hehehe.. iya kan?.. padahal CorelDRAW disamping untuk desain gambar vector bisa juga untuk desain atau mengolah object bitmap, juga fitur-fiturnya lengkap tu... cuman Mas Bro aja yang taunya hanya sotosop untuk olah bitmap, bahkan untuk buat gambar sketsa seperti gambar disamping sangat sederhana langkah-langkahnya;


Nggak percaya?... mari kita mainkan;

Siapkan object yang akan dibuat sketsa;



Pada Menu Bar --> Bitmaps --> Contour --> pilih Find Edges...
Atur pada slider seperti dibawah ini, klik OK;
Hasilnya akan seperti gambar dibawah ini;



Pada Property Bar Putar object  90 derajat, dan masih pada Pada Menu Bar --> Bitmaps --> Conver to Bitmap pada Color Mode pilih Grayscale,
Selanjutnya, tetep pada  Menu Bar --> Bitmaps --> 3D Effects --> pilih 3D Rotate...
 Pada Kotak dialog masukkan nila 50 pada Vertical dan klik OK;
Siapkan gambar tangan pegang pinsil tanpa background;


Atur sedemikian rupa tata letaknya, hasil akhir seperti gambar dibawah ini, selesai, monggo dicoba;


Sekian

Selasa, 17 Juni 2014

Menyisipkan Blok STYLE

Untuk menyisipkan (embed) Style Sheet, tambahkan blok <STYLE> </STYLE> di awal dokumen, di antara tag-tag <HTML> dan <BODY>. Hal ini memungkinkan anda unutk mengubah penampilan satu halaman web. Tag <STYLE> memilki satu parameter yaitu TYPE, yang menspesifikasi type media internet sebagai “text/css” (memungkinkan browser yang tidak mendukung type ini untuk mengabaikan Style Sheet). Tag <STYLE> diikuti oleh sejumlah definisi style dan berakhir dengan tag </STYLE>.
<HTML>
<STYLE TYPE="text/css">
<!--
  BODY {font: 10pt "Arial"}
  H1 {font: 15pt/17pt "Arial";
      font-weight: bold;
      color: maroon}
  H2 {font: 13pt/15pt "Arial";
      font-weight: bold;
      color: blue}
  P  {font: 10pt/12pt "Arial";
      color: black}
-->
</STYLE>
<BODY>
...
</BODY>
</HTML>

3 Cara Untuk Menambahkan Style Pada Web

Style Sheet dapat digunakan dengan 3 cara, sesuai dengan kebutuhan anda:
  • Dengan membuat link ke file Style Sheet dari file HTML. Metode seperti ini memungkinkan anda mengubah style sejumlah halaman web dengan hanya mengedit satu file Style Sheet.
  • Dengan menyisipkan Style Sheet pada file HTML. Metode seperti ini memungkinkan anda mengubah style suatu halaman web dengan hanya mengedit beberapa baris Style Sheet.
  • Dengan menyisipkan secara inline pada tag dalam file HTML. Hal ini memberi cara tercepat untuk mengubah suatu tag, sejumlah tag, atau satu blok informasi pada halaman web.

Anda dapat menggunakan satu, dua, atau ketiga cara tersebut pada halaman web.

Membuat Menu D Tree Bag 3

·  Untuk Template Baru
  1. Sign in di blogger

  1. Klik menu Layout

  1. Klik menu Edit HTML

  1. Klik tulisan Download Template Lengkap, save dulu untuk backup data biar aman

  1. Copy paste kode berikut di atas kode </head>


<link rel="StyleSheet" href="http://amen24.googlepages.com/dtree.css" type="text/css" />
<script type="text/javascript" src="http://amen24.googlepages.com/dtree.js"></script>

  1. Klik tombol Simpan Template

  1. Klik menu Elemen Halaman yang ada di sebelah atas monitor

  1. Klik tulisan Tambahkan sebuah Elemen Halaman

  1. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript

  1. Copy paste kode berikut pada kotak yang muncul (ganti link nya dengan milik sobat)

<div class="dtree">
<p><a href="javascript: d.openAll();"><img src="http://amen24.googlepages.com/plus.gif"><b>Open all</b></a> | <a href="javascript: d.closeAll();"><img src="http://amen24.googlepages.com/minus.gif"><b>Close all</b></a></p>
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'Home','http://kolom-tutorial.blogspot.com');


d.add(1,0,'Free template & navigation')

d.add(3,1,'free template','');
d.add(10,3,'Scribe 3 kolom','http://template-unik.blogspot.com/2007/07/scribe-3-column-xml.html');
d.add(20,3,'Minima 3 ckolom','http://template-unik.blogspot.com/2007/07/white-minima-3-column-xml.html');
d.add(30,3,'1st template unik','http://template-unik.blogspot.com/2007/07/1st-template-unik.html');
d.add(40,3,'Denim 3 kolom','http://template-unik.blogspot.com/2007/07/denim-3-column-xml.html');
d.add(50,3,'Blue lover 3 kolom','http://template-unik.blogspot.com/2007/08/blue-lover-template-xml.html');
d.add(60,3,'Gray lover 3 kolom','http://template-unik.blogspot.com/2007/08/gray-lover-template.html');
d.add(70,3,'UniQue template R 1.1','http://template-unik.blogspot.com/2007/09/unique-template-r-11.html');
d.add(80,3,'UniQue template R 1.2','http://template-unik.blogspot.com/2007/09/unique-template-r-12_16.html');
d.add(90,3,'UniQue template R 1.3','http://template-unik.blogspot.com/2007/09/unique-template-r-13.html');
d.add(100,3,'template klasik');
d.add(110,3,'Minima 3 kolom','http://template-unik.blogspot.com/2007/07/white-minima-3-column.html');
d.add(120,3,'Scribe 3 kolom','http://template-unik.blogspot.com/2007/07/scribe-3-column-classic.html');

d.add(5,1,'Free css menu navigation');
d.add(10,5,'Horizontal blue menu','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu.html');
d.add(20,5,'Horizontal blue menu (2)','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu-2.html');
d.add(30,5,'Horizontal double line menu','http://css-lybrary.blogspot.com/2007/09/horizontal-double-line-menu.html');
d.add(40,5,'Horizontal flip menu','http://css-lybrary.blogspot.com/2007/09/horizontal-flip-menu.html');
d.add(50,5,'Vertical green menu','http://css-lybrary.blogspot.com/2007/09/vertical-green-menu.html');
d.add(60,5,'Vertical transparent','http://css-lybrary.blogspot.com/2007/09/vertical-transparent-menu.html');
d.add(70,5,'Vertical blue menu','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu.html');
d.add(80,5,'Vertical Yellow menu','http://css-lybrary.blogspot.com/2007/09/yellow-vertical-menu.html');
d.add(90,5,'Vertical red menu','http://css-lybrary.blogspot.com/2007/09/red-vertical-menu.html');

d.add(2,0,'Blogroll','','','','http://amen24.googlepages.com/globe.gif','http://amen24.googlepages.com/globe.gif');
d.add(10,2,'UniQue template','http://template-unik.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(20,2,'Css Library','http://css-library.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(20,2,'Terune sasaQ','http://terune-sasaq.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(30,2,'Bang dhika','http://bangdhika.blogspot.com/','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(40,2,'Rubrik Elektronik','http://rubrik-elektronik.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(50,2,'Tukeran link','http://tukeran-link.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(60,2,'Pasar Info','http://pasar-info.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');

d.add(4,0,'Software super murah disini!','http://www.obralplus.com/?id=rohman','menjual berbagai software serta ebook dengan harga super murah, klik di sini!','','http://amen24.googlepages.com/action_save.gif');
d.add(6,0,'Belajar website di sini!','http://www.resepbisnis.com/?id=rohman','belajar membuat website itu sangatlah mudah, temukan caranya.klik di sini!','','http://amen24.googlepages.com/cd.gif');
d.add(7,0,'My friendster!','http://amn_tea.blogs.friendster.com/my_blog/','my friendster','','http://amen24.googlepages.com/friendsterku.gif');
d.add(8,0,'Recycle Bin','http://kolom-tutorial.blogspot.com/index.html','Recycle bin','','http://amen24.googlepages.com/trash.gif');


document.write(d);
//-->
</script>
</div>

  1. Klik tombol Simpan

  1. Klik pada elemen yang barusan di buat, tahan lalu geser pada tempat yang di inginkan (di drag & drop)

  1. Klik tombol Simpan yang berada di sebelah atas


  1. Selesai. Silahkan lihat hasilnya