Merhabalar.
Resimde görüldüğü gibi küçültüp tekrar büyüttüğümde kalite bozuluyor. Hatta küçülttüğümde de şekil yuvarlak olduğu halde yuvarlak bir şekilde görünmüyor da kenarları çıkıntılı bir şekilde görünüyor. Yani büyütmeye gerek kalmadan direkt en başta küçülttüğümde de kalite bozuluyor. Bu neden acaba? Ve nasıl çözerim? Normalde büyütünce kalite bozulması gerekir ama küçültünce neden kalite bozuluyor? Photoshop kullanıyorum bu arada.
Dosya formatı nedir?
PNG. Acaba dosya formatından dolayı mı oluyor diye SVG indirip denedim gene aynı şey oldu.
Görüntüler kare pixellerden oluştuğu için küçüldüğünde eğikliği belli etmeyecek kadar pixel kalmadığından çıkıntılı olması çok normal.
Yok hocam orantılı küçültüyorum shift'e basarak. Arka plan sıkıntılı derken nasıl yani?
Piksel tabanlı görsellerde boyut negatif veya pozitif yönde değiştiğinde dosya yapısından dolayı ister istemez bozulmalar yaşanıyor. Görüntünün çözünürlüğü ne kadar yüksekse bu bozulmaları o kadar tolere edebiliyor. Görüntünün boyut değişimlerinde bozulmaması için vektör tabanlı görseller kullanmak gerekir, eğer görsel vektör tabanlı olursa ilgili programların limitleri dahilinde hiç bozulma yaşamadan istediğiniz kadar büyütüp küçültebilirsiniz. Vektörel görsellerle çalışmak için birçok program var fakat en popüler olanı Adobe Illustrator'u kullanabilirsiniz. piksel tabanlı görsellerle çalışmak için ise yine en popüler olanı Adobe Photoshop'u kullanabilirsiniz.
Şu an Photoshop'ta bir tasarım yapıyorum. Yaptığım tasarıma sosyal medya adreslerini yazmak için internetten sosyal medya sembollerini bulup koydum ama küçültünce bozuluyor dediğim gibi. Yani photoshop'ta küçültünce bozulmanın önüne geçmenin bir yolu var mı acaba?
@countless-skies Daha yüksek çözünürlüklerde çalışmak dışında benim bildiğim bir yöntem yok. Örneğin 1080x1080 boyutlarında sosyal medya paylaşımı için direkt bu boyutlarda çalışmak yerine iki veya üç katı çözünürlükte dosya açarsanız ve internetten de buna göre yüksek çözünürlüklü görseller bulursanız küçülttüğünüzde veya sosyal medya platformları paylaşım esnasında görseli sıkıştırdığında bozulma daha minimal düzeyde olacaktır.
Bunu size şöyle anlatayım, internetten 720 piksel çözünürlükte bir instagram logosu buldunuz diyelim, bunu 1080 piksellik alana sığdırmak için %50 küçültüp 360 piksele düşürdüğünüzde bu logoyu oluşturan piksellerin sayısı azaldığı için görseldeki tırtıklar oluşuyor.
Siz çalışma alanınızı en başta 2160 piksel olarak açıp, instagram logosunu da 1920 piksel olarak buldunuz diyelim, bu kez gerçekleştireceğiniz küçültme yine %50 oranında olmasına rağmen logonun küçülmüş hali 960 piksel olacağı için logoyu oluşturan daha fazla piksel olacak, bu da kalite düşüşünü daha minimal düzeyde tutacaktır.
Özetle ne kadar ekmek o kadar köfte gibi, ne kadar piksel o kadar kalite diyebiliriz.
@onimarsynn Anladım hocam. Ama benim tasarımdan bağımsız olarak sadece yukarıda resmini attığım logoyu ayrı bir projede açtığımda da aynı şey oluyor. Bunun sebebi ne acaba? Yukarıda attığım resmi de direkt olarak ayrı proje dosyasında, içinde sadece bu resim olacak şekilde açtım. Direkt internetten indirip photoshop'a attım yani logoyu.
@countless-skies Bu logonun sizin tasarımınızdan bağımsız olarak kendi çözünürlüğü de çok düşük. Eğer illustrator kullanabiliyorsanız @kulemez 'in belirttiği yöntem bunun gibi monogram görsellerde oldukça iyi çalışıyor onu deneyebilirsiniz veya aynı logonun daha yüksek çözünürlüklüsünü bulup bir de onunla deneyin, sorun muhtemelen çözülecektir.
@onimarsynn Hocam aşağıda yazılan yorumdaki gibi smart object'e çevirince düzeldi. Sizin de zaman ayırıp yazdıklarınız için çok teşekkür ederim.
@countless-skies Çözülmesine sevindim, bilmediğim bir yöntem daha varmış ben de öğrenmiş oldum, @zibil size de çok teşekkür ederim.
@awsalli Emin misiniz? Ben şu ana kadar hep shift'e basarak yaptım ama 🙂 Neye basmam lazım peki oranı bozmamak için?
@awsalli O şekilde bozulmuyor zaten. Şimdi aynı resmi sadece 1 tane koy sayfaya, sonra onu ctrl + t'ye basıp küçült (shift'e basıp basmaman önemli değil burada, çünkü yukarıda gösterdiğin gibi yaptığım zaman da kalite bozuldu)
Küçülttükten sonra yukarıdaki tike bas yani onayla, o küçük haline gelsin. Sonra tekrar büyütünce kalite bozuluyor işte.
https://www.pngwing.com/tr/free-png-plhmv buradan indirebilirsin aynı dosyayı.
@kulemez 2021 kullanıyorum. Evet shift oranı koruyor zaten, yıllardır bu şekilde kullanıyorum ben 🙂 Belki arkadaşın kullandığı sürüm farklı olabilir bilemiyorum.
@kulemez Nasıl yani? O zaman benimki 2021 olmayabilir bilmiyorum shift'e basınca oran sabit kalıyor bende çünkü 🙂
Layer list ten sağ tıklayıp smart object e çevirin. Daha sonraki yapacağınız küçültme büyültme de bozulma olmayacaktır.
Evet çözüm buymuş. Bunu yapınca çözüldü çok teşekkürler.
Bunun mantığı nedir peki? Neden smart object'e çevirince bozulma olmadı 🙂
@countless-skies Smart object e çevirdiğinizde görüntüyü işlemeden sadece resize ediyor datasını küçültmüyor, diğer türlü görüntüyü işliyor ve hem boyut hem data olarak küçültüyor.
Bu tür ikonları png olarak değil svg olarak aratın ve kullanın. Çoğu ikon sitesi size iki seçeneği de sunar zaten.
PNG raster
SVG vektördür. Vektörler büyütme ve küçültmede daha düzgündür
Hocam photoshop sanırım svg desteklemiyor. Çünkü aynı ikonu svg olarak indirip photoshop'a atmak istediğimde png'ye çeviriyor galiba.
@countless-skies destekliyor.
Ayrıca tasarım aşamasında yukarıda bahsettiğiniz gibi anlamsız bozulmalar görüyorsanız yakınlaştırma uzaklaştırmalar yaparak kontrol edin veya görüntü kaydedip oradan kontrol edin. Ölçek yanıltıcı olabilir
@countless-skies svg yi import ederken rasterize eder ama istediğin çözünürlükte alır, o yüzden istediğiniz boyutu belirlerseniz bir daha ölçeklendirme gerekmez. Aynı olay vektörel imaj içeren pdf-a dosyalarında da mevcut, ps mantığı pixel tabanlı olduğu için dinamik vektörel imajlarla çalışmanıza izin vermeyecektir. Png olarak atarsanız smart object olarak alır, transform ederken çok küçültmez iseniz bozulmaz, istediğiniz boyuta gelince işleyebilmek için rasterize edebilirsiniz tekrar.
Çok ilginç. Bende niye oluyor acaba? Bi de eski haline büyütmeyi dener misiniz?
@awsalli Aynen o şekilde çözülüyormuş teşekkürler. Aşağıda da yazmış bir arkadaş.
convert smart object yapman gerek.