EĞİTİMLER Genel Eğitimler / Stil & Efektler
Special Diagram - California/San Francisco...

 

 

Geri
 


 

Special Diagram - California/San Francisco
by Salih EFE - 13.07.2019 23:05


Special Diagram Çalışması - Pixel Art CHIEF

 

 

Her zaman fikirleri ortaya çıkarmak veya düşüncelerimizi tasarım sürecinde mümkün olan en erken zamanda netleştirmek için diyagramları inceleriz ve araştırırız. Aşağıdaki parçalanan şema, tasarım ilerledikçe güncellenmesini kolaylaştıran, neredeyse hiçbir detay veya yapısal eklemlenme olmadan basit bir model üzerinde çalışmaktadır.

 

Bu çizim, programatik bölgelerin büyük resim konseptini incelemeyi amaçlamaktadır ve gelecekteki tasarım hareketlerini düşünme konusunda yardımcı olacaktır. Aynı zamanda, bunun sunum materyallerinde kullanılacağını düşünüyoruz, bu yüzden biraz duygu eklemek ve görüntüye doku vermek için bazı hızlı atmosferik ve grafiksel efektler kullandık.

 

 

 

 

 

1. Kil Model Tabanlar

 

Special Diagram Çalışması - Pixel Art CHIEF

Bu görselimiz için 3Ds Max ile basit bir render alıyoruz. Çözünürlüğü yüksek olsunki çalışmanız net şekilde çıksın. Model, penceresiz temel kitlesel yapı, ışık ve gölge bilgisi vermek için yapısal eklemlerden oluşuyor. Bu modeller V-Ray render motoru ile alındı.

 

 

 

2. Güneş Açılı Render

 

Special Diagram Çalışması - Pixel Art CHIEF

Aldığınız render'a birde güneş ekleyerek render almanız gerekir. Bu görseli harmanlama modu ile kullanacağız.

 

 

 

 

 

3. Koyu Render

 

Special Diagram Çalışması - Pixel Art CHIEF

 

 

İsterseniz bu görüntüyü max ayarlarını düşürerek ve materiallere koyu renk vererek alabilirsiniz.

İkinci bir seçenek ise temel renderımıza, “Images > Adjustment > Hue/Saturation” seçeneğine giderek, seviyeleri ayarlayıp doygunlaştırabilir veya koyulaştırabilirsiniz...

 

Biz bu görselde koyu renkli render almayı tercih ettik çünkü gölge açısını değiştirerek derinlik sağlamak istedik....

 

 

 

 

 

4. VRayToon Render

 

Special Diagram Çalışması - Pixel Art CHIEF

 

 

VRayToon efekt ile çizgi kalınlık derecelerini 3px olarak aldık. Tabiki bu görselinizin boyutuna göre değişecektir.

 

Örneğin, 2000x1000px ebatında bir görsel için 2px kullanırken 10000x5000px ebatındaki bir render için 10px çizgiler almak gerekebilir. Tabiki bu tamamen sizin tasarım isteğinize göre değişecektir.

 

 

Special Diagram Çalışması - Pixel Art CHIEF

 

 

İkinci bir VrayToon görseli render alırken burada 5px kenar çizgileri efekti kullandık.

 


Peki neden böyle bir uygulama yapıyoruz?

Bu iki VrayToon renderı üstüste Layerlar ile bindirip anlatmak istediğimiz bölgenin dikkat çekmesini istiyoruz. Arkaplanda kalan binaları "Erase Tool" aracını yumuşak kenarlı fırça ile siliyoruz. Böylelikle yansıtmak istediğimiz yerler kalın çizgili geride kalan yerler ince çizgili olarak kalacaktır.

 

 

Special Diagram Çalışması - Pixel Art CHIEF

 

 

Anlatmak istediğimiz gibi dikkat çekecek yerleri kalın çizgi ile bırakmış olduk.

 

 

 

 

 

