Menggambar Wacom Bamboo dari Wireframe Hingga Tampil Realistis

Wacom Bamboo adalah salah satu alat desain terbaik yang saya miliki. Harganya memang mahal namun sangat membantu saya dalam menggambar objek-objek realistis. Selain menghemat waktu, Wacom juga membantu saya terhindar dari cedera pergelangan.

Dalam tutorial ini, saya mencoba bereksperimen dengan menggambar Wacom Bamboo dari sketsa vektor di Illustrator kemudian memberinya pencahayaan realistis di Photoshop. Tutorial yang dipecah jadi dua bagian ini ditulis ekslusif untuk PVM.garage.[hr]

Preview

Berikut adalah hasil akhir yang diperoleh.

Menggambar Wacom Bamboo dari Wireframe Hingga Tampil Realistis

[hr]

Sebagian Langkah dalam Tutorial

Tutorial ini membahas secara detail proses menggambar Wacom Bamboo dalam dua tahap. Tahap pertama adalah menggambar rangka (wireframe) Wacom di Illustrator dan selanjutnya memberi detail di Photoshop hingga terlihat realistis.

Menggambar Wacom Bamboo dari Wireframe Hingga Tampil Realistis
Menggambar Wacom Bamboo dari Wireframe Hingga Tampil Realistis
Menggambar Wacom Bamboo dari Wireframe Hingga Tampil Realistis
Menggambar Wacom Bamboo dari Wireframe Hingga Tampil Realistis
Menggambar Wacom Bamboo dari Wireframe Hingga Tampil Realistis
Menggambar Wacom Bamboo dari Wireframe Hingga Tampil Realistis
Menggambar Wacom Bamboo dari Wireframe Hingga Tampil Realistis
Menggambar Wacom Bamboo dari Wireframe Hingga Tampil Realistis
Menggambar Wacom Bamboo dari Wireframe Hingga Tampil Realistis

[hr]

Link Tutorial

[unordered_list style=”bullet”]

[/unordered_list]

Memodifikasi Mobil Bergaya Racing Style di Photoshop

Modifikasi mobil merupakan proses yang rumit karena membutuhkan biaya besar dan cukup beresiko. Untuk menjamin kesuksesan hasil modifikasi, biasanya pemilik mobil mencoba terlebih dahulu di Photoshop.

Dalam tutorial ini, kita akan mengambil foto mobil dengan kamera saku biasa lalu memodifikasinya. Tutorial ini adalah hasil kolaborasi dengan Ardhy Moelya Zam-Zam dan ditulis ekslusif untuk Psdtuts+.

[hr]

Preview

Berikut adalah hasil akhir yang diperoleh.

Memodifikasi Mobil Bergaya Racing Style di Photoshop

[hr]

Sebagian Langkah dalam Tutorial

Tutorial ini didasarkan pada skenario nyata proses memodifikasi mobil. Diharapkan, pembaca bisa mencoba konsep tutorial ini pada mobilnya sendiri. Di bawah adalah beberapa langkah dalam tutorial.

Memodifikasi Mobil Bergaya Racing Style di Photoshop
Mobil asli, tanpa modifikasi.
Memodifikasi Mobil Bergaya Racing Style di Photoshop
Memodifikasi Mobil Bergaya Racing Style di Photoshop
Memodifikasi Mobil Bergaya Racing Style di Photoshop
Memodifikasi Mobil Bergaya Racing Style di Photoshop
Memodifikasi Mobil Bergaya Racing Style di Photoshop
Memodifikasi Mobil Bergaya Racing Style di Photoshop

[hr]

Link Tutorial

[unordered_list style=”bullet”]

[/unordered_list]

Mendesain Blog Elegan Bag. 3 – PSD ke Theme WordPress

Melanjutkan tutorial slicing PSD desain blog elegan minggu lalu, kita akan mengubah hasil desain menjadi Theme WordPress. Di tutorial ini kita akan berkenalan dengan HTML5 dan beberapa efek CSS3 seperti box shadow, text shadow, dan rounded corner. Silakan klik di sini untuk membaca tutorial secara lengkap.

Preview

Di bawah adalah hasil akhir tutorial. Sedikit berbeda dengan mockup PSD awal karena ada penambahan widget di bagian footer. Klik gambar untuk melihat live demo-nya.

