Hur man skapar en nattsky med moln med Adobe Illustrator & Photoshop

Vad du ska skapa

I den här handledningen lär du dig att använda verktyget Mesh Tool och Mesh Tormentor, liksom hur du gör dina bilder bättre med några enkla tweaks till OH-filminställningar - alla samtidigt som du skapar en vacker mystisk scen med realistiska moln!

Om du vill hoppa över den här handledningen och vill köpa slutresultatet, gå över till GraphicRiver för att köpa Night Nature Sky Bakgrund med mån, moln och stjärnor.

Night Nature Sky Background With Moon, Cloud and Stars

Innan du startar den här handledningen bör du installera Mesh Tormentor plugin. Gå till Mesh Tormentor-webbplatsen och ladda ner det gratis Mesh Tormentor-plugin som motsvarar din Illustrator-version. Unzip sedan det mottagna arkivet, stäng Adobe Illustrator och kopiera .aip-filen till mappen "Extensions" på din lokala installationsskiva. (Till exempel är det C: \ Program Files \ Adobe \ Adobe Illustrator CS6\ Plug-ins \ Extensions mapp på min dator.) Öppna Adobe Illustrator igen och gå till Fönster> Mesh Tormentor.

1. Hur man skapar moln

Steg 1

Vi kommer att börja med att skapa de realistiska molnen. För detta måste vi börja jobba Adobe Photoshop.

Du kan klicka Hämta bilagan till höger om handledningen för att få mitt foto av ett moln som jag ska använda; Du är dock också välkommen att använda ditt eget foto!

Öppna fotot i Adobe Photoshop, och sedan gå till Välj> Färgområde.

Steg 2

I det resulterande dialogfönstret, ta tag i den vita eyedroppen och klicka på den vitaste delen av molnet. Den resulterande förhandsvisningen av urvalet ska likna mina i skärmdumpen nedan. Klick ok.

Steg 3

Öppna en ny fil i Adobe Photoshop, och se till att bakgrunden är Transparent.

Steg 4

Dra det valda molnet från den första filen till vår nyöppnade fil.

Steg 5

Skapa ett nytt lager under skiktet med molnet och fyll hela tavlan med en blå färg, så att vi kan se molnet bättre.

Steg 6

Ditt moln ska visa sig så här på den här tiden.

Steg 7

Ta tag i Eraser Tool (E), välj Layer 1 (den med molnet) och radera alla de onödiga lilla artefakterna på bilden. Endast den huvudsakliga molnformen bör förbli.

Steg 8

Slutligen ta tag i Blur Tool (R) och dimma kanterna på molnet. Detta kommer att se till att det inte ser ut pixelerat när vi konverterar det till en vektorbild.

Steg 9

När du är nöjd med resultatet, ta bort det blå lagret och spara bilden som en .png.

Öppna .png-filen i Adobe Illustrator.

Steg 10

Skapa en ellips över toppen av molnet.

Gå till Objekt> Skapa Gradient Mesh och ställa in rader och kolumner till 50.

Steg 11

Här är där Mesh Tormentor kommer i spel. Om du inte redan har installerat den och öppna den genom Fönster> Mesh Tormentor.

Steg 12

Välj vår ellips och, i Mesh Tormentor panel, klicka på den femte ikonen från vänster i den sjätte raden till Öka maskdensiteten.

Steg 13

Resultatet ska visa sig så här.

Steg 14

Välj nu både molnet som vi gjorde i Adobe Photoshop och Mesh Ellipse. Ellipsen borde vara på toppen av molnet! Klicka på "Mona Lisa" ikonen i Mesh Tormentor panel för att färga vårt nät som molnet.

Steg 15

Ta bort den ursprungliga rasterbilden och voila-du har ditt fantastiska realistiska vektormoln!

2. Hur man skapar bakgrunden

Steg 1

Skapa en mörkblå kvadrat och, med hjälp av Mesh Tool (U), skapa ett 5x6 mesh nät.

Steg 2

Följ stegen nedan, färga nätnätet. De mörkare noderna i bilderna representerar de som du bör färglägga med den medföljande färgkoden.

Steg 3

Nu för molnen. Skapa en slumpmässig blå rektangel och placera vårt nätmoln överst på det. Placera den precis ovanför den nedre högra kanten.

Steg 4

Skapa ett par exemplar och, efter att ha roterat dem lite, placera dem så att de liknar bilden nedan.

Steg 5

