2012/12/14

Kelebihan & Kekurangan Dreamweaver

Macromedia Dreamweaver 8

Adobe Dreamweaver merupakan program membuat atau mengedit web yang dibuat Adobe Systems yang dulu dikenal sebagai Macromedia Dreamweaver dibuat Macromedia. Program ini banyak digunakan oleh para pengembang web karena fitur-fiturnya yang menarik dan kemudahan untuk menggunakannya. Versi terakhir Adobe Dreamweaver adalah Adobe Dreamweaver CS5. Macromedia Dreamweaver berubah menjadi Adobe Dreamweaver karena Macromedia di akuisisi oleh Adobe System sehingga seluruh produk yang dibuat oleh Macromedia kini diawali dengan kata Adobe.

 Adobe Dreamweaver CS5

Berikut beberapa kelebihan dan kekurangan Adobe Dreamweave :

Kelebihan :

1. Kemampuannya membuat halaman web yang terlihat konsisten.
Adobe Dreamweaver sudah terinstall beberapa template yang elegan dan menarik. Tentunya ini memudahkan anda yang ingin belajar membuat sebuah web namun anda belum mampu membuat design web sendiri. Jika anda ingin membuat lebih dari 10 halaman web dengan didasarkan design template tertentu maka web anda akan memiliki gaya halaman web yang sama dan terlihat konsisten dari halaman perhalaman.

2. Kemudahan dan efisiensi dalam penggunaan
Program ini tidak hanya dirancang untuk anda yang sudah mahir dan mengerti bahasa pemrograma. Bagi anda yang belum mengerti bahasa pemrograman, anda bisa membuat halaman web dengan hanya cara mengklik atau drag and drop menggunakan mouse serta anda juga bisa melihat halaman html-nya selama  proses desain berlangsung. Atau yang lebih dikenal dengan sebutan WYSIWYG (What You See Is What You Get)

Selain itu dreamweaver memiliki kemampuan memperlihatkan 3 proses yang berbeda, yaitu :
  • Code View : Berfungsi untuk hanya menampilkan script html saja.
  • Desain View : Berfungsi menampilkan kode-kode html yang anda tulis menjadi sebuah design/template    yang nantinya akan ditampilkan di browser.
  • Split View : Berfungsi menampilkan gabungan antara Code View dan Desain View pada saat bersamaan.Jadi anda bisa langsung melihat perubahan pada saat anda mengubah htmlnya.

3. Mudah untuk mengupload melalui FTP
Dreamweaver sudah dilengkapi dengan fitur FTP jadi setelah anda selesai membangun sebuah web, anda bisa langsung menguploadnya melalui FTP . FTP (singkatan dari File Transfer Protocol) adalah sebuah protokol Internet yang berjalan di dalam lapisan aplikasi yang merupakan standar untuk pentransferan berkas (file) komputer antar mesin-mesin dalam sebuah internetwork.

 Ilustrasi FTP

4. Dapat dikustom
Dreamweaver dapat disesuaikan dengan kebutuhan yang anda perlukan. Menu, tab, perintah, font dan warna semua kode dapat disesuaikan dengan preferensi pribadi. Hal ini dapat secara efektif memudahkan proses desain web. Selain itu dreamweaver didukung banyak plug-in yang membantu anda dalam proses desain.


Kekurangan :
1. Harga Software yang Cukup Mahal.
Mungkin salah satu kekurangan dari Dreamweaver ini adalah dari segi harga. Dreamweaver CS5 dibandrol oleh Adobe sekitar $399. Harga yang mungkin terjangkau oleh kalangan tertentu saja.

Dreamweaver


