Pengenalan Dreamweaver dan Layout

Karena banyaknya request dari sana sini dan situ aduh pokoknya dari mana - mana bagaimana cara mengoperasikan Dreamweaver dan tentang web desain dengan Dreamweaver maka saya akhirnya melaunching tutorial Dreamweaver di ilmugrafis rubrik dan kategori web desain...

Seperti kata Pak Patah eh salah itu nama tetangga saya :) maksudnya Kata PEPATAH "Tak kenal maka tak sayang" oleh karena itu alangkah baiknya bila kita menilik apa itu Dreamweaver?
DREAMWEAVER (dulu milik dari macromedia namun sekarang menjadi milik dari Adobe) adalah software aplikasi desain web visual yang biasa dikenal dengan istilah WYSIWYG — What You See Is What You Get — dalam bahasa sansekerta artinya ( Apa yang kamu lihat akan menjadi seperti apa yang kamu inginkan) masih bingung ya intinya Kita tidak harus berurusan dengan tag-tag HTML untuk membuat sebuah situs karena sudah disiapkan secara instant seperti membuat Table, Membuat Hyperlink, Memasukkan Gambar, termasuk memasukkan Flash Animasi, dll. Dreamweaver tidak hanya dapat digunakan oleh para desainer web, namun juga dapat digunakan oleh programer untuk membangun halaman internaktif karena Dreamweaver mendukung pula PHP, ColdFusion, ASP.NET dan lain-lain. Mantab Bukan!!!


Gambar 1 . Tampilan LogoDreamweaver



Gambar 2 . Tampilan / Layout Dreamweaver


Berikut ini penjelasan untuk elemen-elemen workspace seperti telah tertera pada gambar.
- LEMBAR KERJA DREAMWEAVER adalah tempat di mana Anda dapat membuat halaman web secara visual, kode, atau keduanya.
- INSERT TOOLBAR adalah tempat Anda dapat memasukan image, Flash movie, table, atau elemen lain. Untuk memunculkan panel ini, klik Windows > Insert atau tekan Ctrl-F2.
- PENGATURAN HALAMAN berguna untuk melakukan pengeditan pada suatu elemen di Document Window.
- PANEL GROUP merupakan kumpulan dari panel-panel Dreamweaver.

Tunggu Edisi Selanjutnya...

Semoga Bermanfaat

Sumber : http://www.ilmugrafis.com

Read More

BELAJAR Membuat WEBSITE - Basic HTML

Mungkin anda yang masih awam bertanya - tanya, bagaimana cara membuat website? Ada beberapa tahapan dan langkah yang harus kita lalui untuk membuat sebuah Website yang baik. Lain halnya dengan instan CMS maupun instan blog yang kita tinggal mendaftar saja di penyedia layanan blog seperti Blogspot, Wordpress, dll. Maupun CMS seperti Joomla, Mambo, dll yang tinggal instal saja seperti. Disini kita belajar manual web (membuat website secara manual) walaupun masih sederhana dan statis. Untuk membuat website pertama-tama kita harus belajar bahasa HTML yaitu sebuah "bahasa program" yang memungkinkan kita membuat halaman web yang bisa ditampilkan dalam browser (Chrome, Firefox, Internet Explorer, Netscape, Opera, dll).

Nah, kini kita mulai dari langkah awal yaitu belajar bahasa HTML.

BELAJAR WEBSITE

Dewasa ini, hampir semua dokumen web dibuat dengan bahasa HTML (Hypertext Mark-up Language). Meskipun anda bisa saja membuat web page (halaman web) tanpa mengerti sedikitpun HTML, Sangat disarankan bahkan nyaris diharuskan, agar anda mengerti bahasa HTML. Untuk itu langkah pertama bagi Anda yang bercita-cita memiliki website sendiri adalah belajar HTML.

