May
3
2009

Bewegende gloed op tekst

Deze keer een teksteffect met animatie, gloed op tekst. Een glossy animatie die niet moeilijk te maken is.

Het eindresultaat ziet er zo uit:

OK, daar gaat ie weer. We beginnen met het openen van een nieuw document in Photoshop van 400 x 200 pixels. Vul de achtergrond met zwart en tik met wit met het font Hobo  in grootte 100 je tekst.

Dan ga je de volgende laagstijlen loslaten op je tekst:

Dan:

Hierna:

en dan stel je contour als volgt in:

Hierna nog even dit:

Dan neem je je ovale selectiekader en trek je een cirkel om je tekst zoiets als dit:

Dan maak je een nieuwe laag aan en kies je in menu SELECTEREN- BEWERKEN- DOEZELAAR, geef de volgende waarden in:

Vul de nieuwe laag met wit.

Nu ga je naar de laag die je zojuist hebt aangemaakt. CTRL+ KLIK op de laagthumbnail  van de tekstlaag zodat je de pixels van de tekstlaag selecteert. Ga dan in de laag van de witte cirkel staan:

Voeg  een laagmasker toe aan de nieuwe laag met de witte cirkel door op het icoontje laagmasker toevoegen te kikken onderaan in je lagenpalet.

Hierna klik je op het koppel tekentje tussen de twee vierkantjes op de laag zodat het weggaat.

Nu ga je naar werkruimte -video en film.

Je dupliceert het frame en sleept dan met je verplaatsen gereedschap  tool de witte laag helemaal naar links zoals hieronder. Zorg dat je de laag actief hebt en niet het laagmasker anders zie je niets.

Stel de vertraging van de frames in op 0,2 sec:

Dan ga je op het icoontje staan naast het pijltje naar rechts met het verticale streepje.

Hiermee kun je frames tussenvoegen. In het volgende venster geef je in hoeveel frames je er tussen wilt hebben:

Hierna stel je de vertraging in op 0,2 sec en speel je de animatie af:

Het ziet er dan zo uit:

De animatie sla je dan op in menu BESTAND:

Bewaar het bestand als GIF file.

Aanverwante berichten

Jumbojet

