Hur man skapar en abstrakt affisch med hjälp av dockningsverktyget i Adobe Photoshop

Vad du ska skapa

Att skapa affischer är svårt när bilderna inte är av optimal storlek. Här är ett knep för att skapa en abstrakt affisch när du antingen inte har en tillräckligt bra bild eller vill skapa något utanför lådan!

Vad du kommer att behöva

Du behöver följande resurser för att slutföra projektet:

  • Byggnadsvägg från Envato Elements av Liufuyu
  • RNS Sanz

1. Så här skapar du ett Photoshop-dokument

Steg 1

Photoshop, gå till Fil> Ny. Namnge dokumentet Abstrakt affisch. Ställ in Bredd till 1270 px och Höjd till 1600 px. Ställ in Upplösning till 72 pixlar / tum. Klick ok.

Steg 2

Låt oss börja med att lägga till en svart bakgrund. På Skikten panelen, klicka på Skapa ett nytt fyllnads- eller justeringslager> Solid Color och välj svart som bakgrund.

Steg 3

Dra byggnadsytemuren från Envato Elements av Liufuyu till Photoshop-fönstret. Dubbelklicka för att avmarkera.

2. Så här använder du marionettverktyget

Steg 1

För denna handledning använder vi Puppet Warp-verktyget för att skapa en intressant abstrakt bild. Gå över till Redigera> Docktejp. Denna åtgärd kommer att applicera många triangelformer på bilden. Dessa former är densiteten där du kommer att kunna redigera. Du kan ändra detta genom att gå till alternativ bar och klicka på Densitet. För denna handledning kommer vi att använda Vanligt, så sätt på Läge till Vanligt och Expansion till 0 px.

Steg 2

När du svävar över bilden kommer du att märka en stift med ett plustecken. Detta gör att vi kan lägga till punkter på bilden för att hålla dem till en viss plats. Klicka på den övre vänstra kvadranten - var som helst är bra. 

Vid denna tidpunkt kommer inget att hända. För att detta ska fungera måste vi flytta dessa tappar runt, så vi måste placera flera av dem. Klicka i motsatt riktning och flytta stiftet runt. 

Steg 3

Nu när vi vet hur Puppet Warp-verktyget fungerar, lägg till pinnar på bilden och flytta runt dem.

Något att komma ihåg här är att det inte finns något rätt eller fel - det här är en abstrakt affisch, och ganska mycket går allt! 

Steg 4

Du kan redigera punkterna när du har flyttat dem runt. Hoppa enkelt över till Skikten panel och klicka på rullgardinsmenyn på bygglagret. Dubbelklicka på Dockning Warp lagringsinställningar och redigera bort!

Jag slutade med bilden nedan. Tryck Stiga på när du är klar att ställa in bilden.

3. Hur man använder klippmaskor

Steg 1

Skikten panel, klicka Skapa nytt fyllnings- eller justeringslager> Svartvitt. Vi vill att det här skiktet bara ska tillämpas på den nedanför, så när du väljer svartvittskiktet, Högerklicka> Clipping Mask. För att se om det här fungerar, kontrollera att skiktet har en pil på vänster sida, vilket betyder att det bara påverkar skiktet under det.

Steg 2

Lägg till ett nytt lager på Skikten panel. Vi vill lägga till färgplåster på byggnaden. På verktygsfältet väljer du Borsta verktyg. Högerklicka på sidan och ställ in Storlek till 300px och Hårdhet till 0%.

Använd följande färgkoder för att skapa slag över lagret.

  • Rosa: # e21efc 
  • cyan: # 11fdfb
  • Blå: # 0018ff
  • Grön: # 11fdc3

Steg 3

Ställ in Blandningsläge av skiktet med stroketill MultiplySkikten panel. Återigen vill vi att det här skiktet bara ska appliceras på de två skikten under det, och vi kan göra det med Högerklicka> Skapa klippmask. För att se om det här fungerar, kontrollera att skiktet har en pil på vänster sida, vilket betyder att det bara påverkar lagren under det.

Låt oss gruppera dessa tre lager genom att välja dem och dra dem till mappen längst ner på sidan Skikten panel.

Steg 4

Vi vill skapa en glitchy affisch, så låt oss flytta Grupp 1 mapp till höger på sidan. Vi vill att det ska gå över marginalen. Kopiera mappen genom att trycka på Kommando-J och byt namn på den till Grupp 2. Placera det i motsatt riktning. Jag placerar dem på olika höjder för att lägga till rörelse.

Steg 5

Låt oss skapa en linje mellan objekten så att den verkar som en glitched bild. På verktygsfältet väljer du Linjeverktyg (U) och dra en linje vertikalt och håll Flytta att rita en rak linje. Gå över till alternativ bar, välj vit för Stroke, och ställa inShape Stroke Width to 3 pt och den Bredd till 6 px.

Steg 6