HTML (Hypertext Markup Language) adalah bahasa program yang digunakan untuk menulis format dokumen yang dapat digunakan dalam Web. Dengan HTML, teks ASCII (file *.txt) dapat dipoles (di-mark-up) dengan kode-kode tertentu yang disebut tag untuk menjadi dokumen HTML (file *.htm atau *.html). Oleh karena itu, untuk membuat dokumen HTML, anda bisa menggunakan semua program teks editor biasa, mulai dari Notepad hingga Dreamweaver. Untuk mudahnya, kita gunakan program Dreamweaver.

Apa yang dimkasud dengan file HTML?

-    HTML merupakan kependekan dari Hyper Text markup Language

-    Sebuah file HTML merupakan sebuah file teks yang berisi tag-tag markup

-    Tag markup memberitahukan browser bagaimana harus menampilkan sebuah halaman

-    File HTML harus memiliki ekstensi htm atau html

-    File HTML dapat dibuat menggunakan editor teks yang biasa kamu pakai.

PENGENALAN KODE HTML
>>New >> Basic Page >> HTML , setelah itu atur ke mode Code

disini anda akan menemui tag - tag semacam ini:

<HTML> </HTML>

Penjelasan:
Masing-masing baris di atas disebut tag. Tag adalah kode yang digunakan untuk me-mark-up (memoles) teks ASCII menjadi file HTML. Setiap tag diapit dengan tanda kurung runcing. 
Ada tag pembuka yaitu <HTML> dan ada tag penutup yaitu </HTML> yang ditandai dengan tanda slash (garis miring) di depan awal tulisannya.
Tag di atas memberikan faidah bahwa yang akan ditulis diantara kedua tag tersebut adalah isi dari dokumen HTML. Perlu anda ketahui bahwa tag-tag html dapat ditulis dengan huruf besar ataupun huruf kecil. Artinya, penulisan <HTML> atau <html> atau <Html> sama saja hasilnya. Namun perlu selalu diingat bahwa penulisan tag yang salah meskipun hanya satu karakter akan berpengaruh terhadap dokumen HTML anda, bahkan bisa berakibat dokumen HTML anda tidak bisa ditampilkan dalam browser.

Sekarang kita akan beralih pada tag selanjutnya.

<HTML> <BODY> </BODY> </HTML>

Isi dari dokumen HTML yang sesungguhnya adalah yang ditulis diantara tag <BODY>. Coba tuliskan:

<HTML> <BODY> Tulisan ini akan tampak dalam browser by ilmugrafis. </BODY> </HTML>

Sekarang simpanlah file ini dengan meng-klik menu File lalu Save. Nah, lihatlah hasil karya anda yang pertama dengan menekan F12 disitu akan muncul tulisan "Tulisan ini akan tampak dalam browser by ilmugrafis." tanpa tag HTML. Sekarang anda mungkin mulai mengerti cara kerja HTML dan markup tag, begitulah cara kerjanya, jadi yg muncul di broser hanya tulisan saja sedangkan tagnya hanya merupakan suatu perintah bagi browser untuk menampilkan perintah kita.

Apakah tag BODY fungsinya sekedar penanda tubuh atau isi dari dokumen web? Tidak, dalam tag BODY ini bisa kita sisipkan bermacam-macam atribut yang akan berpengaruh terhadap format atau tampilan halaman web secara keseluruhan. Pada kesempatan ini kita mengambil contoh bagaimana mengubah warna latar belakang dan warna tulisan dari halaman web dengan penambahan atribut ke dalam tag BODY.

<HTML> <BODY BGCOLOR="yellow" TEXT="red"> Tulisan ini akan tampak dalam browser by ilmugrafis. </BODY> </HTML>

Simpanlah kembali file ini (klik File lalu Save). Untuk melihat bagaimana hasilnya tekan F12 atau klik tombol Refresh pada browser atau bisa juga dengan menekan tombol F5 pada keyboard. Dengan demikian, browser akan memanggil ulang file yang kini sudah mengalami perubahan. Maka akan tampaklah hasilnya:

Perlu diketahui bahwa penentuan warna pada HTML bisa dengan nama warna (dalam bahasa Inggris) dan bisa pula dengan kode warna. Kode warna ditulis dalam format heksa contohnya seperti #rrggbb.