Mendesain Blog Elegan Bag. 3 - Konversi ke Theme WordPress

Terima kasih kepada Aris yang telah meluangkan waktunya berbagi dengan komunitas DesainDigital.

Mendesain Blog Elegan Bag. 2 – Slicing

Tutorial ini adalah kelanjutan dari tutorial sebelumnya, Mendesain Blog Elegan dengan Photoshop. Di sini, kita akan menambahkan penanda featured post pada post dan melakukan proses slicing. Slicing adalah memotong desain gambar dari Photoshop untuk kemudian digunakan dalam markup XHTML/CSS.

Preview: Featured Post

Sebelum memulai proses slicing. Kita akan menambahkan penanda featured post di pojok post. Ini berlaku untuk menandai posting sticky di WordPress. Lihat terlebih dahulu hasilnya di bawah.

Mendesain Blog Elegan Bag. 2 - Slicing

Langkah 1: Membuat Featured Post

Buka kembali file PSD yang kita buat di tutorial sebelumnya. Buat sebuah persegi dan beri jarak 3 px dengan kotak post.

Mendesain Blog Elegan Bag. 2 - Slicing

Langkah 2

Dalam desain web, kita harus bekerja dengan ketepatan hingga pixel per pixel. Kita harus memastikan bahwa tidak ada bagian yang buram (blurry). Caranya dengan zoom lebih dekat lalu pastikan shape yang kita buat tepat berada dalam 1 pixel. Tidak tepat 1 pixel, misalnya 1/2 px atau 3/4 px akan membuat Photoshop melakukan proses antialising dan membuatnya blurry. Gambar di bawah memperlihatkan kotak dengan posisi tepat pada 1 px, sementara di bawahnya kotak sedikit keluar dari 1 px.

Mendesain Blog Elegan Bag. 2 - Slicing
Tepat berukuran 1px. Persegi terlihat tajam.
Mendesain Blog Elegan Bag. 2 - Slicing
Sedikit lebih dari 1px. Perhatikan bahwa ada sedikit area blurry di sisi persegi.

Langkah 3

Klik pojok kiri bawah dengan tool pen untuk menghapus titik tersebut.

Mendesain Blog Elegan Bag. 2 - Slicing

Langkah 4

Gandakan path, geser ke kanan atas. Pilih subtract di baris pilihan.

Mendesain Blog Elegan Bag. 2 - Slicing

Langkah 5

Beri Gradient Overlay.

Mendesain Blog Elegan Bag. 2 - Slicing

Langkah 6

Buat tulisan “FEATURED”. Tekan Ctrl + T, sambil menahan Shift, putar teks 45 derajat.

Mendesain Blog Elegan Bag. 2 - Slicing

Langkah 7

Ctrl-klik thumbnail layer pita. Buat layer baru di bawah pita dan isi dengan hitam. Klik Edit > Fill, pilih Black.

Mendesain Blog Elegan Bag. 2 - Slicing

Langkah 8

Klik Filter > Blur > Gaussian Blur.

Mendesain Blog Elegan Bag. 2 - Slicing

Langkah 9

Hapus bayangan yang tidak dibutuhkan dengan tool eraser.

Mendesain Blog Elegan Bag. 2 - Slicing

Langkah 10

Buat persegi dengan warna #234547. Simpan di belakang pita. Buat lagi beberapa path untuk menyembunyikan bagian lain hingga shape ini menjadi bagian belakang pita.

Mendesain Blog Elegan Bag. 2 - Slicing

Langkah 11

Seperti inilah hasil yang kita peroleh.

Mendesain Blog Elegan Bag. 2 - Slicing

Langkah 12: Slicing Iklan

Sekarang kita akan memulai proses slicing termudah, iklan. Untuk iklan, kita tidak membutuhkan area transparan. Jadi, proses slicingnya relatif lebih mudah.

Aktifkan layer iklan yang terdapat di group ad. Ctrl-klik thumbnail layer ad lalu tekan Ctrl + C.

Mendesain Blog Elegan Bag. 2 - Slicing

Langkah 13

Buat file baru. Otomatis ukuran file akan mengikuti ukuran gambar yang tadi kita copy. Langsung saja klik OK.

Mendesain Blog Elegan Bag. 2 - Slicing

Langkah 14

Paste di file baru, Ctrl + V.

