Als u het maken van een webpagina , weet je dat om verkeer aan te trekken moet je gimmicks die de aandacht te vangen . Een ding dat altijd heeft een " cool" factor is een geanimeerd pictogram of knop . Dit artikel zal u tonen hoe u Photoshop , en zijn metgezel programma ImageReady gebruiken om je eigen geanimeerde iconen te maken . Wat je nodig hebt
Photoshop
ImageReady
Toon Meer Aanwijzingen
1 Open een nieuw document in Photoshop . Je moet het de grootte van het pictogram of knop die u probeert te maken . Dit voorbeeld de grootte is 80x30 . Aangezien het zal zijn op het web , maken de resolutie 72 . Kopen van 2 Ga naar het "Tools" -paneel , en verander de voorgrondkleur op wat je wilt het pictogram of knop kleur . Maak dan gebruik van de functie " Fill " op het doek te vullen met die kleur . In dit geval zal het blauw .
3 Verander de voorgrondkleur terug naar zwart of welke kleur u de tekst wilt . Gebruik de functie " Tekst " te typen in de tekst voor de knop .
4 Gebruik de " Move" tool en de cursor pijlen om de tekst recht omhoog uit het zicht sleept . Ga dan naar " File " en klik op " Opslaan voor web . " Sla dit op als een GIF in een map . Noem het GIF " yourname1 . " Nu iets lager en alsnog in beeld brengen van de tekst . Bewaar deze ene als " yourname2 . " Herhaal dit proces totdat de tekst verdwijnt aan de onderkant van het doek .
5 Sluiten Photoshop en ImageReady geopend . Ga naar " File " en vervolgens "Map importeren , " en importeer de map waarin u de GIF opgeslagen . Dit moet plaats de afbeelding in om in de tijdlijn . Ga dan naar " File " en " Save as Optimaliseren , " en sla het op als een GIF . Dit zal u uw geanimeerde GIF pictogram of knop .
Geven |
