Hur man skapar ett 90-tal geometriskt mönster med hjälp av grundläggande former i Adobe Photoshop

Vad du ska skapa

Nittiotalet mönster är igenkännliga genom deras användning av levande färg och enkla geometriska former. I denna handledning kommer jag att visa dig hur man skapar ett 90-tal geometriskt mönster med hjälp av Photoshops vektorfunktion.

För inspiration på 90-talets mönster föreslår jag att du tittar på 90-talets designartiklar på GraphicRiver.

1. Hur man förbereder en duk för ett mönster

Steg 1

Börja med att skapa en ny fil med storlek 600 pixlar × 450 pixlar. Klicka på ok knapp.

Steg 2

För bakgrunden lägger du till ett nytt solidfärgskikt genom att klicka på Lägg till justeringslager ikonen längst ner på sidan Skikten panel och välja Enfärgad. I den nästa dialogrutan väljer du en vibrerande blå färg. Klick ok när du är nöjd med resultatet.

Steg 3

Se till att linjalen är synlig. Om inte, klicka på Visa> Linjal. Klicka och dra från linjalen för att göra en guide i alla fyra riktningarna: topp, ned, vänster och höger. Området inuti guiden kommer att användas som mönsterområde.

2. Hur man ritar geometriska former med hjälp av Photoshops vektorverktyg

Steg 1

Detta 90-talsmönster är fyllt med geometriska former. Här kommer vi att täcka dem en efter en. Aktivera Ellipseverktyg. Se till Form läge är valt i Alternativbar

Kom ihåg att vi behöver det här läget medan du drar varje form i det här mönstret. Se så till att det här läget alltid är valt. 

Håll Flytta och klicka sedan och dra för att rita en cirkelform. Du kan sedan byta färg från Alternativbar. Gör två cirkelformer, en stor och en liten.

Steg 2

Dra nu en tunn rektangelform med Ellipseverktyg.

Steg 3

Duplicera formen genom att slå Kontroll-C och då Kontroll-V. Vrid den nya formen genom 90 °. Välj Kombinera former i Alternativbar att kombinera båda formerna till ett plustecken. Rita ett annat plustecken, men den här gången är tjockare och med en annan färg.

Steg 4

Fortsätt med en ringform. Rita en annan cirkelform. Men den här gången, sätta sin Fylla till ingen och öka dess Stroke storlek. Gör en annan ringform.

Steg 5

Låt oss rita en halvcirkelform. Den är gjord av en cirkel som sedan skärs i halva av en rektangel. Rektangelläget ska vara Subtrahera Front Shape. Om du vill vända båda formerna till en enda sökväg väljer du båda formerna och väljer Sammanslagna formkomponenter. Använd en livlig färg för dess Fylla och Ingen för dess Stroke.

Steg 6

Stack två rektanglar så att vi har en L-form. Kopiera dessa former tills vi har den här zigzagformen. För sin färg, använd gul. Gör en annan form, den här gången tjockare.

Steg 7

Använd Polygon Tool att göra en sexkant. Den har sex sidor. Se till att du ställer in den Sidor inställning till 6 innan du klickar och drar musen. Lägg till några rektanglar ovanpå hexagonen och ställ in dess läge Subtrahera Front Shape.

Steg 8

Dubbelklicka lagstilen och aktivera Drop Shadow.

Steg 9

Lägg till en annan sexkant, den här gången med en annan färg och storlek.

3. Hur man ordnar objekt i ett mönster

Steg 1

Som tidigare nämnts är mönsterområdet inuti styrningarna. Först måste vi veta dess exakta dimensioner. Välj område med hjälp av Markeringsverktyg.

Steg 2

Öppna upp Info panelen genom att klicka Fönster> Info. I panelen kan du se informationen om dimensionerna för mönsterstorleken. I det här fallet är det 491 pixlar × 359 pixlar. Kom ihåg det här och skriv ner det om du måste. Kom ihåg att du vill ha dimensionen i pixlar, inte i centimeter, inches eller andra enheter. Om din Info panelen visar andra enheter, ändra den till pixlar med högerklicka linjalen och välja pixlar.