Mendesain Blog Elegan Bag. 2 - Slicing

Langkah 15

Klik File > Save for Web atau Ctrl + Shift + Alt + S. Untuk iklan, kita bisa menyimpannya sebagai file JPEG.

Mendesain Blog Elegan Bag. 2 - Slicing

Langkah 16: Slicing Ikon Search

Dalam slicing ikon search, kita akan mengambil area transparan. Aktifkan layer ikon search yang bisa ditemukan di dalam group search.

Mendesain Blog Elegan Bag. 2 - Slicing

Langkah 17

Sembunyikan semua layer kecuali layer ikon search. Tekan Ctrl + A lalu Ctrl + C.

Mendesain Blog Elegan Bag. 2 - Slicing

Langkah 18

Buat file baru dan klik OK.

Mendesain Blog Elegan Bag. 2 - Slicing

Langkah 19

Paste ikon, Ctrl + V. Sembunyikan layer Background.

Mendesain Blog Elegan Bag. 2 - Slicing

Langkah 20

Tekan Ctrl + Shift + At + S. Simpan sebagai PNG-24 dan aktifkan Transparency. Dengan ini, area transparan di sekeliling akan ikut tersimpan.

Mendesain Blog Elegan Bag. 2 - Slicing

Langkah 21: Slicing Pemisah Kategori

Bagian ini mudah saja, kita seleksi dulu dengan tool marquee. Penanda ini memiliki 2px, terdiri dari dua garis 1px yang tersimpan di dua layer. Tekan Ctrl + Shift + C. Shortcut ini mirip dengan Ctrl+C namun akan menyalin semua isi seleksi yang terlihat, tidak terbatas pada isi layer tertentu.

Buat file baru, paste gambar dan simpan sebagai file PNG.

Mendesain Blog Elegan Bag. 2 - Slicing

Langkah 22: Slicing Latar Kategori

Kita tinggal mengulangi seperti tadi. Hanya saja kali ini kita cukup membuat seleksi dengan lebar 1px.

Mendesain Blog Elegan Bag. 2 - Slicing

Langkah 23: Membuat Sprite Logo

Kita akan memberikan efek rollover pada logo menggunakan sprite.

Sembunyikan semua layer kecuali logo. Tekan Ctrl + A lalu Ctrl + Shift + C. Buat file baru lalu paste logo.

Mendesain Blog Elegan Bag. 2 - Slicing

Langkah 24

Sekarang kita buat agar logo lebih gelap. Edit layer style Gradient Overlay pada judul situs sehingga terlihat lebih gelap.

Mendesain Blog Elegan Bag. 2 - Slicing

Langkah 25

Beri Color Overlay hitam dengan Opacity 10% pada tagline dan ikon. Seleksi semua, Ctrl + A, lalu Ctrl + Shift + C.

Mendesain Blog Elegan Bag. 2 - Slicing

Langkah 26

Kembali ke file sprite. Tekan Ctrl + Alt + C, aktifkan Relative. Perbesar height 100% dengan anchor tengah atas. Perintah ini akan memperbesar panjang gambar ke bawah.

Mendesain Blog Elegan Bag. 2 - Slicing

Langkah 27

Paste gambar, simpan di bawah logo sebelumnya.

Mendesain Blog Elegan Bag. 2 - Slicing

Langkah 28

Di tutorial berikutnya, menggunakan CSS kita akan mengatur penempatan logo. Ketika kursor berada di atas logo, logo akan terlihat lebih gelap.

Mendesain Blog Elegan Bag. 2 - Slicing

Langkah 29: Slicing Featured Post

Sembunyikan semua layer kecuali gambar featured post. Seleksi gambar featured post, tekan Ctrl + Shift + C.

Mendesain Blog Elegan Bag. 2 - Slicing

Langkah 30

Buat file baru, paste gambar. Sembunyikan Background. Simpan sebagai file PNG transparan.

Mendesain Blog Elegan Bag. 2 - Slicing

Hasil Akhir

Di bawah adalah semua gambar hasil slicing yang akan kita gunakan dalam mengubah desain ke HTML dan theme WordPress. Dalam proses slicing, intinya adalah mengenali gambar mana yang perlu diambil. Misalnya, dalam Langkah 16 kita mengambil seluruh bagian ikon search karena gambar itu akan ditampilkan secara utuh. Berbeda lagi dengan Langkah 22, kita cukup mengambil satu pixel karena bagian itu akan kita jadikan sebagai latar yang akan tampil berulang-ulang.