Adobe Dreamweaver adalah aplikasi desain dan pengembangan web yang menyediakan editor WYSIWYG visual (bahasa sehari-hari yang disebut sebagai Design view) dan kode editor dengan fitur standar seperti syntax highlighting, code completion, dan code collapsing serta fitur lebih canggih seperti real-time syntax checking dan code introspection untuk menghasilkan petunjuk kode untuk membantu pengguna dalam menulis kode. Tata letak tampilan Design memfasilitasi desain cepat dan pembuatan kode seperti memungkinkan pengguna dengan cepat membuat tata letak dan manipulasi elemen HTML. Dreamweaver memiliki fitur browser yang terintegrasi untuk melihat halaman web yang dikembangkan di jendela pratinjau program sendiri agar konten memungkinkan untuk terbuka di web browser yang telah terinstall. Aplikasi ini menyediakan transfer dan fitur sinkronisasi, kemampuan untuk mencari dan mengganti baris teks atau kode untuk mencari kata atau kalimat biasa di seluruh situs, dan templating feature yang memungkinkan untuk berbagi satu sumber kode atau memperbarui tata letak di seluruh situs tanpa server side includes atau scripting. Behavior Panel juga memungkinkan penggunaan JavaScript dasar tanpa pengetahuan coding, dan integrasi dengan Adobe Spry Ajax framework menawarkan akses mudah ke konten yang dibuat secara dinamis dan interface.
Dreamweaver dapat menggunakan ekstensi dari pihak ketiga untuk memperpanjang fungsionalitas inti dari aplikasi, yang setiap pengembang web bisa menulis (sebagian besar dalam HTML dan JavaScript). Dreamweaver didukung oleh komunitas besar pengembang ekstensi yang membuat ekstensi yang tersedia (baik komersial maupun yang gratis) untuk pengembangan web dari efek rollover sederhana sampai full-featured shopping cart.
Dreamweaver, seperti editor HTML lainnya, edit file secara lokal kemudian diupload ke web server remote menggunakan FTP, SFTP, atau WebDAV. Dreamweaver CS4 sekarang mendukung sistem kontrol versi Subversion (SVN).


Adobe Dreamweaver merupakan program penyunting halaman web keluaran Adobe Systems yang dulu dikenal sebagai Macromedia Dreamweaver keluaran Macromedia. Program ini banyak digunakan oleh pengembang web karena fitur-fiturnya yang menarik dan kemudahan penggunaannya. Versi terakhir Macromedia Dreamweaver sebelum Macromedia dibeli oleh Adobe Systems yaitu versi 8. Versi terakhir Dreamweaver keluaran Adobe Systems adalah versi 12 yang ada dalam Adobe Creative Suite 6 (sering disingkat Adobe CS6).

Membuat Gambar seperti teknik Manual Grayscale

Sering kita melihat hasil karya baik itu desain computer atau karya seni manual, menggunakan teknik grayscale atau tidak menggunakan warna-warna yang sparasi/full color. Dan karya tersebut kelihatan menarik...

Namun kali ini kita akan Merubah Foto fullcolor menjadi grayscale dengan Filter Sketch pada Photoshop, sehingga foto menjadi seperti karya manual dengan Conte Crayon.

1. Pilih gambar (akan lebih terasa jika foto wajah)

2. Pilih File --- New, tentunya setelah buka program photoshopnya.

3. Masukkan gambar yang telah dipilih, gbr 1.jpg

4. Klik pada Filter pada menu bar yang ada diatas halaman photoshop

5. Pilih Sketch --- sampai muncul pilihan disamping segitiga kecil,
gbr 2.jpg

6. Klik Conte Crayon ……

7. Setelah muncul window Conte Crayon, nah.. tinggal atur sesuai keinginan

8. Pengaturan Conte Crayon


9. Lalu setelah dirasa cukup tinggal klik OK.

10. Maka akan tercipta efek CONTE CRAYON pada gambar yang tadinya Fullcolor dan akan terlihat lebih dramatis.
Hasilnya:
gbr 4.jpg

cara menghilangkan jerawat dengan photoshop

Disini kita akan mencoba menghilangkan jerawat dengan cepat dan mudah tanpa banyak biaya...

Hanya dengan belajar ilmu photoshop

mari kita buktikan...

Langkah-Langkahnya:

1. Kita akan mencoba pada gambar yang telah tersedia di atas.
Anda bisa download atau save as gambar di atas.

2. Buka file gambar yang sudah kamu sediakan Klik pada Healing Brush Tool (dengan otomatis kursor akan berubah menjadi bentuk Lingkaran)

Posisi Healing Brush Tool pada jerawat

3. Atur diameter/besar lingkaran Healing dengan ukuran jerawat (untuk mengganti ukuran anda Klik Kanan pada layar kerja kemudian atur besar Diameternya)
Contoh:

Setting Healing Brush Tool

4. Tekan tombol Alt sampai kursor berubah seperti lambang SnapShot kemudian klik pada bagian wajah yang paling bersih atau tanpa jerawat (pilih pada bagian dengan kontras warna yang sama dengan bagian jerawat), lepas tombol Alt kemudian anda tinggal klik pada bagian wajah yang berjerawat hingga bersih..

Jerawat Hilang (dalam 7 menit - With Belajar-Grafis Miracle...)

5. Agar gambar lebih cerah atur contras warna dengan melakukan langkah sbb:
= Pilih menu Image > Adjustments > Curves : ganti nilai input dan output
Sebagai rekomendasi ganti dengan * input : 99 *out put : 146 atau atur sesuai dengan selera anda.

