Fading Site Dividers maken

Je hebt deze vervagende verdelers / afscheiders misschien op verschillende sites gezien, die zowel horizontaal als verticaal lijken te vervagen. Hier is een voorbeeld van wat ik bedoel:

Ze bieden een geweldige manier om inhoud op te splitsen, op een subtiele en niet opdringerige manier. Ik zou graag een eenvoudige manier willen delen om deze vervagende verdelers te maken met Photoshop.

Stap 1

Maak eerst een nieuwe laag. Teken met het potloodgereedschap een ononderbroken horizontale lijn van 1 px. Houd de SHIFT-toets ingedrukt terwijl u klikt en sleep de lijn om deze recht te houden. Dit is de basis voor het hele fade-effect.

Stap 2

Selecteer het gumhulpmiddel. Kies een zeer zachte penseelinstelling. Hoe groter de penseelgrootte, hoe langer de vervaging (je kunt experimenteren om de maat te vinden die het beste bij je past).

Stap 3

Wis de linker- en rechterkant van de lijn. Hierdoor vervaagt de lijn nabij de uiteinden.

Stap 4

Dupliceer de laag die de lijn bevat (klik met de rechtermuisknop op de laag in het rechterpaneel en selecteer vervolgens 'dupliceren'). Selecteer de onderste van de twee lagen.

Stap 5

Selecteer filter> vervagen> Gaussiaanse vervaging. Kies een straal van 3px om het fade-effect te creëren (of kies er een die bij je past!).

Stap 6

Gebruik het selectiekader om alles op of boven de ononderbroken lijn te selecteren (met de vervaagde laag geselecteerd). Druk op de delete-toets.

Stap 7

Pas de dekking van de ononderbroken lijn en / of de schaduw naar wens aan. Hier is wat het er uiteindelijk uitziet.

Als laatste opmerking, als u meer schaduw wilt (zoals in het voorbeeld bovenaan de pagina), kunt u dat bereiken door de vervaagde laag meerdere keren te dupliceren (direct na het toepassen van de Gaussiaanse vervaging) totdat u zijn blij met de omvang en intensiteit van de vervaging (en voeg vervolgens de vervaagde lagen samen).

U kunt deze techniek gebruiken om zowel horizontale als verticale inhoudsverdelingen te maken. En met een beetje sleutelen is het niet zo moeilijk om iets te verzinnen zoals:

Dus ga door en maak je randen, scheidingstekens en randen mooier! Als je andere sites kent die deze techniek gebruiken (of je zou deze zelf willen delen), laat het ons dan weten in de comments. Je weet maar nooit, als we je ontwerp leuk vinden, kan het op de site verschijnen!

© Copyright 2024 | computer06.com