Ok setelah menguasai tag di atas maka kita lanjutkan ke inspeksi tag HEAD dan TITLE. Di sini terlihat bahwa kita mempunyai tag <HEAD> dan tag <TITLE>. Tag HEAD berfungsi untuk mengapit berbagai macam fungsi dan informasi yang berkenan dengan halaman web yang bersangkutan. Pada latihan kali ini, kita memasukkan tag TITLE diantara tag HEAD. Sesuai namanya, tag TITLE ini berfungsi untuk mengapit kalimat yang menjadi judul dari halaman web tersebut. Sekarang mari kita tuliskan judul halaman web ini:

<HTML> <HEAD> <TITLE>WEBSITE BUATANKU</TITLE> </HEAD> <BODY BGCOLOR="yellow" TEXT="red"> Tulisan ini akan tampak dalam browser. </BODY> </HTML>

Simpan lagi file ini dengan meng-klik File lalu Save. Sekarang kita akan melihat bagaimana perubahannya dalam browser. Lakukan lagi Refresh seperti di atas. Maka anda akan melihat di baris teratas (yang dinamakan Title Bar) dari program browser akan menampilkan judul atau titel dari halaman web anda yaitu: WEBSITE BUATANKU
previewnya kurang lebih seperti ini, disini saya menggunakan browser Firefox:

Alhamdulillah, selesailah latihan pertama Belajar Membuat Website - HTML.
Selamat belajar HTML di Dreamweaver
Sampai ketemu lagi di Tutorial berikutnya
Sumber : http://www.ilmugrafis.com

Read More

Bikin Rumput 3 Dimensi

Membuat rumput 3 Dimensi kini semakin mudah dilakukan dengan aplikasi software 3 Dimensi. Anda dapat menggunakan aplikasi 3ds max misalnya. Namun fitur untuk membuat rumput ini, baru tersedia di 3ds max versi 8 keatas (di versi 7.5 sebenarnya sudah tersedia, hanya saja prosedur penginstalannya agak sedikit panjang. Disarankan Anda menggunakan 3ds Max versi 8 keatas). Fitur tersebut bernama Hair and Fur. Fitur ini tidak saja berfungsi untuk membuat rumput, namun sesuai dengan namanya, dapat juga membuat rambut dan bulu 3 Dimensi. Dengan adanya fitur ini, objek rumput yang dibuat akan tampil lebih nyata dan realistik.



Cara membuatnya:

1. Pada Command Panel, klik tab Create>Geometry>Plane


2. Buka rollout KeyboardEntry dan Anda isikan nilai seperti petunjuk gambar dibawah. Lalu klik tombol Create



3. Buka tab Modify



4. Di rollout Parameters, Anda isi nilai parameter seperti petunjuk dibawah.



5. Klik kotak warna seperti pada gambar dibawah


6. Pilih warna coklat dan tekan tombol OK



7. Klik kotak bertuliskan Modifier List (seperti pada petunjuk dibawah)



8. Klik pilihan Hair and Fur (WSM).



9. Buka rollout Material Parameters dan ubah warna pada Tip Color menjadi warna hijau muda dan Root Color menjadi warna hijau tua


10. Memilih warnanya seperti pada panduan gambar berikut



11. Setelah selesai, Anda klik menu Rendering>Render


12. Klik tombol Render


13. SIMSALABIM!! Sekarang Anda sudah punya halaman sendiri.. ;)

Rumput Sintetis ala Aditya , Bisa buat main Sepak Bola... Gratis
Selamat mencoba.
Tutorial ini diarsipkan di ilmugrafis pada kategori 3DS Max
Semoga bermanfaat. Salam.

Sumber : http://www.ilmugrafis.com

Read More

Membuat Halftone CorelDRAW

