PSWebMedia mengucapkan Selamat Idul Fitri 1445 H. Mohon maaf lahir dan batin. Dalam rangka lebaran, PSWebMedia libur tanggal 8 - 12 April 2024. Masuk kembali tanggal 15 April 2024. Terimakasih.

#MediaSosial

Membuat Web dengan Adobe Illustrator dan Atom

Membuat Web dengan Adobe Illustrator dan Atom

Alat yang digunakan dalam membuat web design

Halo sobat web design, saya Wawan dari pswebmedia.com. pada kesempatan kali ini kita akan membahas tentang peralatan dalam membuat web design. Semua hal yang dibuat pasti membutuhkan sebuah alat termasuk web design, apa saja peralatan yang di gunakan yaitu cukup dua, pengolah grafis dan text editor . Kenapa hanya dua alat ini yang kita butuhkan? karena kita akan membuat sebuah gambar dengan pengolah grafis kemudian dari gambar tersebut nantinya akan kita konversi menjadi sebuah baris kode HTML dan CSS menggunakan text editor.

Adobe Illustrator

Langsung saja kita bahas yang pertama yaitu pengolah grafis, perangkat lunak (Software) ini kita gunakan untuk menciptakan web design dari komponen-komponen yang kita perlukan. Berikut ada beberapa software mulai dari yang berbayar sampai gratis, software tersebut adalah Adobe Illustrator, apakah Cuma ini ? jawabannya tentu tidak. Karena di dunia online sekarang ini banyak sekali perangkat lunak yang tersebar, dalam contoh software berbayar adobe photoshop, coreldraw, affinity dsb. untuk software yang gratis bahkan open source yaitu inkscape, gimp, scribus dll.

Dalam video kali ini kami akan menunjukkan kepada Anda alat-alat atau tools yang digunakan untuk membuat website design. Ini adalah tools yang sering digunakan oleh para web designer profesional.

Tools pertama yang Anda perlukan adalah Adobe Illustrator. Adobe Illustrator adalah perangkat lunak atau software yang gunanya untuk mengolah grafis atau gambar yang akan digunakan dalam website Anda.

Jika Anda seorang pelajar atau sedang belajar web design, Anda bisa men-download Adobe Illustrator secara gratis dari website Adobe Creative Cloud. Silakan kunjungi website tersebut di alamat http://www.adobe.com/sea/creativecloud/desktop-app.html

Klik Download dan ikuti petunjuk dalam video di bawah.

Cara daftar Adobe Creative Cloud sebagai Student atau Pelajar

Pada pembahasan ini kita akan lebih dekat dengan adobe illustrator, namun kedepannya sobat web design boleh menggunakan software sesuai seleranya masing-masing. Illustator dapat didownload pada situs resminya langsung http://www.adobe.com untuk memudahkan penginstalan disarankan menggunakan adobe creative cloud namun dibutuhkan koneksi yang stabil,. Menurut pengalaman illustrator sudah stabil dan mature dan dapat diandalkan untuk setiap pekerjaan yang saya lakukan. Baiklah pertama-pertama kita sign in atau sign up ke situs adobe. Setelah itu kita langsung saja download adobe creative cloud, setelah didownload buka folder downloadnya lalu double klick pada adobe creative cloud atau klik kanan install, jika ada notifikasi yang muncul pilih saja yes. Kita sekarang sudah memiliki adobe creative cloud dan kita bisa langsung memilih produk adobe yang mau kita install.

Atom

Tools kedua yang Anda perlukan adalah Atom. Atom adalah perangkat lunak atau software yang gunanya untuk mengetik teks (text editor) yang cocok untuk digunakan dalam penulisan kode HTML atau CSS.

Anda bisa men-download Atom secara gratis dari website Atom. Silakan kunjungi website tersebut di alamat https://atom.io/

Klik Download dan ikuti petunjuk dalam video di bawah.

Software text editor untuk HTML dan CSS yaitu atom, notepad++, dreamweaver dll. pada pembahasan kali ini kita akan menggunakan software open source yaitu atom. Atom adalah text editor yang di buat oleh github, tersedia untuk multi sistem operasi seperti os x, linux dan windows. Atom di klaim sebagai text editor yang bisa di custom dengan merubah file configurasinya. Atom ini bersifat modular jadi klo kita butuh sebuah plugins tambahan kita bisa menginstall dan melakukan konfigurasi agar sesuai dengan harapan kita.

Untuk mengunduh software ini kita harus mengunjungi situs https://atom.io, di tampilan homepage sudah tersedia button download untuk sistem operasi yang kita gunakan. Setelah didownload kemudian diinstall seperti software creative cloud. Berikut video tutorial menginstal software adobe illustrator dan atom.

Video Tutorial

Demikian ulasan singkat mengenai 2 tools yang paling sering digunakan dalam pembuatan web design. Jika Anda tertarik dengan belajar web design, silakan KLIK LIKE dan SUBSCRIBE. Kemudian silakan Anda kunjungi http://www.pswebmedia.com untuk artikel-artikel lainnya yang juga sangat menarik dan informatif. Pada kesempatan selanjutnya kita akan membahas tentang konfigurasi adobe illustrator dan atom supaya lebih powerfull. Terimakasih telah membaca artikel ini.

Anda temukan artikel ini menarik? Tolong bantu kami untuk Like & share ya ke teman-teman Anda, KLIK pada media sosial di bawah:

Bergabunglah dengan #MediaSosial kami untuk mendapatkan info terkini dan artikel-artikel terbaru.
Mohon KLIK Like atau Suka pada tombol di bawah ini:

Ayo baca artikel selanjutnya...

Ada pertanyaan atau komentar?

Jangan ragu-ragu ditulis pada kolom di bawah ini. Pasti akan kami tanggapi. Terimakasih.

Like us on Facebook
Follow us on Twitter
Get Social
Google Plus Linked In Pinterest