Hoe maak je een banner in Photoshop CS3 maken

Banners zijn als wegwijzers naar uw website . Jupiterimages / Photos.com / Getty Images

Een vorm van website promotie die je niet kan overzien is banner reclame.Banners zijn opvallend en kunnen snel mensen te trekken naar uw website, zodat het creëren van hen is een essentiële vaardigheid om te leren.Ontwerp op maat banners in Photoshop met behulp van kleuren en elementen met betrekking tot uw website.Photoshop CS3 omvat de "Animation Palette" geïntroduceerd in Photoshop CS2, zodat u de beweging kunt toevoegen aan uw banner.Gebruik uw banner om aandacht te brengen van producten, diensten, informatie of speciale aanbiedingen die u aanbiedt.

Maak de Design

  1. Photoshop starten.Ga naar "File" en vervolgens op "Nieuw."

  2. Kies een formaat voor uw banner.Stel de breedte en hoogte te pixels en het gebruik van een gemeenschappelijke banner grootte, zoals "728x90" of "120x600."De resolutie zou moeten zijn "72 pixels per inch."Klik op "OK" om het bestand te maken.

  3. Klik op de voorgrond kleurstaal en kies een kleur

    te gebruiken als achtergrond voor uw banner.

  4. Ga naar "Edit" en vervolgens "Fill" en kies de "Voorgrondkleur."Klik op "OK."

  5. Kies "File" en vervolgens "Open."Selecteer de afbeeldingen die u wilt gebruiken op uw banner te openen.

  6. Klik en sleep de beelden in de banner-bestand om ze te importeren op afzonderlijke lagen.

  7. Klik op het eerste beeld en druk op de "Ctrl" en "T" te gebruiken toetsen "Vrije transformatie" om het formaat en de positie van de afbeelding laag.Als u tevreden bent met de veranderingen zijn, dubbelklikt u op om de transformatie toe te passen.Herhaal deze stap om aanvullende afbeeldingslagen positioneren.

  8. Kies de "horizontale" of "Vertical Type" tool en het lettertype, de grootte en kleur in de "Opties bar."

  9. Kies binnen de banner om een ​​tekstlaag toe te voegen en typ om tekst te creëren.

  10. Herhaal stap 8 en stap 9 om aanvullende soort lagen te creëren.

  11. Selecteer de "Move" tool en klik dan op de afzonderlijke lagen om ze te regelen voor het ontwerp van uw banner.Als je van plan bent om animatie toe te voegen aan uw banner, plaats uw afbeeldingen en tekst in de gewenste positie voor het eerste frame van de animatie.

Animate de Banner

  1. Ga naar "Window" en vervolgens "Animation" naar de "Animation Palette." Weer te gevenDe "Animation Palette" verschijnt onder het document raam en zal een enkel frame identiek is aan de lay-out

  2. Kies de "duplicaten Current Frame" knop aan de onderkant van de show "Animation Palette."Dit pictogram lijkt op een stuk papier met een gevouwen hoek.

  3. Plaats de lagen voor het volgende frame met behulp van de "Move" tool.Te maken tekst of afbeeldingen verschijnen en verdwijnen, selecteer het oog pictogrammen naast de lagen om hun zichtbaarheid te schakelen.

  4. Herhaal stap 2 en stap 3 om extra frames om de animatie toe te voegen.

  5. Test de animatie door te klikken op de "Play" knop.Als het signaal door te snel of te langzaam speelt op het moment dat onderaan elk frame en pas de framevertraging.

  6. Ga naar "File" en kies "Opslaan voor web en apparaten" om uw banner te exporteren als een geanimeerde GIF.

Tips & amp;Waarschuwingen

  • Select individuele frames in de animatie, of houd "Shift" om meerdere frames selecteren en bewerken.

Resources

  • Adobe Photoshop CS3: Optimaliseren Animation Frames
  • DesignersToolbox.com: Standard webbanners
301
0
1
Photoshop