Cara membuat halftone kita hanya menggunakan tehnik-tehnik dasar, bisa dibilang sangat dasar, itulah kenapa saya selalu bilang, “Pelajari dasar-dasarnya dulu” pada orang yang bertanya kepada saya, “bagaimana caranya biar cepet bisa?” karena menurut saya, kalau sudah mengerti benar dasar-dasarnya, kita bisa mengembangkannya dengan menggabung-gabungkan tools yang ada, dan yang terpenting ide... hehehe...

Okeh... tidak usah terlalu banyak berita basi lagi gan...

Langkah-langkahnya :

1. Pasti tidak lupa, buka dulu Corel dan buat New Document


2. Lalu buat lingkaran dan warnai hitam, ingat hanya hitam.



3. Kemudian Klik menu Interactive Transparency Tool



4. Ubah transparency typenya menjadi Radial seperti yang saya tandai biru

Kemudian klik dua kali di bagian yg saya tandai merah, maka akan muncul Windows berikut

Pada bagian yang saya tandai dengan nomor 1, ubah warnanya menjadi Hitam, dan nomor 2 menjadi Putih, maka akan terjadilah gradasi seperti gambar berikut

Yang saya tandai merah diatas untuk menyesuaikan gradasinya.


5. Kemudian jadikan Bitmap, Bitmaps >> Convert To Bitmaps, akan muncul Windows seperti dibawah ini.

Jangan lupa untuk Check semua kotak yg ada di Options, lalu klik OK


6. Kemudian Klik menu Bitmaps >> Mode >> Grayscale (8-Bit)


7. Lalu Klik kembali Bitmaps >> Color Transform >> Halftone... maka akan muncul windows previewnya seperti dibawah ini

Sesuaikan sendiri Blacknya lalu klik Ok


8. Disini Object masih berupa Bitmap, jika kita menginginkannya untuk menjadi Vector, kita tinggal Trace object tersebut. Berikut cara cepatnya :


9. Klik Kanan pada object >> Trace Bitmaps >> Line Art



10. Kemudian akan muncul Windows berikut

halftone

11. Sesuaikan Opsi-opsinya sesuka hati anda lalu klik OK


12. Jadi gan... Intinya seperti itu, kalaupun kita mau buat yg kotak juga bisa asal langkahnya seperti diatas hanya akan ada perubahan sedikit saja dan saya yakin juragan sekalian mampu mengatasinya

Demikian dari saya gan, Semangat dan semoga bermanfaat...
Tetap disini bersama kami di Ilmu Grafis gan... hehehe

Sumber : http://www.ilmugrafis.com

Read More

Mengenal User Interface pada Blender 3D

Blender 3D adalah software gratis yang bisa anda gunakan untuk modeling, texuring, lighting, animasi dan video post processing 3 dimensi.  Blender juga merupakan sebuah software pengolah 3 dimensi dan animasi yang bisa dijalankan di Windows, Machintos, dan Linux. Sama seperti software 3D pada umumnya seperti 3DSmax, blender bisa dikerjakan di hampir semua software 3D komersial lainnya, ray trace dengan kualitas tinggi, mempunyai simulasi physics yang bagus, dan penggunaan UV unwrapping yang sangat sempurna. Satu lagi kelebihan blender yang diinginkan banyak orang dan ditakuti oleh software 3D komersial lainnya adalah software ini sepenuhnya GRATIS.

1.  Menu Info
    menu info ini terdiri dari beberapa Menu Yaitu

•  Menu File 

            sama seperti software-software lain pada umumnya. Menu ini berisi perintah-perintah untuk
            men-save, print,close, dll. 

•  Menu Render

           berfungsi untuk melihat bagaimana tampilan dari objek yang kita buat dari sudut pandang
           kamera, denga melakukan render maka kita akan mengetahui bagaimana nantinya objek itu
           terlihta dan bagaimana jadinya objek dengan pencahayaan yang kita lakukan dengan
           menempatkan lamp pada posisi yang telah kita tentukan. Usahakan pada saat membuat objek
           agar melihat objek pada sudut pandang kamera dengan cara menekan tombol “0” pda numpad.

