Desain Website: Cara Membuat Website dengan Photoshop

Langkah A3: Mengatur Ulang Ukuran Dokumen

Tekan “Ctrl+Alt+C” atau pilih “Image -> Canvas Size” untuk memanggil box dialog Canvas Size dan ubah pengaturannya seperti tampak pada ilustrasi di bawah ini.

tutorial desain website cara membuat website

Setelah kita menambahkan tinggi kanvas kita, sekarang kita harus memilih dan memperbesar grid kita sesuai dengan panjang dokumen kita saat ini.

Pilih kedua layer grid dan tekan “Ctrl+T” atau pilih “Edit -> Free Transform”, lalu drag grid tersebut sesuai dengan ilustrasi A – 3B. Setelah itu, kunci kedua layer grid, dan sembunyikan layer “grid_12_col” seperti tampak pada ilustrasi A – 3C.

Secara default, kita telah memposisikan panduan untuk grid_16_col saat kita mulai mengerjakan file grid_16_col.psd. Kita tidak memiliki panduan untuk grid_12_col, tapi kita memang tidak terlalu membutuhkannya, karena kita hanya menggunakan grid_12_col dalam situasi-situasi tertentu saja.

tutorial desain website cara membuat website

tutorial desain website cara membuat website

Kamu juga bisa memeriksa grid dan panduan dokumen kamu dengan mengklik “Ctrl+’ (View -> Show -> Grid)” atau “Ctrl+; (View -> Show -> Guides)” seperti tampak pada ilustrasi A -3D.

tutorial desain website cara membuat website

Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

Ryan Gondokusumo

Founder Sribu.com, platform jasa desain grafis online yang telah membantu lebih dari 2.000+ pelanggan. Spesialis UI dan UX design, team building, pengembangan produk, strategic marketing, digital marketing. Anda dapat ngobrol dengan Ryan di twitter via @redjohn_G

  • Indra

    bro gak ada pdfnya ya ? boleh minta klo ada

  • http://sabana.web.i sabana

    wah mantap nih tutorialnya….banyak2in lagi ya tutorial kayak gini, kalo untuk theme joomla gmna ya ??/

  • AgPras

    Tambah sip kalo bisa untuk drupal…

  • http://- bongko

    saya tunggu next-nya…………!!!

  • Lidya

    makasih ya sribu….bermanfaat bangett :)

  • http://www.planetkecil.com Mukhlis

    Terima kasih atas sharing dan ilmunya, bermanfaat sekali :)

  • andre

    izin copas ya min..

    • http://www.sribu.com/ Ryan Gondokusumo

      @c5e94978229de439931961fbb9e189d8:disqus: Silahkan, namun cantumkan juga source dari http://www.sribu.com

  • http://www.facebook.com/nafatha Nur Adiyat Fatha Husein

    Nextnya ditunggu bangetz…

    • http://www.sribu.com/ Ryan Gondokusumo

      Terima kasih telah membaca artikel ini @Nur :)