30-50% off hundreds of digital assets! WordPress themes, video, music and more 30-50% Off Go to Sale
Advertisement
  1. Design & Illustration
  2. Textures
Design

Adobe Illustrator ile Suluboya Doku Nasıl Yapılır?

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Learn Adobe Illustrator.
10 Essential Tips & Tools All Adobe Illustrator Beginners Should Learn
How to Create a Solar System Planets Icon Pack in Adobe Illustrator

Turkish (Türkçe) translation by Ozgur Ozgen (you can also view the original English article)

Final product image
What You'll Be Creating

Adobe Illustrator sulu boya dokuları kullanarak trendi yakalayın. Bu derste, basit bir sulu boya setiyle kendi sulu boya dokularımızı oluşturacağız, imajlarımızı Adobe Photoshop ile düzenleyeceğiz ve iki farklı teknik kullanarak Adobe Illustrator'da dokuları uygulayacağız.

Ayrıca, bu derste kullanılan bazı doku tasarımlarını veya el yazısı fontları dilerseniz Envato Market'ten inceleyebilirsiniz.

1. Sulu boya dokuları oluşturalım

1. Adım

Sulu boya dokularını oluşturmak için ihtiyaç duyabileceğiniz malzemelerle başlayalım:

  • Sulu boya
  • Sulu boya kağıdı
  • Yumuşak bir boya fırçası
  • Su koymak için kap veya bardak

Şahsen, bu gibi projelerin karmaşık araçlar gerektirmediğini düşünüyorum. Dilerseniz çeşitli çocuk boyama malzemelerinden de Winsor ve Newton boyalarından da eğlenceli sulu boya dokular oluşturabilirsiniz. Aşağıda boyama araç setimde sahip olduğum malzemeleri göreceksiniz.

Collect materials for watercolor painting

2. Adım

Fırçanızı biraz ıslatın, sulu boyaya batırın ve boyamaya başlayın. Şeffaflık ve doygunluk ile oynayarak farklı alanlar oluşturun. Aynı zamanda irice su birikintileri veya küçük renkli bulutları anımsatacak alanlar yapın. Deneme yapmaktan çekinmeyin, bu şekilde sulu boya yaparken gerçekten yanlış yapmazsınız!

Start painting with your watercolors

3. Adım

Islak bir fırça ile kağıdın üzerini boyadığınızda, sulu boyanızın yayılacağını ve kağıdınız üzerinde eğlenceli degradeler, yani renk geçişleri yarattığını göreceksiniz. Sıçrama görüntüsü vermek için havlu kağıdı sulu boyanıza batırıp kağıdın üzerinde gezdirin veya kağıdı fırçanızla ufak fiskeler yaparak lekeleyin.

Paint onto wet paper or create puddles of color

4. Adım

Kağıdınıza farklı oranlarda renk doygunluğu verin ve diğer renklerle oynayın. Boyanızın bir kısmının kurumasını bekleyin ve ardından istediğiniz rengi alana kadar boyamaya devam edin.

Add other colors and shapes into your designs

5. Adım

Dilediğiniz kadar sulu boya dokulu sayfa yapın. Renk ve dizayn seçimlerinizden memnun kaldığınızda bu dersin bir sonraki adımına geçmeden kağıdınızın tamamen kuruduğundan emin olun.

Create as many pages of watercolor textures as you want

2. Dokuları Düzenleyin

1. Adım

Hazırladığınız dokuları tarayıcı ile bilgisayara aktarın ve Adobe Photoshop' ta açın.Scanner yoksa dokunun fotoğrafını da çekebilirsiniz. Benim kullandığım scanner biraz eski bir model o yüzden aktarma yaparken beyaz kısımları biraz sarı olarak geçiriyor. Bunu daha sonra düzelteceğiz.

Scan and import your watercolort extures

2. Adım

Kağıtta oluşan sararmayı düzeltmek için, Görüntü> Ayarlar> Seviyeler bölümüne gidin ve sulu boya ile boyadığınız bölümün etrafındaki sararma seviyelerini dikkatlice ayarlayın. Ben genelde gri renk seçeneğini sola, beyaz sürgüyü de biraz sağ tarafa doğru ayarlarım.

Adjust the levels of your image

3. Adım

Artık sulu boya dokularınız parlak ve temiz olduğundan, dosyanızı yüksek çözünürlüklü bir JPG olarak kaydedip Adobe Illustrator uygulamasına aktaralım.

Save and import your image into Adobe Ilustrator

3. Dokulardan Vektör Oluşturmak

1. Adım

Yeni bir Adobe Illustrator dosyası oluşturun ve hazırladığınız sulu boya dokunuzu içine aktarıp Görüntü İzleme panelini açın. Mod için Renkli'yi, Palet için ise Tam Ton'u seçin. Önizleme'ye basın ve vektörünüzün oluşturulması için biraz bekleyin.

Image Trace to get a vector watercolor texture

2. Adım