Skikten panel, lägg till ett nytt lager och, som tidigare, använd Penselverktyg (B) och lägg till streck av olika färger som ska tillämpas på linjen.

  • Rosa: # e21efc 
  • cyan: # 11fdfb
  • Blå: # 0018ff
  • Grön: # 11fdc3

När du är klar väljer du lagret, Högerklicka> Skapa klippmask.

Steg 7

Låt oss lägga till några fler detaljer. Lägg till ett nytt lager på lagerpanelen; Målet för detta är att lägga till slag med samma färger som ovan, men den här gången kommer de att appliceras på hela affischen.

Använda Borstverktyg (B), skapa slag på affischen. Vi kommer att redigera dem i nästa steg.

  • Rosa: # e21efc 
  • cyan: # 11fdfb
  • Blå: # 0018ff
  • Grön: # 11fdc3

Steg 8

Välj lagret medan du väljer lagret Filtrera> Oskärpa> Rörelsoskärpa.

Steg 9

Flytta lagret under alla grupperade lager. Använda Rektangulärt markeringsverktyg (M), välj de områden du vill radera. Jag tar bort saker efter / före linjen som vi skapade som den här affischen är avsedd att se glitchy och förskjuten.

Steg 10

Lägg till en Layer Mask till slagslagret och använd Borstverktyg (B) i svart för att radera och mjuka några fläckar. Ställ in Opacitet till 80%.

4. Hur man lägger till textuppgifter

Steg 1

Låt oss gå tillbaka till toppen av lagren. Använd Textverktyg (T) att lägga till text. Jag använde kinesiska tecken för att lägga till mer intressanta former till affischen: 步步高 升. Jag använde Kozuka Gothic Pr6N in 47pt storlek, men gärna använda vilken typsnitt som helst på vilket språk som helst! 

Jag placerar den här första texten på höger sida av stroke.

Steg 2

Låt oss kopiera dessa bokstäver och placera dem på bakgrunden. Jag placerar två på vardera sidan av stroke och byter Opacitet till 15%.

Steg 3

Som tidigare lägger vi till ett nytt lager och lägger till färgstreck till det, och vi skapar också en Clipping Mask för båda dessa textskikt. Börja med att tillämpa streck på ett lager, duplicera det och flytta sedan dem för att tillämpa en Clipping Mask som i stegen före.

Använd också svart på detta lager för att skapa ett "knappt där" utseende. 

Steg 4

Låt oss lägga till mer text, den här gången med ord relaterade till metamorfos. Jag lade till detta två gånger: "1. betecknar en förändring av position eller tillstånd. Metamorfos. "Jag sätter den i RNS Sanz från Envato Elements i 25 pt. 

Kopiera textlagret ovan genom att trycka på Kommando-J, och medan du väljer det duplicerade skiktet, Högerklicka> Rasterize Type.

Steg 5

Gå över till Filtrera> Liquify. De Kondensera alternativfönstret öppnas. Använd Framåt Warp Tool och ställa in Verktygsalternativ: Borststorlek till 300, borstdensitet till 10 och Borsttryck till 60. Klick ok. 

Sänk både textlagret och det rasteriserade skiktet till 40% opacitet.

Steg 6

Lägg till ett nytt textlager med ordet "meta" till vänster på affischen för att lägga till balans. Rotera lagret vertikalt genom att trycka på Kommando-T, och håll Flytta för en jämn rotation.

Steg 7

Låt oss lägga till lite textur på affischen. Välj alla lager på Skikten panel och duplicera dem genom att dra dem till Skapa nytt lager knapp. Denna åtgärd kommer att duplicera alla lager och kommer att hålla dem markerade. Medan de är valda, Högerklicka> Sammanfoga lag. 

Låt oss lägga till lite buller genom att gå till Filter> Buller> Lägg till Buller.

5. Hur man sparar en fil

Gå över till Arkiv> Spara och spara filen som du normalt skulle. 

För att spara en JPEG-fil, gå över till Arkiv> Spara för webben eller Skift-Alternativ-kommando-S. Välj den filtyp du vill spara dokumentet i; Jag väljer JPEG och inställning 100 för Kvalitet. Under Bildstorlek, Du kan ändra bildens pixelstorlek om du har några begränsningar i storlek. 

Nedre vänstra sidan kan du se en förhandsgranskning av filens storlek. Detta är användbart när det finns storlekar på en webbplats och du behöver sänka kvaliteten eller storleken på bilden. 

Klicka på Spara… att välja platsen i det nya fönstret och klicka sedan på Spara igen.

grattis! Du har slutfört denna handledning!

I denna handledning har vi lärt oss hur vi kan göra ett bildarbete för en abstrakt affisch. Idag har vi lärt oss:

  • hur man använder marionettkrypverktyget
  • hur man använder Clipping Masks och hur man applicerar dem på specifika lager
  • hur man använder lagstilar
  • hur man använder Liquify-effekten för att lägga till dimension till text

Om du gillade den här handledningen kanske du gillar följande: