Photoshop'ta şeffaf bir arka plan yapın. Adobe Photoshop'ta Şeffaflık ile PNG Nasıl Oluşturulur (CC Sürümleri ve Üzeri)

Eğer bilmiyorsan photoshopta şeffaflık nasıl yapılır o zaman birlikte çözmeye çalışalım. Genel olarak burada karmaşık bir şey yoktur, bu nedenle herhangi bir özel bilgiye ihtiyacınız yoktur, çünkü bu Photoshop efekti öncelikle aracın şeffaflığının değiştirilmesine dayanır Silgi (Silgi aracı) ve katman şeffaflığını (Opaklık) kullanmanın yanı sıra.

Uygulamada göstermek için, bir resim seçelim, örneğin bir bardak (Şek. 1) ve onu bir arka planın üzerine, örneğin bir kafedeki masaya (Şek. 2) yerleştirerek şeffaf hale getirelim.

Birçok yolu var photoshopta şeffaflık nasıl yapılır ancak bana en sık kullanılan ikisine bakacağız.

Photoshop'ta bir katman nasıl şeffaf hale getirilir

İlk durumda, belirli bir nesnenin veya onun bir kısmının değil, tüm katmanın şeffaf hale getirilebildiği bir örneğe bakacağız. Bu sayede ihtiyacınız varsa kolayca yapabilirsiniz. Photoshop'ta bir katmanı şeffaf hale getirmeörneğin üst katmanın doygunluğunu azaltmak için.

Öyleyse başlayalım. Örneğin "" dersini kullanarak bir bardağı gösteren bir fotoğraf çekelim ve onu genel arka plandan çıkaralım.

Şimdi tüm katmanı kullanarak kopyalayın sıcak kombinasyon anahtarlar Ctrl+A, ve daha sonra Ctrl+C ve bardağımızı yerleştireceğimiz fotoğrafı açın (Şek. 2). Daha sonra tuş kombinasyonunu kullanarak camı yerleştirin Ctrl+V ve birdenbire gerekenden daha büyük çıkarsa ihtiyacımız olan cam boyutunu ayarlayın (Şek. 4).

Photoshop'ta bir nesneyi yeniden boyutlandırma Bunu yapabilirsiniz:

Camın (1) bulunduğu katmanı seçin ve Hareket aracı(2) (Şekil 5);

Şimdi üst panele bakıyoruz ve orada buluyoruz Dönüştürme Kontrollerini Göster(bu seçeneği etkinleştirmeyi unutmayın) (Şek. 6);

Anahtarı basılı tutmak Vardiya ve köşeyi tutarak camın boyutunu değiştiriyoruz, ihtiyacımız olanı ayarlıyoruz (Şek. 7), ardından işareti kaldırıyoruz Dönüştürme Kontrollerini Göster.

Artık camın bulunduğu katmanı şeffaf hale getirmek veya daha doğrusu yapmak gerekiyor. Photoshop'ta Katman Opaklığını Değiştirme panelde mümkün Katmanlar (Katmanlar), parametrenin değiştirilmesi Opaklık (Opaklık) (Şek. 8).

Photoshop'ta bir nesne nasıl şeffaf hale getirilir

Eğer gerekliyse Yapmak şeffaf nesne , bir katman üzerindedir, ancak parçanın geri kalanı opak kalmalı, o zaman önceki örnek bize uymayacaktır. Bu durumda aşağıdaki yöntemi kullanabilirsiniz. Camımızın bulunduğu katmanı seçin. Şimdi seçiyoruz Silgi aracı (Silgi aracı) ve değiştirin Opaklık (Opaklık), şu şekilde ayarlanmıştır: üst panel(Şekil 9).

Artık tek yapmamız gereken camın şeffaf yapmak istediğimiz kısmını kapatmak (Şekil 10).

Photoshop'ta şeffaflık- anahtar kavramlardan biri. Photoshop'u yeni öğrenmeye başladıysanız ve bir fotoğrafın arka planını nasıl şeffaf hale getireceğinizi veya çizimin bir bölümünü nasıl şeffaf hale getireceğinizi henüz bilmiyorsanız, illüstrasyonlu bu kısa eğitim sizin için faydalı olacaktır.

