Skip to content Skip to sidebar Skip to footer

Desain Halaman Website Menggunakan Adobe Photoshop



WuanjrotBray,- 

Membuat sebuah website pasti membutuhkan kemampuan dalam penguasaan koding seperti PHP dan HTML tetapi itu saja tidak cukup, karena kita pasti membutuhkan konsep yang nantinya berhubungan dengan desain halamannya.

Adobe Photoshop dari dulu sampai sekarang masih digunakan desain halaman website, agar website kita terlihat indah dan enak dilihat. Apalagi sekarng hampir semua website memiliki desain yang bagus, sehingga pengunjung dibuat nyaman.


Pertama yang mesti kita lakukan adalah membuat layout halaman website, mulai dari berapa halaman semuanya, menu dan konsep layout, coba perhatikan contoh website di atas Ceu Odah Travel yang memiliki header dengan konsep tulisan dan gambar Bus yang akan memberikan informasi kepada pengunjung kalau ini adalah website pariwisata.

Kemudian di kolom ke dua saya buat kotak hitam yang di dalamnya ada menu atau mesin pencarian, lanjut ke kolam ke tiga ada sebuah text promosi dimana itu sebuah judul yang akan memberi tahukan bahwa  di kolam berikutnya adalah sebuah promosi paket pariwisata yang bisa pengunjung pilih, misalnya paket ke bali, bandung, jogja atau pangandaran.

Dengan konsep seperti itu pengunjung akan dimanjakan agar tidak berpaling ke lain tempat, sehingga pengunjung tertarik dengan promo paket kita yang di desain secara nyaman dengan gambar-gambar yang bagus dan berkualitas.



Layout pasti dibutuhkan hampir di berbagai bidang apapun, karena ini adalah konsep dari sebuah desain grafis. Kita harus memikirkan bentuk atau Layout sebuah website yang akan kita bangun. Layout di atas adalah dasar sebuah desain website halaman utama Ceu Odah Travel.

Setelah layout berhasil dibuat maka selanjutnya kta memasukan semua kebutuhan website kita seperti gambar di atas, seperti gambar Bus dan tulisan Ceu Odah Travel.



15 comments for "Desain Halaman Website Menggunakan Adobe Photoshop "

  1. 1.buka aplikasi Adobe Photoshop
    2.buka file baru dengan menekan ctrl+n
    3.pilih ukuran yang ingin di buat
    4.setel ukuran dan warna yang akan dibuat
    5.save
    6.exit
    Nama:Lufi Maulana
    X TKJ A

    ReplyDelete
  2. Nama: reva sulistiawati
    X Tkj A

    ReplyDelete
  3. Adel lia suci ramadani
    X TKJ A

    ReplyDelete
  4. Najib Putra Pranata
    XTJKTE
    1.Membuat sebuah website pasti membutuhkan kemampuan dalam penguasaan koding seperti?
    Jawab:Php dan HTML tetapi itu saja tidak cukup karena kita pasti membutuhkan konsep yang nantinya berhubungan dengan desain halamannya
    2.Langkah pertama dalam membuat desain di adobe photoshop adalah?
    Jawab:Layout halaman website
    3.adobe photoshop dari dulu sampai sekarang masih di gunakan untuk desain halaman website karena?
    Jawab :karena adobe photoshop mudah di pahami dan familiar di kalangan pendesain
    4.layout pasti di butuhkan hampir di berbagai bidang apapun!
    Jawab:karena ini adalah konsep dari sebuah desain grafis
    5.kita harus memikirkan apa untuk sebuah website yang kita bangun?
    Jawab:kita harus memikirkan bentuk atau layout sebuah website yang kita bangun
    6.setelah layout di buat maka selanjut nya kita harus?
    Jawab:selanjutnya kita memasukan semua kebutuhan website kita
    7.header itu penting karena?
    Jawab :karena agar pengunjung bisa mengetahui tentang website kita menjual apa dan tentang apa
    8.layout menjadi keharusan dalam pembuatan desain karena?
    Jawab:karena layout sebagai dasar dari semuanya
    9.Close berfungsi untuk?
    Jawab:menghapus file
    10.close all berfungsi untuk?
    Jawab:Untuk menghapus Semua yang terbuKA

    ReplyDelete
  5. Muhammad rizan f
    X tkj F

    1.Adobe Photoshop digunakan untuk apa dalam desain halaman website?
    Jawaban: Mengedit dan memanipulasi elemen grafis

    2.Apa yang dimaksud dengan "grid" dalam desain halaman website menggunakan Adobe Photoshop?
    Jawaban: Jaringan garis vertikal dan horizontal untuk menyusun elemen desain

    3.Bagaimana cara membuat lapisan baru dalam Adobe Photoshop?
    Jawaban: Klik ikon "Create a new layer" di panel Layers

    4.Mode warna apa yang umumnya digunakan dalam desain halaman website di Adobe Photoshop?
    Jawaban: RGB

    5.Apa fungsi alat "Crop" dalam Adobe Photoshop untuk desain halaman website?
    Jawaban: Memotong atau menghapus bagian tidak diinginkan dari gambar

    6.Alat apa yang digunakan untuk menambahkan teks pada desain halaman website di Adobe Photoshop?
    Jawaban: Text Tool

    7 .Apa fungsi alat "Pen Tool" dalam Adobe Photoshop untuk desain halaman website?
    Jawaban: Membuat bentuk-bentuk kustom

    8.Bagaimana cara menggabungkan beberapa gambar atau elemen grafis dalam desain halaman website di Adobe Photoshop?
    Jawaban: Seret atau salin gambar ke dokumen desain

    9.Apa itu "layer mask" dalam Adobe Photoshop untuk desain halaman website?
    Jawaban: Teknik untuk menyembunyikan atau mengungkapkan bagian tertentu dari lapisan gambar

    10.Bagaimana cara menyimpan desain halaman website yang telah selesai dalam format yang tepat di Adobe Photoshop?
    Jawaban: Pilih menu "Save As" dan pilih format file yang sesuai

    11.Bagaimana cara mengatur warna dalam desain halaman website menggunakan Adobe Photoshop?
    Jawaban: Gunakan panel "Color" untuk memilih dan menyesuaikan warna

    12.Bagaimana cara mengoptimalkan gambar dalam desain halaman website di Adobe Photoshop agar ukuran file lebih kecil?
    Jawaban: Gunakan fitur "Save for Web" untuk mengatur format file dan kompresi gambar

    13.Bagaimana cara mengatur tata letak elemen dalam desain halaman website di Adobe Photoshop?
    Jawaban: Gunakan panel "Align" untuk menyusun elemen secara rapi

    14.Apa kegunaan alat "Marquee Tool" dalam Adobe Photoshop untuk desain halaman website?
    Jawaban: Memotong elemen gambar dengan bentuk persegi panjang atau elips

    15.Bagaimana cara mengekspor desain halaman website dari Adobe Photoshop ke format HTML dan CSS?
    Jawaban: Gunakan plugin pihak ketiga yang dapat mengkonversi desain Photoshop ke kode HTML dan CSS

    ReplyDelete