Cara Membuat Stopwatch Animatian di Premiere Pro CC
23.49.00Pengertian Vektor dan Bitmap
00.13.00
Vektor dan bitmap sangatlah penting diketahui oleh para desain grafis. Vektor dan Bitmap sendiri memiliki sifat, format dan, ukuran berbeda dalam ruang lingkup desain grafis. Dalam postingan kali saya akan share sedikit ilmu yang saya dapat dari buku buku desain grafis yang pernah saya baca. Hehehe ( kayak pernah baca buku aja)
Apa itu Vektor?
Gambar Vektor merupakan gambar yang berbentuk dari sejumlah garis / kurva. Kelebihan dari gambar vektor adalah hasilnya gambarnya sendiri tidaklah tergantung oleh banyak pixel, sehingga apabila kita melakukan pembesaran (zooming) tidak akan pecah kabur.
Namun kekurangan dari gambar vektor ini adalah warna yang kaku dan tidak natural sehingga kurang cocok untuk proses pengeditan foto. Ada beberapa Software pengolah gambar bebasis vektor ini yaitu CorelDraw, Adobe Illustrator, Freehand.
Apa Itu Bitmap?
Gambar Raster / Bitmap merupakan gambar yang terdiri dari titik - titik atau piksel. Grafis ini tergantung oleh banyaknya piksel sehingga apabila dilakukan zooming / pembesaran, akan terlihat kotak - kotak piksel dari gambar tersebut.
Software pengolah gambar berbasis raster ini adalah Adobe Photoshop, Corel Photo Paint, Microsoft Office Picture Manager. Biasanya penggunaan gambar berbasis raster / bitmap ini adalah untuk pengeditan foto, pembuatan ilustrasi yang bersifat raster.
Oke itu tadi pembahasan tentang Pengertian Vektor dan Bitmap. Semoga bermamfaat untuk kita semuanya. Jangan lupa share ya kata orang berbagi itu indah lo. hehehehe
Cara Membuat Logo yang Ada di Seragam NET TV
16.34.00
Cara Membuat Logo yang Ada di Seragam NET TV -Pada tutorial Coreldraw kali ini saya akan mencoba berbagi cara membuat logo NET TV. Logo ini yang akan kita buat ini merupakan logo yang ada pada seragam kerjanya karyawan NET TV. Biasanya logo ini terletak pada bagian bahu kanan seragamnya NET.
2. Buat garis tegak lurus dengan menggunakan Bezier Tools, garis ini yang akan kita jadikan mirror.
3. Lalu buat bentuk seperti dibawah ini dengan menggunakan Bezier Tools lagi.
4. Perhatikan bidang yang beroutline merah, dan yang hitam adalah Mirror yang tadi kita buat pertama kali. Setelah anda buat bangun seperti itu, lalu klik Shape Tool, kemuadian seleksi semua node yang terlihat pada bangun beroutline merah, klik convert to curve,kemudian sesuaikan curvenya menjadi seperti gambar dibawah ini.
5. Kemudian klik Smart Fill Tool untuk member warna
6. Lalu copy mirror bagian yang berwarna
7. Seleksi kedua object diatas lalau Klik Weld
8. Copy objek yang sudah kita Weld kemudian paste dengan ukuran agak kecil dari objek pertama kita buat, kemudian beri warna
9. Sekarang kita akan memotong bagian tengahnya dengan cara, pilih Rectangle tool pada Toolbox kemudian letakkan sesuai dengan gambar dibawah, kemudian seleksi dan untuk memotongnya kita Trim
10. Kemudian buat Tulisan “INDONESIA” menggunakan Textool pada toolbox dan pilih jenis hurufnya dengan Arial Narrow
11. Selanjutnya, Aktifkan Graph paper tool (D) atur dengan columns=13 dan rows=1 pastikan snap to object sudah di centang (View-Snap To Object) .
Buatlah diatas objek perpotongan yang bagian bawah, seperti ini.
12. Dan ber warna menggunakan Fill Tool , seperti ini.
13. Untuk membuat tulisan NET nya, silakan Soba baca terlebih dahulu tutorial Cara Gampang Membuat Logo NET TV dengan Coreldraw.
14. Hasilnya kurang lebih seperti gambar dibawah.
Okee, Demikianlah Tutorial Coreldraw tentang Cara Membuat Logo yang Ada di Seragam NET TV, semoga bermamfaat.
Cara Membuat Logo yang Ada di Seragam NET TV
1. Buka corel seperti biasanya lalau tekan Ctrl+N2. Buat garis tegak lurus dengan menggunakan Bezier Tools, garis ini yang akan kita jadikan mirror.
3. Lalu buat bentuk seperti dibawah ini dengan menggunakan Bezier Tools lagi.
4. Perhatikan bidang yang beroutline merah, dan yang hitam adalah Mirror yang tadi kita buat pertama kali. Setelah anda buat bangun seperti itu, lalu klik Shape Tool, kemuadian seleksi semua node yang terlihat pada bangun beroutline merah, klik convert to curve,kemudian sesuaikan curvenya menjadi seperti gambar dibawah ini.
5. Kemudian klik Smart Fill Tool untuk member warna
6. Lalu copy mirror bagian yang berwarna
7. Seleksi kedua object diatas lalau Klik Weld
8. Copy objek yang sudah kita Weld kemudian paste dengan ukuran agak kecil dari objek pertama kita buat, kemudian beri warna
9. Sekarang kita akan memotong bagian tengahnya dengan cara, pilih Rectangle tool pada Toolbox kemudian letakkan sesuai dengan gambar dibawah, kemudian seleksi dan untuk memotongnya kita Trim
10. Kemudian buat Tulisan “INDONESIA” menggunakan Textool pada toolbox dan pilih jenis hurufnya dengan Arial Narrow
11. Selanjutnya, Aktifkan Graph paper tool (D) atur dengan columns=13 dan rows=1 pastikan snap to object sudah di centang (View-Snap To Object) .
Buatlah diatas objek perpotongan yang bagian bawah, seperti ini.
12. Dan ber warna menggunakan Fill Tool , seperti ini.
13. Untuk membuat tulisan NET nya, silakan Soba baca terlebih dahulu tutorial Cara Gampang Membuat Logo NET TV dengan Coreldraw.
14. Hasilnya kurang lebih seperti gambar dibawah.
Okee, Demikianlah Tutorial Coreldraw tentang Cara Membuat Logo yang Ada di Seragam NET TV, semoga bermamfaat.
Cara Mudah Membuat Tombol Follow Twitter dan Facebook di Blog
16.31.00
Cara Mudah Membuat Tombol Follow Twitter dan Facebook di Blog – Hallo sobat blogger, pada kesempatan kali ini saya akan berbagi tentang cara membuat tomblol follow di blog. Fungsi dari tombol ini adalah memudahkan pembaca untuk menfollow twiiter dan facebook dari pemilik blog yang dikunjunginya. Jadi tombol ini sangat berguna sekali bagi suatu blog.
Ganti Tulisan kuning dengan url facebook fanspage sobat
Ganti Tulisan Orange dengan username twitter sobat
Demikianlah Tutorial tentang Cara Mudah Membuat Tombol Follow Twitter dan Facebook di Blog. Semoga bermamfaat.
Berikut Cara Membuat Tombol Follow di Blog:
- Masuk ke akun Blogger sobat
- Pilih Layout/Tata Letak
- Klik Add/Tambahkan Gadget
- Pilih HTML/Javascript
- Masukkan kode dibawah ini
<div style="display:scroll;position:fixed;bottom:0;left:1000;"><iframe src="//www.facebook.com/plugins/follow.php?href=https://www.facebook.com/1772061729680429/&width=100&height=21&colorscheme=light&layout=button_count&show_faces=false&appId=206601896162194" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowtransparency="true"></iframe><iframe title="" style="width: 250px; height: 20px;" class="twitterx-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351& align=&button=blue&id=twitter_tweet_button_0& lang=ID&link_color=&screen_name=pelosokberbagi&show_count=& show_screen_name=&text_color=" frameborder="0" scrolling="no"></iframe> </div>
- Kemudian save dan lihat hasilnya
Ganti Tulisan kuning dengan url facebook fanspage sobat
Ganti Tulisan Orange dengan username twitter sobat
Demikianlah Tutorial tentang Cara Mudah Membuat Tombol Follow Twitter dan Facebook di Blog. Semoga bermamfaat.
Mengubah Widget Statistik Blog Bawaan Blogger jadi Lebih Keren
18.34.00
Mengubah Widget Statistik Blog Bawaan Blogger jadi Lebih Keren-Kali ini saya akan memberikan sebuah Widget Tutorial Cara Mengubah widget “Statistik Blog” lebih keren. Widget statistik blog memang sudah disediakan oleh blogger namun di sini saya akan berbagi tutorial bagaimana mengubah tampilan default nya menjadi lebih keren lagi.
2. Sekarang pilih Template > Edit HTML dan cari kode.
Demikianlah Tutorial Blog Mengubah Widget Statistik Blog Bawaan Blogger jadi Lebih Keren, semoga bermafaat.
Cara Memasang Widget Statistik di Blog
1. Cara memasangnya sangat mudah, silakan masuk Akun Blogger > Tata Letak > Tambahkan Widget > Pilih Widget Statistik, Kemudian klik tombol Save.2. Sekarang pilih Template > Edit HTML dan cari kode.
<b:widget id='Stats1' locked='false' title='' type='Stats' version='1' visible='true'>...</b:widget>
Ganti semua kode tersebut dengan kode HTML dibawah.
<b:widget id='Stats1' locked='false' title='Statistik Blog' type='Stats' version='1' visible='true'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<!-- Content is going to be visible when data will be fetched from server. -->
<div expr:id='data:widget.instanceId + "_content"' style='display: none;'>
<!-- Counter and image will be injected later via AJAX call. -->
<b:if cond='data:showSparkline'>
<img alt='Sparkline' expr:id='data:widget.instanceId + "_sparkline"' height='30' src='http://2.bp.blogspot.com/-nsxCtkYnchQ/VLEifAyf97I/AAAAAAAAIlk/9Viyy0W9r04/s1600/FFF.png' title='Sparkline' width='75'/>
</b:if>
<b:if cond='data:showGraphicalCounter'>
<span class='counter-wrapper graph-counter-wrapper' expr:id='data:widget.instanceId + "_totalCount"'/>
<b:else/>
<span class='counter-wrapper text-counter-wrapper' expr:id='data:widget.instanceId + "_totalCount"'/>
</b:if>
<script type='text/javascript'>
function postCount(json){
document.write("<span class='counts post2'> Total Posts ");
var count = json.feed.openSearch$totalResults.$t;
document.write("<span class='count'>" + count + "</span>");
document.write("</span>")
}
function numberOfComments(json){
document.write("<span class='counts comment'> Total Comments ");
var count = json.feed.openSearch$totalResults.$t;
document.write("<span class='count'>" + count + "</span>");
document.write("</span>")
}
</script>
<script src='/feeds/posts/default?alt=json-in-script&amp;max-results=0&amp;callback=postCount' type='text/javascript'/>
<script src='/feeds/comments/default?alt=json-in-script&amp;max-results=0&amp;callback=numberOfComments'/>
</div>
</div>
</b:includable>
</b:widget>
3. Langkah selanjutnya Copy kode CSS dibawah tepat diatas </head>
<link href='//fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'/>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>
<style type='text/css'>
/* Statistik widget by negripelosok.blogspot.com */
.Stats img {display:none!important;background-image:none;}
.Stats .counter-wrapper {width:92%;text-align:right;margin:10px;line-height:35px;color:#333;font-weight:700;font-size:16px;margin-left: 0;}
.Stats .counter-wrapper:after {content:"Page Views";float:left;text-align:left;font-size:13px;font-weight:700;color:#333;}
.counts {display:inline-block;width:92%;font-size:13px;line-height:35px;color:#333;font-weight:700;}
.counts .count {display:inline-block;font-size:16px;height:30px;
vertical-align:top;direction:ltr;float:right;color:#333;font-weight:700!important;}
.counts:hover .titles:before {color:#333!important;border-radius:2px;border-color:rgba(255,255,255,0.1);}
.counter-wrapper.text-counter-wrapper:before, .counts:before {display:inline-block;font-size:13px;font-family:FontAwesome;font-style:normal;font-weight:normal;margin:0 10px 0 10px;float:left;width:10px;text-align:center;}
.counter-wrapper.text-counter-wrapper:before, .counts:before {
display:block;background-color:#fff;color:#333;width:35px;height:35px;font-size:18px;line-height:35px;border-radius:2px;margin:0px 8px 0 0;}
.counter-wrapper.text-counter-wrapper:before {content:"\f06e";}
.counts.post2:before {content:"\f044";}
.counts.comment:before {content:"\f0e6";}
#Stats1_content {width:auto;height:auto;background-color:#fff;}
</style>
4. Simpan TemplateDemikianlah Tutorial Blog Mengubah Widget Statistik Blog Bawaan Blogger jadi Lebih Keren, semoga bermafaat.
Cara Membuat Diamond Flat UI dengan Coreldraw
17.04.00Cara Membuat Diamond Flat UI dengan Coreldraw – Belakangan ini desain flat ui sangat populer di dunia maya. Maka jenis-jenisnya pun mulai beragam. Dalam postingan kali ini saya akan mencoba membuat diamond dengan coreldraw.
Berikut Langkah-langkahnya:
Buat objek trapesium menggunakan Basic Shape pada Toolbox dan objek segita menggunakan Polygon tool, letakkan seperti gambar dibawah.
Untuk membuat efek trianglenya disini kita menggunakan Pen tool yang ada pada toolbox, lihat step by step seperti gambar dibawah
Selanjutnya, kita beri warna disini kita menngunakan warna dasar flat ui. Bagi sobat yang belum memiliki warna palate flat ui silakan klik tombol download dibawah ini
(Baca Juga: Cara Menambah Color Palete Flat UI di Coreldraw)
Dan hasil akhirnya kurang lebih seperti ini
Cara Membuat Halaman Parse HTML di Blog
17.45.00Cara Membuat Halaman Parse HTML di Blog – hallo sobat blogger, pada kesempatan kali ini saya akan share Cara Membuat Halaman Parse HTML di Blog. Fungsi dari Halaman Parse HTML adalah mengubah kode menjadi kode entitas. Kode-kode yang biasanya diubah yaitu tanda lebih kecil (<), petik dua (“), ampersand (&), petik satu (‘), dan tanda lebih besar.
Berikut Cara Membuat Halaman Parse HTML di Blog:
Masuk ke akun Blogger
Pilih Laman
Laman Baru
Pada halaman Editor pilih tab HTML bukan Compose
Lalu masukkan Kode dibawah
Kemudian Publikasikan dan lihat hasilnya di Lihat Laman
Selesai
Berikut Cara Membuat Halaman Parse HTML di Blog:
Masuk ke akun Blogger
Pilih Laman
Laman Baru
Pada halaman Editor pilih tab HTML bukan Compose
Lalu masukkan Kode dibawah
<center><script type="text/javascript">
function convert(){var ele1 = document.getElementById("somewhere");var replaced;replaced = ele1.value;replaced = replaced.replace(/&/ig, "&");replaced = replaced.replace(/</ig, "<");replaced = replaced.replace(/>/ig, ">");replaced = replaced.replace(/"/ig, """);replaced = replaced.replace(/±/ig, "±");replaced = replaced.replace(/©/ig, "©");replaced = replaced.replace(/®/ig, "®");replaced = replaced.replace(/ya'll/ig, "ya'll");ele1.value = replaced;}
</script><br />
<table style="margin: 0 auto;"><tbody>
<tr> <td><textarea id="somewhere" style="background: none repeat scroll 0% 0% rgb(248, 248, 248); border: 1px solid rgb(204, 204, 204); height: 300px; width: 550px;"></textarea><br />
<input onclick="convert();" style="padding: 5px;" type="button" value="Parse Now" /></td> </tr>
</tbody></table>
</center>
<br />
<marquee>by <a href="http://v-xp1.blogspot.com/">v-xp1</a></marquee>
Kemudian Publikasikan dan lihat hasilnya di Lihat Laman
Selesai