Photoshop'ta şeffaf bir arka plan nasıl yapılır

yapmak için şeffaf arka plan bir fotoğrafta veya çizimde 2 katman oluşturmak yeterlidir: alt şeffaf arka plan yeni katman ve görüntünün gereksiz alanlarının kaldırılacağı üst görünür katman.

1. Aç Photoshop. Şeffaf bir arka plana yerleştirilmesi gereken bir resimle açın ( Dosya->Aç…).

2. Görüntünün/fotoğrafın tamamını seçin ( Ctrl+O).

3. Seçilen görüntüyü kopyalayın ( Ctrl+C).

4. Aç yeni dosya Photoshop'ta ( Dosya->Yeni… veya Ctrl+N). Açılan pencerede en alttaki açılır listeden değeri seçin Şeffaf- “şeffaflık”:

Tıklamak Girmek ve bunu görüyoruz Photoshop beyaz ve gri karelerden oluşan bir arka plana sahip yeni bir dosya oluşturdu. Photoshop'taki bu kareler tamamen şeffaf alanları gösterir.

5. Önceden kopyalanan görüntüyü şeffaf arka plana sahip yeni bir dosyaya yapıştırın. Bunun için geleneksel kullanıyoruz Ctrl+V. Sonuç olarak akım tamamen boş ve şeffaf katman Daha önce kopyalanan görüntü yapıştırılacaktır.

6. Normal seçim araçlarını kullanarak silmek istediğiniz alanı seçin ( M)

veya “sihirli” araçları kullanarak ( W):

Klavyenizdeki bir tuşa basın Silmek ve seçilen arka plan veya resmin bir parçası yerine beyaz ve gri kareler göreceksiniz - bu alan şeffaf olacaktır. Daha sonra görüntüyü şeffaflıkla kaydedebilir veya Photoshop'ta görüntü üzerinde denemeler yapmaya devam edebilirsiniz.

Yarı saydam metin ve filigran nasıl yapılır

Photoshop'ta duruma ek olarak " tamamen görünür" Ve " tamamen şeffaf» bir şartım var kısmi görünürlük veya kısmi şeffaflık. Resimdeki bir nesnenin kısmi görünürlüğü yüzde olarak gösterilir.

Orijinal görsellerin üzerinde yarı saydam metin, logolar veya diğer yarı saydam işaretler genellikle telif hakkını korumak için kullanılır. Genellikle Photoshop veya özel eklentiler kullanılarak uygulanırlar. Amaçları görselin orijinal kaynağını belirtmek, yazarlığını belirtmek ve resmi çalmak isteyenlerin hayatını zorlaştırmaktır.

Diyelim ki şirketin web sitesinde yayınlamamız gerekiyor özel fotoğraf fotoğrafın üzerinde yarı saydam bir yazıyı gösteren araba. Bu tür bir yarı saydamlığın Photoshop'ta oluşturulması çok kolaydır:

1. Photoshop'u başlatın ve fotoğrafımızı içinde açın ( Dosya->Aç…).

2. Metin aracını seçin ( T) ve fotoğrafın üstüne bir yazı yazın dogru beden, renk ve stil:

Bu durumda metin otomatik olarak ayrı bir katmana yerleştirilecek ve %100 görünür olacaktır.

3. Fotoğraftaki beyaz metnin görünürlüğünü %40'a ayarlayın. Bunu yapmak için katmanlar penceresinde ( Katmanlar) özellik kaydırıcısını hareket ettirin Opaklık%40 değerine kadar:

Tüm. Artık yarı saydam yazıya sahip bir resim JPG formatında kaydedilebilir ve web sitesinde yayınlanabilir. Benzer şekilde, metin yerine BMW veya web sitesi logosu gibi başka bir resim ekleyebilirsiniz.

Şeffaf bir resmi hangi formatta kaydetmeliyim?