5. Belirtmek İstenilen Yerler

 

Special Diagram Çalışması - Pixel Art CHIEF

 

 

Bu renderımızı alırken farklı materialler kullanıyoruz ve herbir material için farklı bir numara veriyoruz. Render alıyoruz. Sonuç üstteki gibi renkli bir çalışma olacaktır. Bu renderı alma sebebimiz ise "VrayMtl" elementi çıktısı almak olacak. Böylelikle yolları Photoshop'ta kullanırken seçim kolaylığı sağlayacaktır.



 

3Ds Max ile V-Ray Material Özelliklerinden numaralandırmayı herbir material için bu numaratör yardımı ile yapıyoruz. Böylelikle VrayMtl ID herbir nesne için farklı görünecektir.

 

 

 


 

Numaraları ekledikten sonra ise "V-Ray Setup" ayarlarından "Render Elements" sekmesine geliyoruz. Burada "Add" butonuna tıklayıp "VRayMtlID" tıklayıp "OK" tuşuna basıyoruz. Böylelikle Render Penceresinin sol üst köşesinden bu görseli seçilebilir hale getiriyoruz ve çıkan renderımızı kaydediyoruz.

 

 

 

Special Diagram Çalışması - Pixel Art CHIEF

 

 

Bu render "VrayMtl" elementi ile alınan render olmaktadır. Photoshopta "Select > Color Range.." yardımı ile veya "Magic Select Tool" yardımı ile yolları kolaylıkla seçebiliriz artık...

 

 

 

 

 

 

6. Harita Yerleşimi

 

Special Diagram Çalışması - Pixel Art CHIEF

 

Google Earth ile görselinize en yakın olabilecek bir bölge tercih edebilirsiniz. Biz "Californiya / San Francisco" bölgesi üzerine benzer bir çizim yaptık. Ortalama tam oturmasada benzer şekilde yerleşimi sağlayabiliriz... Eğer çizdiğiniz bölge hayali ise yine Google Earth ile benzer bir görsel seçebilirsiniz..

 

Peki şimdi harita ile çalışmamızı nasıl birleştireceğiz gösterelim.

 

Special Diagram Çalışması - Pixel Art CHIEF

Aldığımız renderları harmanlama modu ile yukardakine benzer bir görüntü yakaladıktan sonra, Layer katmanı görselimizin en üstünde olacak şekilde Google Earth görüntüsünü oluşturuyoruz. Harmanlama modundan "Overlay" seçip "Opacitiy" değerini düşürüyoruz.

 

Eğer renkli yapı tasarımını bozacak gibi olur ise haritayı Siyah/Beyaz renge çevirerek kullanabilirsiniz.

Görsel olarak üstteki gibi bina dokuları yol dokuları oluşacaktır...

 

 

 

 

 

 

7. Hat Çalışmaları - VrayToon Görsellerinin Kullanımı

 

Special Diagram Çalışması - Pixel Art CHIEF

 

Formları tanımlamaya yardımcı olmak için hazırladığımız "VrayToon" efektli görselimizde, katman karışımı modunu “Screen” olarak ayarlıyoruz. Böylelikle siyah bölgeler kaybolacak ve beyaz çizgilerimiz görselimiz üzerinde kalacaktır.

 

 

 

 

 

8. Işıkları Açma Vakti Geldi

 



İçeriğe biraz daha doku eklemek için son bir hamle olarak, bina ışıklarının bir görüntüsünü bulduk ve bu dokuyu bina cephelerine orantılı şekilde yerleştirdik. Yakındaki binalar daha büyük pencere olacaktır ve geride kalanlar ise daha küçük pencere olacak şekilde yerleştirmelisiniz. Nesne uzaklaştıkça küçülür mantığı ile hareket ediyoruz.

Special Diagram Çalışması - Pixel Art CHIEF

 