30 Reacties +REACTIE GEVEN

  • Hoi Jet

    Zie bij werkruimte video en film niet staan,
    Gebruik CS5 en heb het idee dat het er wel in moet zitten.

    Groet Trudie

  • ook deze is weer perfect gelukt thans
    ik ga van al (jou) mijn werkjes een filmpje maken in een totaal zodat je al (Jou) mijn werkjes in 1 filmpje kunt zien maar dat doe ik volgende week even, morgen eerst een weekend weg 😀
    grtz janus…
    ps ik ga het nog ééns leren zonder te vragen 🙂

  • Hoi JJ,

    Daar ben ik weer!
    En wat denk je, geen vragen over deze les deze keer.
    Ik heb wel even moeten puzzelen want jij zat in cs3 en ik in cs4(Jaja ik begin het te snappen)
    In de werkruimte kon ik niet in de video en film dus ben ik naar animatie gegaan en alles is gelukt.
    Misschien dat je hier iemand mee kunt helpen.
    JJ heb jij misschien een nederlandse tutorial van een animatie met naam, veer en een inktpot?
    Enne weer eens bedankt!!
    Tot de volgende keer.

    Groetjes Brigitte,

    • Hoi Brigitte,
      Het blijft altijd wel een beetje puzzelen maar daar leer je juist veel van 🙂
      Fijn dat het gelukt!. Ik zal eens kijken naar de animatie.
      Groetjes,
      JJ

  • Hallo Jet,

    Heb pas je site ontdekt en het lijkt me superleuk om hiermee aan de slag te gaan. Even wachten op slechter weer….

    • Hoi Betty,
      Leuk om te horen. Groetjes en tot ziens op de site!
      JJ

  • Hoi Jumbo,

    Ben ik weer !

    Heb een andere achtergrond en wil daar op drie verschillende posities (drie woordjes) de tekst ‘Love is All’ neerzetten in dat gloeieffect.
    Kan dat ? En zo ja, alle drie de woordjes tegelijk bewerken of 1 voor 1 en steeds opnieuw met hetgeen is opgeslagen ?

    Dank en groet,

    Rita

    • Fijn dat het je gelukt is. Zo zie je maar weer de aanhouder wint. Het ligt eraan wat je leuk vindt om te doen. Je kunt ieder woord apart bewerken of samen dat is een kwestie van smaak. Succes met uitproberen!
      Groetjes,
      JJ

  • Ha Jumbo,

    Het heeft even geduurd maar … HELEMAAL GELUKT !

    Dank voor je hulp en je geduld. Zal me verder gaan bekwamen !!!

    Tot binnenkort misschien,

    groetjes, Rita

  • Snap ik Jumbo, dat ik het ikoontje moet aanklikken om het gereedschap te activeren EN DAN met de muis (wat dan een vuistje is) de miniatuurlaag van links naar rechts moet zien te verschuiven. Maar juist dat lukt dus niet !!!
    Uiteindelijk krijg ik die animatie wel voor elkaar maar dan zie je een blokje meelopen over de tekst en dat komt natuurlijk omdat ik die laag niet verplaatst krijg. Als ik naar mijn tekst kijk die tot aan het verslepen helemaal exact is zoals op jouw voorbeeld, dan zie ik daar ook een rechthoek omheen (blokje te zien als een zwarte rand). Het resultaat is dus wel die gloed die over de tekst loopt maar … met een zichtbaar blokje.
    Gaat het nog lukken denk je ? Muts onder de Photoshoppers !
    Groetjes,
    Rita

    • Je moet in de laag gaan staan en dan in je werk ( wat je op de monitor ziet) gaan schuiven met je muis. Deze ziet er dan hetzelfde uit als je verplaatsingsgereedschap een zwart pijltje. Je moet alleen zorgen dat de laag actief is en niet het laagmasker. Dat zie je in je lagen palet aan de dubbele vierkantjes die om de thumbnail staan.
      Groetjes,
      JJ

  • Hoi Jumbo,
    Pinksterdagen even geen tijd gehad. Wat je hierboven hebt geantwoord: Tot aan verslepen klopt het nu. De witte laag gevuld met de witte gloed staat links, daarnaast het laagmasker zwart met de naam gloed erin, koppeltekentje is weg. Die witte laag schrijf je, moet dus verschoven worden van links naar rechts.
    De laag is bij mij aktief, ik klik het ikoontje verplaatsen aan maar er gebeurt niets na talloze keren proberen. Weet wel dat je een laag naar onderen kunt verplaatsen (of terug naar boven, verticaal dus). Ik ben een druif, weet het maar snap niet hoe ik de witte laag (grijs witte blokjes) rechts van het zwarte laagmasker moet krijgen. SORRY ! De rest is me wel helemaal duidelijk nu !
    Groetjes,
    Rita

    • Hoi Rita,
      Als je alleen op het icoontje klikt activeer je het verplaats gereedschap. Om de inhoud van de laag waar je mee bezig bent te verplaatsen beweeg je met je muis in de laag.
      Groetjes,
      JJ

  • P.S.,

    N.a.v. jouw voorbeeld (laagmasker aktief – laag aktief):
    Bij mij ziet het er zo uit:
    Eerst dat oog, dan een pen(seel), dan dat vakje (laag) met die zwart-witte blokjes en dan een geheel wit vakje (laag) waar dat in jouw voorbeeld zwart is met daarin de letters ‘gloed’.
    Daaronder weer een oog, blanko vakje, hokje met de letter T en daarnaast het woord Gloed.
    Ik neem aan dat het de bedoeling is dat witte vakje (laag) te slepen links naast dat vakje (laag) met de zwart-witte blokjes ?
    Erg hè !!!!!!!
    Groetjes,
    Rita

    • Hoi Rita,
      Het laagmasker is niet meer wit want dat heb je gevuld met een selectie van de tekstlaag. Het laagmasker moet dus zwart zijn met de letters gloed erin. De witte laag (je ziet grijs witte blokjes) is gevuld met een witte gloed cirkel en deze moet verschoven worden van links naar rechts zodat je de animatie kunt maken. De laag met een T ervoor is de tekstlaag.
      Volgens mij heb je de tekst niet geselecteerd zoals eerder aangegeven in de tutorial. Kijk nog eens even goed na wat je gedaan hebt.
      Succes het gaat je zeker lukken.
      Groetjes,
      JJ

  • Ha Jumbojet,
    Ik hoop (wat dit kunstje betreft) de laatste keer dat ik je lastig val.
    Tot zover alles oke, animatie ook gevonden in Image Ready maar dit lukt niet of snap ik niet:

    – en sleept dan met je verplaatsen gereedschap tool de witte laag helemaal naar links zoals hieronder. Zorg dat je de laag aktief hebt en niet het laagmasker anders zie je niets –

    Probeer op alle mogelijke manieren mijn scherm zoals het er nu uitziet bij te voegen o.a. d.m.v. PrtScn zodat je kan zien wat ik heb gedaan, zou het je graag willen laten zien maar dat gaat dus niet.

    Dank alweer en groetjes,
    Rita

  • Ha Jumbojet,
    Dank voor je uitleg en tot zover heb ik het onder de knie maar … dan komt het: Nu ga je naar werkruimte video en film ???
    Kan het zijn dat je daarvoor een speciale aanvulling in Photoshop nodig hebt ? In mijn versie, Photoshop CS 8.0.1, kan ik dit niet vinden.
    Ben overigens van plan de komende tijd jouw site met tutorials vanaf het begin te gaan bestuderen ! Kan ik later in ‘Huize Avondrood’ mij nog lang mee vermaken !
    Fijn Pinksterweekend en groet,
    Rita

    • Hoi Rita,
      als het goed is moet er een animatie gedeelte bij je Photoshop zitten. Er zit bij jou versie van photoshop een icoontje onder aan in de werkbalk om naar het animatie gedeelte te gaan. Het zogenaamde image ready icoontje. Klik daar maar op dan kun je verder. Het is een rechthoekje met een pijltje.
      Succes!
      Groetjes,
      Jumbojet

  • Hallo Jumbojet,

    Ben sinds kort aan het ‘Photoshoppen’ sinds ik gestopt ben met werken na 44 jaar. Ben 64 en een erge leek. Ontdek vanavond jouw site en vind het geweldig. Wil daar heel veel van gaan leren. Een oude vriend van 50 jaar terug heeft nog een Band. Heb ik op een mooie (gitaar) achtergrond hun koppen gezet en wil zo graag de naam van de Band in mooie letters. Vond ‘Gloed’van jou en heb een ovaal getrokken zoals op jouw voorbeeld, doezelstraal aangegeven maar weet niet hoe ik de nieuwe laag met wit moet vullen. Hoop dat je mij op weg kunt helpen.
    Groet van van een bejaarde Dummy !
    Rita

    • Hoi Rita,
      Welkom in Photoshopland!
      Je kunt een nieuwe laag vullen door je vulemmertje te gebruiken uit de gereedschapsbalk. Je hebt twee vierkantjes in je gereedschapsbalk staan met (voorgrondkleur en achtergrondkleur) Als je op D klikt springen ze in de standaard instelling zwart voorgrondkleur en wit achtergrondkleur. Druk je op x dan verandert de voorgrondkleur in wit en de achtergrondkleur in zwart. Je vult dan de selectie in je nieuwe laag met wit et voila!
      Photoshop is een prachtig programma en als je veel geduld hebt en van uitproberen houdt zul je de vrije tijd die je nu hebt zeker gevuld krijgen:)
      Veel succes bij het maken van GLOED!
      Groetjes,
      Jumbojet

  • Ja, ja

    Heb terug een beetje ontspanning genomen en t’is mij terug gelukt!!! Bewegende gloed op letters alsook de “tekst met een jasje” en twitter, echt leuk als het mij lukt. Zeer leuk als de lagen erbij staan. Waar blijf je het halen…bedankt om het met ons te delen.

    Groetjes

    • Hartstikke leuk! Fijn te horen! Meestal is het een beetje van mezelf en een beetje googelen 🙂

  • […] This post was mentioned on Twitter by Jumbojet. Jumbojet said: Bijgewerkt Bewegende gloed op tekst – http://tinyurl.com/2w3gb3d […]

  • […] je zo iets? die kun je hier maken klik en klik en met photoshop kun je met foto en tekst doen als je dat wilt hier nog laten ze zien hoe je dat […]

  • Het is gelukt jumbo moest even een ander truukje doen maar ik heb em.

  • hier staat een plaatje hoe ver ik ben http://53555528.cable.casema.nl/~johnvanderhulst/

    • Hoi John,
      Je bent vergeten het laagmasker voor de tekst te maken. Kijk maar bij de tutorial… nadat je de gloed laag hebt gemaakt moet je de tekstlaag selecteren (CTRL + KLIK) en dan in de laag van het effect een laagmasker maken, dan moet het lukken.
      Succen!
      Groetjes,
      Jumbojet

  • Ik kom tot het maken van de witte laag maar dan heb ik werkelijk geen idee hoe ik die witte laag in mijn lettertjes moet plakken(ik werk met cs4)

  • Heb jij enig idee hoe dit truukje op de mac gaat? Want de volgorde zoals boven beschreven lukt niet op mijn macje:(

    • Waar gaat het fout?

Reageer

Archief

Categorie