Grundlegende HTML-Banner Erste Schritte
(Mit Updates von der Redaktion)
Die Grundierungen und ihre Bilder
Was wirst du brauchen
Ein Grafikprogramm. Dieses Tutorial wird Paintshop Pro verwenden. Diejenigen, die bereits in der grafischen Erstellung biz sind, werden jetzt sofort bonkers gehen, mir zu sagen, dass eine beliebige Anzahl von Programmen sind die bessere Wahl. Nun, jeder seine eigene.
Ich werde Pro Paint Shop für dieses Tutorial verwenden, weil es hat, was wir College-Professoren eine gute Lernkurve nennen. Das heißt, wenn Sie das Grafikprogramm lernen, es ist ganz einfach auf einem anderen aufstehen und laufen. Die Menüs sind sehr einfach und ganz in der Nähe zu anderen großen Grafikprogrammen wie Photoshop oder Corel, die ich auch besitzen. Das größte Problem von einem Programm zum anderen zu bewegen, ich habe, ist, gefunden, dass die Befehle in verschiedenen Menüs sind.
Zum Beispiel ist die CROP Funktion in Paintshop Pro unter dem IMAGE-Menü, während in PhotoShop unter dem Bearbeiten-Menü. Das ist ein gutes Beispiel für die Bedenken, die Sie Gesicht von diesem Tutorial gehen mit Paintshop Pro einem anderen Grafikprogramm zu verwenden. Es ist nicht ein großer Sprung.
Arbeitsplatz kam mit einem Grafikprogramm
Sie werden wahrscheinlich in der Lage sein, entlang den ganzen Weg zu folgen, bis die Zeit, die wir die Bilder animieren wir erstellen. Dann benötigen Sie ein Programm, das die Bitmap (gekennzeichnet durch eine Erweiterung .bmp) wandelt in GIF-Format. Wie Paint Shop Pro.
Gonna brauche ein Animator Programm, Too
Was wir gehen Stellen
Okay, es ist ein wenig doof, aber es wird uns erlauben, sechs Funktionen auszuführen, die zur Schaffung eines guten Ad-Banner von entscheidender Bedeutung sind. Außerdem habe ich nicht erwartet, dass man einfach diese eine von der Seite greifen würde und es verwenden. Aber wenn Sie wollen, gehen Sie weiter.
Hier ist der Plan von diesem Punkt an:
- Banner Primer # 2. Erstellen neue Bilder
- Banner Primer # 3. Lernen zuzuschneiden
- Banner Primer # 4. Importieren von Bildern - „Kopieren und Einfügen“
- Banner Primer # 5. Hinzufügen von Text und Schatten
- Banner Primer # 6. Animieren Sie die Bilder
- Banner Primer # 7. Aktivieren der Bild - und was damit zu tun
Das animierte Bild erfordert über 13 verschiedene Bilder zu vervollständigen. Sie sind:
Kümmern Sie sich nicht jetzt einer von ihnen zum Download bereit. Wir werden sie schaffen, wie wir gehen zusammen. Die einzige, die Sie wirklich von mir brauchen, ist das Ticket Bild oben, und Sie werden feststellen, dass zu Beginn der Banner Primer # 2 bekommen.
Zunächst einmal greifen die beiden Programme oben. Installieren Sie sie auf Ihrem Computer und stellen Sie sicher, sie arbeiten durch das Öffnen und das Spiel mit den Tasten. Wenn Sie keine Fehler erhalten, sie arbeiten.
Und der Text zu sprechen, was Ihr Banner sagen? Der Text muss sehr kurz sein. Es gibt nur 10 Worte auf diesem Banner (einschließlich der auf dem Ticket). Außerdem dreht sich das Banner vollständig in knapp sechs Sekunden. Das ist nicht viel Zeit, um Dinge zu lesen über. So machen Sie Ihren Text groß, aufregend und sehr schnell zu lesen.