Steg 3

Placera en av formerna i hörnet på mönsterområdet. Som ett mönster kommer denna form att avskuras. Det måste upprepade gånger dyka upp i de andra tre hörnen. I matematik är det vi ska göra kallad översättning, som rör ett objekt i en given riktning.

Steg 4

Kopiera formen med genvägen Kontroll-J. Nästa träff Kontroll-T att placera objektet. Vi måste vara mycket exakta. Det är därför vi inte klickar och drar men begränsar oss till endast inmatningsrutan. Observera att vi i detta fall placeras på koordinater (59 px, 43 px).

Steg 5

Bredden på mönstret är 491 pixlar. Vi måste flytta formen horisontellt 359 pixlar till höger så det visas i det högra hörnet. Ställ in den nya x-positionen till 550 px, vilket är från 59 (den ursprungliga x-koordinaten) + 491 (duken bredden).

Steg 6

Vi vill att den ska visas längst ner till höger. Flytta den sista formen ner till koordinaterna (550 px, 402 px). Den nya y-koordinaten, 402, kommer från 43 (den gamla y-koordinaten) + 359 (dukhöjden).

Steg 7

Slutligen vill vi att den ska visas i det sista hörnet. Vi kan duplicera den första formen och flytta ner den med mängden mönsterhöjd.

Steg 8

Om vi ​​inte är nöjda med resultatet kan vi flytta dem. Kom ihåg att vi måste flytta dem alla tillsammans. Annars måste vi upprepa översättningsproceduren igen för att upprätthålla repeterbar mönsterkonsistens. Du kan göra detta genom att välja alla relaterade lager och flytta dem med hjälp av Flytta verktyget.

Steg 9

Lägg till en annan form, den här gången inte i hörnet men på en av mönsterkanterna. I detta fall placerar vi en halv cirkel på överkanten. Som ett repeterbart mönster ska den andra delen av halvcirkeln visas på den motsatta kanten, den nedre kanten. Så vi måste duplicera och sätta en annan kopia av formen där.

Steg 10

Duplicera formen. Träffa Kontroll-T och ändra dess y-koordinat till den gamla y-koordinaten + mönstret bredden. I mitt fall är det 52 + 359 = 411.

Steg 11

Här kommer den enkla delen. Du kan helt enkelt placera föremål inuti mönsterområdet utan kontakt med kanterna eller hörnen, utan att oroa dig för att bryta det repeterbara mönstret. Du kan lägga till så många objekt som du vill så länge de inte rör på kanterna eller hörnen.

Steg 12

Återigen, kom ihåg alltid grundregeln för ett repeterbart mönster. Om du placerar en form som rör en kant, måste den dyka upp på motsatt kant. Ta en titt på plusskylten på vänstra kanten. Det bör dupliceras och flyttas sedan till motsatt kant.

4. Hur man sparar och använder ett mönster i Photoshop

Steg 1

Välj det område som vi ska använda som ett mönster. Använd Markeringsverktyg att göra detta. Klick Redigera> Definiera mönster. I nästa dialogruta, spara dess mönster namn. Klick ok knapp.

Steg 2

För att använda mönstret är allt du behöver göra att klicka på Redigera> Fyll. Välj Innehåll: Mönster och välj det mönster vi just gjort. Klick ok.

Slutresultat

Här är det slutliga resultatet av 90-talet mönstret. I det här snabba tipset har jag visat dig tips och tricks för att bygga ett konsekvent upprepande mönster med hjälp av översättningsmetoden. 

Jag skrev ett annat snabbtips liknande det för sju år sedan på Envato Tuts +. Konceptet är i grunden detsamma. Om du är bekant med Photoshops lagkamrat, Illustrator, har den en fantastisk Mönsteralternativ panel som gör det snabbare och enklare att designa denna typ av mönster. Låt oss alla önska att Photoshop hade det också.

Tack för att du läste. Om du följer den här handledningen, glöm inte att visa oss ditt mönster i kommentarfältet nedan.