Vektör nesnelerini daha iyi görebilmeniz için yakınlaştırdım. Bu yöntem sayesinde gerçek medya dokularını, yani çizdiğimiz sulu boya görüntülerini, tekrar vektör olarak çizmeden Adobe Illustrator sayesinde kolayca vektör haline getirebiliyoruz.

A zoomed in version of the watercolor texture

3. Adım

Ayrıca, İzleme Sonuçlarınızdaki ayrıntı miktarını, Tam Ton yerine Paletiniz için (aşağıda sağda) Sınırlı (aşağıda solda) seçeneğini seçerek de azaltabilirsiniz. Bu size daha vektörel bir görünüm ve daha küçük bir dosya boyutu sağlar.

Sulu boya dokunuzu Genişletin ve Grubu çözün, bu sayede dokunuzun bir bölümünü seçmek için Kement Aracını (Q) (Lasso) kullanabilirsiniz. Dokuyu Kopyalayın (Control-C) ve yeni bir Katmana (Layer) Yapıştırın (Control-V).

A comparison between watercolor textures

4. Grafik Stili Oluşturun

1. Adım

Grafik Stilleri gerçekten harika. Oluşturmak istediğiniz her türlü kalıbı, efekti ve benzerini sadece bir düğmeye basit bir tıklama ile kolayca uygulamanıza izin verir. Ayrıca Adobe Illustrator' da ki işleminizi hızlandırmak için İşlemler uygulaması ile birlikte el ele giderler.

Doku grubunuzu seçin ve Desen Seçenekleri panelinde yeni bir Desen oluşturun. Desen döşemesi sınırlarının Genişliğini ve Yüksekliğini ayarlayın, böylece doku üst üste gelecektir. Görünüm panelinde, grubun Karışım Modunu (Blending Mode) Çarpma (Multiply) olarak ayarlayın. Deseninizin üst üste gelip tekrarlama şeklinden memnun kaldığınızda Bitti'ye basın.

Bu karmaşık bir vektör dokusu olduğundan deseni oluşturmak biraz zaman alacaktır. Makinem bunu oluşturmaya çalışırken ben genelde örgü örüyorum. Adobe Illustrator uygulamasının aniden kilitlenip dosyayı kaybetme riskine karşı, aralarda vereceğiniz kurtarma kaydet komutları iyi bir önlem olacaktır.

Create a simple pattern

2. Adım

Yeni oluşan deseninizi Renk Örnekleri panelinde bulacaksınız. Basit bir dikdörtgen şekle uygulayın. Grafik Stilleri panelini açın ve dikdörtgen seçiliyken Yeni Grafik Stili tuşuna basın. Bu, Görünüm panelinde ayarladığınız herhangi bir şeyi saklamanıza ve bu sayede deseni ve diğer özelliklerini yeniden uygulamak zorunda kalmadan dilediğiniz herhangi bir nesneye hızlı ve kolay bir şekilde uygulamanızı sağlar. Grafik Stilinizi kaydettiğinizden emin olun, böylece herhangi bir belgeden stilinize erişebilirsiniz.

Create a graphic style

3. Adım

Hadi yeni Grafik Stili ile biraz metin yazmayı test edelim. Eğlenceli bir script fontu kullanarak, drag şovmen Alyssa Edwards'ın en sevdiğim sözlerinden birini yazdım. Benzer yazı tiplerini Envato Market'in font bölümünde bulabilirsiniz.

Metin Yazım Aracı (T) ve Genişlet (Nesne> Genişlet) ile metninizi Anahatlar bölümüne yazın. Yeni oluşturulan Grafik Stilinizi uygulayın. Modelinizi veya stilinizi iyileştirmek için yeni yollar olduğunu düşünüyorsanız bunları not alın.

Easily apply your graphic style

5. Tipografik Tasarım Oluşturma

1. Adım

Sadece basit bir yazı tipine Grafik Stili uygulamaktan biraz daha ilginç bir şey yapalım. Tipografik bir kompozisyon çizin. Çizmiş olduğunuz el yazısı tipinize örnek olarak script, serif ve sand-serif yazı tiplerini kullanmayı deneyin.

Alternatif olarak, ayrı bir tasarım yapmak yerine metni uygun gördüğünüz şekilde de düzenleyebilirsiniz. Aşağıda Adobe Photoshop'ta görülen tasarımı çizdim ve Adobe Illustrator belgemin içine geçirdim. Seçtiğiniz söz, deyim veya alıntı ile çeşitli kompozisyonlar ve yazı stilleri ile denemeler yapın. Grafik tablet kullanmıyorsanız, bu eğitim için önceden hazırlanmış yazı tiplerini kullanmak isteyebilirsiniz.

Create some fun typographic compositions

2. Adım

Yeni bir katmanda, tasarımınızı pürüzsüz bir şekilde yeniden çizmek için Kabarcık Fırçası Aracını (Shift-B) (Blob Brush) kullanın. Çizgilerinizi sıkılaştırmak ve eğrileri düzgün ve düz çizgileri düz tutmak için elinizden geleni yapmaya çalışın.

