Snabbtips Hur man skapar genomskinliga gradienter med hjälp av blandningar

Det var inte förrän Illustrator CS4 att du kunde skapa transparenta gradienter. Men det finns ett sätt att skapa dem med någon version av CS. Genom att använda blandningar kan du skapa en rad olika radiala och linjära gradienter, precis som du kan i CS4+.

  • En linjär gradient är när en färg morphs till en annan, i en linje.
  • En Radial Gradient är när en färg morphs till en annan i alla riktningar, på ett cirkulärt sätt.
  • En Transparent Gradient morphs från en fast färg bleknade till ingenting. När det gäller opacitet från 100% till 0% opacitet.

Del 1: Linjära gradienter

Steg 1

Använd linjesegmentverktyget (backslash) genom att dra en vertikal linje med en slagfärg och lämna fyllningen null. I det här fallet ska jag använda svart. Ställ in slagvikt till 2pt. Kopiera (Control + C) och klistra in (Control + V) linjen så att den är parallell med originallinjen.


Steg 2

Med båda raderna markerade, gå till Objekt> Blanda> Gör.


Steg 3

Sedan borra ner i Blend-gruppen och välj en av raderna. Ändra insynen i denna linje till 0% Opacitet.


Steg 4

Välj hela blandningsgruppen och gå till Objekt> Blanda> Blandningsalternativ och ändra den till Specifik distans och värdet är 0,1 mm och klicka sedan på OK.


Steg 5

Där har vi din transparenta linjära gradient. Jag har satt en rosa form bakom blandningen för att visa dig genomskinligheten:


Del 2: Variabel genomskinlighet

Ibland när du skapar en lutning, vill du att färgen blir mer intensiv i ena änden av lutningen. Genom att använda ovanstående blandningsprocess så kan du uppnå detta.

Steg 1

Borra ner i din blandningsgrupp och välj den linje som har 100% opacitet.


Steg 2

Kopiera (Control + C) och klistra in fronten (Control + F) den här raden och flytta den mellan de två andra raderna.


Steg 3

Genom att ändra opaciteten i denna linje mellan 100% och 0% kommer att ge en förändring i flödet av linjen. Jag har ändrat linjen i exemplet nedan till 30%.


Del 3: Radialgradienter

Steg 1

Med fyllfärgen inställd på svart och stroke till null, med hjälp av Ellipse Tool (L), håll ner Skift + Alt och rit en liten cirkel på duken.


Steg 2

Kopiera (Kontroll + C) och Klistra in bakom (Kontroll + B) cirkeln. Med hjälp av Free Transform Tool (E) håller du Skift + Alt och drar hörnet jämnt ut för att göra den nya cirkeln större än originalet. Mitt exempel tidigare är i förhandsvisningsläge för att visa dig.


Steg 3

Välj båda cirklarna och gå till Objekt> Blanda> Gör. Borra ner i blandningsgruppen och välj den största cirkeln. Ändra opacitet av detta till 0%.


Steg 4

Välj hela blandningen och gå till Objekt> Blandning> Blandningsalternativ. Ändra typen till Särskild avstånd och värdet till 0,1 mm och klicka på OK.

Detta är din sista radialgradient med den rosa remsan bakom för att visa dig OH-film.


Del 4: Variabel genomskinlighet

Ibland när du skapar en lutning, vill du att färgen blir mer intensiv i mitten av lutningen. Med hjälp av ovanstående blandningsprocess kan du uppnå detta.

Steg 1

Borra ner i din blandningsgrupp och välj den mindre cirkeln.


Steg 2

Kopiera (Control + C) och klistra in bakom (Control + B) cirkeln, använd sedan Free Transform Tool (E), håll ned Skift + Alt och dra ett hörn ut för att öka storleken.


Steg 3

Genom att ändra opaciteten i denna linje mellan 100% och 0% kommer att ge en förändring i flödet av den radiella gradienten. Jag har ändrat linjen i exemplet nedan till 30%.


Slutsats

I exemplet nedan har jag gått igenom den linjära gradientprocessen och använt 5 linjer: Rosa 0%, Gul 100%, Blå 0%, Gul 100% och Rosa 0%.

Fördelarna med att använda blandningar över gradienter är att du kan göra former utom radial och linjär. Nedanstående genomskinliga gradienter skapade jag med Zig Zag-effekten på en linje och går igenom linjär gradientprocessen. Den andra jag använde rektangelverktyget (M) och följde radialgradientprocessen.

Genom att leka med former, färger och OH-film kan du skapa en mängd olika genomskinliga gradienter utan att behöva uppgradera din Illustrator till CS4+.