Merhaba, web maestri-pochatkіvtsі'ya hoş geldiniz. Üzgünüm.

Bu yazıda, sanki koyu renklerden açık renklere ve ayrıca bir renkten diğerine geçiş büyüyormuş gibi rozpovіm.

Böyle bir diya - bir gradyan olarak adlandırılır ve bu nedenle, özünde, arka plan resimleri, ardından iki değer alan arka planın gücü seçilir:

1. doğrusal gradyan - bir kenardan diğerine geçiş rengi veya kesim.

2. radyal gradyan - rengin merkezden kenarlara geçişi.

Bu şekilde kaydolun:

arka plan : -moz-doğrusal-gradyan (üstte, #ff0000, #ffcfcf);
üst, #ff0000, #ffcfcf);

Aşağıda, popoda, bu kaydın deri parçasının analiz edildiği bildiriliyor.

Ne yazık ki, Gradient'in hala tarayıcılarla ve değerlerdeki önekleri değiştirmesi gereken W3C spesifikasyonuyla ilgili sorunları var.

Değerin koçanına bir önek koyun ve bir tire ile başlayın.

Öğe seçiciye eklediğimiz böyle bir listenin ekseni, sizin için bir gradyan oluşturarak garnitür tüm tarayıcılarda doğru bir şekilde tanımlandı. Güzellik kurbanları kazanır.

En basit, iki renkli gradyan. Raporlara göre, arka planın değerini analiz edeceğiz

İlk satır, doğrusal bir gradyanı desteklemeyen tarayıcılar için bir arka plana sahiptir.

Sonraki 5 satır - arka planı farklı tarayıcılarda görüntülemek için. Degradenin değeri koçanın üzerinde bir önek ile koçanın üzerine yazılır.

Potim, yuvarlak tapınaklarda:

üst - doğrudan ilk rengin olması gerekenden (alt, sol, sağ olabilir)

#ff0000 - ilk renk kimin aracılığıyla;

#ffcfcf - kimin aracılığıyla başka bir renk;

Safari, sürüm 5'e kadar ve Chrome, çok fazla kod tasarrufu sağlayan kendi yetkili sözdizimlerinin düzinelerce harfine sahiptir. Bu sürümlerin gradyanının, özellikle çok sayıda rengin bariz olması nedeniyle, genellikle belirtilmediğini söylemeye gerek yok.

Rengi yatay olarak değil, dikey olarak kuta'dan kut'a geçmek mümkündür. Hangisi bu tür direktifleri kullanır:

sağ alt - sağ alt kutdan sol üste;

sol alt- sol alttan sağ üste;

sağ üst - sağ üstten sol alta;

sol üst - sol üstten sağ alta;

Rengi bloğun ortasından kenarlara taşıyabilirsiniz. Sonra lineer (lineer) kelimesinin anlamında radyal (radyal) koyun.

#gradyan(
arka plan: #ff0000;
arkaplan : -moz-radyal-gradyan( merkez, elips kapağı, #ff0000, #ffcfcf);
arka plan : -webkit-radyal-gradyan( merkez, elips kapağı, #ff0000, #ffcfcf);
merkez, elips kapağı, #ff0000, #ffcfcf);
merkez, elips kapağı, #ff0000, #ffcfcf);
genişlik: 600 piksel
yükseklik: 400 piksel;
kenarlık: 1 piksel katı #333;
}

Ve şimdi zrobimo, yani bimoviti, schos bir an için eğlenelim. Hangisi için, tanıtılan koda birkaç renk ekleyin ve ten rengi için renk sayısını ayarlayın (renk sayısı birbiriyle değiştirilemez)

Renk aralığı %0 ile %100 arasında ayarlanır (ilki %0, sonuncusu %100 ve aralarında çok sayıda vardır). Bu seçeneğe radyal bir gradyan üzerinde bakalım. Çizgide, her şey aynı.

#gradyan(
arka plan: #ff0000;
arka plan: -moz-radyal-gradyan();
arka plan : -webkit-radyal-gradyan-t( merkez, elips örtüsü, #ff0000 %0, #00b630 %30, #6ff5f5 %70, #ffcfcf %100);
arkaplan : -o-radyal-gradyan( merkez, elips örtüsü, #ff0000 %0, #00b630 %30, #6ff5f5 %70, #ffcfcf1005);
arkaplan : -ms-radyal-gradyan( merkez, elips örtüsü, #ff0000 %0, #00b630 %30, #6ff5f5 %70, #ffcfcf %100);
genişlik: 600 piksel
yükseklik: 400 piksel;
kenarlık: 1 piksel katı #333;
}

İlke, bence, makul. Bu nedenle Safari için beşinci sürüme kadar, Chrome için onuncu sürüme kadar kendiniz yazmaya çalışın.

Degrade, herhangi bir HTML bloğuna (gövde, div, h1-6, p, ul, ol) ve hem genel hem de özel stile (bir WordPress sitesi için) ayarlanır.

Şimdi bunlar, renklerin nasıl ve nasıl seçileceği hakkında bir kelime var. Є Yayılacak ve renklendirilecek gradyanlar ve vіdsotok obyagu ve gradyan kodunun yanı sıra çevre önermelerini de seçme hizmetleri.

Bu nedenle, dizilere ve sürelere en uygun şekilde eşleşen, kaplanmamış aralık için renkleri seçebileceğiniz colorscheme.ru aracını kullanıyorum.

Panelin üst satırında meydana gelen bir dizi renk seçilir. Kut boyunca 30 ° geçmek, seçim aralığını değiştirir.

“Düzenlemenin Düzenlenmesi”nde ton daha koyu veya daha parlak hale gelir. "Renk listesi"nde, şemada bulunan tüm renkler, boyut ve imza koduyla birlikte listelenir.

Zagalom, bir degrade oluşturmak için renkleri seçebilme ihtiyacı.

Yaratıcı başarı için dua ediyorum.

- Rabinoviç! Yüz doları değiştirebilir misin?
- Hayır, iltifat için bira!

İki giysi:
- Rosa, yeni elbisemi beğendin mi?
— Vibach, Sarah, acele edeceğim, skandallara ayıracak vaktim yok!

Robota adanan lanet dersimizde seninle tanışmak adına Mi Adobe Photoshop. Bu makale, görüntüler / biletler arasında kordon üzerinde programlarda yumuşak geçişlerin nasıl oluşturulacağından bahseder. Yeni gelen biri için çok fazla, çünkü buna melodik bir şekilde ihtiyacınız var, hadi başlayalım!

Çeyrekler arasında Robimo yumuşak geçiş

Çünkü Photoshop, görüntüleri işlemek için profesyonel bir programdır, ancak çoğu zaman aynı sonuç birkaç yolla elde edilebilir. Yani i z geçişleri.

"Degrade" aracıyla

Wee, şarkı söyle, bu enstrümanla bil. Bu nedenle, gösterge tablosu levoruch'a gidin ve "Degrade".

Titreşim aracı olarak, ana menünün altında Degradeyi Ayarla paneli görünürse, bir degrade şablonu seçip ekleyebilirsiniz. Ek parametrelerçantanın arkasında.

Ne yazık ki, standart degrade seti çok fazla şablon içermez, bu nedenle aramayı hızlandırabilir ve koleksiyonunuzu genişletebilir veya kendi sürümünüzü oluşturabilirsiniz.

Geçişin daha renkli olması ve şeffaf olmaması için, opaklığın kontrol noktası için parametreleri ayarlamak gerekir (aşağıdaki div. ekran görüntüsü):

Bundan sonra, her şey hazır olduğu için, “Tamam” saldırısını değiştirmek ve tuvali bir degrade ile doldurmak gerekir. Alanı görebildiğim için doldurmak istiyorum, aksi takdirde gradyan tüm tuval üzerine yerleştirilecektir. Gerekli yerde LMB'ye (sol fare tuşu) tıklamanız yeterlidir ve tabanlıklar ağırdır, tabanlıklar gereklidir.

Önemli! Zvernіt saygı, bir tür obloka dökülmesi:

bizim beğenimize "Doğrusal Gradyan".

"Top Maskesi" sayesinde

Coristuvachi'yi hangi yöntemle tanıyorsunuz? Her şey zaten top paletinden görülecektir. Başlayalım:

gölgeli görüş sayesinde

öz verilen yöntem yaratmak için yumuşak bir geçiş su basan nesne/görüntü ve arka planın sınırında. Haydi Yapalım şunu!

1. Dikdörtgen Bölge aracına ihtiyacımız var.
   
   
2. Şimdi bir vizyon oluşturmak gerekiyor:
   
   
3. Vizyon zaten hazırsa, kısayol tuşlarının yardımı için ÜSTKRKT+F6 Lütfen öğe için bir değer girmeniz gereken yeri tıklayın "Gölgeleme yarıçapı".
   
   
4. Bundan sonra, onaylanmış vizyonun doldurulması gerekir. Kimin için kısayol tuşlarıyla hızlandırıyorum ÜSTKRKT+F5 ve dolgu rengini seçin.
   
5. Değişikliği durdurduktan sonra, düzgün bir geçişin aşağıdaki sonucunu alacağız:
   
   
6. Yardım görmek için kayboldum CTRL+D ve hazır:
   
   

Bir bachite gibi, photoshop'ta çeyrekler arasında yumuşak geçişler yapmak için katlanabilir bir şey yok. Şarkı söyleme durumuna yaklaşmak için tsilih'i tse robiti, kozhen z yakah olarak 3 şekilde sunduk.

Neden her şey! Gelecek derslerimizde görüşmek üzere!

Bu yazıda, en popüler olanlarına bakabiliriz. görüntüler arasında yumuşak geçiş yöntemleri

Bu geçiş, katlanır kolajlar yapmak veya bir parça resmi güzelce süslemek istiyorsanız gereklidir.

Aşağıda sunulan seçeneklerden üçü: yumuşak gumka, yumuşak fırçalar ve gradyan, en iyi yöntem- Gradyan. Dış görüntülerin kalitesini boşa harcamadan kendim birinci sınıf bir geçiş yaratıyorum. Kendinize hayret edin: vikoristovuyuchi gumka, mi zafarbovuemo piksel, ale de garanti, her şeyi ideal olarak zafarbuvat için neye ihtiyacınız var? Açıkçası, Photoshop'ta piksel piksel silerek bütün bir gün geçirebilirsiniz. Ale, ben vvazhu, "gri mumları yok etme", pragnemomuz bu diğer işlemlere çok fazla zaman harcamadık ve her şey güvenliydi.

Yumuşak bir sakız ve bir fırça, kenarları gölgelendirmek için iyidir, böylece iki fotoğraf nazikçe öfkelenir ve keskin kenarlardan yabancılar gibi görünmez.

Şimdi rapora bir göz atalım:

M'yaka gumka

Gumka aracı fırçanın parametreleriyle kullanılabildiğinden, yardım için yumuşak kalem resmin bir kısmını, daha aşağıda bir top ile karıştırılmış şekilde daha fazla görebileceğiniz şekilde silebilirsiniz. Bu yaklaşımın yardımıyla gerekli sonucu elde edebilirsiniz, ancak bu geri alınamaz, örneğin - fikrinizi değiştirir ve görüntü hakkındaki fikrinizi farklı bir şekilde değiştirirseniz, her şeye yeniden başlarsınız.

Bundan sonra, görüntünün hücumunu, birleştirmek istiyormuş gibi, tek bir belgeye (okremium topun üzerindeki cilt) yerleştirdiğiniz için şöyle yazın:

1. Resmi sık sık silmek istiyormuş gibi fare ile top panelinin üst kısmında sürükleyin.

Not

Bundan önce, kural olarak, topun bir kopyasını oluşturun, böylece sonucu alamazsanız (bunun için Ctrl + J tuşlarının kombinasyonuna basmanız gerekir), aksine pratik yapabilirsiniz. Yeni topu umursamıyorsanız, bu görünürlüğü açabilirsiniz (ve gerekirse tekrar açabilirsiniz).

2. E tuşuna basarak düğmeyi seçin ve kalem moduna ayarlayın. Bunun için seçenekler panelinde Mod listesinin altında Fırça öğesini seçin. Set parametreleri listesinden yumuşak bir penzel seçelim. Obscurity ve Onslaught alanlarına 100 değerinin eklendiğini kontrol edin.

Geçişi daha yumuşak hale getirmek için sakızın opaklık değerlerini deneyin. Opaklığın değerini değiştirerek, daha yumuşak geçişler oluşturabilir, gerekli alan üzerinde bir kalemle sürüş yapabilir ve bir fareyi el çırparak etrafta gezinmeyebilirsiniz.

3. Hedef fareyi görüntünün üzerine yerleştirin ve uygun olmayan kısmı çıkarın. Affetmeye başlarsanız veya bir noktada fikrinizi değiştirirseniz - bir kalemle leke mızrağını geri döndürmek için Geçmiş paletini hızlandırın veya Ctrl + Z tuş kombinasyonuna basarak işlemin geri kalanını atlayın.

Yumuşak fırçalar ve balon maskeleri

Gumka'ya alternatif olmak bir iade seçeneğidir - harika bir yumuşak kalemle bir top maskesi boyamak. Başka bir şey olursa, görebilmeniz için onun yerine küçüğün bir parçasını alacaksınız.

Diyelim ki motosiklet gibi bir şey söylemek istiyorsunuz. Güç etkisi ruhu Rusya'daki küçüğüne biraz biberiye ekleyerek ve ardından biberiyenin bir kısmını top maskesiyle kaparak yapabilirsiniz.

Eksen nasıl oluşturulur isveç acele etkisi:

1. Görüntüyü açın ve Ctrl+J tuş bileşimine basarak dışarıdaki topun bir kopyasını oluşturun.

2. Rusça olarak Filter => Rosemette => Rosemite menü komutunu seçin. Bu filtrenin yardımıyla, nesnenin çok hızlı bir şekilde çöktüğü bir düşman oluşturabilirsiniz. Böylece, filtre resmi genişlettikçe, gerekli nesneye bakmak kolaylaşır, böylece genişletilmiş topun bir parçasını bir top maskesi ekleyerek iliştirirsiniz. Eklemek için panelin alt kısmındaki dikdörtgende bulunan stake görsellerinden butonlara basınız.

3. "Penzel" aracını seçmek için B tuşuna basın ve yumuşak bir penzel seçin. Siyah rengi ön planın rengi olarak ayarlayın.

Sanırım her an büyümemiz gereken yüzlerce top-maske siyah renklere boyanmış. Araç çubuğunun alt kısmına bir göz atın ve sanki koku siyah ve beyaz renkleri gösteriyormuş gibi X tuşuna basın, siyah gösterge üstte görünmeyecektir. Diğer renkleri seçtiyseniz, D tuşuna basarak promosyonların arkasına renkleri koyun ve ardından X tuşuna basın, üstte siyah gösterge görünmeyecektir.

6. Fareyi bir kalem kullanarak görüntünün üstüne yerleştirin, süslenmiş topun bir kısmını dikin.

gradyan maskeleri

Vіdklademo yumuşak fırçaları öldürdü. Yaratmak en iyisi yapabilirsin, vikoristovuyuchi gradyan - bir renkten diğerine yumuşak, kademeli geçiş. Görüntüleri çeşitli yumuşak fırçalar ve degradelerle birleştirme yöntemi, görüntülerin tek bir belgede nasıl birleştirildiğine ve ardından üstteki topa bir maske topunun eklenmesine benzer. Yine de, maskeyi siyah veya beyaz kalemle boyamak yerine, bir görüntünün diğerine düzgün, sağlam bir "geçişi" için siyah-prozorium veya siyah-beyaz gradyan kullanabilirsiniz.

1. Resmi ön plan kolajında ​​olacak şekilde toplar listesinin en üstüne sürükleyin ve ona bir maske topu ekleyin.

2. Degrade aracını seçmek için G tuşuna basın. Parametreler panelinde, neyin açılacağını seçmek için listedeki oka tıklayın. Açılan listede siyah net bir degrade seçin ve türler grubunda doğrusal bir degrade düğmesinin üzerindeki ayıyı tıklayın.

3. Popomda sağdaki Batman logosunun görünmesini istiyorum. Bunun için fare tuşuyla logonun kenarlarına basıyorum ve basılı tuşla logonun yaklaşık ortasına basıyorum. Anahtarı serbest bırakarak, görüntüler arasındaki yumuşak geçişi kaldıracağım. Geçişin düzgünlüğünü iyileştirmek için degradeyi daha da durdurabilirsiniz.

Photoshop programını sürüklerken, geçişin genişliğini gösteren çizgi küçüktür: en kısa çizgi (göstergeyi çekeceğiniz en kısa çizgi), en dar geçiştir (net bir kordon olmayacak, ancak genişlik ona yakın); chim dosha çizgisi, tim daha geniş gradyan ve yumuşak geçiş.

Metinde affı işaretle - görün ve Ctrl+Enter tuşlarına basın. Teşekkür ederim!

Bir dakika, en önemli hediyelerden biri kolaj. İç mekanı güzelleştirebilir, arkadaşları güldürebilir ve sevdiklerinizi memnun edebilirler. Orijinal görüntüler fotoğraf stüdyosunda ses çıkarır veya bilgisayarda bağımsız olarak yazdırılır. Bir fotoğrafın üst üste bindirilmesinin organik görünmesi için, bir parça beceriksiz kombinasyon elde etmek gerekiyordu. Naygolovnіshe, böylece çerçeveler arasında kontrast yoktu. Kolaj için arka planı seçin, çözümün renklerini renklendirin ve her iki fotoğrafa ve ayrıca nesnelerin ve baş nesnenin açıklamasına doğrudan ışık verin. Photoshop'ta nasıl düzgün bir geçiş oluşturulacağını anlamak için bu makalelerdeki temsillerin sırasını değiştirmek yeterlidir.

sipariş hakkında

Pratikte böyle bir eylem dizisi vikonati deneyin.

Vivchennya grafik editörleri birincil olmayan robotlar yaratmanıza, görüntüleri düzeltmenize, düzenlemenize ve her türlü fotoğraf malzemesiyle harika kompozisyonlar oluşturmanıza izin verin!

Makalemizin, belirlenen görevlerle başarılı bir şekilde başa çıkmanıza ve boğuk ve yaratıcı sürecin görünümünden doğru memnuniyeti almanıza izin vereceğini umuyoruz.

yazıcılar