Mendesain Blog Elegan Bag. 2 - Slicing

Di tutorial berikutnya, kita akan menggunakan file gambar hasil slicing dan mengubahnya ke format XHTML/CSS.

Download Source File

Mendesain Blog Elegan dengan Photoshop

Dalam tutorial ini, kita akan membuat desain web bergaya elegan di Photoshop. Tidak ada banyak yang elemen digunakan di sini. Anda akan belajar banyak teknik, mulai dari membuat efek letterpress, membuat efek 3 dimensi pada bentuk, hingga membuat garis inset.

Preview

Sebelum mulai, lihat terlebih desain web yang akan kita buat. Klik gambar untuk melihatnya pada ukuran penuh.

Mendesain Blog Elegan dengan Photoshop

Resource Yang Dibutuhkan

Langkah 1: Mempersiapkan File

Kita akan menggunakan grid standar 960. Download terlebih dahulu grid 960 dari 960.gs lalu buka template file Photoshop. Sebelumnya perhatikan hasil akhir beserta guide di bawah. Semua elemen harus berada dalam grid untuk mempermudah proses coding CSS.

Mendesain Blog Elegan dengan Photoshop

Langkah 2

Secara default, ukuran template Photoshop terlalu sempit. Perbesar dengan perintah Canvas Size (Ctrl + Alt + C). Width: 400 px, Relative, Anchor: tengah.

Mendesain Blog Elegan dengan Photoshop

Langkah 3: Membuat Latar Bertekstur

Buat layer baru dan isi dengan warna #cdcdcd. Buat lagi layer baru dan isi dengan putih. Klik Filter > Noise > Add Noise, ubah blend mode ke Multiply dengan Opacity layer 50%. Langkah ini akan memberikan tekstur pada latar. Anda bisa melihat tahapan pembuatan latar di bawah.

Mendesain Blog Elegan dengan Photoshop
Mendesain Blog Elegan dengan Photoshop

Langkah 4: Membuat Header

Buat sebuah persegi berwarna hitam di bagian atas halaman.

Mendesain Blog Elegan dengan Photoshop

Langkah 5

Ambil pola metal dari WeGraphics. Di dalam file zip, tersedia file pattern Photoshop. Anda tinggal klik ganda file itu untuk memasukkannya ke Photoshop. Beri Pattern Overlay dan pilih salah satu pola metal yang tersedia dan ubah blend mode ke Multiply.

Mendesain Blog Elegan dengan Photoshop

Langkah 6

Buat layer baru di atas shape hitam. Tekan Ctrl + Alt + G untuk mengubahnya menjadi Clipping Mask. Buat gradasi radial dari putih hitam dan ubah blend mode ke Screen.

Mendesain Blog Elegan dengan Photoshop

Langkah 7

Di paling atas, buat persegi lebih kecil untuk menyimpan daftar halaman situs. Beri Gradient Overlay. Tulis nama-nama halaman di atasnya.

Mendesain Blog Elegan dengan Photoshop
Mendesain Blog Elegan dengan Photoshop
Mendesain Blog Elegan dengan Photoshop

Langkah 8: Membuat Logo Situs

Ambil logo situs, saya mengambil ikon gratis dari iconfinder. Di sebelah ikon, tuliskan nama situs. Beri Drop Shadow dan Gradient Overlay pada teks.

Mendesain Blog Elegan dengan Photoshop
Mendesain Blog Elegan dengan Photoshop
Mendesain Blog Elegan dengan Photoshop

Langkah 9

Tulis tagline di bawah nama situs.

Mendesain Blog Elegan dengan Photoshop

Langkah 10: Baris Kategori

Gunakan rounded rectangle untuk membuat persegi dengan radius 3 px. Beri Drop Shadow, Gradient Overlay, dan Stroke.

Mendesain Blog Elegan dengan Photoshop
Mendesain Blog Elegan dengan Photoshop
Mendesain Blog Elegan dengan Photoshop
Mendesain Blog Elegan dengan Photoshop

Langkah 11

Anda bisa melihat pengaruh layer styles di bawah.

Mendesain Blog Elegan dengan Photoshop

Langkah 12

