Tutorials, tips en info voor audio, foto en video

Animaties maken met Photo & Graphic designer

Animaties maken met Photo & Graphic designer

banner 11 1024x403 Animaties maken met Photo & Graphic designer

We hebben reeds een aantal artikelen beschreven over het werken met Photo & Graphic designer en daar gesproken over websites, flyers, foto’s bewerken en meer. Maar een andere handige functie is nog niet aan bod geweest. Het maken van een geanimeerde gif. Dit is een serie opeenvolgende plaatjes die samen een beweging maken. Een banner is een leuke manier om aandacht te vragen voor een speciaal evenement op uw website of voor reclamedoeleinden. U kunt de banner ook gebruiken als sluitregel in uw email.

Die banners kunt u zelf maken maar in Photo & Graphic designer zitten er standaard al een aantal die u eenvoudig naar uw eigen hand kunt zetten. We gaan er met eentje aan de slag. Open het programma en kies rechts in de Ontwerpgalerie voor Geanimeerde banners. U maakt een keuze door erop te dubbelkikken en wordt uw keuze geladen. Als de banner in beeld staat ziet u rechts dat er een Animatie frame-galerie geopend is. Daarmee kunt u de frames waaruit de banner is opgebouwd naar eigen wens laten bewegen of bijvoorbeeld van kleur doen veranderen.

Een gif-animatie, het andere wordt voor deze banner, is niets anders dan een serie afbeeldingen die achter elkaar gezet zijn. En daar hebt u de frame galerie voor nodig. U ziet hierin staan frame-1, frame-2 etc. Als u hier op klikt ziet u dat de banner veranderd. Hij laat elk apart frame zien en daar gaan wij nu mee aan de slag. We klikken rechts op frame-1 en zien we het eerste plaatje wat we gaan veranderen. Als u met de muis op verschillende plakken in de banner klikt ziet u dat deze is opgebouwd uit losse items. Die kunt u zo stuk voor stuk aanpassen, weghalen, toevoegen, van kleur doen veranderen en ga zo maar door.

banner 2 Animaties maken met Photo & Graphic designerIn dit voorbeeld passen we de kleuren aan en de tekst. De tekst kunt u selecteren en er vervolgens overheen typen. Op dezelfde manier past u het lettertype aan. Omdat het laatste frame even moet blijven ‘staan’ moeten we die even kopiëren. Dat doet u door op het laatste frame te staan van de frame-galerie en vervolgens op kopiëren te klikken. De banner die u maakt staat in een ‘ loop’ wat betekend dat hij door blijft lopen. Om rust in de actie te maken hebben we in dit voorbeeld het laatste frames gekopieerd. Dat heeft als resultaat dat het laatste plaatje even stilstaat.

Als de banner is geworden zoals u dat bedacht hebt is het tijd om hem te exporteren. Dat doet u via de diverse opties bovenin het venster. U kunt kiezen uit .gif of in het flash-formaat. Dit is afhankelijk van uw eigen wensen. Als u hier op klikt krijgt u een preview van uw banner en ziet u direct de specificaties en is hij klaar om in uw website gezet te worden. Daar plaats u dan een weblink in naar webpagina van uw keuze en bent u gereed.