Placera en annan kopia under det vänstra molnet.


Steg 6

Avsluta med en liten kopia i mitten av rektangeln.

Steg 7

Lägg nu den blå rektangeln framför molnen (Skift-Control-]), välj alla former, högerklicka och välj Gör Clipping Mask.

Steg 8

Våra resulterande moln kommer att se ut så här:

Du kan flytta dem ovanpå bakgrunden som vi gjorde tidigare.

3. Hur man skapar månen och ljusets strålar

Steg 1

Skapa en måneform genom att välja två överlappande cirklar och klicka Utesluta i Stigfinnare panel. Dela upp resultatet och radera den övre formen.

Steg 2

Skapa tre kopior av den resulterande formen. Ta första kopian, lägg de andra två åt sidan för nu. Fyll den med en vit färg och skapa sedan en annan kopia och flytta den lite upp och till vänster om originalet. Fyll den med # 95A5BC. Slutligen dra den blå formens mellanslag åt vänster.

Steg 3

Ställ in den blå formen Genomskinlighet till 0%.

Gå till Objekt> Blanda> Blandningsalternativ. Ställ in Mellanrum till Specificerade steg och antalet steg till 30.

Steg 4

Med båda objekten markerade klickar du på Objekt> Blanda> Gör.

Steg 5

Med den andra kopian som vi gjorde in Steg 2, Upprepa en process som liknar Steg 2-4.

Steg 6

Ta den sista oanvända kopian och lägg den ovanpå de två blandningarna. Månen ska se ut som om den lyser nu. Du kan flytta den till det högra högra hörnet av bakgrunden.

Steg 7

Skapa en cirkel med en Radial Gradient (Vit - # 4AF0F8 - # 0888D5 - # 054B87 - Svart).

Steg 8

Skapa ett par olika kopior av denna form.

Steg 9

Ställ in Genomskinlighet av alla former, inklusive den ursprungliga cirkeln, till Skärm.

Steg 10

Skapa tre former ur gradienterna.

Steg 11

Lägg alla former över toppen av den ursprungliga cirkeln. Resultatet ska se ut så här:

Steg 12

Skapa en annan ellipsform med a# 274F7B till # 000000 Radial Gradient.

Ställ in Genomskinlighet till Skärm.

Steg 13

På samma sätt som Steg 9 och 10, skapa olika former ur ellipsen med gradienter. De viktigaste är de med de tunnaste strålarna!

Sätt dem alla på toppen av varandra i slutet.

Steg 14

Sätt den andra formen ovanpå den första formen.

Steg 15

Flytta strålarna ovanpå himlen bakgrunden med molnen och månen.

Vi är nästan färdiga!

4. Hur man skapar stjärnorna

Steg 1

Skapa tre små cirklar med a vit till svart radiell gradient, 80% opacitet, och Skärm transparensläge. Varje cirkel ska ha en annan storlek, som borde vara ungefär lika liten som en stjärna ska vara på ditt konstverk.

Steg 2

Dra alla cirklarna in i symboler panel för att skapa tre nya symboler.

Steg 3

Ta tag i Symbol Sprayer Tool (Shift-S), välj ett av symbolerna i symboler panelen och dra den runt konstverket och skapa massor av stjärnor.

Steg 4

Upprepa detta med alla tre symbolerna. När du är nöjd med resultatet, välj varje form med stjärnorna och gå till Objekt> Expand Utseende.

"Beskära" bilden genom att rita en rektangel över toppen av bakgrunden, välj alla element och Gör en klippmask.

Steg 5

Vi ska skapa ett sista par stjärnor. Skapa en annan cirkel med Vit till svart Radial Gradient, 80% opacitet, och Skärm genomskinlighet.

Steg 6

Skapa en annan form av tre ellipser, med en liknande gradient, samma transparens inställning, och 60% opacitet.

Steg 7

Skapa en annan stjärnform med de inställningar som nämns nedan.

Steg 8

Montera alla delar ovanpå varandra.

Steg 9

Placera några stora stjärnor på bakgrunden.

Awesome Work, Du är nu klar!

Vad nu? Du kan prova någon av mina andra handledning från min profil, eller kolla in min portfölj på GraphicRiver, liksom den ursprungliga bilden som vi återskapade i den här handledningen.

Jag hoppas att du tyckte om handledningen och kommer att vara väldigt glad att se några resultat i kommentarerna nedan!

Night Nature Sky Background With Moon, Cloud and Stars