• Menu Windows

          Pada Menu Windows untuk menduplikan jendela dari blender

•  Menu Help

           pada menu ini berisi tentang penjelasan software Blender, dan jug a cara penggunaan Blender.

 

2. Jendela Poperty
    Jendela poprty ini terdiri dari beberapa Tab panel yang berisi fungsi-fungsi yang sejenis  
    dikelompokan.

3. Timeline Window
    Timeline Window ini berfungsi untuk mengaturtimeline pada sebuah animasi

SekianMengenai User Interface Pada Blender 3D

Read More

Membuat majalah menggunakan CorelDraw

Tentu diantara kita mungkin sering bertanya-tanya, gimana sih ngedisain tulisan dalam sebuah majalah tabloid atau koran kok bisa tulisannya mengikuti alur gambarnya, tenang karena hal itu juga pernah saya alami...

Baiklah disini akan saya beritahukan caranya, intinya semuanya mudah kalo kita tau caranya...
dan jangan pernah menyerah sebelum mencoba...

Apa yang kita butuhkan?
1. Gambar untuk tampilan pada majalah yang akan kita buat.
Supaya mempermudah sebaiknya untuk sementara pakai gambar yang backgroundnya putih
contoh:


Gambar Sasuke Uciha (Save As gambar di atas jika tidak punya)

2. Siapkan teks / tulisan yang akan dibuat sebagai isi dari halaman

3. Mainkan Musiknya.... Let's Gooooo....

Waktunya berkreasi...

- Langkah-Langkahnya:
1. Buka aplikasi coreldraw... pilih new

2. Copy teks kemudian ke lembar kerja coreldraw lalu tekan F8 untuk mengaktifkan Pen Tool kemudian buat ruangan dulu untuk teks yang akan dipindah dengan cara menahan klik kiri dan mendragnya dari ujung kiri atas ke kanan bawah agar teks bisa sesuai dengan yang diharapkan lalu paste ( ctrl - v ) teks ke dalam ruang teks yang telah dibuat dalam lembar kerja coreldraw.


3. Bagian yang paling menyenangkan... Yaitu memasukkan... Gambar maksudnya...
sekarang kita masukkan gambarnya ( File - Import - pilih gambar - OK - lalu saat di lembar kerja maka
"tahan klik kiri " dan drag untuk memberikan ruang pada gambar )


Loh teksnya tertutup? Tenang... Tenang...
untuk mengatasinya kalian klik kanan gambar tersebut dan pilih Order - To Back Of Layer

4. klik teks / tulisan pada lembar kerja kamu... Setelah itu, hehehe...
waktunya memberikan effek Envelope ( Effects - Envelope )
Pilih Add new - Apply


Dan... Kembali ke teks tadi... Lihat perbedaanya?
Gak Tau? Coba aja utak atik bagian samping kiri atas
( gunakan klik kiri dan tahan lalu drag / geser )
Sekarang tulisannya sudah bersifat dinamis...


5. Utak - Atik panahnya dan Sesuaikan dengan gambarnya...
Hasilnya:


Wah udah jadi ya tabloidnya....? Belum...

Tinggal diHias saja... ini tergantung kreatifitas kalian sendiri... Dan jadi deh...


Korannya Koran.. Korannya Koran.. Gratis Ayo siapa mau...
Selamat mempelajari Tutorial Coreldraw dari ilmugrafis
SEMOGA BERMANFAAT
Sumber : johan.felisitas

Read More

Membuat Kursi Santai Menggunakan Aplikasi Blender 3D

      Dalam pembahasan kali ini, saya ingin menjelaskan bagaimana caranya Membuat Kursi Santai Menggunakan Aplikasi Blender 3D. oke deh langsung saya ya disimak.. :

1. pastinya sobat harus membuka Apilkasi Blender yang telah terinstal di laptop sobat. Setelah itu akan menampilkan tampilan awal blender dengan sebuah object, yaitu Cube yang nantinya untuk membuat kursi..

            atur scala Cube tersebut dengan menekan tombol s (s+y / s+z / s+x) pada keyboard Hingga membentuk seperti gambar dibawah :

