BELAJAR CORELDRAW ITU MUDAH SERI 2

Setelah kita belajar memulai Coreldraw dan mengenal jendela kerja Coreldraw, sekarang saya lanjutkan dengan materi membuat garis. Oke kita mulai :

Membuat Garis lurus
Langkahnya :

1. Pilih Freehand tool, lihat gambar berikut :
   
2. Klik satu kali untuk menentukan titik awal garis.
3. Gerakkan pointer tanpa menekan tombol mouse kearah lain sesuai dengan kebutuhan. Klik untuk menentukan titik ujung garis.
4. Klik kanan pada warna (Color palette) untuk memberi warna garis.

Membuat gari lurus bersambung

1. Pilih bezier tool, lihat gambar berikut :
   
2. Klik satu kali untuk menentukan titik awal garis
3. Gerakkan pointer ke arah lain tanpa mendrag
4. Klik untuk membuat sambungan garis
5. Ulangi langkah 3 dan 4 untuk membuat sambungan lainnya
6. Klik untuk mengakhiri garis

Tunggu tutorial berikutnya

BELAJAR CORELDRAW

Coreldraw adalah aplikasi design grafis yang digunakan untuk membuat berbagai macam design seperti logo, kartu nama, kalender, poster, stiker dan lain-lain. Bayangan orang awam, belajar Coreldraw sangat sulit, oleh karena itu banyak dibuka kursus design grafis dengan harga yang mahal. Untuk itulah saya mencoba memberi ilmu kepada para blogger untuk belajar Coreldraw tanpa biaya.

Menurut saya belajar komputer design grafis seperti orang membuka pintu. Posisi saya disini adalah membantu membuka pintu itu. Setelah pintu terbuka, silahkan Anda mendalami materi design grafis sendiri.Saya minta maaf software yang dipakai masih Coreldraw 11 karena kebetulan yang terinstal di komputer masih Coreldraw 11. Tetapi tidak apa-apa karena tidak terlalu berbeda dengan seri Coreldraw selanjutnya. Selamat belajar dan berlatih.
Tutorial 1 : Memulai Coreldraw
Langkah-langkah :

1. Klik Start – All programs – Coreldraw 11 – Coreldraw 11
   
2. Kita memasuki tampilan awal
   
3. Pilih New Graphic dan kita memasuki jendela kerja Coreldraw
   

Tutorial 2 : Mengenal Jendela kerja Coreldraw
Dari sekian banyak komponen dalam jendela kerja Coreldraw, saya hanya akan menerangkan beberapa saja yang penting dipahami untuk pemula. Hal ini dilakukan dengan tujuan agar lebih mudah untuk belajar. Komponen yang lain akan bisa dipahami setelah cukup mahir.
Komponen-komponen itu antara lain :

1. Title bar (A)
   Title bar berisi informasi tentang aplikasi yang sedang aktif dan file yang dikerjakan. Apabila file itu belum pernah disimpan, maka secara otomatis akan diberi nama Graphic1.cdr, Graphic2.cdr dan seterusnya.
2. Menu bar (B)
   Menu bar berisi perintah mengenai file yang akan atau sedang dikerjakan. Perintah yang dapat dipilih adalah yang berwarna jelas, sedangkan yang berwarna buram (tidak aktif) menunjukkan bahwa perintah tersebut tidak sesuai dengan objek yang sedang dikerjakan. Yang ada di dalam menu bar adalah File, Edit, View, Layout, Arrange, Effects, Bitmaps, Text, Tools, Windows, dan Help.
3. Standart toolbar (C)
   Standar toolbar berisi perintah-perintah standar. Standar toolbar dimiliki oleh semua aplikasi under windows, seperti membuat file baru, menyimpan, copy, paste dan lain-lain
4. Toolbox (D)
   Toolbox adalah sekumpulan peralatan yang dapat digunakan untuk membuat dan mengatur gambar, garis dan warna. Untuk lebih mudahnya, sorot dengan mouse maka akan menampilkan namanya.
5. Printable area (E)
   Printable area adalah area yang bisa kita cetak dalam media kertas
6. Color palette (F)
   Palet warna berisi jenis-jenis warna yang bisa kita gunakan untuk fill maupun outline objek sesuai dengan default warna yang kita gunakan

Tunggu tutorial Coreldraw selanjutnyta.

Tuttoria Memperluas Halaman Blog

Kawan blogger yang pernah berkunjung ke blog saya pasti tahu keadaan blog saya yang dulu. Dulu blog saya ini masih sangat biasa, tetapi dengan mulai aktifnya didunia blogging membuat saya terus dan terus berkembang maju.

Kali ini saya akan memberikan trick memperluas / memperlebar tampilan halaman blog anda. Akan saya berikan empat langkah mulai dari latar belakang template, Header, NavBar Menu dan Sheet halaman blog anda.

Inilah hasil perbedaannya
   Gambar sebelum diperuas

   Gambar sesudah diperluas

Terlihat perbedaannya kan. Langsung saja ya kita ke topik. Berikut langkah-langkahnya :
Peringatan : Sebelum mengedit template Anda, simpanlah sebuah salinan dari template tersebut dengan Download Template Lengkap. agar ketika terjadi kesalahan bisa mengembalikan keadaan semula.

