Website banners worden gebruikt zowel als headers voor een site te laten een bezoeker weten wie je bent en wat je doet en als advertenties geplaatst op sites van andere mensen om uw producten te promoten of te verleiden mensen naar uw site . De meest indrukwekkende en opvallende banners bevatten vaak een soort van animatie , zoals de lichtkrant . Je zou kunnen denken dat het ontwerpen van een kwaliteit banner als dit is een taak voor een professionele grafische kunstenaar , maar als je toegang tot Photoshop CS3 hebt u een indrukwekkende banner zelf te produceren . Voorbereiding
Schets
op papier uw ideeën voor je banner voordat je begint te werken in Photoshop , omdat het hebben van een gerichte idee van uw ontwerp eerste tijd zal besparen . Bepaal wat u wilt dat uw banner te zeggen , evenals wat lettertype stijl , kleur en grootte die u wilt gebruiken voor de tekst . Laad alle afbeeldingen - afbeeldingen of foto's - je zou willen toevoegen aan uw banner op uw computer , hetzij door overdracht van de bestanden van een digitale bron of door ze te scannen . Sla ze allemaal naar dezelfde map .
Het creëren van de Banner
Nu maken de werkelijke banner . Begin met het openen van Photoshop . Selecteer " File " en klik "Nieuw . " In het nieuwe document dialoogvenster dat wordt geopend , sluit de breedte en hoogte in pixels voor uw webpagina banner . Een veelgebruikte maat voor header banners is 468 bij 60 pixels . Deze grootte werkt ook bij het aanmaken van een advertentie banner . Of wilt u misschien een verticale banner te maken op 120 bij 600 . Maak de resolutie 72 en klik op "OK . " Klik
op de "nieuwe " kleur aan de onderkant van de werkbalk en verander de kleur naar wat je wilt voor de achtergrond van uw banner . Of , zo u wilt , kunt u de functie " Gradient " selecteren en toepassen van een helling op het doek .
Selecteer " File " en klik op "open . " In het dialoogvenster dat wordt geopend , zoekt u een van de afbeeldingen eerder u geladen en open het. Selecteer "Edit " en vervolgens " Kopiëren . " Ga nu naar de banner document , selecteer "Edit " en klik op " Plakken . " Selecteer "Edit " en vervolgens " Transform " en klik op " Scale . " Het formaat van het beeld om wat je wilt voor de banner . Maak dan gebruik van de functie " Verplaatsen " om het te plaatsen waar u maar wilt.
Maken Geanimeerde Tekst
Om een geanimeerde banner te maken van uw ontwerp selecteer het " gereedschap tekst " en stel de opties voor het lettertype aan wat je eerder opgepakt . Typ nu in uw text.Select " Windows " en klik op " Animation . " In de tijdslijn die op de bodem wordt weergegeven , klikt u op de "Frame dupliceren " knop . Selecteer het eerste frame en trek de tekst naar beneden uit het zicht . Selecteer vervolgens de tweede laag en sleep de tekst naar boven uit het zicht . Stel " Duration onderaan de twee frames 0,1 seconden . Klik op het icoon " Tweening " en in de dialoog te creëren 54 frames tussen de twee . Klik op "OK . " Klik op de " Play " knop en je zult zien dat uw banner heeft nu scrollende tekst .
Selecteer " File " en klik op " Opslaan voor web en apparaten . " In het dialoogvenster , kiest " GIF " als het bestandstype en klik op "Opslaan . " Noem het bestand en klik op "Opslaan ".
|
