Sabtu, 28 Maret 2015

PENGENALAN DREAMWEAVER


 Pengenalan Dreamweaver
Dreamweaver adalah software aplikasi desain web visual yang biasa dikenal dengan istilah WYSIWYG—What You See Is What You Get—intinya Anda tidak harus berurusan dengan tag-tag HTML untuk membuat sebuah situs. Macromedia belum lama ini telah mengeluarkan rilis terbaru dari Dreamweaver yaitu Dreamweaver MX, dengan penambahan beberapa fasilitas baru di dalamnya. Dreamweaver tidak hanya dapat digunakan oleh para desainer web, namun juga dapat digunakan oleh programer untuk membangun halaman internaktif karena Dreamweaver MX mendukung pula PHP, ColdFusion, ASP.NET dan lain-lain. Menurut survey yang dilakukan oleh Pantone.com, www.pantone.com/products/products.asp?idArticle=209&idArea=1, pengguna Dreamweaver adalah 59% dari seluruh koresponden yang disurvey dan memang digunakan tidak hanya oleh desainer, tapi juga programer.  Dalam seri tutorial ini kita akan mengenal penggunaan Dreamweaver sebagai editor HTML visual. Untuk bagian pertama, kita akan mengenal lingkungan kerja dalam Dreamweaver MX dan membuat halaman web sederhana.  Mengenal Lingkungan Kerja Dreamweaver MX  Lihat Gambar 1. Dreamweaver MX menawarkan dua layout view untuk dijadikan sebagai tampilan kerja saat Anda membuat halaman web. Setelah instalasi, Dreamweaver MX akan memberikan opsi: Macromedia Dreamweaver MX Workspace atau Macromedia Dreamweaver 4 Workspace. Anda dapat mengubah-ubah tampilan ini lewat menu preferences, Modify > Preferences > Change Workspace. Pilihan ini tentu saja terserah Anda, pada tutorial ini saya akan menggunakan Dreamweaver MX Workspace.   Fig 1. Lingkungan kerja Dreamweaver MX  Berikut ini penjelasan untuk elemen-elemen workspace seperti telah tertera pada gambar. Document Window adalah tempat di mana Anda dapat membuat halaman web secara visual, kode, atau keduanya. Insert panel adalah tempat Anda dapat memasukan image, Flash movie, table, atau elemen lain. Insert panel ini serupa dengan menu Insert pada menu bar. Untuk memunculkan panel ini, klik Windows > Insert atau tekan Ctrl-F2. Property Inspector berguna untuk melakukan pengeditan pada suatu elemen di Document Window. Document Toolbar berguna untuk mengubah tampilan dari disign/visual view, code view, atau keduanya sekaligus. Selain itu juga untuk memberi titel pada dokumen, melihat tampilan di browser. Panels Group merupakan kumpulan dari panel-panel Dreamweaver MX.  Pada bagian ini kita akan membuat halaman web sederhana dengan pemformatan dasar pada teks, link, anchor, dan Page Properties. Bekerja dengan Teks Pada dasarnya Dreamweaver tidak jauh berbeda dengan program pengolah kata dalam memformat teks. Namun terdapat sedikit perbedaan karena Dreamweaver menggunakan HTML. Untuk memformat teks dapat kita lakukan dengan menggunakan Property Inspector. Lihat Gambar 2   Fig 2. Property Inspector  Heading  Heading (Gambar 3) digunakan untuk membuat judul dari dokumen atau sub-subjudul berbagai level. Misalnya Anda menggunakan Heading 1 untuk judul, Heading 2 untuk subjudul tingkat pertama, dan sebagainya. Anda juga dapat menggunakan insert panel, pada Insert Panel, klik Tab Text.   Fig 3. Heading  Paragraf dan Line Break  Bila kita menekan Enter pada pengolah kata, maka akan menghasilkan paragraf baru. Demikian pula pada Dreamweaver. Namun paragraf dalam HTML (&lg: &tg:) secara default menghasilkan jarak lebih besar daripada jarak antarbaris. Jika kita ingin antarbaris tidak ada jarak, maka kita membutuhkan  di HTML. Untuk berpindah baris dan bukan paragraf kita menggunakan Shift-Enter, atau Insert > Line Breaks. Lihat Gambar 4.   Fig 4. Paragraf dan Line Breaks  Memformat Teks Dengan Property Inspector  Seperti yang sudah kita bahas sebelumnya, Propery Inspector berguna untuk melakukan pengeditan pada sebuah elemen HTML. Kita akan menggunakan Property Inspector ini untuk memformat teks, ukuran, warna, dan perataan paragraf. Untuk memunculkan Property Inspector yaitu dengan Window > Properties atau dengan menekan Ctrl-F3.  Anda dapat memilih jenis font sesuai dengan selera Anda, namun terdapat 5 jenis font yang yang umum digunakan untuk halaman web, karena hampir semua komputer memiliki jenis huruf ini: Arial, Times New Roman, Courier New, Georgia, dan Verdana. Untuk mengubah teks yang telah Anda ketik yaitu dengan memilih teks yang ingin diubah, kemudian pilih jenis font yang ingin Anda gunakan. Dalam pilihan font dari drop down Property Inspector terdapat beberapa jenis huruf lain yang dipisahkan dengan koma. Pertama-tama browser akan membaca font pertama untuk ditampilkan di browser, bila font pertama tidak terinstal di komputer maka akan dilanjutkan dengan font kedua, kemudian ketiga, dan seterusnya. Font default adalah Times New Roman. Lihat Gambar 5.    Membuat Link, Anchor, dan Target  Untuk membuat link antarhalaman, selain diperlukan halaman link sumber—Source Link—juga diperlukan link tujuan—Destination Link. File contoh halaman Web sederhana di atas saya simpan dengan nama file index.htm. Halaman ini yang akan menjadi link sumber kita. Mari kita buat halaman baru untuk dilink: Buatlah halaman baru untuk link tujuan, File > New, pada kotak dialog pilih Kategori Dynamic Page, dan Basic Page HTML. Lihat Gambar 6. Setelah selesai membuat file baru, kemudian simpanlah file tersebut dengan nama file tentangsaya.htm. Pada contoh, saya memasukkan horizontal Rule, Insert > Horizontal Rule untuk memisahkan konten dari halaman tersebut. Kemudian simpan di folder yang sama dengan index.html.

