Mockup'lı Texture Hazırlama – Uygulamalı Photoshop Dersleri


190903265-a1ee235762a6dbea5f5f1ac1f968262ab777d5e2fdceff5970756a2284c18529.jpeg

Uygulamalı Photoshop derslerinin bu dersinde bir texture nasıl hazırlanır ve bir kere hazırlandıktan sonra her renk tonuna nasıl uyarlanır, bunlardan bahsedeceğiz. Uygulamada herhangi bir görselden faydalanılmayacaktır.

 

Amaç

 

  • Photoshop CC’de Mockup'lı Texture Hazırlama

Öğrenilecekler

  • Paint Bucket Tool
  • Filter kullanımı (Artistic > Film Grain)
  • Blending Mode'lar
  • Filter Kullanımı ( Textures > Grain)
  • Mockup Hazırlama

Photoshop CC’de Mockup'lı Texture Hazırlama

Dokuyu kare olarak hazırlayacağımız için çalışma alanımız aşağıdaki ayarlarla açılacaktır :

190903265-f736035ef47cf9cbe69973e7de79fda3f9f831de0fcbce9b388a427ef12f00d5.png

Aşağıdaki gibi kare şeklinde bir çalışma alanı açılacaktır. Sol toolbarın hemen alt kısmındaki ikili renk paletinde aşağıdaki renk tonlarını seçtikten sonra Paint Bucket Tool aracını kullanarak çalışma alanını boyayalım.

190903265-b209b3e2389c426cbf88fb92cbeb0aade5ea7b6935767c05002dcf424e87ad9e.png

Bu çalışmayı her renk için kullanabilelim diye mockup haline getirmemiz gerekiyor. Bunu da Layers panelindeki Layer 1 layerını seçtikten sonra sağ tık > Convert To Smart Object diyerek bu layerı akıllı objeye dönüştürüyoruz.

190903265-722e720987705cd2ea601600acbbb018c50ae6380a619ea932f0387b3d55ff2c.png

Siyah renk ile boyanmış yeni bir layer açalım. Bunun için Layers panelini kullanabilirsiniz. Bu layera bir filtre ekleyeceğiz. Bunun için bu layer seçili iken Filter > Artistic > Film Grain seçeneklerini seçelim.

Photoshop'da kullandığımız filtreler Adobe Illustrator'de efekt olarak geçmektedir.

190903265-5ce1b9c1cdf22d897a4ac38c9cadcf53c10208e5da79d892e9e1f8193f7c436b.png

190903265-8730ac5de14fb4d50a259cac9c120ff9d54305451e3a8d4e74adda2eb878dd68.png

Tamam dedikten sonra bu layerın Blending Mode özelliğini Multiply olarak değiştirelim ve Opacity değerini de %15 e düşürelim.. Çalışmamız buraya kadar aşağıdaki gibi gözükecektir.

190903265-afe024713cb3040d9b8bc185f8d58086bbc5eafbaed1d0bb37bb58d2f9354993.png

Şimdi ilk layerımız olan pembe layerın bir kopyasını alalım. Bunun için klavyeden Ctrl +J ye basmamız yeterli. Bu kopya layer'ı Layers panelinde en üste taşıyalım. Sonrasında bu kopya layer seçili iken Filter > Textures > Grain seçeneklerini seçelim.

190903265-8fed963eff8ae4351c0f0d788ea4b930fd7100c7e767f646748c366f7ce88dd4.png

Ayarlar aşağıdaki gibidir. (Ayarlarda Grain Type'ın Horizontal seçildiğine dikkat edin.)

190903265-5a8ae5f57c187f4a232536533daaa33ccb6e10f748701bbcf1b845dfecf60906.png

Tamam diyelim. Şimdi de bu layerın Blending Mode özelliğini Overlayyaptıktan sonra Opacity değerini %40 a kadar düşürelim.

190903265-a550793172f954207e6c8a26952d45956d4124bb745540866f1dc84d99de985a.png

Son layerın bir kopyasını alalım. Bunun için o layer seçili haldeyken klavyeden Ctrl+J seçeneklerini seçebilirsiniz. Layers panelinde bir layer üzerinde kullanılan filtrenin gösterildiğini görmüşsünüzdür. Bu kopya layerın üzerindeki Grain Filtresine çift tıklayarak ayarlar penceresinin açılmasını sağlayalım.

Açılan ayarlar penceresinde Grain Type seçeneğini Vertical olarak değiştirip tamam diyelim :

190903265-5cb4cc26f45dfe72745dfc1916bd1573c2905a996e56d522fb80fbdf3fcf0943.png

Çalışmamız bu haliyle bitmiştir.

190903265-0c32557256cecdecbe1b0b65b73fc04e787e055e93065994654d281b6a36e9a0.png

Çalışmamızı tek renk üzerinden yapmış olsak da en alttaki ilk layerın üzerine çift tıkladığımızda açılan penceredeki layerın rengini değiştirmemiz tüm çalışmadaki diğer layerlarında rengini değişmesini ve bu yapılanların yeni renk için uyarlanmasını sağlayacaktır.

Çalışmamız bu haliyle bitmiştir.

Uygulama noktasında herhangi bir sorun yaşarsanız aşağıdaki yorum panelini kullanarak iletişime geçmekten çekinmeyin lütfen. Teşekkürler.

Kaynak belirtilmeyen görseller @etasarim a aittir. / Pictures that don’t have any source belongs to @etasarim.

190903265-0ef2d78d04a42e22fee347fe22dac1d0af325599d5e7ac3b7d2d1b7e712b8660.jpeg

Not : Bu yazı daha önce Steemit Blogumda yayınlanmıştır:

https://steemit.com/tr/@etasarim/mockupltexturehazrlamauygulamalphotoshopdersleri-lyakhqa1lm

--------------------------------------------------------------------------

This article was originally published on Steemit

How do you rate this article?

0


etasarim
etasarim

I am a designer. (Adobe Photoshop, Adobe Illustrator) and photographer | I fan : Coding, Electronic, Technology and Science


Adobe Photoshop CC Tutorials
Adobe Photoshop CC Tutorials

In this blog, you can find tutorials about Adobe Photoshop CC

Send a $0.01 microtip in crypto to the author, and earn yourself as you read!

20% to author / 80% to me.
We pay the tips from our rewards pool.