Dalam tutorial ini Anda akan belajar cara membuat layout web sederhana & cerdas dalam Corel Draw. Anda akan belajar bagaimana merancang latar belakang cerdas, bar navigasi ramping dan bagian konten rapi. Anda juga dapat men-download tata letak template ini mengagumkan pada akhir tutorial secara gratis!
Detail Tutorial
- Program: CorelDraw 11 - X5
- Kesulitan: Semua
- Perkiraan Waktu Penyelesaian: 30 Menit
Langkah 1: Elemen Dasar
Pertama-tama Anda harus menggunakan CorelDraw dengan versi 11 +. Dalam tutorial ini saya menggunakan CorelDraw X5, Oke mari kita mulai. Mari kita lihat elemen dasar yang digunakan untuk membuat desain kami:
Ini juga akan langkah kita untuk membuat desain.
Langkah 2: Membuat Lembar Kerja
Oke, sekarang Anda tahu langkah-langkah dan elemen, kami akan mulai, pertama-tama buka program CorelDraw Anda, sekarang membuat file baru dan mengatur ukuran kertas Custom dan mengubah ukurannya menjadi 30 x 19 cm.
Langkah 3: Membuat Web Background
Sekarang bahwa kita memiliki set worksheet kita, sekarang kita akan mulai membuat Web Background, pertama pergi ke "Rectangle Tool", Anda dapat menemukannya di toolbar kiri, membuat bentuk Box dan ukurannya sama seperti lembar kerja kita (30 x 19 cm).
Mari kita menempatkan warna pada lingkaran Terbesar, dengan pergi ke "Fountain Fill tool" di toolbar kiri dan menerapkan nilai di bawah, Anda dapat membuat warna kustom dengan klik dua kali pada kotak warna.
Buat salinan lain dari Lingkaran bentuk dan membuatnya lebih kecil dari aslinya.
Sekarang membuat bentuk kotak lain dengan "Rectangle Tool" dan menerapkan nilai di bawah.
Membuat sudut dibulatkan dengan pergi ke "Shape Tool" di toolbar kiri, klik dan tarik sudut untuk membuatnya bulat.
Atur bentuk di atas Background.
Langkah 4: Bekerja Dengan Transparansi
Kita akan membuat bentuk kotak transparan dengan pergi ke "Alat Transparansi Interaktif" di toolbar kiri, sekarang pergi ke toolbar atas dan mengatur jenis transparansi dalam seragam.
Salin bentuk Kotak ke bagian bawah Background.
Langkah 5: Bekerja Dengan PowerClip
Oke sekarang kita akan memasukkan Box Shape ke Background, pilih Box Shape dan pergi ke toolbar atas dan menemukan Efek> PowerClip> Tempat Di dalam wadah, maka Anda akan melihat panah hitam, kiri-klik untuk Background , dan sekarang Anda akan melihat bahwa di dalam Box Shape Background.
Setelah itu membuat bentuk kotak kustom dengan "Bezier Tool", pastikan klik pertama terhubung ke klik terakhir atau Anda cant menempatkan warna di dalamnya.
Sekarang pergi ke "Shape Tool", klik kanan pada tengah atas bentuk kotak kustom dan menemukan "Convert to Curves" di toolbar atas.
Sekarang Anda melihat bahwa theres panah di sudut bentuk kotak kustom, klik dan drag untuk membentuk itu, bentuk yang sama seperti di bawah ini.
Menempatkan warna merah di dalamnya, kemudian flip dan copy bentuk dengan menekan "kiri + kanan mouse" sambil ditahan dan tarik ke sisi yang berlawanan.
Menggunakan cara yang sama seperti langkah 5 pilih baik bentuk dan membuatnya transparan.
Kelompok bentuk dengan memilih keduanya dan tekan "Ctrl + G" setelah flip yang menyalin dan bentuk.
Sekarang menyisipkan bentuk ke dalam latar belakang menggunakan "PowerClip" sama seperti langkah 5.
Langkah 6: Menambahkan Edaran Tekstur
Oke sekarang kita akan menambahkan tekstur melingkar ke latar belakang, pergi ke "Ellipse Tool" dan membuat bentuk lingkaran kecil.
Sekarang salin lingkaran ke sisi kanan, membuat banyak lingkaran yang Anda inginkan.
Setelah itu copy lagi, tapi kali ini salin ke bawah aslinya.
Sekarang membuat lingkaran di atas Tekstur.
Setelah itu pergi ke toolbar atas dan menemukan Efek> Lens, setelah itu mengatur jenis lensa ke dalam mata ikan dan menerapkan nilai di bawah.
Setelah itu pilih tekstur dan masukkan ke dalam bentuk lingkaran menggunakan "PowerClip" menempatkan warna merah di dalamnya.
Buatlah transparan dengan menggunakan "Alat Transparansi Interaktif" dan menerapkan nilai di bawah.
Salin Circle dan mengaturnya di atas Background.
Masukan Lingkari dalam Background menggunakan "PowerClip".
Setelah itu membuat lingkaran lain menggunakan "Ellipse Tool", menempatkannya di mana saja di luar Background.
Sekarang pergi ke "Alat Interaktif Bayangan" dan tarik ke atas Background pilih warna putih untuk bayangan dan appy nilai di bawah ini.
Istirahat bayangan dengan menekan "Ctrl + K" ini akan membuat bayangan terpisah dari lingkaran, dan menyalinnya ke bagian bawah Background.
Masukan bayangan dalam Background menggunakan "PowerClip".
Oke sekarang membuat bentuk Box lain menggunakan "Rectangle Tool" dan menerapkan nilai di bawah.
Buat bentuk lain kotak dan mengaturnya di atas sebelumnya.
Membuat sudut bulat dengan menggunakan "Shape Tool".
Sekarang pilih kedua bentuk kotak, dan pergi ke toolbar atas menemukan "Weld Tool" dan tekan.
Ini akan membuat kedua bentuk menggabungkan, setelah itu menempatkan warna merah di dalamnya.
Mengaturnya di atas Background, dan membuatnya transparan menggunakan "Alat Transparansi".
Flip dan salin bentuk dan mengaturnya di bagian bawah Background.
Langkah 7: Membuat Navigasi Bar
Kita akan membuat bar navigasi, membuat bentuk kotak tipis menggunakan "Rectangle Tool" dan menerapkan nilai di bawah.
Membuat sudut bulat dengan menggunakan "Shape Tool".
Setelah itu pergi ke "Interactive Contour Tool" di toolbar kiri dan menerapkan nilai di bawah untuk membuat garis besar.
Mari kita menempatkan warna pada bar navigasi dengan pergi ke "Alat Fountain Fill" dan menerapkan nilai di bawah.
Masukan warna merah pada garis besarnya.
Susun Navigation Bar di atas Background yang sama seperti di bawah ini.
Pilih Outline dan membuatnya transparan menggunakan "Alat Transparansi Interaktif" dan menerapkan nilai di bawah.
Buat kotak di Navigation Bar untuk membuat tombol highlight menggunakan "Rectangle Tool" dan menerapkan nilai di bawah.
Membuat sudut bulat dengan menggunakan "Shape Tool" dan menerapkan nilai di bawah.
Buat garis besar tombol menggunakan "Interactive Contour Tool".
Menempatkan warna pada tombol dengan pergi ke "Alat Fountain Fill" dan menerapkan nilai di bawah.
Masukan warna merah pada garis dan membuatnya transparan menggunakan "Alat Transparansi Interaktif".
Menggunakan langkah yang sama seperti di atas membuat kotak pencarian di sisi kanan dari Navigation Bar.
Buat garis tipis menggunakan "Bezier Tool" untuk membuat pemisahan tombol.
Langkah 8: Membuat Isi Bar
Sekarang kita akan membuat konten bar, pergi ke "Rectangle Tool" membuat bentuk kotak dan menerapkan nilai di bawah.
Buatlah garis dengan pergi ke "Interactive Contour Tool" dan menerapkan nilai di bawah.
Menempatkan warna di bar isi dengan pergi ke "Alat Fountain Fill" di toolbar kiri dan menerapkan nilai di bawah.
Setelah itu mengaturnya di atas Background.
Masukan warna merah pada garis dan membuatnya transparan menggunakan "Alat Transparansi Interaktif".
Salin elemen aliran pada Background dan menempatkan warna hitam di dalamnya.
Mengaturnya di atas Isi Bar.
Memasukkannya ke dalam Content bar menggunakan "PowerClip".
Sekarang pilih tombol di Navigation Bar dan menyalinnya, setelah itu mengaturnya di sisi kiri dan sisi kanan Bar Isi.
Buat bentuk panah menggunakan alat Bezier di atas tombol disalin.
Sekarang membuat bentuk lain kotak dengan pergi ke "Rectangle Tool" dan menerapkan nilai di bawah.
Buat garis dengan pergi ke "Interactive Contour Tool" dan menerapkan nilai di bawah.
Menempatkan warna pada bentuk Box dengan pergi ke "Alat Fountain Fill" dan menerapkan nilai di bawah.
Mengaturnya di bagian bawah Isi Bar.
Masukan warna merah pada garis dan membuatnya transparan menggunakan "Alat Transparansi Interaktif".
Setelah salinan itu lagi elemen Arus di latar belakang.
Mengaturnya di atas Shape yang Anda buat sebelumnya.
Memasukkannya ke dalam bentuk menggunakan "PowerClip".
Final Image
Dan kita sudah selesai, Anda dapat menyesuaikannya dengan menambahkan lebih banyak warna, teks, bayangan atau tekstur seperti gambar akhir di bawah ini.SUMBER DARI http://www.entheosweb.com 
No comments:
Post a Comment