Selasa, 24 Maret 2015

Membuat wallpaper dengan adobe photoshop


Wallpaper dalam dunia digital dikenal sebagai sebuah gambar yang digunakan sebagai latar belakang dari sebuah tampilan layar, walpaper sering disebut sebagai background layar komputer atau handphone. Ukuran wallpaper ini bisa berbeda pada masing-masing perangkat yang digunakan, biasanya tergantung teknologi dari layar dan perangkat pendukung tampilan lainya. Anda bisa baca referensi ukuran layar standard berikut :
Sebenarnya wallpaper untuk komputer ataupun handphone ini bisa anda dapatkan secara gratis dengan bantuan pencarian google images, akan tetapi wallapaper tersebut belum tentu sesuai dengan apa yang anda sukai. Apalagi bagi anda yang ingin menampilkan gambar tertentu seperti photo keluarga atau gambar idola anda sebagai wallpaper.
Pada tutorial ini saya akan berbagi bagaimana cara membuat wallpaper dengan adobe photoshop agar ukuran serta susunan gambar bisa sesuai dengan keinginan anda. Pastikan anda sudah memasang aplikasi adobe photoshop di komputer anda. Versinya bebas boleh yang lama atau yang terbaru. Mari kita mulai dari langkah awal yaitu :

Menentukan ukuran wallpaper

Dalam menentukan ukuran wallpaper, kita harus mengetahui dulu ukuran layar yang akan kita gunakan. Misal untuk komputer, rata-rata komputer sekarang menggunakan ukuran 1024 x 768. Atau jika anda membuatnya untuk handphone, silahkan mencari di google dengan kata kunci “ukuran wallpaper merk dan seri handphone” misal “ukuran wallpaper N97″ atau “ukuran wallpaper BB Torch” atau anda gunakan kata kunci pencarian yang sesuai.
Setelah anda ketahui, sekarang anda jalankan adobe photoshop, kemudian buat file baru dengan memilih menu, file –> new atau menekan tombol ctrl + n. Maka akan muncul tampilan seperti berikut :

Silahkan isikan isian yang sudah saya tandai merah. Seperti contoh : wallpaper adalah nama canvas/file, kemudian anda coba lihat pilihan ukuran gambar yang ada di preset, cari yang sesuai denga yang anda perlukan. Jika tidak tersedia lanjutkan mengisi nilai width (lebar) dan height (tinggi) dalam ukuran pixel. Dan terakhir isikan resolution.
Resolution adalah tingkat kepadatan gambar, semakin tinggi nilainya maka gambar lebih halus dan ukuran file biasanya juga besar. Untuk keperluan wallpaper kita cukup menggunakan 72. Lanjutkan dengan menekan OK.

Membuat warna dasar wallpaper

Untuk membuat warna dasar wallpaper, kita bisa gunakan dua cara. Pertama warna solid (1 warna) dan kedua gradient (lebih dari 1 warna). Untuk itu kita bisa gunakan toolbox yang tersedia di photoshop. Lihat gambar berikut :
memilih warna
Pada gambar nomor 1 diatas tersedia 2 pilihan, kita bisa pilih gradient tool untuk memberi warna gradian atau paint bucket tool untuk warna solid. Untuk menggunakan gradient tools, cukup anda klik icon, kemudian pilih warna yang sudah tersedia (pada gambar no.3) atau anda bisa tentukan kombinasi warna dengan mengklik ikon nomor 3. Setelah warna anda tentukan, klik drag(tarik) pada area canvas, maka canvas akan dipenuhi dengan warna gradian.
Jika menggunakan paint bucket tool, anda tinggak klik ikon gambar ember, kemudian pilih warna pada area nomor 2, dan klik ke canvas.

Menyisipkan gambar/tulisan utama

Jika wallpaper cuman warna saja tentunya kurang indah dan kurang menarik, sekarang kita sisipkan gambar. Caranya :
Pilih menu file, open, kemudian pilih gambar dari komputer anda, lalu tekan tombol open. Kemudian tekan keyboard ctrl+A untuk memilih semua area gambar. Jika hanya sebagain gambar, gunakan fasilitas Rectangular Marquee Tools pada bagain Tools, lalu pilih area gambar yang akan anda masukkan dalam wallpaper. Setelah terplih (ada garis titik-titik pada area gambar), tekan keyboard ctrl+c untuk mengkopi area gambar tersebut.
Memilih bagian gambar
Setelah itu, close/tutup gambar. Lalu kita berpindah ke canvas yang sebelumnya sudah kita beri background. Pada canvas tersebut, tekan ctrl+v untuk menempel/paste gambar yang tadi kita copy. Sesuaikan posisi gambar yang anda sukai, dan atur ukuran gambar jika terlalu besar dengan menekan keyboard ctrl+t, dan jika selesai klik 2x pada gambar.
Anda bisa menambahkan lebih dari 1 gambar, dengan mengulangi langkah-langkah diatas.
Untuk menambah tulisan, anda bisa gunakan text tools, kemudian klik 1x ke area yang akan ditulisi. Atur ukuran atau jenis tulisan pada bagian atas area kerja.
Misal hasil akhir seperti ini :

Menyimpan file wallpaper

