Hoe maak je een naadloze achtergrond patroon in Photoshop – blog.icons8.com
naadloze patronen kunnen worden toegepast op elke achtergrond die u zich kunt voorstellen, van een website of applicatie naar uw Tinder foto.
in deze howto zullen we het hebben over rasterpatronen die u kunt maken in Photoshop. Als u liever vectoren, check out deze tutorial plaats.
Wat hebt u nodig om de missie uit te voeren
1. Adobe Photoshop. Als je deze tutorial tegenkwam, is de kans groot dat je dit programma al hebt. Echter, voor het geval dat, hier is de link naar een gratis testversie te downloaden.
2. Pictogrammen 8 voor desktop. Het is een gratis app met veel pictogrammen en werkt goed met Photoshop.
3. Pictogrammen of andere afbeeldingen die u wilt op uw patroon. We namen onze natuur iconen voor deze tutorial. FYI, ze zijn gratis in PNG van elke grootte, dus je kunt ze opslaan in uw account en ze gebruiken voor het patroon ook.
8 Stappen voor het maken van een patroon in Photoshop
Maak een basis voor uw patroon
Maak een nieuw bestand van elke grootte met gelijke breedte en hoogte. In ons geval is elke zijde 200px.
voeg de pictogrammen
toe sleep de pictogrammen van Icons8 voor desktop (of andere pictogrammen) naar het Photoshop-bestand. We gingen voor een krab, een vis, een Clownsvis en een zeepaardje.
als u monochrome pictogrammen gebruikt, heeft u ze mogelijk in verschillende kleuren nodig. Hier is hoe PNG-pictogrammen opnieuw te kleuren in Photoshop.
plaats elk pictogram op een aparte laag
druk op Enter om het plakken van pictogrammen te voltooien. Je moet er zo vaak op drukken als nodig is totdat je het zwarte frame niet meer ziet.
het ziet er uiteindelijk zo uit:
nu staat elk pictogram op zijn eigen laag in uw bestand.
zet de eerste laag
selecteer een laag in het paneel lagen en ga naar Filter > andere > Offset:
stel de parameters horizontaal en verticaal in op de helft van de lengte van het bestand. Herinner je je de breedte en hoogte van je vierkant? Dat zijn de twee instellingen die je nodig hebt.
de grootte van ons bestand is 200x200px, dus stellen we 100px in voor beide parameters. Zorg ervoor dat u de Wrap Around optie in het onderste deel van het pop-up venster. Klik op OK. De eerste laag is klaar:
zet de tweede laag
selecteer een andere laag in het paneel lagen. Ga nu weer naar Filter > andere > Offset.
zet dan horizontaal op 0px en druk op OK:
zet de derde laag
Selecteer nog een andere laag en ga naar Filter > andere > Offset. Draai nu de horizontale en verticale waarden. Voor ons geval horizontaal zal zijn 100px, en verticale 0px. Klik op OK.
nu hebben we de patroontegel klaar.
lagen samenvoegen
alle lagen behalve achtergrond selecteren in het paneel lagen en gebruik de sneltoetscombinatie Ctrl + E. de geselecteerde lagen worden samengevoegd.
maak uw patroon
gebruik eerst nog een sneltoetscombinatie Ctrl + A (Alles selecteren).
ga dan naar Bewerken > Define Pattern:
geef het een naam en druk op OK. Ta-da! Je patroon is klaar!
hoe het patroon
toe te passen U heeft het patroon, fijn. Laten we nu eens kijken hoe je het op de achtergrond kunt gebruiken.
Maak een nieuw bestand
Maak het groter dan uw patroontegel om het resultaat te zien. De onze is 800x600px.
kies de Patroonoverlay
Dubbelklik op de achtergrond in het paneel lagen. Klik op OK in het pop-upvenster.
Ga naar laag > Laagstijl > Patroonoverlay:
Selecteer uw nieuw gemaakte patroon in het pop-upvenster en klik op OK.
geniet van uw patroon!
bronnen met texturen voor Photoshop
- Fixthefoto.com
Verder Lezen
- het Maken van een Kerst Achtergrond Patroon in Adobe Illustrator
- Hoe de Kleuren van een PNG-Pictogram in Photoshop
Probeer gratis tools voor makers door de Icons8 team
ook, krijg de lijsten van vrije vector software en gratis fotobewerkingssoftware.