Yukarıdaki görüntüyü kullanarak, katman harmanlama modunu “Screen” olarak ayarlayın ve yalnızca bağlamsal kütlenin eşleşmesi için perspektifi deforme edin. Bu bir şema olduğundan, doğru olmaktan endişe duymadım, bu yüzden hızlı hareket etmemize ve bu adımda sadece bir kaç dakika geçirmemize izin verdi. Fakat açıklamamız gerekirki en sıkıcı bölüm burası :)

 

 

 

9. Renkli Yollar

 

Special Diagram Çalışması - Pixel Art CHIEF

 

Rengin Photoshop yoluyla eklenmesi için birçok yol vardır. Öncelikle "VrayMtl" elementi ile yol seçimlerini ayrı ayrı seçmek olacaktır. Seçtiğiniz bölgeyi boyama yaparak renklendirmeye başlayabiliriz.

 

Special Diagram Çalışması - Pixel Art CHIEF

 

Yaklaştığımız yol ilk önce, bu durumda turuncu renkte olan bir alanı düz renkle boyamaktı.

 

Special Diagram Çalışması - Pixel Art CHIEF

 

Bütün yolları istediğiniz veya tasarıma uygun olan renge boyadıktan sonra, yol modeli olan bölgelere biraz renk ve gölge vermesi için Google görsel aramalardan düz grafik görselleri bulduk ve yeni katmana yapıştırdık.

Daha sonra yol hizalarından seçerek katman harmanlama modunu rengin üstüne “Multiply” veya tercihinize göre "Overlay" olarak ayarlayabilirsiniz.

 

Bu adımları her renk için tekrar ettik; bu da hızlı düzenlemeler yapmamızı veya gerektiğinde renkle deneme yapmamızı sağlamış oldu.

 

 

 

 

 

10. Minik Ağaçlar Önemli

 


Görselimize detay verilmesi açısından Top görüntülü bir minik ağaç buluyoruz. Yeşil olan yol kenarlarına sıralı olarak ekliyoruz. Tabiki gölgemizi görselimizdeki gölgelere göre ayarlamayı unutmamalıyız. Minik Ağacımızın bulunduğu katmanı sağ tıklayarak "Blending Options" ayarlarından "Drop Shadow" ile gölgelendirme efekti boyut kazandıracaktır.

Special Diagram Çalışması - Pixel Art CHIEF

 

Son olarak, her bölgeye beyaz bir taslak vermek için beyaz çizgi çalışma katmanını yeni renk gruplarının üzerine taşıdık. Böylelikle beyaz çizgilerimiz üstten görünür hale gelmiş oldu.

 

 

 

 

 

 

11. Lens Bulanıklığı ve Desen Çizgileri

 

Special Diagram Çalışması - Pixel Art CHIEF

 

Yine yukardaki yöntem ile, sadece yolların bulunduğu yerlere "Paint Bucket" ile "Pattern" seçeneğinden çizgisel desenler ekleyip "Opacity" değerini %50 düşürdük. Böylelikle göze daha dolgun bir görüntü elde etmiş olduk.

 

Lens bulanıklığı için ise "Filter > Blur Gallery > Tilt-Shift" filtresinden destek aldık... Yakında bulunan binalar ve geride kalan binalar üzerine hafif blur efekti ile derinlik kazandırmış olduk. Bu yöntem çalışma merkezinizin daha fazla dikkat çekmesini sağlayacaktır. Bu işin kolay bir çalışması. Daha fazla detay isterseniz aşağıdaki linkten daha önceki eğitimimizden bu konu ile ilgili destek alabilirsiniz...

* Alan Derinliği Eğitimi

 

 

 

 

12. Sis Ekleme

 

Special Diagram Çalışması - Pixel Art CHIEF


Special Diagram Çalışması - Pixel Art CHIEF


Objektif bulanıklığına benzer şekilde, yine görüntünün ortasına göz çekmek için sis olacak şekilde boyadık . Bu aynı zamanda bağlamı hafifletir ve diyagram için ek açıklamalar eklemek için bana biraz boşluk verir.