Lütfen Photoshop'ta işlenmiş bir fotoğrafı şeffaf alanlarla kaydetmenin JPEG formatı Yapamazsınız; bu format şeffaflığı desteklemiyor. JPG olarak kaydedildiğinde şeffaf alanlar otomatik olarak renkli (varsayılan olarak beyaz) doldurulacaktır. Web'de kullanılan formatlar arasında yalnızca GIF ve PNG tarayıcılar tarafından doğru şekilde görüntülenir ve şeffaflığı destekler. Yerel format Photoshop PSD'si tarayıcılar tarafından görüntülenmez.

Maalesef, grafik formatları GIF ve PNG'nin sınırlamaları vardır. GIF formatı da 8 bit PNG gibi maksimum 256 renk depolayabildiğinden fotoğraf kaydetmek için uygun değildir. 24 bit PNG, degrade ve şeffaflığa sahip fotoğrafların ve diğer grafiklerin saklanması için uygun olsa da birçok site, ziyaretçilerin yükleyebileceği grafik formatlarına kısıtlamalar getirir. Bu nedenle bu tür sitelere fotoğraflarınızı veya avatarlarınızı yalnızca JPG veya GIF formatında yükleyebilirsiniz. Bu durumda, fotoğrafı şeffaf bir arka plana kaydetmemeniz, siteye yerleştirileceği arka planı Photoshop'a eklemeniz, sonuçları JPG'ye kaydetmeniz ve ancak daha sonra siteye yüklemeniz gerekecektir.

Görüntüleri işlerken oldukça sık grafik editörü Adobe görselleri Photoshop'un, düzenlenen görüntünün bir kısmının etrafında şeffaf bir arka plan oluşturması gerekir. Fotoğraflardan bir kolaj yapıyorsanız, ilk görüntünün bir bölümünü ikincinin üzerine yerleştiriyorsanız veya .GIF veya .PNG formatında bir web sitesi için şeffaf arka plana sahip bir görüntü oluşturuyorsanız, bu prosedür olmadan yapamazsınız. Bu durumda Photoshop'ta şeffaf bir arka plan nasıl oluşturulur?

Bu çeşitli şekillerde yapılabilir. Belirli bir yöntemin seçimi, hem şeffaf bir arka plan oluşturmak istediğiniz görüntünün özelliklerine hem de Photoshop kullanıcısının kişisel tercihlerine ve onun belirli araçlarıyla çalışma alışkanlıklarına bağlıdır.
Şeffaf bir arka plan oluşturmanın birkaç popüler yolu.

1. Herhangi bir yöntemi kullanarak görüntünün opak bırakılması gereken kısmını seçin. Örneğin bunun için Kement aracını kullanabilirsiniz. Seçimi yaptıktan sonra, parıldayan ana hatları olan bir seçim çizgisinin oluşturduğu kapalı bir şekle sahip olmalısınız.
   
2. Tıklayarak seçilen katmanın bir kopyasını oluşturun Ctrl tuşları ve klavyede J. Katman yönetimi penceresinde, yalnızca önceki adımda seçilen orijinal görüntünün parçasını içeren yeni bir katman görünmelidir. Yeni katmandaki bu parçanın etrafındaki arka plan şeffaf olmalıdır.
   
3. Artık orijinal görüntünün bulunduğu katmanı katman yönetimi penceresinde çöp kutusuna sürükleyerek silebilir ve yeni katmanı şeffaf arka planları destekleyen iki formattan birinde kaydedebilirsiniz: GIF veya PNG. Veya seçilen parçayla çalışmaya devam edin ve onu fikirlerinize uygun olarak diğer görsellere yapıştırın.
   

Ancak, Bu method Basit ana hatlara sahip görsellerin etrafında şeffaf bir arka plan oluşturmak için uygundur. Gerçek hayattaki problemlerde, karmaşık şekillerin veya tanımsız kenarları olan nesnelerin etrafında şeffaflık yaratmayla sıklıkla karşılaşırız.

Çıkarma filtresi bunu minimum çabayla yapmanızı sağlar. Bazı nedenlerden dolayı bu filtre geliştiriciler tarafından kaldırıldı. en son sürümler Photoshop, ancak ek bir harici modül olarak mevcut kaldı.

Bunu kullanarak şeffaf bir arka plan oluşturmak için aşağıdakileri yapın.

1. Üstteki ana menüde “Filtre” grubuna tıklayın ve beliren menüden “Çıkar” seçeneğini seçin.
   