Tulis kategori blog di atas shape. Kita tambahkan efek letterpress pada teks dengan memberi layer styles berikut.

Mendesain Blog Elegan dengan Photoshop
Mendesain Blog Elegan dengan Photoshop
Mendesain Blog Elegan dengan Photoshop

Langkah 13

Anda bisa melihat dalam perbesaran 500%, efek letterpress sebetulnya sederhana, menambahkan bayangan putih pada teks sehingga teks terlihat terangkat.

Mendesain Blog Elegan dengan Photoshop

Langkah 14

Buat layer baru. Buat garis 1 px memisahkan kategori. Turunkan Fill layer ke 0% dan beri layer style Gradient Overlay dengan Blend Mode Screen. Screen akan mempertahankan pixel terang dan menyembunyikan pixel gelap.

Mendesain Blog Elegan dengan Photoshop
Mendesain Blog Elegan dengan Photoshop

Langkah 15

Sama seperti tadi, buat layer baru dan gambar garis 1 px. Kali ini beri Gradient Overlay dengan Blend Mode Multiply. Ini akan mempertahankan warna gelap.

Mendesain Blog Elegan dengan Photoshop
Mendesain Blog Elegan dengan Photoshop

Langkah 16

Simpan kedua garis tadi ke dalam group dengan memilihnya lalu tekan Ctrl + G. Gandakan group dengan menggesernya sambil menahan Alt. Buat pemisah pada kategori yang lain.

Mendesain Blog Elegan dengan Photoshop

Langkah 17

Sebagian kategori memiliki anak menu. Kita tandai dengan membuat sebuah segitiga lalu beri efek letterpress seperti pada teks.

Mendesain Blog Elegan dengan Photoshop

Langkah 18

Sebelum maju lagi. Kita lihat dulu hasil yang kita peroleh saat ini, perhatikan bahwa semua elemen berada di dalam grid. Ini membuat desain lebih rapi dan teratur.

Mendesain Blog Elegan dengan Photoshop

Langkah 19: RSS dan Jaringan Sosial

Ambil ikon jaringan sosial. Simpan ikon RSS, Facebook, dan Twitter sesuai dengan guide.

Mendesain Blog Elegan dengan Photoshop

Langkah 20

Buat teks jumlah subscribers, fan, dan follower di samping ikon. Beri layer style berikut pada teks.

Mendesain Blog Elegan dengan Photoshop
Mendesain Blog Elegan dengan Photoshop
Mendesain Blog Elegan dengan Photoshop

Langkah 21

Tambahkan tulisan Subscribers, Fans, dan Follower di samping nomor.

Mendesain Blog Elegan dengan Photoshop

Langkah 22: Isi Blog

Buat rounded rectangle dengan radius 3 px untuk isi blog. Beri Layer Style Drop Shadow.

Mendesain Blog Elegan dengan Photoshop
Mendesain Blog Elegan dengan Photoshop
Mendesain Blog Elegan dengan Photoshop

Langkah 23

Buat judul post dan di bawahnya tambahkan sebuah persegi dengan ukuran 150 x 150 px. Beri Stroke.

Mendesain Blog Elegan dengan Photoshop
Mendesain Blog Elegan dengan Photoshop

Langkah 24

Beri excerpt artikel.

Mendesain Blog Elegan dengan Photoshop

Langkah 25

Di bawah teks, buat meta data artikel berisi nama penulis, tag, dan tanggal. Untuk mempercantik tambahkan ikon di sebelahnya. Saya menggunakan ikon gratis dari Set Office Icons.

Mendesain Blog Elegan dengan Photoshop

Langkah 26

Buat sebuah rounded rectangle, beri layer style Drop Shadow, Gradient Overlay, dan Stroke untuk memberi kesan 3D. Di atasnya beri tulisan “Read More”.

Mendesain Blog Elegan dengan Photoshop
Mendesain Blog Elegan dengan Photoshop
Mendesain Blog Elegan dengan Photoshop
Mendesain Blog Elegan dengan Photoshop

Langkah 27

Seleksi semua layer yang membentuk isi post dan simpan ke dalam group dengan menekan Ctrl + G. Klik kanan group dan pilih Convert to Smart Object. Geser layer sambil menahan Alt untuk menggandakan isi artikel.

Mendesain Blog Elegan dengan Photoshop

Langkah 28: Form Search