Sisleme ile ilgili aşağıdaki linkten daha önceki eğitimimizden bu konu ile ilgili destek alabilirsiniz...

* Sis Üzerinden Derinlik Verme
* Sis ve Derinlik

 

 

13. Renk Yerleşimi

 

Special Diagram Çalışması - Pixel Art CHIEF


Special Diagram Çalışması - Pixel Art CHIEF


Son olarak, görüntü çok fazla doymamış görünüyor gibiydi, bu nedenle bazı mavi ve turuncu renk kaplamaları eklendi. Katmanın harmanlama modunu "Screen" yaparak kullandık. Daha önce de belirtildiği gibi, bu bizim tasarımımızı incelemek ve kavramı netleştirmek için kullanılacak bir yöntem olmaktadır.

 

 

 

 

Sonuç...

 

Special Diagram Çalışması - Pixel Art CHIEF

 

Special Diagram Çalışması - Pixel Art CHIEF 

Special Diagram Çalışması - Pixel Art CHIEF 

Special Diagram Çalışması - Pixel Art CHIEF 

Special Diagram Çalışması - Pixel Art CHIEF 

Special Diagram Çalışması - Pixel Art CHIEF 

 

 

 

Aynı temel oluşturma işlemlerini ve Photoshop hareketlerini kullanarak, mevcut koşullar diyagramı için bir temel örnek oluşturmak üzere renkleri ve atmosferi ince ayarlarız. Filtreler ile veya Kil model kullanarak farklılılar yaratmak sizin elinizde...

 


Teşekkürler...

 

 



 

 

0 Yapılan Yorum...

 

 


1
>>

 


 
  Yorum yapabilmek için lütfen GİRİŞ yapmanız.

Sadece kullanıcılarımız yorum yapabilmektedir. Sizde giriş yaparak yorum yapabilir diğer kullanıcılarımızla iletişimde bulunabilirsiniz....

 



 


Salih EFE / Arc. 3D Artist
İçinizdeki tasarımsal seslere kulak verin. İçinizden geçen renkleri kullanın... İçinizin rengini gözünüzle görün...
Interior & Exterior Visual Designer - TURKEY


Emre ALKAÇ / Tasarımcı
Yazarız uzaktan uzağa yine , sen de işe yaramadınya be doktor, yine baş başayız ilkyardım cümlelerimle...
Yüksek Grafiker & Tasarımı- TURKEY


Salih EFE / 3D Artist
Tasarım yapmak isterseniz , gözlerinizi kapatın... Eğer gözlerinizi kapattığınızda renkleri görebiliyorsanız, kollarınızı sıvayabilirsiniz...
Interior & Exterior Visual Designer - TURKEY


Emre ALKAÇ / Tasarımcı
Sen, sen olmaktan çıktığın an sen olan seni bulur…
Yüksek Grafiker & Tasarımı- TURKEY

 

EK LİNKLERİMİZ...


 

 


Biz Kimiz?

 

Bizler Kim miyiz? Eğitimci, Felsefi Düşünür, Gerçekçi Takım, Bizler Sanatçıyız Yaratıcı Chief'leriz... Devam...


Hizmet Sözleşmesi

Pixel Art CHIEF Hizmet Sözlesmemizde bulunan Hizmet Sartlari, Gizlilik Politikasi, Güvenilirlik ve Felsefemizi asagidaki linklerden okuyabilir. Hakkimizda bilgiye sahip olabilirsiniz. Devam...

 


Latest Post

 

- Geometric Landscapes
May 21.2015

- Geometric Landscapes
May 21.2015

Geometric Landscapes
May 21.2015


Contact Us

 

Adress:

Ankara - TURKEY

 

Telephone: +9 (537) 477 6 460
E-Mail: info@pixelartchief.com

 

 

 

Designed By Elcesa © 2015 - All Right Reserved