Scribd Logo
Unggah

Selamat datang di Scribd!

  • 22 tayangan

    Pertemuan 9 Desain Web I

    Diunggah oleh

    Doni Fajar
    Dokumen ini memberikan instruksi lengkap untuk membuat desain situs web menggunakan Adobe Photoshop. Instruksi tersebut meliputi cara membuat file baru dengan ukuran tertentu, mengubah latar belakang menjadi layer, menambahkan efek blur dan gradient, serta membuat bidang dan lingkaran untuk membentuk desain. Langkah terakhir adalah menambahkan teks dan icon pencarian ke dalam desain untuk membuat tampilan menu situs web.

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd

    Pertemuan 9 Desain Web I

    Diunggah oleh

    Doni Fajar
    22 tayangan10 halaman
    Dokumen ini memberikan instruksi lengkap untuk membuat desain situs web menggunakan Adobe Photoshop. Instruksi tersebut meliputi cara membuat file baru dengan ukuran tertentu, mengubah latar belakang menjadi layer, menambahkan efek blur dan gradient, serta membuat bidang dan lingkaran untuk membentuk desain. Langkah terakhir adalah menambahkan teks dan icon pencarian ke dalam desain untuk membuat tampilan menu situs web.

    Deskripsi Asli:

    quis pertemuan 9 desain situs web

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Dokumen ini memberikan instruksi lengkap untuk membuat desain situs web menggunakan Adobe Photoshop. Instruksi tersebut meliputi cara membuat file baru dengan ukuran tertentu, mengubah latar belakang menjadi layer, menambahkan efek blur dan gradient, serta membuat bidang dan lingkaran untuk membentuk desain. Langkah terakhir adalah menambahkan teks dan icon pencarian ke dalam desain untuk membuat tampilan menu situs web.

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Unduh sebagai docx, pdf, atau txt
    22 tayangan10 halaman

    Pertemuan 9 Desain Web I

    Diunggah oleh

    Doni Fajar
    Dokumen ini memberikan instruksi lengkap untuk membuat desain situs web menggunakan Adobe Photoshop. Instruksi tersebut meliputi cara membuat file baru dengan ukuran tertentu, mengubah latar belakang menjadi layer, menambahkan efek blur dan gradient, serta membuat bidang dan lingkaran untuk membentuk desain. Langkah terakhir adalah menambahkan teks dan icon pencarian ke dalam desain untuk membuat tampilan menu situs web.

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Unduh sebagai docx, pdf, atau txt
    dari 10

    Pertemuan 9

    Desain Situs Web


    Pemrograman Web I (Web Desain)
    1. Kita klik aplikasi adobe photosop maka akan muncul gambar
    seperti berikut.

    2. Kita buat file baru dengan mengklik new di area file


    3. Kita buat file widht 1280 pixel dan Height 800 pixel lalu kita klik
    ok.

    4. Maka akan muncul gambar seperti ini.


    5. Lalu kita klik background himgga berubah menjadi layer.

    6. Lalu kita klik 2 kali maka akan muncul blending option kita klik
    blending option maka akan muncul seperti ini.

    7. Lalu kita ubah layar background putih dengan mengklik Gradion


    Overlay lalu klik ok maka akan muncul backgroun seperti ini.
    8. Setelah jadi seperti itu kita buat beberapa lingkaran seperti ini.

    9. Kita ubah lingkaran tersebut menjadi blur maka gambar


    berubah menjadi sepeti ini.
    10. Lalu kita buat juga lingkaran berbentuk oval di atas
    beberapa lingkaran tersebut lalu kita kasih radius 10 pixels ,
    maka akan menjadi seperti ini.

    11. Tahap ke dua kita buat file baru dengan ukuran 640 x 640
    piksels. Beri warna latar belakang dengan paint Bucket tool.
    12. Kemudian pilih rounded rectangle tool ubah radiusnya
    menjadi 20 px lalu buat bidang berwarna putih.

    13. Dengan magic wand tool, pilih bidang putih yang baru di
    buat kemudian tekan CTRL+C. Untuk menggadakan bidang
    putih ini.
    14. Mrnggunakan menu widow, pilih file background yang
    tadi lalu tekan CTRL+V untuk menyalin bidang putih ke bidang
    background.
    15. Lalu kita klik background putih tadi lalu centang Gradien
    overlay maka bidang putih tersebut berubah menjadi seperti
    berikut.

    16. Lalu kita atur slider gradient sehingga posisinya seperti


    terlihat pada gambar di bawah ini.
    17. Buka lagi kontak dialog blending options , kali ini pilih dan
    centang stroke lalu tentukan nilai nilainya.
    18. Lalu kita juga bisa menambah kan bulatan bulatan hinga
    berbentuk awan lalu kita satukan bersama bidang yang tadi
    maka akan muncul gambar seperti ini
    19. Sekarang desain background sudah jadi. Selanjutnya
    membuat desain menu . langkah pertama buat bidang persegi
    dengan rectangle tool dan letakkan di bagian atas desain.
    Lebarnya selebar desain yang 640 pikels. Kemudian tambahkan
    gradien overlay dengan variasi warna sesuai keingan kita. Maka
    nanti hasilnya seperti berikut.

    20 terakhir kita tulis situs atau nama desain dan juga tambah
    kan icon pencarian di bidang persegi rectangle tool dan jika
    icon pencarian tidak ada anda bisa mendownload icon di
    google kalo sudah nanti tinggal cari di menu icon lalu tambah
    kan icon tersebut. Akan hasilnya akan seperti ini.
    TERIMA KASIH..

    Anda mungkin juga menyukai