Hur man skapar ett samspel av abstrakta ljusstrålar

Denna handledning är inspirerad av Lichfaktor-kollektivets arbete. Du borde verkligen ta en titt på deras bilder, som är ren stadsdiktning. Jag ville i princip ha ett enkelt sätt att skapa liknande ljus effekter utan att frysa mina ben utanför på natten.

För att uppnå detta använder vi båda Illustrator för att utforma de grundläggande formerna och Photoshop för att skapa ljuseffekter. Eftersom allt kommer att göras med smarta objekt och lagerformat, blir den slutliga bilden skalbar i vilken storlek som helst.

Slutlig bildförhandsvisning

Innan vi börjar, låt oss ta en titt på bilden vi ska skapa.  

Steg 1

Låt oss först skapa ett nytt dokument i Photoshop. Ställ in storleken till 1000px bred vid 1000px höjd i RGB-färgläge med en genomskinlig bakgrund. För att skapa bakgrundsfyllningen klickar du på den svarta och vita cirkeln (Skapa ett nytt fyllnings- eller justeringslager) längst ner på paletten Lager och väljer Gradient från listan. Ta en titt på skärmbilden nedan för att göra justeringar och radera lagmasken genom att högerklicka på den och välj Ta bort fusionsmasken.

Steg 2

Skapa nu ett nytt dokument i Illustrator. Storleks- och färgläget ska vara detsamma som i Photoshop-dokumentet. Rita en vågform som visas i exemplet nedan och skala den till ungefär 300px bred. Duplicera den nedan, skala den och rotera den lite. Gå sedan till Window> Brush Library> Artistic> Artistic_ScrollPen och använd den andra penseln (Scroll Pen 10) i listan till båda formerna. Ta bort deras fyllning och sätt strokevikt till 0,25pt. Allt är nu klart för att skapa blandningen.

Steg 3

Välj blandningsverktyget (W) och klicka på vart som visas nedan för att initiera blandningen. Det är viktigt att klicka på de punkterna i den här ordren eftersom objektets utseende beror på var och när du initierar det. Förfinera effekten genom att dubbelklicka på samma verktyg i Verktygslådan. En dialogruta öppnas där du måste välja Specificerade steg i menyn och ange 60 som värdet. Vi har nu en vacker våg mot oss.

Bara en sak: glöm inte att slå blandningens slagfärg till vit. Nu kan du kopiera och klistra in din form i Photoshop som ett smart objekt. Namn det här nya lagret "Form 1."

Steg 4

Förvandla formen du bara klistrade (Command + T) för att vända den horisontellt och skala den. Vrid skiktets blandningsläge till Hard Light och använd ett yttre glöd genom att klicka på FX-knappen ner under paletten Lager. Med utgångspunkt från standardinställningarna, ändra de markerade i rött i bilden nedan. Välj sedan Gradient i första delen av fönstret och klicka på spektret för att redigera det.

En ny dialogruta öppnas där du måste välja brus i menyn Gradient-typ. Denna mycket enkla operation skapar flera slag av färg runt formen. Klicka flera gånger på Randomize-knappen längst ned till höger om du vill få något liknande i exemplet, aktivera även alternativet Lägg till OH-film.

Steg 5

Låt oss nu tillämpa en annan lagerstil för att ge färg till formen, använd Färgöverdrag med följande inställningar: Färgbränning, # 0024ff, 100%. Du borde få något så här:

Steg 6

Observera att huvudformen i formen är helt solid och därför ganska meningslöst för denna komposition. Klicka på Add Layer Mask knappen nedanför paletten Lager och med en stor svart mjuk rund pensel, måla det området. Noggrannhet krävs inte, var noga med att hålla den vänstra delen av formen synlig.

Ett litet tips som förbättrar målningseffektiviteten: Du kan justera opaciteten för det aktuella verktyget bara genom att skriva önskad procentandel på det numeriska tangentbordet på höger sida av tangentbordet. Till exempel gör skrivning 2 med det borsta verktyget (B) som gör din pensel ogenomskinlig vid 20%. Den första formen är nu klar.

Steg 7

För att skapa en annan form utan att starta ritningsprocessen från början, dubbelklicka på miniatyrbilden i det första formlagret för att öppna det i Illustrator. Välj blandningen och ställ in sin slagfärg till svart. Gå till Fönster> Penselbibliotek> Konstnärligt> Artistic_Ink och använd den 10: e största penselbeteckningen "Marker". Dubbelklicka på ikonen Blandningsverktyg (W) från Verktygslådan och ställ in 20 som värdet för alternativet Specified Steps.

