Rabu, 18 Maret 2020

Desain Berbasis Gambar Bitmap (RASTER)

Desain Berbasis Gambar Bitmap

Dalam dunia desain digital, kita mengenal 2 jenis gambar yang berbeda yang dipresentasikan melalui komputer, yaitu gambar Bitmap dan gambar Vektor. Kedua jenis gamabr tersebut memiliki karakteristik yang sangat berbeda, sehingga pengaplikasianya pun tentunya akan berbeda pula. Namun masih banyak desainer pemula yang belum begitu paham mengenai perbedaan tersebut dan bagaimana menggunakan kedua jenis gambar tersebut dengan tepat, sehingga hasilnya tidak maksimal. Untuk itu saya mencoba menjelaskan perbedaan kedua jenis gambar tersebut sehingga dapat mengetahui kelebihan dan kekuranganya serta karakteristiknya.

Gambar berbasis Bitmap adalah gambar yang terdiri dari piksel yang berada di dalam grid/kotak. Setiap pixel atau “bit” pada gambar berisi informasi tentang warna yang akan ditampilkan.
Ciri Gambar Bitmap:
  1. Gambar bitmap memiliki resolusi tetap dan tidak dapat diubah ukurannya tanpa kehilangan kualitas gambar.
  2. Resolusi mengacu pada jumlah piksel dalam foto dan biasanya dinyatakan sebagai dpi (titik per inci) atau ppi (pixel per inci).
  3. Gambar bitmap ditampilkan di layar komputer Anda pada resolusi layar: sekitar 72 ppi.
  4. Gambar yang menggunakan data bitmap akan menghasilkan bobot file yang besar.
  5. Digunakan untuk gambar kompleks, berupa ragam warna dan bentuk yang beraneka, seperti foto dari hasil bidikan kamera.

Kunci Poin Tentang Gambar Bitmap:
  • piksel dalam grid/kotak
  • tergantung resolusi
  • resize mengurangi kualitas
  • mudah dikonversi
  • terbatas pada persegi panjang
  • minimal dukungan untuk transparansi