Setelah semuanya selesai, sekarang kita simpan. Format menyimpanya sebaiknya jpg bukan psd. Tekan ctrl+s atau pilih menu file dan save, kemudian pilih tempat penyimpanan dan jenis file yang kita inginkan, lalu tekan tombol save.

Mengaktifkan wallpaper

Saya yakin anda sudah mengetahui caranya, jadi selamat mencoba.
Semoga Bermanfaat
by Zainal Hakim
– See more at: http://www.zainalhakim.web.id/posting/membuat-wallpaper-dengan-adobe-photoshop.html#sthash.q5YTth9I.dpuf

Senin, 23 Maret 2015

Macam-Macam Jenis Kertas Digital Photo Printing


Perkembangan alat cetak (printer) sekarang ini sangat cepat, sampai-sampai kita belum sempat mengenal satu jenis printer, jenis yang lain sudah beredar dipasaran. Berbeda dengan kertas photo printing yang cenderung tetap, walaupun ada perbaikan berupa kulitas kertas dan kekuatannya. Bagi kita yang akan menggeluti dunia Digital Photo Studio mengenal jenis kertas photo printing wajib hukumnya, karena hal ini berhubungan langsung dengan kepuasan konsumen.
Bukan berarti harga kertas mahal akan menghasilkan hasil cetakan optimal, pengetahuan jenis printer (teknologi, rpm dan tinta yang dipakai) dan jenis kertas foto sangat menentukan hasil akhir cetakan (diluar kemampuan editing foto). Untuk itu kita perlu mencocokkan jenis printer, jenis tinta, rpm printer dengan jenis kertas untuk menghasilkan kualitas cetakan foto yang sesuai bahkan memuaskan konsumen.
Ada beberapa jenis kertas foto printing yang banyak beredar dipasaran, diantaranya :
1. Matte / Doff paper
Sangat mudah menyerap tinta sehingga bisa dipakai untuk ngumpetin kualitas tinta dan printer sekaligus tidak memantulkan cahaya. Mencetak foto warna bisa dilihat dari kebutuhannya. Kalau untuk dibingkai atau banyak dipegang-pegang, kertas doff lebih awet dan tidak lengket. Kertas jenis ini seringkali menjadi rekomendasi untuk kertas cetak foto dengan hasil yang bagus.
  1. Sublime Paper
    Kertas jenis ini bukan digunakan untuk mencetak foto sebagai pajangan dirumah, didompet atau untuk dibingkai tetapi kertas ini digunakan sebagai mediator (media perantara) transfer gambar ke t-shirt (kaos). Jadi bila kita ingin sebuah gambar dipindahkannya ke t-shirt (kaos) maka gunakanlah jenis Sublim Paper karena kertas ini mampu memindahkan tinta dengan maksimal ke t-shirt.
  2. Double-Side Paper
    Jenis kertas ini mampu digunakan untuk mencetak foto pada kedua sisinya (depan dan belakang). Kualitas foto yang dihasilkan juga cukup bagus, tidak terlalu mengkilap dan cenderung doff. Jenis kertas ini cocok digunakan untuk mencetak pamflet yang biasanya digunakan untuk sarana promosi, sehingga para konsumen dapat melihat dikedua sisinya.
  3. fiber matte
    Kertas Fiber Base paling tahan lama, karena dia menggunakan kertas dengan pH netral ( biasa di sebut Archival Paper ).
  4. Pemium Glossy foto Paper
    Kertas jenis ini biasa disebut oleh para penggunanya dengan sebutan high glossy, kertas jenis ini mampu menghasilkan cetakan dengan efek yang lebih mengkilap. Kertas jenis ini sangat cocok untuk mengcetak foto dengan resolusi tinggi. Walaupun harga kertas ini lebih mahal tetapi jika kita gunakan, akan menghasilkan cetakan foto yang maksimal dan lebih cerah.
  5. Sticker Glossy foto Paper
    Sering kita menjumpai sticker yang menampilkan foto dengan warna dasar kertas putih dan mengkilap, jenis ini sangat cocok untuk keperluan pembuatan sticker serta mampu mencetak foto beresolusi tinggi.
  6. Laster foto Paper
    Laster foto paper biasanya digunakan untuk keperluan dokumenter karena jenis kertas ini sangat awet bahkan bisa bertahan hingga puluhan tahun, tidak mudah pudar, mampu menghasilkan efek doff, dan sangat cocok untuk foto dengan resolusi tinggi. Permukaan kertas yang mirip kulit jeruk adalah ciri khas untuk membedakan dengan jenis kertas lain. Ketahanan hasil cetakan membuat para konsumen puas, mungkin jenis ini bisa menjadi pertimbangan jika kita ingin serius didunia digital foto printing.
  7. Glossy foto Paper / glanz paper
    Kertas ini merupakan jenis standar cetak foto. Dengan jenis kertas yang mengkilap, permukaan memantulkan cahaya, permukaan lebih lengket terhadap kaca pigura dan putih mampu menghasilkan cetakan yang standar. Dapat digunakan untuk foto resolusi tinggi dan harga kertas yang relatif murah (standar cetak foto).
  8. Canvas Paper
    Jenis kertas ini jika kita gunakan untuk mencetak foto akan menghasilkan cetakan dengan sentuhan canvas layaknya sebuah lukisan. Hasil akhir cetakan akan menampilkan foto yang persis dengan kertas canvas.
  9. Inkjet Paper
    Kertas ini kurang cocok untuk keperluan digital foto printing, jenis kerta inkjet ini biasanya digunakan untuk keperluan grafis, seperti mencetak sketsa gambar, proof arsitektur rumah, grafik bar, dan sebagainya. Kualitas kertasnya lebih bagus dari jenis HVS karena serapan pada tinta lebih bagus dan cepat kering.
  10. Metallic paper
    Seperti glossy, tapi lebih mengkilap lagi, ada sedikit warna keemasan /metalik. Metallic paper mempunyai permukaan halus dan terlihat agak mengkilat. Sangat cocok dengan namanya karena ada titik-titik metallic pada permukaan kertas ini.
  11. Metallic + laminating paper
    Hampir sama dengan metallic paper namun pada salah satu sisi ada plastik atau sejenisnya yang menutupi.
  12. silky paper
    Permukaan kertas lembut namun tidak mengkilat. Daya lekat tinta cukup tinggi sehingga tinta tidak mudah bercecer. Sekaligus bagian permukaan kertas ini tidak mudah terbawa oleh head printer membuat hasil cetakan menjadi lebih baik.
