DesignPlanet Forum

Volledige versie: Geanimeerde border
U bekijkt momenteel een uitgeklede versie van ons materiaal. De volledige versie met bijbehorende opmaak weergeven.
Pak een plaatje van bijvoorbeeld 488 bij 94

Ga nu naar Image Size en verklein je plaatje met 8 pixels in de breedte en de hoogte.

Maak vervolgens je met canvas size je plaatje weer naar de originele grootte

Je krijgt dan een rand eromheen zoals hieronder

[Afbeelding: tuto14_1.gif]

Maak een nieuwe laag aan onder het plaatje van je sig en vul deze met zwart

[Afbeelding: tuto14_2.gif]

Maak nog een laag aan en zet deze tussen de zwarte achtergrond en de laag met het plaatje Pak nu je gradient tool en selecteer reflected gradient maak een buisachtige lijn

[Afbeelding: tuto14_3.gif]

[Afbeelding: tuto14_4.gif]

Verplaatst de buis naar de linkerbovenhoek,

[Afbeelding: tuto14_5.gif]

Ga nu naar Image Ready, naar het animatie venster en maak een tweede frame aan

En verplaatst de buis naar zodat links dat de onderkan van de buis aan de rechterkant in de onderhoek komt

Selecteer nu tween en meen onderstaande instellingen over

[Afbeelding: tuto14_6.gif]

Je kan de banner zo laten en dan ziet het er zo uit, save optimized as en klaar

[Afbeelding: tuto14_7.gif]

Je kan eventueel het effect ook weer terug laten keren, selecteer het laatste frame en voeg een nieuwe frame toe. Verplaatst in het nieuwe frame de buislaag weer terug naar de linkerbovenhoek en selecteer weer tween met dezelfde opties. Het effect keert nu ook terug. Nog even opslaan en je krijgt dit resultaat

[Afbeelding: tuto14_8.gif]

©  Copyright WebSonic.nl
hoi, mooie tutorial alleen kan ik met geen mogelijkheid de 'gradient tool' in imageready vinden... heelllluuuppp icon_biggrin2
Ik zie dat de afbeeldingen missen, Websonic?
De Gradient tool zit in Photoshop, daar kun je dat toepassen alvorens je springt naar Image ready Icon_biggrin
Ik kan de afbeeldingetjes ook niet zien Michel?
Links waren veranderd van de plaatjes, maar de plaatjes zijn tegenwoordig ook hotlink beschermd, om het makkelijk te maken, hier is de link naar het orgineel.

http://www.websonic.nl/tutorials/image_r...border.php
Is inderdaad een zeer toffe tutorialIcon_surprised

Zeer makkelijk en je kan er prachtige effecten mee krijgen.
Koppelingen