Format file gambar bitmap diantaranya adalah:
  • BMP
  • GIF
  • JPEG, JPG
  • PNG
  • PICT (Macintosh)
  • PCX
  • TIFF
  • PSD (Adobe Photoshop
Perbandingan gambar bitmap dengan raster


Video Pembelajaran:

Cara Membuat Logo

1. Buka photoshop cs6 kalian lalu buat projek baru caranya klik file di pojok kiri atas lalu pilih new atau cara yang lebih mudah tekan ctrl+L. untuk lebar dan tingginya kalian bisa seting sesuai kengingnan kalian atau bisa seting seperti punya saya width : 1280 height : 720. nah kalau layer sudah terbuka saat nya kita mulai membuat logo ok.
2. pilih ellipse tool untuk membuat lingkaran , kemudian klik di tenga layer lalu akan muncul kotak Create Ellipse kemudian kita seting width : 600 px height : 600 px  lalu klik ok.

3. kalo lingkarang pertamanya sudah jadi, kita tinggal duplicate lingkaran pertama dengan menekan Ctrl+J otomatis sekarang lingkarannya menjadi 2 lingkaran dan jangan lupa berikan nama pada setiap lingkaran.

contoh lingkaran 1 dan lingkaran 2.

4. Untuk membuat lingkaran berada tepat di tengah-tengah caranya, pilih lingkaran 1/2 kemudia tekan Ctrl+A
kalian akan melihat layernya terseleksi
lalu tekan lagi V maka kita akan menuju pada move tool , kemudian klik align vertical centers dan align horizontal centers  maka otomatis lingkaran yang tadi kita pilih berada tepat di tengah-tengah.



5. selajudnya kita akan warnai lingkaran1 dan lingkaran 2 caranya bagamana?
pilih ellipse tool kemudian pilih lingkaran 1 dan lihat di pojok kiri atas ada dua kotak colors, Fill dan Stroke.
fillnya kita pilih warna hitam kemudian stroke tidak perlu kita beri warna no color.
untuk lingkaran yang ke 2 kita beri warna fill  no color stroke kuning dan set shape stroke width 15 pt.


6.Kedua lingkaran kita sudah beri warna selajudnya, pilih lingkaran 2 untuk kita kecilkan caranya
tekan U maka kita akan kembali ke ellipse tool lalu ganti angka W: 533 H: 533 lalu ok maka lingkaran 2 akan
menjadi kecil  dan bilah lingkaran 2 tidak berada tepat di tengah ikuti cara no.4  Untuk membuat lingkaran berada tepat di tengah-tengah.

7.buat tulisan apa saja tersera kalian untuk kita taruh di dalam lingkaran caranya?
pilih horizontal type tool atau tekan T setelah itu klik dalam layer dan mulai menulis.
di sini saya berikan contoh saya menulis LOGO dan setelah itu saya taruh tulisannya logo tepat di dalam lingkaran 1 dan 2.

8. Berikutnya kita akan memotong lingkaran 2 yang berwarna kuning, biar tulisan yang kita buat dapat
kelihatan dengan jelas caranya?

klik kanan di lingkaran 2 lalu pilih rasterize layer, kemudian tekan M kita akan munuju pada rectangular marquee tool. setelah itu kita membuat kotak seleksi pada lingkaran dan harus di ingat tulisan harus berada di dalam kotak seleksi kemudian klik lingkaran 2 lalu tekan delete atau kita hapus, makan lingkaran nya akan langsung terpotong dan lihat hasilnya:



Tugas 1 Gambarlah dibuku gambar Logo Dibawah ini:

Tugas 2 Kerjakan Soal-soal berikut:

44 komentar:

  1. Berkat artikel ini saya bisa mengetahui tentang dasar dari sebuah gambar bitmap serta format filenya. Tutorial membuat logonya pun menarik dan mudah dipahami karena terdapat penjelasan yg disertakan gambar sehingga meminimalisir kebingungan pada pembaca. Terimakasih

    BalasHapus
    Balasan
    1. Tampilan blog nya juga enak dilihat dan dibaca karena tertata rapi dan berurutan

      Hapus
  2. Dgn adanya ini saya bisa mengetahui dasar dari gambar bitmap. Tutorial ini pun sangat menarik ,bagi yg dalam tahap belajar sangat lh berguna.dan disertai dgn foto tahap pertahap nya yg m ngurangin ketidak pahaman bagi yg memebaca. Terimakasih

    BalasHapus
  3. Dengan adanya ini saya bisa mengetahui dasar dari gambar bitmap. Tutorial ini pun sangat menarik ,bagi yg dalam tahap belajar sangat lh berguna.dan disertai dengan foto tahap pertahap nya yg m ngurangin ketidak pahaman bagi yang memebaca. Terimakasih

    BalasHapus
  4. Artikel ini mudah dimengerti dan menarik karena di sertai dengan gambar.ini bisa membuat pembaca tidak bosan untuk membacanya.

    BalasHapus
  5. Tutorial ini saya mengetahui dasar dari gambar bitmap. Tutorial ini sangat
    menarik dan mudah dipahami ,bagi dalam tahap pembelajaran sangat lah berguna.juga disertai dengan foto tahap pertahapnya dapat mengurangin ketidak pahaman bagi yang para pembacanya.

    BalasHapus
  6. Bahasa yg mudah dimengerti setiap org. Dan tutorial yg sangat mudah utk dimengerti dan menarik sekali utk dibuat

    BalasHapus
  7. Tutorialnya mudah dimengerti ,memiliki penjelasan tentang gambar bitmap dan mudah untuk dipahami. Tutorialnya juga terperinci dan jelas.

    BalasHapus
  8. Langkah-langkah dalam membuat logo ini sangat jelas. Jadi bagi pemula seperti saya tutorial ini sangat menarik.

    BalasHapus
  9. Tutorial nya sangat mudah di pahami bagi pemula,di tambah penjelasan serta tempat dimana tool tool yang akan digunakan.Jadi menurut saya tutorial ini sangat menarik.

    BalasHapus
  10. Berisi tahapan tahapan foto/gambar yang jelas...
    Sangat Mudah di pahami.....

    BalasHapus
  11. Tutorialnya dibuat sangat simpel sehingga mudah dimengerti

    BalasHapus
  12. Turorial yang menarik..dijelaskan dengan detail,sangat menarik

    BalasHapus
  13. Bahasa dan kata-katanya sangat mudah dimengerti serta langkah-langkah nya jg dijelaskan secara rinci dan mudah di pahami oleh semua orang

    BalasHapus
  14. Tutoral ini sangat bagus karena dijabarkan dengan jelas dan mudah dimengerti

    BalasHapus
  15. Berkat artikel ini saya sangat mengerti apa itu gambar Bitmap Dan format2 nya. Dan juga toturial yang menarik Dan simple

    BalasHapus
  16. Dengan adanya tutorial ini membuat saya lebih mengerti cara pengerjaan dan juga format" serta jenisnya. Karena disini sudah tertera dengan jelas dan mudah untuk dimengerti

    BalasHapus
  17. Bahasa dan kata-katanya sangat mudah dimengerti Tutoral ini sangat bagus karena dijabarkan dengan jelas dan mudah dimengerti. By Rajula

    BalasHapus
  18. Bahasanya sangat mudah dimengerti,dan tutorialnya sangat bagus dan mudah di mwngerti

    BalasHapus
  19. Tutorial ini sangat mudah untuk di pahami dan dimengerti.Karena terdapat tahapan-tahapan secara jelas dan juga di sertai gambar yg mudah untuk di mengerti.

    BalasHapus
  20. Tutorial ini sangat mudah untuk di pahami dan dimengerti.Karena terdapat tahapan-tahapan secara jelas dan juga di sertai gambar yg mudah untuk di mengerti.

    BalasHapus
  21. Tutorial ini sangat mudah untuk di pahami dan dimengerti.Karena terdapat tahapan-tahapan secara jelas dan juga di sertai gambar yg mudah untuk di mengerti.

    BalasHapus
  22. Terlengkapp👌dari segi tutorial,pembahasan dan bahasa yg mudah dicerna dan dipahami

    BalasHapus
  23. Artikel ini sangat membantu terdapat penjelasan yg mudah dipahami antara bitmap dan vector, juga dilengkapi tutorilnya sangat menarik #Deni_kurnia

    BalasHapus
  24. Rahman wijaya:
    Artikel ini mudah dimengerti dan menarik karena di sertai dengan gambar.ini bisa membuat pembaca tidak bosan untuk membacanya.

    BalasHapus
  25. Tampilannya sangat menarik bisa menarik perhatian para pembaca dan juga bahasa yang digunakan mudah dipahami dan disertai penjelasan dan foto foto.

    BalasHapus
  26. Bahasa dan kata-katanya sangat mudah dimengerti serta langkah-langkah nya jg dijelaskan secara rinci dan mudah di pahami oleh semua orang serta tampilannya yang menarik membuat si pembaca tidak mudah bosan

    BalasHapus
  27. tutorialnya sangat bagus dan mudah untuk dipahami.dengan adanya tutorial ini sangat membantu saya untuk membuat logo dengan hasil yang bagus.
    by:Wulan

    BalasHapus
  28. Tutorialnya mudah dimengerti. Dan sangat bagus untuk dipahami

    BalasHapus
  29. mengetahui tentang dasar dari sebuah gambar bitmap serta format filenya. Tutorial membuat logonya pun menarik dan mudah dipahami karena terdapat penjelasan yg disertakan gambar

    BalasHapus
  30. Tampilan blog nya tersusun Dan tertata rapi Dan tidak pusing membacanya.memuaskan:)

    BalasHapus
  31. Artikel ini mudah dimengerti dan menarik.juga disertai dengan foto tahap pertahapnya dapat mengurangin ketidak pahaman bagi yang para pembacanya.

    BalasHapus
  32. Penjelasan diatas sangat bagus sekali. Selain sangat jelas dan mudah dimengerti penjelas juga menjelaskan terperinci sekali. Sehingga bagi pemula. Ini sangat membantu. Terimakasih
    CHAIRI AMANAH

    BalasHapus
  33. Penulisan artikelnya tertata rapi dan penjelasannya singkat,padat dan jelas sehingga mudah dimengerti pembaca

    BalasHapus
  34. Tuorialnya sangat bagus untuk pemula

    BalasHapus
  35. Tutorial diatas sangat membantu sekali untuk para pemula seperti saya. Karena materi yang diberikan sangat jelas dan efisien sekali

    CHAIRI AMANAH

    BalasHapus
  36. Dengan adanya artikel ini saya bisa mengetahui dasar dari sebuah gambar bitmap

    BalasHapus
  37. Roai:Tutoral ini sangat bagus karena dijabarkan dengan jelas dan mudah dimengerti

    BalasHapus
  38. Tutorial nya lengkap dan dijelas dengan rinci.Sangat mudah untuk di pahami

    BalasHapus
  39. Ada nya langkah langkah yang lengkap dan mudah dipahami sehingga akan lebih mudah bagi orang yang belajar mengikuti tutorial ini

    BalasHapus
  40. Tutorial diatas sangat membantu sekali untuk para pemula seperti saya.

    BalasHapus
  41. Terimakasih atas tutorialnya sangat bermanfaat dan mudah dimengerti untuk pemula seperti saya.

    BalasHapus