Itulah jenis-jenis kertas yang banyak beredar dipasaran, tetapi sebenarnya masih banyak jenis lainnya. Jenis yang sudah dijelaskan adalah yang paling mudah untuk ditemukan disekitar kita. Kemampuan kita sangat mempengaruhi hasil akhir cetakan, dengan mengenal jenis kertas memudahkan kita menyesuaikan dengan keperluan cetak. Setiap merk kertas mempunyai tingkat daya serap tinta yang berbeda yang juga akan berpengaruh pada hasil cetakan. Ada baiknya Anda berkonsultasi dengan penjual kertas (grosir) untuk mengetahui hasil lebih detail atau mencobanya satu persatu untuk mendapatkan pengalaman. Namun jika sekedar mini studio, ambil kertas glossy dan doff sudah mencukupi.

Sumber: http://www.ahlidesain.com

Rabu, 18 Maret 2015

Tugas-tugas Desainer


Jenis-jenis Desain Grafis
  1. Drafter
Desainer khusus untuk membuat arsitektur dan rancang bangun yang simetris dan digunakan untuk keperluan pembuatan sesuatu yang memerlukan ketelitian tinggi dan rancangan. Membutuhkan orang orang yang ahli di software (Autocad, Archicad, 3d revit architecture). Sangat dibutuhkan di dunia arsitektur dan industri.
  1. Editor
Desainer khusus untuk membuat kover, sampul, banner, dsb. Dan juga membuat karya karya desain grafis misalnya: brosur, kartu nama, pin, logo, poster, dsb. Yang memerlukan sentuhan pandangan dan software yang harus dikuasai adalah : Corel draw,Adobe Photoshop,Freehand,Illustrator. Sangat dibutuhkan di dunia periklanan dan publikasi.
  1. Layouter
Desianer khusus untuk membuat tatanan layout sebuah majalah atau koran atau publikasi yang lainya dan diharuskan mempunyai feel untuk tata letak agar enak dilihat. Sedangkan aplikasi yang harus dikuasai adalah Adobe Page Maker, MS.Publisher, Adobe In Design. Sangat dibutuhkan dipercetakan dan industri koran/buku/majalah.
  1. Art Director
Desainer khusus unuk membuat karya karya seni dari komputer yang bisa digunakan untuk visual effects ataupun hanya untuk hiasan saja. Membutuhkan kreativitas tinggi untuk membuat karya agung yang akan dibuat. Sedangkan software yang harus dikuasai adalah : Corel draw, Photoshop, Photo paint, Art creator. Sangat dibutuhkan di dunia perfilman, seniman visualisator, foto editing effects.
  1. Fotografer
Desianer khusus yang selain melakukan pengeditan foto juga merangkap sebagai fotografer, harus memiliki talenta khas fotografer serta mampu mengedit foto sesuai event atau yang perfect. Membutuhkan intelegensi tinggi kreativitas tinggi dan harus menguasai adobe photoshop,ieworks,photo studio. Sangat dibutuhkan didunia fotografi, foto editor, wartawan, dsb.
  1. Animator
Desainer khusus bekerja pada bidang motion graphic, iklan atau film fantasi. Harus memiliki daya tahan tinggi, pengetahuan yang cukup tinggi , pengalaman dan harus menguasai Macromedia Flash, Adobe Flash, After Effects, 3d Maya, Gif Animator dan Corel Rave. Dibutuhkan di dunia advertising, perfilman, pertelevisian.
  1. Visualisator
Desainer khusus untuk memberikan gambaran sebuah produk atau karya dalam bentuk real / 3d dan harus memiliki kemampuan otak kanan yang cukup tinggi serta harus menguasai 3d Max, Autocad, Swift 3d, Digital Clay. Sangat dibutuhkan di dunia visualisasi produk dan presentasi produk.
  1. Video Editor
Desainer khusus untuk mengedit video atau film dan juga merangkap sebagai video shooter, harus memiliki imajinasi tinggi dan harus menguasai Adobe After Effects, 3d Maya, Adobe Premiere, Ulead Video Studio, Sony Vegas, Pinneacle. Sangat dibutuhkan di dunia perfilman dan industri musik.
  1. Integrated Desainer
Desainer khusus yang membutuhkan integrasi dengan programmer misalnya pembuatan game, cd interaktif, web
desain, dsb. Sedangakan anda harus menguasai hampir semua elemen desain. Sangat dibutuhkan di industri informatika.
Sumber: iwangraphic.wordpress.com/ruang-tamu/jenis-jenis-desain-grafis

Share this:

Perbedaan Adobe Photoshop, InDesign dan Illustrator