Dubbelklicka på den markerade penseln (den som du just tillämpat) i dialogrutan och skriv in 30% för storleken och aktivera kryssrutan Proportional. När du har tryckt på OK-knappen frågar en dialogruta om du vill tillämpa de nya inställningarna på borsten själv eller inte, välj Apply to Strokes. Vrid blandningens slagfärg till vit och kopiera och klistra in den nya blandningen i Photoshop som ett smart objekt. Namnge det "Form 2" och stäng dokumentet i Illustrator utan att spara ändringarna (om du inte vill tillämpa de senaste ändringarna i den första formen du ritade och justerade i Photoshop).

Steg 8

Omforma formen (Command + T) och skala den proportionellt till 190%. Duplicera lagerformat i "Shape 1" -lagret med den här lilla genvägen: Dra ikonet FX i det här lagret och håll ner Alt-tangenten på tangentbordet på "Shape 2" -laget och du är klar! Ställ bara blandningsläget på Linear Light. Använd samma teknik som i steg 6, gömma den övre vänstra delen av formen.

Steg 9

För att skapa nästa form öppnar du den andra i Illustrator. Därefter vrid strokefärgen till svart och i paletten Penslar raderar du den som valts. En dialogruta dyker upp, välj Ta bort streck. Med hjälp av Direct Selection Tool (A) markerar du den översta sökvägen och markerar rutan Stoppad linje i Stroke-paletten. Ange 1pt i den första av rutorna under den och lämna de andra tomma. Välj den andra sökvägen (fortfarande med Direct Selection Tool), sätt in vikten till 1pt och binda den med 9pt i den första rutan. Aktivera även alternativet Round Cap för båda banorna i samma palett.

Glöm inte att ställa in strokefärgen till vit innan den klistras in i Photoshop. Skala den i samma storlek (190%) och på samma plats som den andra formen, skjut det några punkter ovanför och till höger för att undvika att gömma den första formen. Därefter är det samma borr igen: namnge lagret, kopiera de tidigare lagstilarna, ändra sedan dem och maskera objektet.

Här är inställningarna för den här tredje formen: Normal som blandningsläget för skiktet, ett rödaktigt spektrum för Gradient som används i det yttre glödet (använd skjutreglagen i Gradient Editor för att begränsa färgerna enligt nedan), # ff0000 som färg Överlägg och linjärt ljus som blandningsläge för den här sista lagstilen.

Steg 10

Designen börjar se bra ut men saknar viss volym. Vi kommer att uppnå det genom att skapa en färgad yta på den främsta virveln. Duplicera den tredje formen av Alt-dra den mellan de två första Vector Smart Objectsna, så namnge den "Form 4." Nudge den approximativt 100px uppåt och 10px till vänster (tryck på Skift medan du trycker på tangentpilen för att göra 10px-inkrement). Skift-klicka på masken för att tillfälligt deaktivera den och dubbelklicka på ikonen FX i lagret för att ändra det yttre glödet (se bilden nedan för inställningarna).

Glöm inte att flytta skjutreglagen i varje extremitet för att använda hela spektrat medan du ändrar Gradient i det yttre glödet, eller avmarkera inte färglagringslagret. Gå nu till Filters> Blur> Gaussian Blur och använd det med en 50px Radius. Observera att en ny sektion uppstod under miniatyrbilden av skiktet och en ny ikon också. Du kan ta bort masken i Smart Filter genom att högerklicka på den och välja Ta bort filtermaske. Ställ in blandningsläget för skiktet till skärmen med 10% opacitet.

Klicka nu på skiktmasken för att återaktivera den, tryck på D på tangentbordet för att återställa förgrunds- / bakgrundsfärgerna och tryck Alt + Backspace för att fylla masken med vit. Dölj nu den högra sidan av objektet.

Steg 11

Låt oss lägga till lite mer volym i vår komposition. Duplicera den tredje formen av Alt-dra den ovanför sig, namnge den "Form 5" och knuffa den 20px till höger. Skift-klicka på miniatyren för skiktmasken för att tillfälligt avaktivera den och dubbelklicka på ikonets FX-ikon för att ändra det yttre glödet (se bilden nedan för inställningarna). Använd färgöverlägg med följande inställningar: Multiplicera, # fee581 och 70%.

Klicka nu på skiktmasken för att återaktivera den, fyll den med vit och göm den högra sidan av objektet.

Steg 12

Låt oss utforska lite mer med de streck som tillämpas för att blandas i Illustrator: dubbelklicka på miniatyrbilden i det första formlagret för att öppna det i Illustrator. Välj blandningen och ställ in sin slagfärg till svart. Gå till Fönster> Penselbibliotek> Konstnärligt> Artistic_Ink och använd den 8: e största borsten kallad "Galaxy".