Ikuti langkah-demi langkah.

1. Login ke account blog anda.
2. Pilih Tata Letak kemudian Edit HTML. "tidak usah mencentang expand the widget"
3. Cari kode seperti ini atau sejenisnya saja. Agar mudah tekan F3 pada keyboard anda.

#wrap {     width: 1130px;     margin: 0px auto 0px;     padding: 0;     position: relative; }

   Ket : Ubah angka warna merah diatas sesuai dengan keinginan anda.
            ANGKA HARUS SAMA ANTARA:
                  #wrap {
                  #header-wrapper{
                  #outer-wrapper {
            Kode diatas untuk memperlebar latar belakang sebuah template.

4. Kemudian cari kode seperti ini atau sejenisnya.

#header-wrapper{     width: 1130px;     height: 400px;     font-size: 11px;     margin: 0 auto 0;     padding: 0;     overflow: hidden;         background:url(http://i270.photobucket.com/albums/jj104/lgtoews/2988370271_04e7911f3f_o.jpg) repeat left center; }

   Ket: Ubah angka bewarna merah sesuai dengan keinginan anda.
           ANGKA HARUS SAMA ANTARA
                 #wrap {
                 #header-wrapper{
                 #outer-wrapper { 
            Kode diatas untuk mengatur lebar Header blog anda.

5. Cari kode seperti ini atau sejenisnya.

#NavbarMenu {     background:#000000;     width: 1090px;     height: 36px;     font-size: 13px;     color: #FFF;     font-weight: bold;     margin: 0 auto 0;     padding: 0 20px; }

Ket: Ubah angka bewarna merah sesuai keinginan anda. Bagi beberapa blog, untuk angka NavbarMenu     ini tidak harus sama dengan #wrap #header-wrapper #outer-wrapper. Biasanya ukurannya  lebih kecil dengan selisih angka 40. Sesuaikan sendiri saja. Pasti kalian bisa :) 
       Kode diatas untuk mengatur lebar NavBar menu blog anda.

6. Kemudian  langkah selanjutnya cari kode berikut ini.

#outer-wrapper {         background:#fff;     width: 1130px;     margin:0px auto 0;     padding-top: 20px;     line-height: 18px; }

   Ket: Ubah angka bewarna merah sesuai dengan keinginan anda.
          ANGKA HARUS SAMA ANTARA
                 #wrap {
                 #header-wrapper{
                 #outer-wrapper {
       Kode diatas untuk memperlebar sheet pada halaman blog anda.

7. Simpan Template.

Selesai sudah.Semoga bermanfaat. Jika ada yang kurang paham silahkan Tanya atau komentar dibawah. Oke! Untuk postingan selanjutnya saya akan memberikan trick menambahan widget atau Sidebar dua kolom. Tunggu saja postingan selanjutnya.  

Tuttoria Mengedit Background di Blogspot

Setiap kita memilih template blog, kadang kita menyukai struktur dari template tersebut tetapi tidak suka dengan backgroundnya. Nah, tutorial kustomisasi kali ini akan memaparkan langkah-langkah mengganti/ mengedit background di Blogspot.


1. Seperti biasa, Login ke Blogger, pilih Rancangan, lalu pilih Edit HTML.
2. Temuka kode body {
3. Kode CSS body {  bisa berbeda-beda tiap template.
    Contoh kode tersebut adalah seperti berikut:

    body {
     background:$bgcolor;
     margin:0;
     color:$textcolor;
     font:x-small Georgia Serif;
     font-size/* */:/**/small;
     font-size: /**/small;
     text-align: center;
    } 

4. Temen-temen perhatikan saja properti background: $bgcolor;
5. Jika kodenya seperti body { background: $bgcolor; , untuk mengganti warna background, temen-temen
    harus menemukan kode berikut :

     <Variable name="bgcolor" description="Page Background Color"
             type="color" default="#fff" value="#8f8e8e">

    Lalu ganti kode yang bewarna merah dengan kode warna yang diinginkan.
    Jika  kodenya body { background: #8f8e8e , maka temen-temen bisa langsung mengganti kode warna
    tersebut.
    (Untuk mencari kode warna, ada di menu Hex Color Code Chart & Generator)

6. Lalu bagaimana jika ingin mengganti background dengan gambar (image)?
7. Pertama-tama temen harus meng-upload gambar yang ingin dijadikan background ke image hosting
    terlebih dahulu seperti ImageShack, PhotoBucket, dll. Lalu simpan direct link gambar tersebut.
8. Kemudian mengganti kode body { background: $bgcolor; atau body { background: #8f8e8e
    menjadi seperti ini:

body { background: url('http://direct link image yang sudah di-upload tadi') repeat;

9. Simpan, lalu coba lihat blog temen-temen.

Oh, iya. Aku ada referensi nih, untuk mencari image buat background blog :

• BG Patterns
• Background City
• Din Pattern
• Stripe Mania
• AVA 7 Patterns
• Color Lovers
• Gr Sites

Kalau ada kesalahan dalam post ini, atau ada yang ingin menambahkan silahkan menuliskan pesan di bawah ini. Terimakasih.