dapat menggunakan Photoshop, Illustrator, dan InDesign setiap hari, tetapi untuk alasan yang berbeda. Perlu untuk mengetahui perbedaan antara ketiga buah perangkat lunak Adobe? Ingin tahu apa yang akan digunakan masing-masing untuk? Baca terus!
Adobe Photoshop
Photoshop adalah aplikasi yang hebat, namun orang sering menggunakannya untuk pekerjaan yang kurang tepat. Photoshop adalah perangkat lunak berbasis raster, yang berarti bekerja pada tingkat berbasis piksel. Gambar yang dibangun menggunakan perangkat lunak berbasis raster dapat dengan mudah diubah. Photoshop sangat ideal untuk mengedit gambar atau foto, tetapi tidak ideal untuk gambar dengan teks, atau untuk merancang layout untuk web atau cetak.
Adobe Illustrator
Ilustrator adalah suatu perangkat lunak favorit dari semua produk untuk disain di luar sana. Anda dapat menghasilkan hampir semua jenis gambar atau file, jadi perangkat lunak ini dapat memproduksi semua grafis web, desain web, dan bahkan dokumen. Ilustrator adalah berbeda dari Photoshop dalam hal itu adalah perangkat lunak berbasis vektor, yang berarti bukan bekerja pada tingkat piksel, ia bekerja menggunakan baris. Anda dapat memperbesar dan keluar sebanyak yang Anda inginkan dari apa pun yang Anda buat di Illustrator, dan tidak akan kehilangan detail. Meskipun  output yang anda buat dapat dibuat menjadi  berbasis raster seperti jpg,  dan berakhir dengan beberapa pikselasi, tapi kalau di- “Resize” dalam Illustrator, anda tidak akan kehilangan detail yang jika  dikerjakan di Photoshop  gambar anda pasti akan distorsi. Jadi semua ini merupakan kelebihan Illustrator  dalam menghasilkan grafis web, dokumen, dan desain halaman penuh, tapi tidak begitu cocok untuk bekerja dengan foto.
Adobe InDesign
InDesign adalah yang paling umum digunakan untuk layout buku yang kompleks. Banyak penerbitan terkemuka menggunakannya untuk tata letak  buku terbitannya. Selain itu dapat juga digunakan untuk membuat presentasi dalam bentuk pdf. Banyak desainer lebih memilih PDF dibanding jenis dokumen lain seperti dokumen Word atau presentasi Powerpoint karena akan tampil lebih profesional.
InDesign adalah program berbasis vektor seperti Illustrator, dan memiliki banyak kemampuan yang sama, tetapi lebih fokus pada rancangan sekaligus beberapa halaman dan/atau halaman master. Hal ini memungkinkan Anda untuk membuat tampilan master untuk presentasi Anda atau buku (logo  di sudut kanan bawah, nomor halaman dll) selain itu perangkat ini juga dapat menyesuaikan setiap halaman.  InDesign tidak lebih dari Illustrator untuk disain secara detil, kecuali untuk membuat buku dan suatu presentasi. Untuk keleluasaan pekerjaan membuat ilustrasi secara individual  beberapa fungsi dari Illustrator tidak terdapat pada InDesign.
Mudah-mudahan apa yang diuraikan di atas dapat membuat sedikit pencerahan, minimal tidak terlalu salah dalam memilih perangkat lunak yang pas sesuai dengan tujuan pekerjaan anda.

Teori Tentang Desain Grafis


Desain grafis adalah salah satu bentuk seni lukis (gambar) ilmu terapan yang dapat memberikan kebebasan kepada sang perancang untuk memilih, menciptakan, atau mengatur elemen rupa seperti ilustrasi, foto, tulisan, dan garis di atas suatu permukaan dengan tujuan untuk diproduksi dan dikomunikasikan sebagai sebuah pesan. Desain grafis umumnya diterapkan dalam dunia periklanan, packaging, perfilman, dan lain-lain.
Ada beberapa tokoh menyatakan pendapatnya tentang desain grafis antara lain :
Menurut Suyanto desain grafis didefinisikan sebagai ”aplikasi dari keterampilan seni dan komunikasi untuk kebutuhan bisnis dan industri“. Aplikasi-aplikasi ini dapat meliputi periklanan dan penjualan produk, menciptakan identitas visual untuk institusi, produk dan perusahaan, dan lingkungan grafis, desain informasi, dan secara visual menyempurnakan pesan dalam publikasi.
Sedangkan Jessica Helfand mendefinisikan desain grafis sebagai kombinasi kompleks kata-kata dan gambar, angka-angka dan grafik, foto-foto dan ilustrasi yang membutuhkan pemikiran khusus dari seorang individu yang bisa menggabungkan elemen-eleman ini, sehingga mereka dapat menghasilkan sesuatu yang khusus, sangat berguna, mengejutkan atau subversif atau sesuatu yang mudah diingat.
Menurut Danton Sihombing desain grafis mempekerjakan berbagai elemen seperti marka, simbol, uraian verbal yang divisualisasikan lewat tipografi dan gambar baik dengan teknik fotografi ataupun ilustrasi. Elemen-elemen tersebut diterapkan dalam dua fungsi, sebagai perangkat visual dan perangkat komunikasi.
Menurut Michael Kroeger visual communication (komunikasi visual) adalah latihan teori dan konsep-konsep melalui terma-terma visual dengan menggunakan warna, bentuk, garis dan penjajaran (juxtaposition).
Warren dalam Suyanto memaknai desain grafis sebagai suatu terjemahan dari ide dan tempat ke dalam beberapa jenis urutan yang struktural dan visual.
Sedangkan Blanchard mendefinisikan desain grafis sebagai suatu seni komunikatif yang berhubungan dengan industri, seni dan proses dalam menghasilkan gambaran visual pada segala permukaan.
Kategori Desain Grafis Secara garis besar, desain grafis dibedakan menjadi beberapa kategori :
Printing (Percetakan) yang memuat desain buku, majalah, poster, booklet, leaflet, flyer, pamflet, periklanan, dan publikasi lain yang sejenis.
Web Desain: desain untuk halaman web.
Film termasuk CD, DVD, CD multimedia untuk promosi.
Identifikasi (Logo), EGD (Environmental Graphic Design) : merupakan desain profesional yang mencakup desain grafis, desain arsitek, desain industri, dan arsitek taman.
Desain Produk, Pemaketan dan sejenisnya.