2. Pencerenin sol tarafında Kenar Vurgulayıcı Aracı adlı bir araç seçin. Gerekli işaretleyici boyutunu sağdaki “Fırça Boyutu” penceresinde görüntü boyutuna göre ayarlayın.
   
3. Kesilecek arka planın sınırı boyunca bir işaretleyici çizin, böylece işaretleyici kesilen şeklin yaklaşık yarısını ve kesilecek arka planın yarısını boyayacaktır. Hemen mükemmellik için çabalamayın. Daha sonra çalışmanın sonucunu düzeltebilirsiniz. bu adım. Kapalı bir seçim oluşturun.
   
4. Görüntünün şeffaf bir arka planda oluşturmak istediğiniz bölümünü doldurmak için Doldurma Aracını kullanın ve Tamam'a tıklayın.
   
5. Sonuç, şeffaf bir arka plan üzerinde beyazlatılmış bir görüntüdür.
   
6. Artık yanlışlıkla silinen alanları geri yükleyecek olan "Geçmiş Fırçası" aracını kullanarak 3. adımda elde edilen seçimin tüm eksikliklerini düzeltebilirsiniz. Veya tam tersine, Silgi aracını kullanarak çizime giren tüm fazlalıkları kaldırın.
   

Bir yazdırma düzeni geliştirirken veya bir web sitesinin tasarımını yaparken görüntünün bazı alanlarını şeffaf hale getirmeniz gerekebilir. Örneğin, fotoğrafın arka planının düzenin arka planıyla eşleşmesini veya görüntünün köşelerinin metinle örtüşmemesini sağlamak için.

Görüntünün şeffaf arka planı güzel bir şey yaratmanıza olanak tanır. Bu teknik boş alanı azaltır ve düzenin görünümünü iyileştirir.

Çok vektör editörleri CorelDRAW ve Illustrator'ın anahat maskesi kullanarak görüntünün bir bölümünü gizleyebildiği gibi, bu da nesnenin şekli basitse şeffaf bir arka plan oluşturmanın hızlı ve kolay bir yoludur.

Ancak en iyi çözüm görüntüyü Photoshop'ta hazırlayacak ve arka plan şeffaflığını destekleyen bir formatta kaydedecektir.

Bu video eğitiminde 3 yöntemi ve ayrıca hangi formatların şeffaflığı desteklediğini ayrıntılı olarak anlatacağım.

Şeffaf bir arka plan oluşturmak için nesneyi kesip arka planı kaldırmanız gerekir. Eşyanın şekline bağlı olarak bu durumda uygun olanı seçin.

Bitmiş görüntünün kalitesi esas olarak seçimin kalitesine bağlıdır. Uygun kement araçlarını kullanarak nesnenin şeklini mümkün olduğunca doğru bir şekilde kopyalamaya çalışın.

Nesnenin kenarları keskin değilse seçimin kenarları da biraz bulanık olmalıdır. Bunu yapmak için seçime sağ tıklayın ve Geçiş Yumuşatma değerini ayarlayın. Bulanıklaştırma değeri seçimin tamamına uygulanacaktır.

Ancak bir öğenin yalnızca bir kısmının bulunduğu nadir durumlar da vardır. bulanık kenar veya odaklanma eksikliği. Bu durumda birkaç ekstraksiyon yöntemini birleştirmek gerekir.

Örneğin, özellikle sırasıyla farklı odak derecelerine ve farklı sınırlar netliğine sahip daha karmaşık bir görüntü seçtim.

Aşağıdaki resimde gösterildiği gibi, yüksek düzeyde tanımlanmış kenarlara sahip ana nesne, olağan Kement aracıyla seçilebilir ve bulanık kenarlar, " " modunda (Hızlı Maske - Q Tuşu) yumuşak bir fırçayla seçilebilir.

Bu yöntemin avantajı, boyarken fırçanın sertliğini değiştirerek kenarın sertliğini değiştirebilmenizdir. Ancak bir dezavantajı var: Fırça seçimi kement kadar hassas değil. Ancak farklı kenar tanımlarına sahip bir seçim elde etmenin tek yolu bu değildir.

Seçime Bulanık Alanlar Ekleme

Ve şimdi başka bir seçim yöntemi hakkında daha fazla bilgi. Görüntünün net kenarlıklara sahip ana bölümünü seçin ve ardından - Seçimi Seç/Kaydet... seçeneğine tıklayın.

Seçimin seçimini kaldırın ve bulanık alanın çevresinde yeni bir seçim oluşturun. Sağ tıklayın - Geçiş Yumuşat... İstediğiniz değeri ayarlayın. Genellikle birkaç piksel yeterli olacaktır.

Şimdi - Seçimi Seç/Yükle... öğesine tıklayın. Öğeyi seçin - Seçime Ekle. Önceki seçiminiz yenisiyle birleştirilecek ve farklı bulanıklık dereceleri korunacaktır.

Bu teknik öncekine göre daha zor görünebilir. Genel olarak sizin için uygun olanı yapın.

Arka planı kaldırdıktan sonra görseli şeffaflığı destekleyen bir formatta kaydetmeniz gerekir.

PSD bunlardan ilkidir. Tüm Adobe editörlerinde ve daha fazlasında okunması kolaydır. Katmanlar, efektler vb. hakkındaki tüm bilgileri içerir. bu nedenle kural olarak çok fazla ağırlığa sahiptir.

Tiff, özellikleri bakımından öncekine benzer bir formattır. Ayrıca şeffaf alanlar da içerebilir. yüzünden Yüksek kalite baskıda sıklıkla kullanılır.

PNG nispeten küçük bir ağırlığa sahiptir ve görüntü kalitesini korumanıza olanak tanır. Çoğu zaman web tasarımında kullanılır. Banner'lar, web sitesi düğmeleri ve web sayfası grafik öğeleri genellikle bu formatı içerir.

Dikkat! Seçim işlemi sırasında oluşturduysanız alfa kanallarını kaydetmeden önce sildiğinizden emin olun.

Arka planı maskeyle kırpma

Bu yöntem kullanım gerektirmez Photoshop programları. Doğrudan CorelDRAW veya Illustrator düzen programında bir nesnenin ana hatlarını çizebilir ve ardından onun dışındaki her şeyi gizleyebilirsiniz.

Öğe varsa basit biçim(daire, dikdörtgen, üçgen vb.) maske kullanmak, görüntü işlemede zamandan ve emekten tasarruf sağlayabilir. Daha karmaşık bir nesne şekli için Photoshop'u ve şeffaflığı destekleyen bir görüntü formatını kullanmak daha iyidir.

Bu yöntemin bir diğer dezavantajı, Photoshop'taki işlemenin aksine, bir nesnenin kenarlarını maskeyle kısmen bulanıklaştırmanın imkansız olmasıdır.

Adobe Illustrator'da Kırpma Maskesi

Görüntüyü Illustrator'a yerleştirin ve konunun ana hatlarını çizin. Ardından görüntüyü ve yolu birlikte seçin ve sağ tıklayın - Kırpma Maskesi Yap. Resmin anahat dışındaki kısmı gizlenecektir.

Maskeyle görüntünün bir kısmını kestikten sonra yolu düzenlemeye devam edebilirsiniz. Çift tıklama kırpma maskesi kullanmak, kontur içindeki nesnelerin konumunu değiştirmenize, silmenize, yenilerini eklemenize, konturun şeklini değiştirmenize veya Kırpma Maskesini tekrar söküp tüm öğeleri çıkarmanıza olanak tanır.

CorelDRAW'da PowerClip

CorelDRAW da aynı tekniğe sahiptir ancak biraz farklı çalışır. Ayrıca nesnenin ana hatlarını çizmeniz ve ardından görüntüyü seçip - Efektler/PowerClip/Çerçevenin içine yerleştir... seçeneğine tıklamanız gerekir. Bir işaretçi yerine, taslağı göstermesi gereken bir ok görünecektir.

CorelDRAW'daki taslak, maske oluşturulduktan sonra da düzenlenebilir.

Ayrıca CorelDRAW'da bir nesneyi bir taslak oluşturmadan şeffaf hale getirebilirsiniz; Şekil aracıyla görüntünün kenar düğümlerini hareket ettirerek şeklini değiştirebilirsiniz. Yola çift tıklamak yeni düğümler oluşturacaktır.