Buat sebuah rounded rectangle dengan radius 3 px di sidebar. Beri layer style di bawah. Tambahkan teks penanda dan beri ikon search.

Mendesain Blog Elegan dengan Photoshop
Mendesain Blog Elegan dengan Photoshop
Mendesain Blog Elegan dengan Photoshop
Mendesain Blog Elegan dengan Photoshop

Langkah 29: Widget Sidebar

Buat lagi rounded rectangle dengan radius 3 px untuk widget lainnya. Tambahkan Drop Shadow dengan setting sama seperti kotak isi post.

Mendesain Blog Elegan dengan Photoshop

Langkah 30

Di bagian bawah, buat sebuah persegi panjang. Beri sedikit Gradient Overlay dengan Opacity: 6-9%. Bisa Anda lihat di bawah perbedaannya sangat tipis (subtle) tapi cukup eye-catching. Ingat bahwa gradient yang terlalu berlebihan tidak bagus pada desain.

Mendesain Blog Elegan dengan Photoshop
Mendesain Blog Elegan dengan Photoshop

Langkah 31

Terakhir, tuliskan informasi copyright dan nama desainer pada footer. Beri efek letterpress dengan memberi layer style Drop Shadow.

Mendesain Blog Elegan dengan Photoshop
Mendesain Blog Elegan dengan Photoshop

Hasil Akhir

Inilah hasil akhir desain web yang kita peroleh. Perhatikan bahwa kita menggunakan banyak efek yang sangat minim di sini, seperti bayangan 1 px, gradasi minim, dan efek letterpress. Kesederhanaan inilah yang membuat desain terlihat elegan. Klik di sini atau klik pada gambar untuk melihat hasil akhir di ukuran lebih besar.

Mendesain Blog Elegan dengan Photoshop
Download Source File

Saya yakin sebagian dari Anda, pembaca DesainDigital, akan meminta tutorial ini dilanjutkan hingga ke tahap pemrograman. Sayangnya, saya tidak punya kemampuan untuk itu. Jika Anda mampu menulis tutorialnya dan punya skill yang diperlukan, silakan hubungi saya. Dengan senang hati saya akan menerima Anda sebagai penulis tamu di sini.

Menggambar Mac Pro G5

Saya bukan pengguna Mac, saya juga tidak berniat menggunakan produk dari Mac. Walaupun begitu, saya adalah salah satu dari jutaan penggemar desain revolusioner Mac. Di tutorial ini, saya akan memperlihatkan cara menggambar Mac Pro G5 di Photoshop. Klik disini untuk membaca tutorial lengkapnya di PV.M garage.

Hasil Akhir

Tutorial Menggambar Mac Pro G5

Tutorial ini sederhana

Teknik yang digunakan di tutorial ini sebetulnya hanya teknik-teknik sadar seperti penggunaan tool pen untuk membuat shape. Shape-shape yang dihasilkan lalu dilukis secara manual untuk memberi highlight dan shadow.

Tutorial Menggambar Mac Pro G5
Tutorial Menggambar Mac Pro G5

Membahas Beberapa Trik Unik

Di sini, saya juga memperlihatkan cara pembuatan pola untuk membuat bagian depan Mac Pro. Anda akan belajar juga cara pembuatan bayangan yang terlihat sangat realistik.

Tutorial Menggambar Mac Pro G5
Tutorial Menggambar Mac Pro G5
Download Source File

Create a Blackberry Torch Using Photoshop and Illustrator

Final Result

Create a Blackberry Torch Using Photoshop and Illustrator

Full of Details

Every steps is explained in details. No pixel is missing.

Create a Blackberry Torch Using Photoshop and Illustrator
Create a Blackberry Torch Using Photoshop and Illustrator

Plus Drawing Icon in Illustrator

All icons on Blackberry’s screen is made in Illustrator. This assure the best quality of the icons. Drawing icon in Illustrator is also easier in Illustrator, compared to Photoshop.

Create a Blackberry Torch Using Photoshop and Illustrator
Create a Blackberry Torch Using Photoshop and Illustrator

Drawing Tips

In this tutorial, you will also learn tips on manual drawing of a photo realistic object.

Create a Blackberry Torch Using Photoshop and Illustrator

[hr]

Link Tutorial

[unordered_list style=”bullet”]

[/unordered_list]