Sumber : http://id.wikipedia.org
Zainal Hakim

Sabtu, 14 Maret 2015

Pengertian dan Arti Warna



Warna merupakan unsur yang sangat penting dalam Desain Grafis. Warna memegang peranan penting dalam Desain Grafis oleh karena itu kita harus mengerti arti warna, jangan sampai kita salah warna misalnya membuat website untuk perbankan tapi menggunakan warna dominan hitam!! (bisa-bisa pelanggan ragu dan tidak dipercaya karena kurang pas, tema hitam cocok untuk website games, hacking tool, Website photo Gallery, Photo Slide). Jadi hindari kesalahan dalam pemilihan warna.
Dalam pelajaran di Sekolah Pengertian Warna dapat diartikan sebagai adalah sebuah spektrum tertentu yang terdapat di dalam cahaya yang sempurna / putih. Dalam dunia disain, Warna bisa berarti pantulan tertentu dari cahaya yang dipengaruhi oleh pigmen yang terdapat di permukaan benda. Misalnya pencampuran pigmen magenta dan cyan dengan proporsi tepat dan disinari cahaya putih sempurna akan menghasilkan sensasi mirip warna merah.
Warna bisa dikelompokkan menjadi beberapa Kelompok Warna yaitu :
  1. Warna netral, adalah warna-warna yang tidak lagi memiliki kemurnian warna atau dengan kata lain bukan merupakan warna primer maupun sekunder. Warna ini merupakan campuran ketiga komponen warna sekaligus, tetapi tidak dalam komposisi tepat sama.
  2. Warna kontras atau komplementer, adalah warna yang berkesan berlawanan satu dengan lainnya. Warna kontras bisa didapatkan dari warna yang berseberangan (memotong titik tengah segitiga) terdiri atas warna primer dan warna sekunder. Tetapi tidak menutup kemungkinan pula membentuk kontras warna dengan menolah nilai ataupun kemurnian warna. Contoh warna kontras adalah merah dengan hijau, kuning dengan ungu dan biru dengan jingga.
  3. Warna panas, adalah kelompok warna dalam rentang setengah lingkaran di dalam lingkaran warna mulai dari merah hingga kuning. Warna ini menjadi simbol, riang, semangat, marah dsb. Warna panas mengesankan jarak yang dekat.
  4. Warna dingin, adalah kelompok warna dalam rentang setengah lingkaran di dalam lingkaran warna mulai dari hijau hingga ungu. Warna ini menjadi simbol kelembutan, sejuk, nyaman dsb. Warna dingin mengesankan jarak yang jauh.

Warna Primer

Warna primer menurut teori warna pigmen dari Brewster adalah warna-warna dasar. Warna-warna lain dibentuk dari kombinasi warna-warna primer. Pada awalnya, manusia mengira bahwa warna primer tersusun atas warna Merah, Kuning, dan Hijau. Namun dalam penelitian lebih lanjut, dikatakan tiga warna primer adalah: Merah (seperti darah), Biru (seperti langit atau laut), Kuning (seperti kuning telur)
Ini kemudian dikenal sebagai warna pigmen primer yang dipakai dalam dunia seni rupa. Campuran dua warna primer menghasilkan warna sekunder. Campuran warna sekunder dengan warna primer menghasilkan warna tertier.

CMYK
Dalam industri percetakan, untuk menghasilkan warna bervariasi, diterapkan pemakaian warna primer subtraktif: magenta, kuning dan cyan dalam ukuran yang bermacam-macam.

Warna Sekunder

adalah warna yang dihasilkan dari campuran dua warna primer dalam sebuah ruang warna. Contohnya seperti di bawah ini. Dalam peralatan Grafis, terdapat tiga warna primer cahaya: (R = Red) merah, (G = Green) hijau, (B = Blue) biru atau yang lebih kita kenal dengan RGB yang bila digabungkan dalam komposisi tertentu akan menghasilkan berbagai macam warna. Misalnya pencampuran 100% merah, 0% hijau, dan 100% biru akan menghasilkan interpretasi warna magenta. Di dalam komputer kita juga mengenal berbagai warna untuk kebutuhan desain Website maupun Grafis dengan kode bilangan Hexadecimal.
Berikut ini campuran warna RGB yang nantinya membentuk warna baru:
Merah + Hijau = Kuning
Merah + Biru = Magenta
Hijau + Biru = Cyan

Pada prinsipnya teori untuk pigmen seharusnya bisa diterapkan untuk warna cat juga. Tetapi cat yang mula-mula dipakai, pencampurannya dilakukan jauh sebelum adanya ilmu pengetahuan warna modern, dan karena pigmen yang tersedia pada masa itu juga terbatas. Khususnya warna pigmen cyan dan magenta alami sulit didapat, oleh karena itu dipakai warna biru dan merah. Dengan demikian sampai saat ini secara luas diajarkan bahwa merah, kuning dan biru adalah warna primer sedangkan jingga/orange, hijau dan ungu adalah warna sekunder. berikut ini perbedaan dan persamaan CMYK dan RGB
Mengingat pentingnya warna maka mari kita mengetahui arti – arti warna dalam Desain Grafis / Disain Logo :
KUNING = Matahari, Cahaya, Kejayaan dan Keluhuran Budi.
MERAH = Api, Semangat dan Keberanian, Bahaya, Keamanan, Waspada.
BIRU = Kejujuran, ketekunan, dan pandangan yang luas, kedamaian, ketenangan, kepercayaan kepada diri sendiri, keseimbangan, semangat batin.
HIJAU = Uang, Keberuntungan, Menarik Perhatian, Keindahan, Menyejukkan
PUTIH = Lambang Kesucian dan Kejujuran, Kesopanan
ORANYE = optimisme dan dinamika
HITAM = Berwibawa, Elegan, Maskulin