2.lalu setelah itu kita pergi ke Edit Mode ( tekan Tab) beri garis menjadi beberapa bagian dengan menggunakan ctrl+r – dan gunakan scroll pada mouse hingga menjadi berwarna ungu. Jika sudah klik kiri 2 kali. Begitu pula arah sebaliknya. Seperti gambar dibawah :

Untuk menghilangkan warna kuning (yang terseleksi) tekan a pada keyboard.

3.setelah itu kita pergi ke Face Select. Dengan cara tekan ctrl+tab – pilih Face. Dan arahkan kebagian bawah Cube tersebut.

            Dan seleksi di setiap sudut Cube tersebut. Tekan shift (tahan)+klik kanan mouse. Dan akan seperti gambar :

4.setelah terseleksi bagian yang di butuhkan, sekarang tekan e pada keyboard yang berfungsi menarik bagian terseleksi tersebut untuk membuat kaki kursi.

5.begitu pula untuk membuat Sandaran kursi. Caranya sama seperti langkah 3 dan 4. Lihat gambar dibawah untuk melanjutkan langkahnya :

NB : untuk Un-select bagian yang berwarna kuning, tekan a pada keyboard.

6.jika sudah jadi sandaran awal kursinya saatnya kita menghapus bagian ujung atasnya sebelumnya kita seleksi dulu bagian yang diperlukan, seperti gambar dibawah :

caranya tekan x – dan pilih Faces. Dan akan terhapus seperti gambar :

7.Masih di Edit Mode. Sekarang kita buat untuk penutup yang tadi telah berlubang. Caranya pilih Edge Select (ctrl+tab – Edge) – tekan shift+klik kanan pada mouse dan seleksi seperti gambar :

            Setelah terseleksi tekan f pada keyboard, Begitu pula di setiap sisinya sama seperti itu. Saya contohkan pada gambar dibawah jika sudah jadi di setiap sisinya.

8.jika sudah, kembali ke Object Mode, pilih Object Modifiers – Add Modifier – pilih Solidify. Dan atur thickness-nya menjadi 0.5. seperti gambar dibawah :

Dan klik Smooth pada Object Tools. Maka kursinya akan menjadi seperti gambar :

9.Setelah itu klik Object Modifers – Add Modifier – Subdivision Surface. Atur view dan render-nya masing masing 3.

            jangan di klik apply dulu, pergi ke Edit Mode lalu rapihkan bagian bawah kaki kursi. Dengan cara tekan ctrl+r pada keyboard hingga membentuk garis berwarna ungu - klik kiri (hingga garisnya berwarna kuning) - drag ke bawah. Dan rapihkan seperti gambar dibawah, setelah sobat anggap rapih baru klik Apply.

  

Nah jika sudah selesai baru Deh klik Apply..              Setelah selesai hasilnya akan seperti :

 10. dan kreasikan dengan warna agar menjadi indah di lihatnya.

            Cara untuk memberikan warna, masuk ke Object Mode, klik World – dan centang pada Paper Sky, Blind Sky, dan Real Sky. setelah selesai memberi warna, langsung deh di Render dengan menekan F12 Pada keyboard. saya contohkan hasilnya seperti :

            Sekiranya itu saja, Membuat Kursi Santai Menggunakan Aplikasi Blender 3D. tunggu pembahasan saya selanjutnya masih mengenai Blender 3D ya… untuk tutorial lengkapnya dan aplikasi Blendernya bisa sobat download di bawah, dan apabila ada yang kurang jelas sobat bisa bertanya melalui kotak komentar dibawah atau Contact Me pada Header Blog ini.

            Mohon Maaf bila ada kata kata yang salah dan kurang berkenan. Semoga bermanfaat..

Read more: http://faris6593.blogspot.com/2014/07/membuat-kursi-sederhana-dengan-blender-3d.html#ixzz3MGk2BIdf

Read More