Dubbelklicka på ikonen Blandningsverktyg (W) från Verktygslådan och ställ in 10 som värdet för alternativet Specified Steps. Använd 10pt för strokevikt på den översta banan, 1pt för den andra och 10% för borstens storlek. Vrid blandningens slagfärg till vit och kopiera och klistra in objektet i Photoshop i 190% storlek och över alla andra lager. Nudge det, och ge det samma lagerformat och blandningsläge som den första formen och maskera den sedan.

Steg 13

Öppna det första vektor-smarta objektet från dess miniatyrbild i lagpaletten och vrid det svart. Släpp sedan blandningen genom att använda genväg Kommandot + Alt + Skift + B, dubbelklicka på penselminnefilen i paletten Penslar och aktivera kryssrutan Flip Along i flip-sektionen i rutan Art brush Options. Vrid blandningens slagfärg till vit och kopiera och klistra in objektet i Photoshop i 190% storlek och över alla andra lager. Nudge den, ge den samma lagerformat som visas nedan med skärmen som blandningsläge för skiktet. Använd färgöverlägg med följande inställningar: Överlagring, # fff600 och 100%. Slutligen maskera det.

Steg 14

Vi är inte helt färdiga med vektorgraden, men låt oss ta en paus för att titta på vad vi har gjort och lägga lite kontrast till våra ljusstrimlar genom att skapa ett Adjustement Layer. Klicka på den svarta & vita cirkeln längst ner på paletten Lager och välj Kurvor från listan. Ta en titt på bilderna nedan för att göra justeringar och radera lagmasken.

Steg 15

Låt oss hoppa tillbaka till Illustrator och skapa ett nytt dokument där vi ritar en Ellipse (L), som mäter ca 440px bredd och 480px höjd. Använd sedan den första penseln från ScrollPen-biblioteket (Scroll Pen 1) till den och minska borstens storlek, fortfarande genom att dubbelklicka på miniatyren i paletten Penslar. I exemplet nedan använde jag en storlek på 40% och Flipped It Along. Ta bort fyllningen av objektet, vrid strokefärgen till vit och kopiera och klistra in den i Photoshop.

Steg 16

Applicera lagerformat i den första formen och ändra dem lite enligt bilden nedan. Skala, rotera, nudge och duplicera objektet två gånger för att ge mer styrka till swashes. Välj de sista 3 objekten i paletten Lager och tryck Kommandot + G för att samla dem i en grupp, namnge det "Swashes." Lägg till en lagermask och använd den så att endast högra sidan kvarstår.

Steg 17

Sist men inte minst, låt oss ta hand om de stora röda spåren i bakgrunden. I Illustrator, skapa ett nytt dokument och dra en våg. Därefter duplicera det, skala det lite, knyta några ankarpunkter och skapa blandningen med 10 steg. Välj hela blandningen och Dash den med 11pt och 23pt i de två första rutorna, lämna de andra blanka. Aktivera även alternativet Round Cap på samma palett. Använd 3pt för strokevikt på den högsta vägen och 1pt för den andra. Vrid blandningens strokefärg till vit och kopiera och klistra in objektet i Photoshop strax ovanför "bakgrundsskiktet".

Steg 18

Skala den på 210% och duplicera skiktformat i "Shape 3" -skiktet. Ändra dem nu enligt bilden nedan. Kopiera det, skjut det några pixlar åt vänster och ange 50% som Opacity för det här sista lagret. Samla de sista två formerna i en grupp (Command + G) och namnge den "Röd spår". Låt oss nu blekna dem ut, inte använda en lagsmask på själva gruppen, men individuellt för varje spår. Faktum är att den övre delen bara används för att betona vissa områden av den andra.

Steg 19

Här är vi det sista steget. Vi kommer att skarpa några delar av kompositionen något: Slå Command + Alt + Shift + E på tangentbordet för att slå samman alla synliga skikt i en ny. Nu heter det "Skärpning".

Gå till Lager> Smarta objekt> Konvertera till smart objekt. Gå sedan till Filter> Other> High Pass och ange ett 2px-värde. Ändra skiktets blandningsläge till Levande ljus och lägg till en skiktmaske på den. Eftersom vi huvudsakligen vill skärpa de röda spåren, Kommandot + Skift-klicka på miniatyrbilden för de två smarta objekten och - med "Skärp" -laget fortfarande väljat - klicka på knappen Lägg till lagmask som vi redan använt förut. Nu visas skärpen endast på de röda stigarnas område. Måla lite mer i masken för att förbättra några andra områden som kanterna på de stora gröna och gula svamparna.

Ett sista tips innan du lämnar: hela bilden är skalbar i vilken storlek som helst utan att det går förlorad kvalitet (förutsatt att din dator kan hantera det) genom att aktivera alternativet Skalaformat i dialogrutan Bildstorlek (Kommando + Alt + I.) Njut av!

Slutlig bild

Du kan se den slutliga bilden nedan.