Share
Voor velen lijkt de gedachte om een complex geometrisch patroon te creëren in Photoshop een ontmoedigende taak. Hoewel ingewikkelde patronen er ingewikkeld uit kunnen zien, zijn de technieken om ze te maken niet zo geavanceerd. In deze zelfstudie gebruiken we vectorvormen om een complex geometrisch patroon te ontwerpen, zonder het gebruik van plug-ins of speciale effecten. Laten we beginnen!
De volgende items zijn gebruikt tijdens het maken van deze zelfstudie.
Maak in Photoshop een nieuw bestand door op te drukken Command / Ctrl-N. Stel de grootte in op 250 × 250 pixels.
Raken Command / Ctrl-R onthullen Heerser aan de linker- en bovenkant van het canvas. Klik met de rechtermuisknop om de maateenheden te wijzigen en selecteer pixels.
Sleep van verticale liniaal om een hulplijn toe te voegen 125 pixels of de helft van de canvasbreedte. Deze gids helpt bij het nauwkeurig plaatsen van vormen.
Herhaal dezelfde stap, deze keer van horizontale liniaal.
Klik op de voorgrondkleur om deze te wijzigen # 5a5b5d.
Raken alt-Verwijder om achtergrond met voorgrondkleur te vullen.
Het patroon is gemaakt van drie geometrische objecten. We zullen beginnen met het maken van het kleinste voorwerp, omdat dit het eenvoudigst is. We gaan veel voorwerpen hebben. Het is altijd een goed idee om je lagen te ordenen. Maak een nieuwe groepslaag door op het mappictogram in het onderste deel van te klikken Lagen paneel. Dubbelklik om het een naam te geven klein patroon.
Activeren Ellipse Tool van Toolbar. Klik eenmaal op midden van het canvas. Er verschijnt een dialoogvenster met de ellipsparameters. invoeren 40 pixels om een cirkelvorm te maken. Selecteer Van midden om het midden op het canvas te plaatsen. Klik OK.
In Eigenschappen paneel je kunt de eigenschap van de cirkelvorm instellen. Zorg ervoor dat je het hebt geselecteerd met Pad selectie gereedschap. In Vormdetails, reeks Vullen naar Geen en Beroerte naar Wit, 2 pt.
Voeg nog een cirkel toe, deze keer zo groot 20 × 20 pixels. Plaats het zoals hieronder getoond. Stel zijn Vullen naar Geen en Beroerte naar 1 pt.
Voeg nog een cirkel toe met dezelfde eigenschappen - Beroerte en Vullen - en plaats het aan de andere kant. Zorg ervoor dat hun posities beide symmetrisch zijn.
Teken een kleinere cirkel die de linkerkant van de grote hoofdcirkel kruist.
Teken een andere cirkel met dezelfde grootte en eigenschap. Plaats het aan de andere kant.
Selecteer beide cirkels met Pad selectie gereedschap.
Dupliceer het pad en selecteer Command / Ctrl-Alt-T om het pad te roteren -30 °. Houden Verschuiving tijdens het slepen om de rotatie op elke te klikken 15 °.
Herhaal dezelfde stap, maar draai deze keer 30 °.
Activeren Polygoon gereedschap. Van Optiebalk, reeks Sides naar 6. Klik op de kleine pijl naast het pictogram en selecteer Ster En instellen Indent Sides By 25%. Klik en sleep om een zespuntige ster te tekenen.
Zoom dichterbij door een paar keer op de ster te klikken met Zoomtool. Bestudeer de puntpositie op het pixelraster. Zorg ervoor dat elk punt op de kruising is geplaatst. Sleep handmatig elk punt met Direct selectie gereedschap.
Als u dit pixelraster niet ziet, kunt u het inschakelen door op te klikken Uitzicht > Laten zien > Pixel Grid.
Herhaal dit proces voor alle andere pixels.
Hieronder ziet u verschil voor en na het aanpassen van de pixel.
Dit is de geometrische vorm die we hebben.
Laten we nu aan ons tweede object werken. Maak een groep met de naam med patroon. De stappen zijn relatief vergelijkbaar met het eerste object. We zullen veel cirkels en polygonen tekenen en vervolgens dupliceren en roteren. Verberg het eerste object door op het oogpictogram in de. Te klikken Lagen paneel.
Teken een cirkel in het midden van het canvas. set Vullen naar Geen en Beroerte naar 1 pixel, en witte kleur.
Voeg een ... toe Laagmasker op de laag. Maak een 2 pixel kruisvormselectie met Rechthoekig selectiekader en vul het dan met zwart.
Dit is het resultaat in een vergroting van 100%.
Teken een grotere cirkel, nog steeds in het midden van het canvas met 1 pixel witte lijn.
Activeren Polygoon gereedschap en klik vervolgens eenmaal op het canvas. De grootte zou moeten zijn 14 × 18 pixels met 3 kanten. Geef het 1 pixel witte lijn
Dit geeft ons een driehoek.
Gebruik Direct selectie gereedschap om de puntpositie te fixeren.
We willen dat elk punt precies op het pixelraster staat.
Selecteer het driehoekpad met Pad selectie gereedschap. Dupliceer het. Plaats het aan de andere kant.
Raken Command / Ctrl-T en draai het dan 180 °.
Selecteer beide driehoeken met Pad selectie gereedschap. Raken Command / Ctrl-Alt-T om in één keer duplicatie en transformatie uit te voeren. Shift-drag buiten het begrenzingsvak om het te draaien 30 °.
Zorg ervoor dat het pad nog steeds is geselecteerd. Raken Command / Ctrl-Alt-Shift-T om het duplicatie- en transformatiecommando te herhalen.
En hier is het resultaat bij een vergroting van 100%.
Teken een grote cirkel met Radius van 110 pixels in het midden van het canvas. Stel zijn Beroerte naar 2 pixels.
Teken deze keer een ellipsvorm, bemeten 14 × 20 pixels met een 2 pixel witte lijn. Plaats het bovenop en raak de cirkel aan.
Activeren Puntgereedschap converteren. Klik eenmaal op de top om het punt in een scherp punt te veranderen. Doe dit ook naar het onderste punt.
Selecteer het pad met Pad selectie gereedschap en dupliceer het dan. Plaats het op het onderste deel van de grote cirkel.
Selecteer beide vormen. Raken Command / Ctrl-Alt-T. Draai het 15 ° door Shift te verslepen buiten het selectiekader.
Herhaal dit door op te raken Command / Ctrl + Shift + Alt-T repeteadly.
Dit is het resultaat bij een vergroting van 100%.
Teken een kleine cirkel boven links van de grote cirkel. Stel zijn Beroerte naar 1 pt met witte kleur.
Maak een vierkante selectie vanuit het midden van het canvas naar het midden van de cirkel. De cirkel moet aan het einde van je selectie staan.
Teken een zespuntige ster. Gebruik Polygoon gereedschap met steroptie geselecteerd in de Optiebalk.
Herplaats elk punt totdat we een perfecte pixelvorm hebben.
Hieronder ziet u het verschil voor en na het verplaatsen van het punt.
Dupliceer de cirkel en de zespuntige ster. Plaats het aan de andere kant.
Dit is ons laatste en meest complexe object. Begin met het tekenen van een zeshoek met Polygoon gereedschap. Teken vervolgens een kleine cirkel op een van de hoeken. Stel beide in beroertes naar 2 pixels, en wit.
Dupliceer het cirkelpad. Plaats het aan de andere kant ...
Selecteer beide vormen. Raken Command / Ctrl-Alt-T om ze te dupliceren en te transformeren. Draai het 60 °.
Herhaal het proces door op te drukken Command / Ctrl + Shift + Alt-T.
Het resultaat in een vergroting van 100%.
Teken een cirkel met 2 pt Stroke.
Teken een driehoek. Dupliceer en plaats het aan de andere kant. Draai het 180 °.
Dupliceer en draai ze 30 °.
Herhaal het proces totdat we de volledige ronde vorm hebben.
Gebruik de vorige stappen om cirkels in de driehoeken toe te voegen.
Voeg zes puntige sterren toe in de bovenste en onderste driehoek.
Dupliceer en draai ze.
Blijf dit proces herhalen.
Ik nam extra stappen door elke ster te draaien totdat ze in dezelfde staat waren, één punt boven en onderaan.
Dit is wat we hebben bij een vergroting van 100%.
Teken een grotere cirkel in het midden van het canvas. Gebruik big Stroke, 4 pt.
Teken een kleinere cirkel met een dunnere lijn, 2 pt.
Teken een kleine cirkel tussen beide vorige cirkels. Plaats hem bovenaan en onderaan.
Selecteer beide cirkelpaden. Raken Command / Ctrl-Alt-T en draai het dan 15 °.
Blijf herhalen en dupliceren totdat we ze op een ronde positie hebben.
Voeg cirkels en sterren toe aan de boven- en onderkant ...
Dupliceer en roteer ze 45 °.
Laten we al deze drie vormen combineren als een patroon. We beginnen met de kleinste.
Verberg de achtergrond door op het oogpictogram te klikken. Zorg ervoor dat de kleine vorm wordt onthuld en de andere is verborgen. Raken Command / Ctrl-A en dan Command / Ctrl + Shift + C om alle zichtbare lagen te kopiëren.
Plak als nieuwe laag op het canvas, druk op Command / Ctrl-V. Hernoem de laag als S, voor klein.
Raken Command / Ctrl-T, van de Optiesbalk stel zijn positie in om te coördineren 0, 125.
Dupliceer de laag (Command / Ctrl-J) en druk vervolgens op Command / Ctrl-T. Stel deze positie in op 250, 125.
Dupliceer opnieuw. Plaats deze keer op 125, 0.
Dupliceer opnieuw en plaats het op 125, 250. Al deze objecten zijn in vier lagen. Misschien wilt u het vereenvoudigen door ze te selecteren en vervolgens op te drukken Command / Ctrl-E om ze samen te voegen.
Laten we werken aan de tweede vorm, middelgrote. Verberg alle lagen, behalve het object dat we willen gebruiken. Selecteer alles (Command / Ctrl-A) en druk op Command / Ctrl + Shift + C.
Plak als nieuwe laag. Transformeren laag (Command / Ctrl-T) en plaats het vervolgens op 0, 0.
Raken Command / Ctrl-J om de laag te dupliceren, plaats deze op 250, 0.
Dupliceer het opnieuw en plaats het dan op 250, 250.
Dupliceer het opnieuw en deze keer plaats het op 0, 250.
Laatste object nu. Verberg alle lagen behalve het grootste object. Raken Command / Ctrl + Shift + C en dan Command / Ctrl-V.
Verberg alle groepslagen. Dit wordt ons geometrische patroon.
Laten we het opslaan als een nieuw patroon. We willen dat het transparant is, dus verberg de achtergrondlaag. Selecteer alles (Command / Ctrl-A). Klik Bewerk > Patroon definiëren. Geef het een goede naam en klik vervolgens op OK.
We zullen proberen het patroon op een laag aan te brengen. Maak een nieuwe lege laag. Klik Bewerk > Vullen.
Dit is het resultaat. Patroon wordt toegepast op een lege laag met een grijze achtergrond.
U kunt ook een ander patroon op de achtergrond toepassen om een interessant effect toe te voegen. Dubbelklik op de achtergrondlaag en selecteer vervolgens Patroonoverlay. In dit geval wordt een patroon uit deze set gebruikt met een lichtere achtergrondkleur.
Gefeliciteerd! Nu weet je hoe je een naadloos geometrisch patroon ontwerpt. In eerste instantie leek het een ingewikkeld proces, maar nu weet je dat het een combinatie is van objecten tekenen, dupliceren en transformeren. Ik hoop dat je deze tutorial leuk vond en de technieken die je hebt geleerd, kunt gebruiken om je eigen repeterende patronen in Photoshop te maken.
Accentsconagua