rekomendasi setting

Hasilnya:

Efek Butiran - Butiran Air Membasahi Foto

Efek butiran - butiran air membasahi foto? tenang.. tenang.. ini cuman rekayasa photoshop aja, jangan dikira prakteknya menyiram foto dengan air betulan, nanti gak malah bagus eh jd rusak...

Oh iya hampir lupa, hari ini kan (premiernya movie Ayat-Ayat Cinta...), trus apa hubungannya dengan ilmu photoshop?
Ya cuma ngasih info aja, hwe3x...

Ok, tanpa banyak chit-chat ini langkah-langkahnya:

1. Buka Gambar yang akan diedit dengan photoshop
Bisa foto kamu atau pemandangan alam, atau barangkali belum punya gambar untuk diedit? silahkan mencari di search engine, disini saya menggunakan gambar pantai...

(beautiful scene)

2. buat lingkaran dengan Elipse Tool
catatan: foreground dan background harus putih


Hasilnya:


3. Selelah itu klik kanan dan pilih Rasterize Layer...

4. Waktunya memberi efek...
Menu - Layer - Layer Style - Blending Options...
Centang Drop Shadow dan Inner Shadow

dan

[OK]
Lalu pada pallete - ubah ke mode Multiply


5. Yup Hasilnya...

Hehehe... Tinggal perbanyak aja tetesan airnya... beres dah...

dengan belajar photoshop Hasilnya????? anda bisa mengutak-atik lagi dan ini hasil dari penulis

Menambahkan Tulisan Berefek Komik Pada Foto

Pada photo efek kali ini kita akan menambahkan tulisan berefek komik pada foto anda sehingga membuatnya lebih berkesan ekspresif

Para disainer grafis mempunyai keahlian untuk mengedit dan mengubah style foto agar kelihatan lebih artistik, anda pun juga bisa karena yang diperlukan hanya aplikasi pintar yaitu photoshop

Langkah-langkahnya:

1. Jalankan program photoshop. file --> Open atau tekan [ctrl] + [O] Setelah itu carilah gambar yang akan diubah, Sebagai contoh disini saya menggunakan foto saya:

download gambar --> versi Zip file
Ukuran 800 x 600 pixels

2. Mulai membuat dialog box
caranya: klik Pada Pen tool berbentuk seperti kepala pulpen lalu mulailah membuat garis-garis dengan menggunakan pen tool [tekan mouse sebelah kiri pada gambar/foto dan atur posisinnya]
Untuk hasil lebih rapih anda bisa gunakan Freeform pen tool atau tekan [Alt] + [+] pada keyboard lalu potong dan selanjutnya terserah anda, mau buat seperti apa, yang lonjong, bullet , atau lancip.

Lalu masuk ke menu utama dan pilih Layer --> rasterize --> Shape
[hal ini perlu dilakukan karena layer anda masih dalam keadaan mask / bayangan]
contoh hasil:


Untuk mempertegas gunakan Layer --> Layer Style --> stroke...


3. Setelah itu lanjut ke Teks tool dan mulai menulis di dalam dialog box tadi, jika ingin memperbesar atau memperkecil dan memutar tulisan tekan [ctrl] + [T] atau atur di properties teks yang terletak di bawah menu utama

Hasilnya


Pengetahuan tentang PHOTOSHOP


Adobe Photoshop, atau biasa disebut Photoshop, adalah perangkat lunak editor citra buatan Adobe Systems yang dikhususkan untuk pengeditan foto/gambar dan pembuatan efek. Perangkat lunak ini banyak digunakan oleh fotografer digital dan perusahaan iklan sehingga dianggap sebagai pemimpin pasar (market leader) untuk perangkat lunak pengolah gambar/foto, dan, bersama Adobe Acrobat, dianggap sebagai produk terbaik yang pernah diproduksi oleh Adobe Systems. Versi kedelapan aplikasi ini disebut dengan nama Photoshop CS (Creative Suite), versi sembilan disebut Adobe Photoshop CS2, versi sepuluh disebut Adobe Photoshop CS3 , versi kesebelas adalah Adobe Photoshop CS4 , versi keduabelas adalah Adobe Photoshop CS5 , dan versi yang terakhir (ketigabelas) adalah Adobe Photoshop CS6.
Photoshop tersedia untuk Microsoft Windows, Mac OS X, dan Mac OS; versi 9 ke atas juga dapat digunakan oleh sistem operasi lain seperti Linux dengan bantuan perangkat lunak tertentu seperti CrossOver.