How to Create a

Geometric, WPAP Vector

Portrait in Adobe
Illustrator
Tuts+ has the honor to present to you a vector tutorial from a true legend, Wedha Abdul
Rasyid.
Wedha, originally from Indonesia, created his art work in traditional mediums early in
the 1990s, which later in early 2000, crossed over into the digital world. Vector being the
natural choice for such a colorful, geometric style.
Since then, it has gained major popularity in Indonesia, with several communities
dedicated to the creation and showcasing of portraits in a WPAP style, with members in
their thousands! With the resurgence of the geometric trend, it's fair to say that WPAP
may venture out of Indonesia and into more aspects of design.
The following is a tutorial on how to create a WPAP (Wedha's Pop Art Portrait) portrait in
Adobe Illustrator, by the WPAP master himself!

1. An Introduction to the WPAP Process

WPAP's main goal is to represent the faces that are already familiar to us, with a new
and different style, but it still must be easily recognizable. Different in a sense of being
more unique, more dynamic, more striking and of course, more visually pleasing to see,
I hope.

With that in mind, the WPAP creative process is based on two main processes; the
faceting process and the coloring process. I do these two processes simultaneously
when creating a new portrait.

The Faceting Process

In the faceting process, by tracing the image, I divide the human face into facets. Every
facet (plane) is formed based on the different degrees of dark and bright areas seen on
the original photo. Every facet is formed by straight lines, instead of curved lines. This is
because facets that are formed by straight lines will appear stronger than a facet formed
by curved lines.
Before we start the process, we should begin to see and assume the face of a human
being as a shape that consists of many flat surfaces on a sphere, just like the ball in the
below image. This is how best to describe the faceting process.

The Coloring Process

In coloring, to show something stronger, I only use flat colors, instead of a gradual
colors. Although the colors look as if they collide with each other, effort should be made
to make it look three-dimensional.
Creative experts will classify colors in groups. You have groups of hot colors, warm
colors, cold colors. Think of them in terms of dark and light colors, ignoring the actual
hue. Think more of colors in highlights, mid-tones and shadow. The differences in these
groups make it possible for us to make a dimensional composition. No matter what color
you choose, as long as you pick it from the right group, the result should work well in
this format. Therefore it is important to experiment with color.

2. Prepare Your Document

Step 1
The faceting process is based on photo tracing. So the photo selection is important
because a good photo in quality, image sharpness, lighting and resolution, will help you
to create a good final rendering of a WPAP piece.
Aim for a photo that has even lighting and does not hit extremes, either in light or
shadow. Also make sure that the image is sharp and in focus. For this tutorial I'm going
to be creating a portrait of my beloved Grand Daughter, Ola.

Step 2

Open Adobe Illustrator and create a New document (File > New). Set the size and other
settings as shown below.

Step 3
Go to File > Place and locate your reference image and place it on your
[Link] the layer the photo is contained in and then Create New Layer above
the photo. This is where you'll be drawing your faceted shapes.

3. Create Your First Shapes

Step 1
I usually start the tracing process by selecting an area with a definite boundary between
the dark and bright areas. This is so I can easily do the tracing. And the smallest part
usually becomes my first choice. In this case, the eyes and the surrounding areas.
Using the Rectangle Tool (M), I trace the highlight in the iris, that still seems vague in
the photo. This shape has a fill with no stroke. All shapes created will be in this style.

Step 2
In the original photograph, the iris, purple and eyelid edges have a dark color and it's
clear to where you can define the edges of this shape. I will trace this section, this time I
will use the Pen Tool (P).

Step 3
Of course, the highlight you've drawn in the first step will now be hidden by the new
layer. To make it visible, while the iris and eyelid still active, you will need to rearrange
your shapes by going to Object > Arrange > Send to Back. At this stage, the "white" of
the eye has a clear edge, so you can go ahead and create this shape to complete the
eye. As easy as this is, it's about to get more difficult.

4. Create More Complex Shapes

Step 1

We will now trace the closest area next to the previous objects. Unfortunately, we have
here no vivid and clear boundary between the dark and bright area. This makes it more
difficult in creating the shapes for the portrait.

Facing such a case, intuitively, you have to be confident enough to determine the
boundary for the shape. A solid grasp of the human face and a good image to work from
can help a great deal here.
Create your straight edged shape along the corner of the eyelid, making sure you
overlap the shapes for the eye so it doesn't leave any gaps between the shapes. Then
as before, rearrange the shapes by going to Object > Arrange > Send to Back.

Step 2
We come to the same problem for the next shape; no visible boundary for the shape.
Again, with confidence you will need to create the shape. Notice how I've created a notso-square shape and distorted the shape so it shows the darker shadow cast from the
eyelashes. You will find similar shapes throughout which use this same method.

Step 3

This is a problem you will come across over and over again. It may be a boring and
tedious process, however it is the only way to create a proper WPAP composition. You
may think of using Posterizing or Live Trace, but no, I don't use those facilities as they
do not create the same style.

Step 4
We are still going to find the unclear and even invisible boundaries for each potential
shape. The best way to overcome this problem is through the experience of repeatedly
creating artwork in this style.

The process is duplicated throughout:

Draw the shape with the Pen Tool (P) using only straight lines.

Fill with the appropriate color given it's exposure to light.

Select the shape and rearrange it by going to Object > Arrange > Send to
Back.

All portraits will use a different series of shapes, so I can only show you the shapes I've
drawn for Ola's portrait. I start by drawing further shapes around the eye area.

Step 5
Then I work on the shapes for the other eye and nose. I then connect these areas with
shapes and add white shapes for areas under extreme light.

Step 6
I use larger shapes in the less detailed areas, such as the cheeks and neck.

Step 7
The hair starts with thinner, parallel sided shapes on diagonals. Remember to avoid
using curves at all costs.
As you can see, I love to make facets with vertical or horizontal sides. This will
strengthen the overall composition and style. My priority is always facial resemblance,
this is the most important element of the portrait.

5. Play with Color

After going through several revisions, this is my final artwork. Choosing the right color is
the most difficult part in the process of WPAP. This can be a hard element to grasp
when working with the style as a beginner.

Step 1

If you're starting out, it will be easier if you paint it from the beginning with the grayscale
tones, as you can clearly see which areas use dark and bright shapes. From there, you
can build up the number of colors you introduce to the process, however it's not until
you use a full color spectrum that you'll create a more striking portrait.

Step 2
We can try to play with colors to create a different aesthetic. Try using Illustrator's
Recolor Artwork feature to experiment with different combinations of colors.

Awesome Work, Wedha!

We'd like to thank Wedha for his wonderful tutorial and insight into his unique style of
rendering portraits. He's a great example of how a great traditional style of art can cross
over perfectly to vector and have such an impact in our respective vector communities.
We're left inspired!
Have you created a portrait in this style? If so, please share with us your creation!

Cara Membuat geometrik, WPAP Vector Portrait di Adobe Illustrator

Tuts + memiliki kehormatan untuk menyajikan kepada Anda sebuah vektor tutorial
dari legenda sejati, Wedha Abdul Rasyid.
Wedha, berasal dari Indonesia, menciptakan karya seni dalam media tradisional di
awal 1990-an, yang kemudian pada awal tahun 2000, menyeberang ke dunia
digital. Vector menjadi pilihan alami untuk seperti warna-warni, gaya geometris.
Sejak itu, ia telah mendapatkan popularitas besar di Indonesia, dengan beberapa
komunitas yang didedikasikan untuk penciptaan dan menampilkan potret dalam
gaya WPAP, dengan anggota dalam ribuan mereka! Dengan kebangkitan tren
geometris, itu adil untuk mengatakan bahwa WPAP mungkin berani keluar dari
Indonesia dan menjadi lebih banyak aspek desain.
Berikut ini adalah tutorial tentang cara membuat WPAP sebuah (Pop Art Portrait
Wedha ini) potret di Adobe Illustrator, berdasarkan WPAP yang menguasai dirinya
sendiri!
1 Sebuah Pengantar Proses WPAP
Tujuan utama WPAP adalah untuk mewakili wajah yang sudah akrab bagi kita,
dengan gaya baru dan berbeda, tetapi masih harus mudah dikenali. Berbeda dalam
arti menjadi lebih unik, lebih dinamis, lebih mencolok dan tentu saja, lebih
menyenangkan secara visual untuk melihat, saya berharap.
Dengan itu dalam pikiran, proses kreatif WPAP didasarkan pada dua proses utama;
proses faceting dan proses pewarnaan. Saya melakukan dua proses ini secara
bersamaan saat membuat potret baru.
The Faceting Proses
Dalam proses faceting, dengan menelusuri gambar, saya membagi wajah manusia
menjadi aspek. Setiap sisi (pesawat) dibentuk berdasarkan derajat yang berbeda
daerah gelap dan terang terlihat pada foto asli. Setiap sisi dibentuk oleh garis-garis
lurus, bukan garis lengkung. Hal ini karena aspek yang dibentuk oleh garis lurus
akan tampak lebih kuat dari segi dibentuk oleh garis lengkung.
Sebelum kita memulai proses, kita harus mulai melihat dan menganggap wajah
manusia sebagai bentuk yang terdiri dari banyak permukaan datar pada bola,
seperti bola pada gambar di bawah. Ini adalah cara terbaik untuk menggambarkan
proses faceting.

The Mewarnai Proses

Dalam pewarnaan, untuk menunjukkan sesuatu yang lebih kuat, saya hanya
menggunakan warna-warna datar, bukannya warna bertahap. Meskipun warna
tampak seolah-olah mereka saling bertabrakan, upaya harus dilakukan untuk
membuatnya terlihat tiga dimensi.
Ahli kreatif akan mengklasifikasikan warna dalam kelompok. Anda memiliki
kelompok warna panas, warna-warna hangat, warna dingin. Pikirkan mereka dalam
hal warna gelap dan terang, mengabaikan warna yang sebenarnya. Pikirkan lebih
warna dalam sorotan, pertengahan nada dan bayangan. Perbedaan kelompok ini
memungkinkan kita untuk membuat komposisi dimensi. Tidak peduli apa warna
yang Anda pilih, selama Anda mengambilnya dari kelompok kanan, hasilnya harus
bekerja dengan baik dalam format ini. Oleh karena itu penting untuk bereksperimen
dengan warna.
2 Siapkan Dokumen Anda
Langkah 1
Proses faceting berdasarkan foto tracing. Jadi pemilihan foto ini penting karena foto
yang bagus dalam kualitas, ketajaman gambar, pencahayaan dan resolusi, akan
membantu Anda untuk membuat rendering akhir yang baik dari sepotong WPAP.
Bertujuan untuk foto yang memiliki pencahayaan dan bahkan tidak memukul
ekstrem, baik dalam cahaya atau bayangan. Juga pastikan bahwa gambar yang
tajam dan fokus. Untuk tutorial ini saya akan menciptakan potret saya Grand putri
tercinta, Ola.

Langkah 2
Buka Adobe Illustrator dan membuat dokumen baru (File> New). Mengatur ukuran
dan pengaturan lainnya seperti yang ditunjukkan di bawah ini.

Langkah 3
Buka File> Tempat dan menemukan gambar referensi Anda dan letakkan di
[Link] Anda layer foto yang terkandung dalam dan kemudian Buat New
Layer di atas foto. Di sinilah Anda akan menggambar bentuk segi Anda.

3 Buat Bentuk Pertama

Langkah 1

Saya biasanya memulai proses pelacakan dengan memilih area dengan batas pasti
antara daerah gelap dan cerah. Hal ini agar saya dapat dengan mudah melakukan
pelacakan tersebut. Dan bagian terkecil biasanya menjadi pilihan pertama saya.
Dalam hal ini, mata dan daerah sekitarnya.
Menggunakan Rectangle Tool (M), saya menelusuri puncak di iris, yang masih
tampak samar-samar dalam foto. Bentuk ini memiliki mengisi tanpa stroke. Semua
benda yang dibuat akan menjadi panutan ini.

Langkah 2
Dalam foto aslinya, iris, ungu dan tepi kelopak mata memiliki warna gelap dan itu
jelas di mana Anda dapat menentukan tepi bentuk ini. Aku akan menelusuri bagian
ini, kali ini saya akan menggunakan Pen Tool (P).

Langkah 3
Tentu saja, puncak Anda telah ditarik pada langkah pertama sekarang akan
disembunyikan oleh lapisan baru. Untuk membuatnya terlihat, sementara iris dan
kelopak mata masih aktif, Anda akan perlu untuk mengatur ulang bentuk Anda
dengan pergi ke Object> Atur> Kirim ke Kembali. Pada tahap ini, "putih" mata
memiliki tepi yang jelas, sehingga Anda dapat pergi ke depan dan membuat bentuk
ini untuk menyelesaikan mata. Semudah ini, ini tentang mendapatkan lebih sulit.

4. Buat Bentuk Lebih Kompleks

Langkah 1
Kami sekarang akan melacak daerah terdekat berikutnya ke objek sebelumnya.
Sayangnya, kita di sini ada batas yang jelas dan jelas antara daerah gelap dan
cerah. Hal ini membuat lebih sulit dalam menciptakan bentuk untuk potret.

Menghadapi kasus seperti itu, intuitif, Anda harus cukup percaya diri untuk
menentukan batas untuk bentuk. Sebuah pemahaman yang solid dari wajah
manusia dan citra yang baik untuk bekerja dari dapat membantu banyak di sini.
Buat bentuk lurus bermata sepanjang sudut kelopak mata, pastikan Anda tumpang
tindih bentuk untuk mata sehingga tidak meninggalkan kesenjangan antara bentuk.
Kemudian seperti sebelumnya, mengatur ulang bentuk dengan pergi ke Object>
Atur> Kirim ke Kembali.

Langkah 2
Kami datang ke masalah yang sama untuk bentuk berikutnya; ada batas yang
terlihat untuk bentuk. Sekali lagi, dengan keyakinan Anda akan perlu untuk
menciptakan bentuk. Perhatikan bagaimana saya membuat sebuah bentuk yang
tidak terlalu persegi dan terdistorsi bentuk sehingga menunjukkan bayangan gelap
dari bulu mata. Anda akan menemukan bentuk serupa di seluruh yang
menggunakan metode yang sama.

Langkah 3
Ini adalah masalah yang Anda akan menemukan lagi dan lagi. Ini mungkin menjadi
proses yang membosankan dan membosankan, namun itu adalah satu-satunya cara
untuk membuat komposisi WPAP yang tepat. Anda mungkin berpikir untuk
menggunakan posterizing atau Hidup Trace, tapi tidak, saya tidak menggunakan
fasilitas tersebut karena mereka tidak menciptakan gaya yang sama.

Langkah 4
Kami masih akan menemukan batas-batas yang tidak jelas dan bahkan tidak
terlihat untuk setiap bentuk potensial. Cara terbaik untuk mengatasi masalah ini
adalah melalui pengalaman berulang kali menciptakan karya seni dalam gaya ini.
Proses diduplikasi di seluruh:
Menggambar bentuk dengan Pen Tool (P) menggunakan jalur hanya lurus.
Isi dengan warna yang sesuai diberikan paparan itu terhadap cahaya.
Pilih bentuk dan mengaturnya dengan pergi ke Object> Atur> Kirim ke Kembali.
Semua potret akan menggunakan seri yang berbeda bentuk, jadi saya hanya bisa
menampilkan bentuk saya sudah ditarik untuk potret Ola ini. Saya mulai dengan
menggambar bentuk lebih lanjut di sekitar area mata.

Langkah 5
Kemudian saya bekerja pada bentuk untuk mata dan hidung lainnya. Saya
kemudian menghubungkan daerah-daerah dengan bentuk dan menambahkan
bentuk putih untuk area di bawah cahaya ekstrim.

Langkah 6
Saya menggunakan bentuk yang lebih besar di daerah yang kurang rinci, seperti
pipi dan leher.

Langkah 7
Rambut dimulai dengan tipis, bentuk sisi paralel diagonal. Ingatlah untuk
menghindari menggunakan kurva di semua biaya.
Seperti yang Anda lihat, saya suka membuat aspek dengan sisi vertikal atau
horizontal. Hal ini akan memperkuat komposisi keseluruhan dan gaya. Prioritas saya
selalu kemiripan wajah, ini adalah elemen yang paling penting dari potret.

5. Bermain dengan Warna

Setelah melalui beberapa revisi, ini adalah karya seni terakhir saya. Memilih warna
yang tepat adalah bagian yang paling sulit dalam proses WPAP. Ini bisa menjadi
elemen sulit untuk dipahami ketika bekerja dengan gaya sebagai pemula.

Langkah 1
Jika Anda memulai, akan lebih mudah jika Anda cat itu dari awal dengan nada
grayscale, karena Anda dapat melihat dengan jelas daerah mana menggunakan
bentuk gelap dan terang. Dari sana, Anda dapat membangun jumlah warna Anda
memperkenalkan proses, namun itu tidak sampai Anda menggunakan warna
spektrum penuh yang akan Anda membuat potret yang lebih mencolok.

Langkah 2
Kita bisa mencoba untuk bermain dengan warna untuk menciptakan estetika yang
berbeda. Coba gunakan fitur Illustrator recolor Artwork untuk bereksperimen
dengan kombinasi yang berbeda warna.

Pekerjaan Awesome, Wedha!

Kami ingin mengucapkan terima kasih untuk tutorial Wedha indah dan wawasan ke
dalam gaya yang unik rendering potret. Dia adalah contoh yang bagus tentang
bagaimana gaya tradisional besar seni bisa menyeberang sempurna untuk vektor
dan memiliki dampak seperti di komunitas vektor masing-masing. Kami
meninggalkan terinspirasi!
Apakah Anda membuat potret dalam gaya ini? Jika demikian, silakan berbagi
dengan kami kreasi Anda!