3. Şeffaflık karışım modu

Fotoğrafın arka planı, düzenin arka planı gibi zaten beyazsa, ancak görüntünün köşeleri düzenin önemli ayrıntılarıyla örtüşüyorsa ne yapmalısınız? Bu durumda karışım modunu uygulayabilirsiniz. Bu modu görüntüye uygulamak, beyaz köşenin görüntünün içine kaymasını önlemek için yeterli olacaktır.

Bu yöntem, hiçbir şeyi seçmeden veya kesmeden, tek bir tıklamayla şeffaf bir arka plan elde etmenize olanak tanır.

Illustrator'da şeffaflık panelini (Pencere/Şeffaflık) açmanız gerekir. Ve sonra modu seçin - Çarp.

CorelDRAW'da Şeffaflık aracını kullanın.

Araç seçenekleri panelinde aşağıdaki ekran görüntüsünde gösterildiği gibi yapılandırın:

Bu modun dikkatli kullanılması gerekir; aynı zamanda dezavantajları da vardır. Yalnızca beyaz bir arka planda iyi çalışır ve nesnenin kendisi de metne veya diğer görüntülere uygulandığında şeffaf hale gelir.

Video eğitimi: şeffaf arka plan

Bakmak detaylı videoşeffaf bir arka planın nasıl oluşturulacağı hakkında öğretici Adobe Photoshop, Illustrator, CorelDraw'ı üç farklı şekilde kullanabilirsiniz:

(2.851 kez ziyaret edildi, bugün 1 ziyaret)

Çizime formatta bir göz atın jpg, annesini kaybeden ünlü çizgi film karakteri Bebek Mamut.. Ağlamak istiyorum.. hayır, yavru mamut annesini bulamadığı için değil (gerçi bu yüzden de), mavi arka plan gözleri acıttığı için korkunç! Sadece bu maviyi kaldırıp resmin arka planını sayfanın arka planıyla birleşecek bir renkle doldurmak istiyorum.

Bunun sizin için sorun olmadığını düşünüyorum! Aynı Photoshop'u kullanarak açmayı ve arka planı istediğiniz renkle doldurmayı bir düşünün! peki ya sayfanın ana arka planı bir tür karmaşık dokuysa?

Bir görüntünün bir dokunun üzerine yerleştirildiği bir örnek:

Photoshop'u açın ve mavi arka plan yerine yavru mamut içeren bir resim mi çizin? Ve sonra bunları sayfanın ana arka planıyla eşleştirmeye mi çalışıyorsunuz? Bu bir seçenek değil!!!

Bu yüzden grafik formatlarını rapor ediyorum gif Ve png- şeffaflık modunu destekleyin, böylece çizimin bazı alanlarını insan gözüyle görünmez hale getirmenize olanak tanır - tam da ihtiyacımız olan şey bu!

Şimdi sırasıyla:

1. Arka planını şeffaf yapmak istediğiniz resmi kullanarak açın. Adobe Photoshop.

2. Bir yer imini açın "Resim" >> "Mod" >> "Dizinlenmiş Renkler".

3. Görüntülenen iletişim penceresinde "Dizine Eklenmiş Renkler" işaret koy "Şeffaflık" ve bas "TAMAM"

4. Seçim Aracını Kullanma "sihirli değnek" Ve "Silgi"Çizimdeki arka planı siliyoruz, aslında ihtiyacımız olan kısımları şeffaf hale getiriyoruz.

5. Peki, görselimizi şu formatta kaydediyoruz: gif.. yer imi "Dosya" >> "Web için Kaydet..." beliren pencerede resmin şu formatta kaydedileceğini belirtin (kabul edin) gif tıklamak "Kaydetmek".. bir klasör seçin ve adını yazın - umarım tüm bunları yapabilirsiniz..

Resmin tamamı şeffaf bir arka planla oluşturulmuştur!

Artık uzantıyı değiştirmeyi unutmadan sayfamıza geri yapıştırabilirsiniz. jpg Açık gif .

gif" alt="Yavru Mamut"> !}