Een verloopeffect combineert dynamische kleuren en een korrelig textuurpatroon dat diepte en karakter aan je ontwerp geeft. Door een animatie toe te voegen, wordt het effect nog indrukwekkender en is het perfect voor digitale inhoud zoals social media berichten of presentaties. In deze tutorial laat ik je stap voor stap zien hoe je een verloopeffect maakt en dit in Photoshop tot leven brengt met beweging. Laten we beginnen en je ontwerpen een unieke dynamiek geven!
Stap 1:
Ik maak een document met de afmetingen 800x600 pixels, waarbij de grootte niet uitmaakt.
Stap 2:
Nu selecteer ik het Verloopgereedschap en laad nieuwe stoorvoorbeeldverlopen.
Stap 3:
Het is belangrijk dat wanneer ik naar het verloopbewerkingsmenu ga, ik de verloopmodus op Ruis heb ingesteld. Bovendien kan ik met de willekeurige parameter snel een verloop in een andere kleur instellen.
Stap 4:
Ik stel nu de randonscherpte in op 90%, zodat ik een mooie gestreepte verloop creëer.
Stap 5:
Als ik het verloop nu aanbreng, ontstaat er al een prachtige achtergrond.
Stap 6:
Nu converteer ik de achtergrondlaag door een dubbelklik in het lagenpaneel naar een normale laag.
Stap 7:
Vervolgens druk ik op Ctrl+T om mijn laag te transformeren, daarna klik ik met de rechtermuisknop en kies ik vervormen. Nu trek ik aan de bovenste rechter- en linkerhandgreep en buig ze mooi dynamisch.
Stap 8:
Ziet er toch al super uit, nietwaar?
Stap 9:
Ik dupliceer de laag met Crtl+J en voeg dan een Gausiaanse vervaging toe. Dit zou ik dan kunnen gebruiken als achtergrond voor bijvoorbeeld wenskaarten.
Stap 10:
Als ik nu bijvoorbeeld de vulmethode op Kleur wijzig, zien mijn verlooplijnen er nog beter uit.
Stap 11:
Als ik nu een Ruisfilter toevoeg, ontstaat er ook een interessant effect.
Stap 12:
Als volgende stap wil ik een mooie animatie toevoegen. Hiervoor verwijder ik mijn laag 0 kopie, dupliceer dan mijn achtergrondlaag opnieuw (Ctrl+J) en vervolgens vervagen. Dan nog een laagmasker toevoegen en hierin een zwart-wit verloop plaatsen. Vervolgens de verbinding (kettingsymbool) verbreken. Als volgende stap schakel ik het animatiepaneel in.
Stap 13:
Vervolgens verplaats ik alleen het laagmasker helemaal uit beeld naar links en voeg ik een Keyframe toe onder de laagmaskerpositie door te klikken op het kleine Ruit-symbool.
Stap 14:
Vervolgens stel ik de regelaar in op seconde 2 en schuif ik het laagmasker helemaal naar rechts. Er ontstaat opnieuw een nieuwe Keyframe, die de positie onthoudt. Zo ontstaat er een animatie.
Stap 15:
Ik kan het effect verder verbeteren door een nieuwe laag aan te maken, daarop een kleiner selectie te maken, deze met wit te vullen en vervolgens te vervagen en dan de Dekking op ongeveer 60-66% te zetten. Nu kan ik dit ook van links naar rechts als animatie tegelijkertijd laten bewegen door de positie telkens als Keyframe te markeren. Het resultaat ziet er dan zo uit: hier.
Stap 16:
Als laatste tip: ik kan ook gewoon een nieuwe laag over mijn achtergrondlaag plaatsen en deze vullen met een zachte penseel met kleur naar keuze. Ik heb gewoon oranje, rood, blauw, oranje en nogmaals blauw gebruikt. Nu nog de vullingsmethode instellen op Kleur, en dan mag ook dit resultaat er zijn.
Stap 17:
Of ik maak gewoon een aanpassingslaag met Toon/Verzadiging, dan kan ik ook de kleuren snel veranderen.
Stap 18:
Als ik op de aanpassingslaag nog een lichte verloop in het laagmasker instel, ziet mijn resultaat er zo uit:
