1. Design & Illustration
  2. Gradient Mesh Tool

Cara menggambar latar belakang kantor dalam Adobe Illustrator

by
Read Time:5 minsLanguages:

Indonesian (Bahasa Indonesia) translation by Ahmad Fauzan (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Dalam tutorial ini, Anda akan belajar bagaimana menggunakan alat Mesh dan campuran dalam Adobe Illustrator untuk membuat latar belakang meja kantor profesional!

Jika Anda ingin melewatkan tutorial dan hanya menggunakan vektor ini dalam pekerjaan Anda, Anda dapat pergi ke depan dan membeli kantor latar belakang dari GraphicRiver!

Office BackgroundOffice BackgroundOffice Background
Latar belakang kantor

1. Bagaimana Menggambar secangkir kopi

Langkah 1

Mari kita mulai dengan menciptakan dasar untuk semua bentuk melingkar dalam tutorial ini.

Karena saya ingin Mesh agar mudah untuk memanipulasi dan tepat, saya tidak berlaku Mesh pada lingkaran, melainkan untuk persegi panjang, yang saya kemudian membungkuk ke bentuk lingkaran.

Yang kedua adalah sangat sulit untuk dilakukan, saya melampirkan dasar bagi Anda untuk bekerja dengan dalam tutorial ini (tekan tombol Download lampiran di sebelah kiri dari artikel ini). Membuat beberapa salinan untuk digunakan lebih lanjut.

Setelah Anda telah membuat lingkaran Anda sendiri atau download tambang, ambil perangkat Mesh (kontrol-U) dan dengan mengklik di dalam bentuk, tempat mesh node seperti ditunjukkan dalam gambar di bawah.

Selanjutnya, pilih tepi luar lingkaran dan warna dengan #CAC6C3.

Lanjutkan dengan mewarnai lebih node (dipilih dalam gambar di bawah) dengan #E6E5E3.

draw mesh circledraw mesh circledraw mesh circle

Langkah 2

Mari kita membuat Blend pertama kami!

Kita akan membutuhkan dua lingkaran, sedikit berbeda dalam ukuran, dengan yang lebih besar yang menjadi putih dan lebih kecil berwarna dengan #44392F. Tempatkan coklat lingkaran di atas satu putih dan mengubah Opacity lingkaran lebih besar menjadi 0%.

blend baseblend baseblend base

Langkah 3

Lanjutkan ke objek > campuran > campuran Options, dan pilih ditentukan langkah, 30.

Selanjutnya, pilih lingkaran kedua dan pergi ke objek > campuran > membuat, menciptakan bayangan transparan.

blendblendblend

Langkah 4

Ubah mode transparansi bayangan menjadi Multiply.

shadowshadowshadow

Langkah 5

Ambil salinan lingkaran Mesh putih dari sebelumnya, dan kemudian warna tepi dengan #CAC6C3 dan yang tengah dengan #C8C5C1.

draw cupdraw cupdraw cup

Langkah 6

Anda memerlukan salinan lingkaran jala lainnya. Kali ini, warnai semuanya dengan #695C45. Kemudian buat bagian tengah #0C0706 (ikuti node yang dipilih), dan akhirnya warna beberapa node dengan #72634A.

draw vector coffeedraw vector coffeedraw vector coffee

Langkah 7

Buat foundation untuk perpaduan lain, kali ini menggunakan dua bentuk diisi dengan #888483 dan #010101. Buat bentuk yang lebih besar transparan

blend baseblend baseblend base

Langkah 8

Gunakan setting yang sama seperti pada Langkah 3 untuk Object> Blend> Make.

make blendmake blendmake blend

Langkah 9

Ubah bentuk menjadi Screen dengan Opacity 80%.

change transparencychange transparencychange transparency

Langkah 10

Buat Blend lain dengan menggunakan metode yang sama seperti sebelumnya. Anda akan membutuhkan warna yang sama seperti pada Langkah 7.

Jangan lupa pasang Screen ke gambar yang dihasilkan.

draw highlightdraw highlightdraw highlight

Langkah 11

Tempatkan highlight di atas dasar kopi.

add blend to coffeeadd blend to coffeeadd blend to coffee

Langkah 12

Mesh ini sedikit lebih rumit, tapi yang harus Anda lakukan hanyalah mengikuti tangkapan layar dengan seksama. Anda akan membutuhkan warna-warna ini:

  1. #F3F2F1
  2. #E0DDDB
  3. #CBC6C3
use gradient meshuse gradient meshuse gradient mesh

Langkah 13

Selesai menggambar pegangan cangkir itu dalam tiga langkah lagi.

  1. #FFFFFF
  2. #F6F4F4
  3. #BEB9B5
draw handledraw handledraw handle

Langkah 14

Buat Blender lain dari bentuk #B8B4B0 dan #E0DDDB.

Terapkan Multiply dan 30% Opacity ke hasilnya.

draw blenddraw blenddraw blend

Langkah 15

Pasang cangkir dari elemen yang telah kami buat sejauh ini.

assemble coffee cupassemble coffee cupassemble coffee cup

Langkah 16

Ayo buat gelembung! Anda perlu mengambil satu salinan lagi dari lingkaran Mesh untuk ini.

  1. #251B12
  2. #7E6E55
  3. #F0F0EF
draw bubble with gradient meshdraw bubble with gradient meshdraw bubble with gradient mesh

Langkah 17

Buat pinggirannya transparan.

make transparentmake transparentmake transparent

Langkah 18

Ambil salinan lainnya

  1. #251B12
  2. #7E6E55
draw bubbledraw bubbledraw bubble

Langkah 19

Buat pinggirannya transparan.

transparencytransparencytransparency

Langkah 20

Buat lingkaran semi keluar dari gelembung.

bubblesbubblesbubbles

Langkah 21

Akhirnya, tambahkan ke permukaan kopi.

cup of coffeecup of coffeecup of coffee

2. Bagaimana Menggambar Pena dan Pensil

Langkah 1

Gambarlah dasar pensil dengan Mesh.

  1. #252525
  2. #555555
  3. #3F3F3F
color meshcolor meshcolor mesh

Langkah 2

Peregangan Mesh untuk membuat cukup lama untuk pensil, dan kemudian membuat tepi kiri bergerigi.

stretch meshstretch meshstretch mesh

Langkah 3

Gambarlah ujung pensil.

  1. #D4B999
  2. #EDDDC0
  3. #C6AB8D
  4. #4C4C4C
  5. #9C9C9C
draw the mesh tipdraw the mesh tipdraw the mesh tip

Langkah 4

Tambahkan tipnya.

tiptiptip

Langkah 5

Gambarlah Blend yang lain-Anda memerlukan bentuk #535353 dan bentuk #E5E3E0.

shadowshadowshadow

Langkah 6

Buat Blend dengan pengaturan yang biasa.

make blendmake blendmake blend

Langkah 7

Tambahkan bayangan di bawah pensil.

add shadowadd shadowadd shadow

Langkah 8

Gambarkan dasar pena.

  1. #BEBEBE
  2. #909090
  3. #AAAAAA
  4. #D9D9D9
  5. #A8A8A8
  6. #C4C4C4
draw mesh pendraw mesh pendraw mesh pen

Langkah 9

Tekuk ujung Mesh menjadi segitiga.

bend meshbend meshbend mesh

Langkah 10

Gambarlah bagian pena yang lain.

  1. #2D2D2D
  2. #6B6B6B
  3. #C4C4C4
gradient mesh shapegradient mesh shapegradient mesh shape

Langkah 11

Gambarkan ujungnya.

  1. #DEC394
  2. #F6E9B1
  3. #F4D5AE
  4. #C1A780
tip of mesh pentip of mesh pentip of mesh pen

Langkah 12

Pasang pena. Tambahkan salinan bayangan yang kita gunakan dengan pensil.

penpenpen

3. Bagaimana Menggambar Notepad dan Tablet

Langkah 1

Gambarlah bentuk dan gunakan Gradient Linear pada Stroke-nya. (#4B4A4A - #919090 - #4B4A4A)

Pilih hasilnya dan pergi ke Object> Expand Appearance.

linear gradientlinear gradientlinear gradient

Langkah 2

Memodifikasi Mesh dari bentuk sedikit, dan kemudian menambahkan bentuk baru di bagian bawah ujung.

  1. #313131
  2. #FBFBFB
  3. #313131
mesh imagemesh imagemesh image

Langkah 3

Membuat baris ini.

row of holesrow of holesrow of holes

Langkah 4

Menggambar lembar kertas.

  1. #FFFFFF
  2. #EAEAEA
sheet of papersheet of papersheet of paper

Langkah 5

Gambarlah sampul #313131 untuk notepad.

covercovercover

Langkah 6

Buat bayangan Blend, gunakan persegi panjang #E5E3E0 dan #191717. Atur hasilnya ke Multiply.

draw blend shadowdraw blend shadowdraw blend shadow

Langkah 7

Pasang notepad.

assemble notepadassemble notepadassemble notepad

Langkah 8

Tambahkan Blend shadow di bawah selembar kertas, tapi atur Opacity menjadi 50%.

add shadowadd shadowadd shadow

Langkah 9

Gambarlah tablet dari dua bentuk - satu putih dan satu hitam.

draw tabletdraw tabletdraw tablet

Langkah 10

Buat Blend shadow lain, gunakan bentuk #505050 dan bentuk #E5E3E0.

create blend shadowcreate blend shadowcreate blend shadow

Langkah 11

Tambahkan bayangan di bawah tablet.

add shadow to tabletadd shadow to tabletadd shadow to tablet

Langkah 12

Pasang semua elemen pada latar belakang #E5E3E0.

add elementsadd elementsadd elements

Langkah 13

Buatlah sebuah persegi panjang, menguraikan apa yang ingin Anda ingat di latar belakang Anda.

outlineoutlineoutline

Langkah 14

Pilih semuanya, klik kanan, dan tekan Make Clipping Mask.

make maskmake maskmake mask

Langkah 15

Nikmati latar belakang kantor Anda!

final result office backgroundfinal result office backgroundfinal result office background

Kerja yang mengagumkan, kamu sekarang sudah selesai!

Apa sekarang? Anda bisa mencoba salah satu tutorial saya yang lain dari profil saya, atau melihat portofolio saya di GraphicRiver, serta vektor asli yang kami buat dalam tutorial ini.

Saya harap Anda menikmati tutorialnya, dan saya akan sangat senang melihat hasilnya di komentar di bawah ini!

Office BackgroundOffice BackgroundOffice Background
Latar belakang kantor
One subscription.
Unlimited Downloads.
Get unlimited downloads