posting : Johan

Pengertian, Fungsi dan Sejarah Photoshop

 

Sejarah Photoshop

Pada tahun 1987, Thomas Knoll, mahasiswa PhD di Universitas Michigan, mulai menulis sebuah program pada Macintosh Plus-nya untuk menampilkan gambar grayscale pada layar monokrom. Program ini, yang disebut Display, menarik perhatian saudaranya John Knoll, seorang karyawan di Industrial Light & Magic, yang merekomendasikan Thomas agar mengubah programnya menjadi program penyunting gambar penuh. Thomas mengambil enam bulan istirahat dari studi pada tahun 1988 untuk berkolaborasi dengan saudaranya pada program itu, yang telah diubah namanya menjadi ImagePro. Setelah tahun itu, Thomas mengubah nama programnya menjadi Photoshop dan bekerja dalam jangka pendek dengan produsen scanner Barneyscan untuk mendistribusikan salinan dari program tersebut dengan slide scanner; “total sekitar 200 salinan Photoshop telah dikirimkan” dengan cara ini.
Selama waktu itu, John bepergian ke Silicon Valley di California dan memberikan demonstrasi program itu kepada insinyur di Apple Computer Inc. dan Russell Brown, direktur seni di Adobe. Kedua demonstrasi itu berhasil, dan Adobe memutuskan untuk membeli lisensi untuk mendistribusikan pada bulan September 1988.Sementara John bekerja pada plug-in di California, Thomas tetap di Ann Arbor untuk menulis kode program. Photoshop 1.0 dirilis pada 1990 khusus untuk Macintosh.Sumber ( wikipedia)

Fungsi Photoshop

Banyak sekali fugnsi Photoshop , tapi sebelum itu mari saya jelaskan Fungsi Tool-tool Photoshop.

Crop & Slice Tool 


Crop & Slice Tool
Crop Tool – Shortcut (C), digunakan untuk memotong gambar, foto ataupun canvas (kertas kerja). Pemotongan dengan alat ini dilakukan secara permanen mengubah bentuk dimensi lebar dan tinggi foto. Pemotongan dilakukan dengan menentukan area potong berbentuk kotak dari sebuah foto.
Crop & Slice ToolSlice Tool – Shortcut (C), digunakan untuk kebutuhan website dengan cara memotong hasil desain yang telah dibuat di Photoshop menjadi potongan yang lebih kecil.
Crop & Slice Tool
Slice Select Tool – Shortcut (C), digunakan untuk memilih potongan pada sebuah desain yang telah dipotong sebelumnya dengan menggunakan slice tool.

Annotation, Measuring & Navigation Tool

Annotation, Measuring & Navigation Tool
Eyedropper Tool - Shortcut (I), digunakan untuk mengambil sample warna dari sebuah gambar ataupun foto, sample warna diambil dengan cara mengklik warna target yang kemudian secara otomatis akan mengubah warna depan (foreground color) pada toolbox.

Annotation, Measuring & Navigation Tool
Ruler Tool – Shortcut (I), digunakan untuk mengukur dimensi lebar dan tinggi.  alat ini biasanya digunakan untuk kebutuhan website seperti mengukur dan memperkirakan interface tinggi & lebar tombol, header ataupun area website lainnya. Satuan yang digunakan biasanya pixels.
Annotation, Measuring & Navigation Tool
Note tool - Shortcut (I), digunakan untuk memberikan catatan pada hasil desain yang telah di buat. Catatan ini berguna sebagai pengingat dalam proses pembuatan desain ataupun dapat berguna sebagai media untuk penyampaian sebuah pesan ketika bekerja secara team.
Annotation, Measuring & Navigation Tool
Hand Tool – Shortcut (H), digunakan untuk menggeser/memindah bidang pandang foto atau gambar di dalam window view area atau dalam kondisi gambar sedang di perbesar (zoom in). Cukup tekan dan tahan tombol spasi untuk meminjam alat ini.
Annotation, Measuring & Navigation Tool
Zoom Tool - Shortcut (Z), digunakan untuk memperbesar ataupun memperkecil tampilan foto atau gambar. Pengaturan zoom in atau zoom out dapat dilakukan melalui option bar.

Selection Tool


Selection Tool
Move Tool – Shortcut (V), alat ini digunakan untuk memindahkan posisi layer dalam satu foto ataupun memindahkan sebuah foto atau layer dalam sebuah foto ke foto yang lain / foto yang berbeda.

Selection Tool
Rectangular Marquee Tool – Shortcut (M), alat ini digunakan untuk menyeleksi objek yang berbentuk kotak. Klik kanan diatas alat ini maka akan muncul alat lain dari kelompok marquee tool seperti Eliptical Marquee Tool, Single Row Marquee tool dan Single Column Marquee Tool.
Selection Tool
Eliptical Marquee Tool – Shortcut (M), alat ini digunakan untuk menyeleksi objek yang berbentuk lingkaran seperti menyeleksi lingkaran mata, ban mobil dan objek lain. Alat ini masih satu kelompok dengan Rectangular Marquee Tool.