Carefully draw smooth text designs

3. Adım

Yazıdaki çizgi genişliğini değiştirerek farklı ölçülerde deneyin. Bu aşamada başka harf ve tipografi örneklerine bakmak, her bir harfin hangi kısımlarının kalın, hangilerinin ince olması gerektiğine karar vermenize yardımcı olacak ve harikalar yaratacaktır. Her ikisiyle de denemeler yapın ve tasarımınızın nasıl değiştiğini görün.

Use thick and think lines in your design

4. Adım

Kompozisyonunuz üzerinde çalışmaya devam edin. Eğer çiziminizin doğru olmadığını fark ederseniz  bu aşamada içeriğinizi düzenleyebilirsiniz. Alternatif olarak, çiziminizi izlemek için Kalem Aracı (P) gibi farklı bir çizim aracı da kullanabilirsiniz.

Continue redrawing your text design

5. Adım

Daha büyük harf bölümleri için önce dış çizgiyi, yani kontürü çizin ve ardından tüm şekilleri doldurun. Bölümleri doldurmak için Shaper-Tool'u (Shift-N) kullanarak işleminizi hızlandırın. Nesnelerin arasına sadece bir karalama çizmeniz yeterli, aşağıda ki örnekte gördüğünüz gibi içleri dolacaktır.

Use the shaper tool to fill in objects

6. Adım

Metninizi tamamladığınızda, çizim katmanınızı silin ve yeni metin şekillerinizi seçin. Bu şekilleri Pathfinder (İz) panelinde Birleştirerek, Bileşik yani compund diye adlandırdığımız şekle dönüştüğünden emin olun. Daha önce yaptığımız gibi, Grafik Stilinizi yeni oluşturduğunuz tasarıma uygulamaktan çekinmeyin.

Apply your graphic style to the newly created design

6. Kırpma Maskesi Oluşturma

1. Adım

Yaptığımız Grafik Stili'ne alternatif bir yöntem olarak, dokunuzu uygulamak için bir Kırpma Maskesi (Control-7) oluşturabilirsiniz. Deseni oluşturmaya hazırlanırken yaptığımız gibi, Görüntü İzlemeli dokunuzun bir kısmını Kement Aracı (Lasso) ile seçin ve kopyalayın.

Sulu boya dokularını kendi belgelerinde ayrı olarak tutmaya karar verdim, böylece üzerinde çalıştığım belgem de  fazla bellek ihtiyacı duymadığı için bilgisayarım daha rahatladı.

Select your texture

2. Adım

Dokunuzu üzerinde çalıştığınız belgenize yapıştırın. Ben metnimin dolgu rengini açık gri olarak ayarladım, böylece hem metin hem de üst üste gelen doku kolayca görülebilir oldu. Saydamlık panelinde dokunun Karışım Modunu seçerken Çarpma, yani multiply olarak ayarlayın.

Overlap your text with your watercolor texture

3. Adım

Bu şekilde metninizin üzerine sulu boya dokuları yapıştırmayı tekrarlayın. Bunu yaparken de gözünüze en iyi şekilde görünür hale gelene kadar Ölçekleme ve Rotasyon yapmaktan çekinmeyin.

Overlap your text with various color and textures

4. Adım

Doku yerleştirme işleminizden memnun kaldığınızda, bunları tasarımınız üzerinde Grup olarak bir araya getirin. Ayrıca, metin tasarımınızın çoğunun bir şekilde bir dokuyla kaplandığından emin olun. Kırpma Maskenizi yaparken, bazı harflerin kaybolmasını istemezsiniz.

Group together your watercolor textures

5. Adım

Metin tasarımınızı kopyalayın ve sulu boya doku grubunuz üzerine yapıştırın. Orijinal metin tasarımınızı Katmanlar panelinde gizleyin. Sonra ikisini de seçin ve Control-7'ye basarak Kırpma Maskesi yapın. Kırpma Maskenizi değiştirmek veya içerik eklemek isterserseniz, Katmanlar panelini açıp, Çalışma Grubunda (Artboard) yeniden düzenlemek için Kırpma Grubunuzun bölümlerini seçebilir ve hatta gruba sürükleyerek yeni dokular ekleyebilirsiniz.

create a clipping mask and adjust its contents

Tebrikler, Bitirdiniz!

Sulu boya dokular ile uygun gördüğünüz şekilde oynayabilirsiniz. Grafik Stil veya Kırpma Maskesi oluştururken, doku, sulu boya sıçraması veya ek yıkama dokuları gibi diğer elementleri nasıl uygulayacağınız ile ilgili birçok seçenek var.

Tasarımlarınızı aşağıdaki yorum bölümünde paylaşın! Her bir elementi sıfırdan kendiniz de yaratsanız veya poster kompozisyonunuzda Envato Market'ten elde ettiğiniz varlıkları da kullansanız biz hepsini görmek isteriz!

The final design
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.