silüetler şeffaf zeminli görsellere verılen isimdir
Bunlar, web siteleri de dahil olmak üzere, özellikle aşırı düz kenarlı düzenlere varyasyon getirebilmek için birçok grafik tasarım projesine harika eklemeler olabilir.
Bununla birlikte, özellikle metinlere yakın yerleştirildiklerinde genellikle ek öğelere ihtiyaç duyacaklarından, bunları kullanmakta belirli zorluklar vardır.
Bu bölümde görebileceğiniz gibi, metin ile sağdaki sevimli steampunk balığı arasında epey bir mesafe bıraktım. İlk iki paragrafı genişleterek daha yakına gelseydim, balığın düzensiz şekli hizalanmayı veya kümelenmeyi zorlayacağından bir gruplama sorunuyla karşı karşıya kalacaktım. Ancak, bunları çözmenin yolları da var ve bu sayfada bunlara bakacağız. Fakat önce lütfen bu sayfaya bakın >>> çünkü bahsedecğim çözümlerin şekil kullanımıyla da çok ilgisi var.
Not: Bu sayfaya koymak için görsel malzeme ararken, yukarıdaki slayt gösterisine koyduğum çok güzel steampunk silüetleriyle karşılaştım. Ve daha sonraki aramalarda steampunk ile ilgili daha da pek çok silüet görsel bulduğum için, bu sayfada steampunk temasına bağlı kalmaya karar verdim.
steampunktrıvıalıtıes
pngs
PNG, 32 bit şeffaflığı ve gerçek rengi destekleyen çok yüksek kaliteli sıkıştırılmış bitmap dosyaları olan Portable Network Graphics'in kısaltmasıdır. Diğer bir deyişle, PNG dosyaları %0 ile %100 arasında saydamlık değerlerine sahip olabilir ve milyonlarca renkten oluşan bir paleti destekler.
.png)
Sadece birkaç yıl öncesine kadar ücretsiz, yüksek kaliteli CC lisanslı PNG görselleri bulmak oldukça zorken, son zamanlarda bu durum değişti ve günümüzde sadece PNG görsel materyali taşıyan büyük portallar var.
Bu sayfada tüm bu steampunk görsellerini kullanıyorum ama emin olun bulabilecekleriniz Steampunk gibi şeylerle sınırlı değil. Yiyeceklerden araçlara ve hayvanlara, teknolojiden bitkilere, süs eşyalarına ve ev eşyalarına kadar hemen hemen her şey ve her türlü faaliyette bulunan çok sayıda insan silueti bu portallarda bulunabilir:
PNG'ler basılı medya için değil ekran için yapılmıştır, bu nedenle bu portallarda bulduklarınız piksel boyutu açısından çoğunlukla nispeten küçük olacaktır, ancak bazen çok büyük boyutlu dosyalar da bulunabilir. Bununla birlikte, genellikle bulacaklarınız 500 ile 2000 piksel arasında olacaktır ve bu, çoğu durumda web tasarımı amaçları için gayet yeterli olacaktır.
opak arka planlı görsellerden silüetler yapmak
-
Aradığınız şeylerin çoğunu silüet olarak hazır bulsanız da, hazır bir PNG görüntüsü olarak bulamadığınız belirli şeyler olabilir. Veya şeffaf bir arka planı olmayan fakat gerçekten kullanmak isteyeceğiniz bir görüntü görebilirisniz. Böyle bir durumda dikkat edilmesi gerekenler şunlardır: Görüntü, silueti oluşturulacak ön plan figüründen tek bir büyük alan olarak kolayca ayrılabilecek, doku içermeyen düz bir arka plana sahip olmalıdır.
-
Görüntü net ve keskin olmalı, şekil ve arka plan arasında bulanık bir karışım olmamalıdır.
-
Arka plan rengi şekildeki renklerden farklı olmalıdır.
-
Örnek: Kırmızı bir duvarın önünde duran kızıl saçlı biri size iyi bir sonuç vermeyecektir.
-
Bu koşullar yerine getirildiğinde, çevrimiçi olarak bulunabilen pek çok arka planda silme uygulaması bulmak mümkün:
-
-
Süper sonuç
-
boyut sınırlaması yok.
-
Bunun tamamen ücretsiz olduğundan emin değilim, bir indirme sınırı olabilir.
-
Ancak, ücretsiz olarak kullanmanıza izin verdikleri sürece, kesinlikle tercih edilecek olan budur.
-
-
-
Gayet iyi.
-
fakat 800 pixellik bir boy kısıtlaması var.
-
-
-
Bu da gayet iyi,
-
fakat görselninizi 1280 pixelle kısıtlıyor.
-
-
-
Çok parlak değil.
-
vektörler
Siluet görseller için ikinci bir kaynak, görüntülerin noktalar, çizgiler, eğriler ve çokgenler gibi Kartezyen bir düzlemde tanımlanan geometrik şekillerden doğrudan oluşturulduğu bilgisayar grafikleri olan vektörlerdir. Karşılaşacağınız yaygın vektör formatları EPS, Adobe Illustrator ve SVG dosyalarıdır.
Vektör görüntülerinin harika yanı, bitmap görüntülerin aksine (PNG'lerde de olduğu gibi), hala vektör durumlarındayken sonsuza kadar ölçeklenebilmeleridir. Ancak, onları bir kez büyüttüğünüzde, bunları bitmap dosyalarına dönüştürmeniz gerekeceğini unutmayın, çünkü internet bitmap materyaliyle çalışır (SVG dosyaları da görüntülenebilse de, bu çok yaygın değildir ve Wix zaten SVG'lere izin vermez. ).
-
Tiyo: Orijinal vektör dosyasını elinizin altında bulundurun, böylece fikrinizi değiştirir ve daha büyük bir boyuta gitmek isterseniz, her zaman bunu yapma seçeneğiniz olur ve büyütülmüş dosyayı Wix'e yeniden yüklersiniz.
Onları silüete dönüştürmek söz konusu olduğunda, bu eğitici videonun >>> size göstereceği gibi, çevrimiçi fotoğraf düzenleyici photopea ile ön planları arka planlarından çok kolay bir şekilde ayrılabilir. Ayrıca dosyalarınızı PNG olarak nasıl dışa aktaracağınızı da gösterecektir.
Until recently it used to be somewhat difficult to find vector visuals other than in the style most commonly associated with them, which are flat color fields often with contours around them. More recently this has changed and we can now find vector images that can come quite close to even photographs. What is also quite commonly found are vector images that emulate a watercolor style. All three that I am showing above are in this watercolor style, and yes, all are vectors that can be scaled up to any size that you want with no loss of quality whatsoever.
kullanım: metin blokları ile eşleştirme
1. silüetlenmiş materyali bir metin bloğunun düz tarafına yerleştirin
Metin resim hizalama kurallarını kendinize hatırlatmak için yazı ve görseller sayfasına gidin >>>.
.png)
Steampunk is a subgenre of science fiction that incorporates retrofuturistic technology and aesthetics inspired by 19th-century industrial steam-powered machinery. Steampunk works are often set in an alternative history of the Victorian era or the American "Wild West", where steam power remains in mainstream use, or in a fantasy world that similarly employs steam power.
Steampunk most recognizably features anachronistic technologies or retrofuturistic inventions as people in the 19th century might have envisioned them — distinguishing it from Neo-Victorianism — and is likewise rooted in the era's perspective on fashion, culture, architectural style, and art. Such technologies may include fictional machines like those found in the works of H. G. Wells and Jules Verne. Other examples of steampunk contain alternative-history-style presentations of such technology as steam cannons, lighter-than-air airships, analog computers, or such digital mechanical computers as Charles Babbage's Analytical Engine.
2. sağ blok metinler
Sağa hizalı metinler, okunması oldukça zor olduğundan uzun olmamalıdır. Kısa bir alıntı veya bir nokta bol olacaktır. Siluet ve metin arasına çizgi yerleştirmek çoğu zaman işleri bir araya getirmeye yardımcı olur.
"Personally, I think Victorian fantasies are going to be the next big thing, as long as we can come up with a fitting collective term for Powers, Blaylock and myself. Something based on the appropriate technology of the era; like "steam-punks," perhaps...."
3. bir metin bloğunun kırtıklı tarafına bir silüet yerleştirmek
Tavsiyem: Gerçekten mecbur kalmadıkça bunu yapmayın - bu sayfanın başındaki balıkta olduğu gibi. Gene de yapmak zorundaysanız, metin yığını ile resim arasında bol miktarda boşluk bırakın.
Steampunk most recognizably features anachronistic technologies or retrofuturistic inventions as people in the 19th century might have envisioned them — distinguishing it from Neo-Victorianism — and is likewise rooted in the era's perspective on fashion, culture, architectural style, and art. Such technologies may include fictional machines like those found in the works of H. G. Wells and Jules Verne. Other examples of steampunk contain alternative-history-style presentations of such technology as steam cannons, lighter-than-air airships, analog computers, or such digital mechanical computers as Charles Babbage's Analytical Engine.
şekillerle bir arada kullanım
Silüet durumlarını vurgulayacağından, siluetlerin farklı arka plan renk alanlarına yerleştirilmesi fayda sağlayacaktır.
"Personally, I think Victorian fantasies are going to be the next big thing, as long as we can come up with a fitting collective term for Powers, Blaylock and myself. Something based on the appropriate technology of
the era; like "steam-punks," perhaps...."
"Personally, I think Victorian fantasies are going to be the next big thing, as long as we can come up with a fitting collective term for Powers, Blaylock and myself. Something based on the appropriate technology of the
era; like "steam-punks," perhaps...."
Şekiller, metin ve görsel arasında bağlantı kurmada çok etkindir.
.png)
Siluetlerin arkasına bir bağlantı şekli yerleştirmek onları bir araya getirmeye yardımcı olacaktır. Farkı görmek için sağ grubun üstüne gidin.