Selection Tool
Lasso Tool – Shortcut (L), digunakan untuk menyeleksi objek dengan bentuk bebas, alat ini akan membentuk seleksi sesuai dengan gerakan mouse, penggunaan alat ini sangat bergantung dengan gerakan mouse sehingga cukup sulit mengendalikan dan mencapai hasil yang maksimal.
Selection Tool
Polygonal Lasso Tool – Shortcut (L), digunakan untuk menyeleksi objek dengan bentuk bebas bersudut, alat ini membentuk seleksi melalui titik-titik point yang dibuat dengan menggunakan klik kiri mouse. Alat ini juga dapat digunakan untuk memotong dan mengubah background foto.
Selection Tool
Magnetic Lasso Tool – Shortcut (L), digunakan untuk menyeleksi objek dengan bentuk bebas, cara kerja alat ini adalah menempel pada tepi objek yang akan dipotong ketika mouse bergerak mengelilingi tepian objek, selama proses seleksi alat ini membentuk titik-titik penghubung seleksi.
Selection Tool
Magic Wand Tool – Shortcut (W), digunakan untuk  menyeleksi satu jenis warna (warna solid) pada foto. Alat ini dapat menyeleksi dengan pengaturan nilai tolerance atau nilai cakupan warna, semakin besar nilai tersebut maka semakin luas cakupan warna yang di seleksi.

Retouching Tool


Retouching Tool
Spot Healing Brush – Shortcut (J), digunakan untuk menghapus noda pada sebuah foto ataupun gambar, alat ini juga biasanya digunakan untuk menghilangkan noda di wajah ataupun menghilangkan jerawat diwajah.
Retouching Tool
Patch Tool – Shortcut (J), digunakan untuk memperbaiki foto dengan cara memanfaatkan pola yang terdapat pada foto tersebut. Perbaikan dilakukan dengan menyeleksi kerusakan area kemudian menarik seleksi tersebut diatas pola target untuk menutupi area kerusakan.
Retouching Tool
Red Eye Tool – Shortcut (J), digunakan untuk menghilangkan efek mata merah yang timbul pada foto akibat pengambilan foto dalam kondisi gelap menyebabkan flash kamera memantulkan warna merah pembuluh darah dibalik mata.
Retouching Tool
Clone Stamp Tool – Shortcut (S), digunakan untuk mengambil sample dari sebuah area gambar kemudian mengkloning / menerapkan sample tersebut untuk dilukiskan diatas area foto lain berdasarkan sample foto yang diambil.
Retouching Tool
Pattern Stamp Tool – Shortcut (S), digunakan untuk melukis image dengan menggunakan pola tertentu sesuai dengan pola yang dipilih pada option bar.
Retouching Tool
Eraser Tool – Shortcut (E), digunakan untuk menghapus foto atau gambar dalam sebuah layer raster.
Retouching Tool
Background Eraser Tool – Shortcut (E), digunakan untuk menghapus foto atau gambar sehingga menghasilkan layer transparant pada bagian foto atau pada area yang dihapus.
Retouching Tool
Magic Eraser Tool – Shortcut (E), digunakan untuk menghapus area tertentu dari sebuah foto atau gambar yang memiliki warna yang serupa (satu warna solid) menjadi transparan dengan satu kali klik pada area warna tersebut. Bisa dimanfaatkan untukmenghapus background satu warna.
Retouching Tool
Blur Tool – digunakan untuk menghaluskan/mengaburkan area tertentu dari sebuah foto atau gambar. Dengan mengaburkan gambar akan memberikan kesan halus, blur juga dapat menyamarkan pixels gambar.
Sharpen Tool – digunakan untuk menajamkan area tertentu dari sebuah foto atau gambar.
Smudge Tool – digunakan untuk menggosok/mencoreng area tertentu dari sebuah foto atau gambar seolah-olah di pengaruhi oleh sapuan jari telunjuk diatas sebuah lukisan.
Dodge Tool – Shortcut (O), digunakan untuk menerangkan warna di area tertentu pada gambar atau foto dengan memberikan highlights pada area tertentu hingga area tersebut tampak lebih cerah / terang.
Burn Tool - Shortcut (O), digunakan untuk menggelapkan warna di area tertentu pada gambar atau foto dengan memberikan shadow / bayangan pada area tertentu hingga tampak lebih gelap.
Sponge Tool – Shortcut (O), digunakan untuk mengubah saturation di area tertentu pada area gambar atau foto.

Painting Tool


Painting Tool
Brush Tool – Shortcut (B), digunakan untuk melukis foto atau gambar dengan goresan kuas berdasarkan warna depan (foreground color) yang telah dipilih.
Painting Tool
History Brush Tool – Shortcut (Y), digunakan untuk melukis image menggunakan snapshot atau state history dari Image.
Art History Brush Tool - Shortcut (Y), digunakan untuk melukis image menggunakan snapshot atau state history dari image, dengan model artistik tertentu.
Pencil Tool – Shortcut (B), digunakan untuk melukis dengan efek goresan pensil.
Gradient Tool – Shortcut (G), digunakan untuk mengecat area yang dipilih (selected area) dengan perpaduan dua warna atau lebih. Gradient ini juga memiliki beberapa pengaturan dan tipe untuk menghasilkan efek perpaduan warna yang sesuai dengan keinginan.
Paint Bucket Tool – Shortcut (G), digunakan untuk mengecat atau mewarnai area tertentu atau layer tertentu berdasarkan warna depan (foreground color) yang telah dipilih.

Drawing and Type Tool

Drawing and Type Tool
Path Selection Tool - Shortcut (A), digunakan untuk menyeleksi path yang telah dibuat dengan menggunakan pen tool.
Drawing and Type Tool
Horizontal Type Tool – Shortcut (T), digunakan untuk membuat teks secara horizontal. Selain alat ini ada juga Vertical Type Tool untuk membuat teks secara vertical dan type mask untuk membuat teks dalam bentuk seleksi.
Pen Tool – Shortcut (P), digunakan untuk menggambar path sudut ataupun lengkung. Alat ini biasa juga digunakan untuk menyeleksi objek. Selain alat ini ada kumpulan alat lain untuk menambah titik point, mengurangi dan memodifikasi path yang telah dibuat.
Sumber:Trikmudahphotoshop