Im Teil 3 des Tutorials ist der erste, grobe Webdesign-Entwurf entstanden. Damit dein Design auf jeden Fall ein echter Hingucker wird zeige ich heute, mit welchen Effekten und Tricks du deinem Entwurf den letzten Feinschliff geben kannst. Denn nur mit Liebe zum Detail wird ein Webdesign zu etwas ganz Besonderem. Das fertige Webdesign der Startseite…
Tutorial
71 Beiträge
-
-
Eine neue Webseite entsteht (Teil 3): Webdesign mit Illustrator und Photoshop
Nachdem im zweiten Teil des Tutorial das Mockup für die CoffeeLove-Webseite entstanden ist, wird es jetzt endlich so richtig bunt, denn die Arbeit mit Photoshop und Illustrator kann endlich beginnen. Ich werde dir zeigen, wie du bei der Gestaltung des Design-Entwurfs vorgehen kannst, was du beachten solltest, und mit welchen Tricks und Tipps du im…
-
Eine neue Webseite entsteht (Teil 2): Die Layout-Vorlage (Mockup)
Im ersten Teil des Tutorials haben wir bereits jede Menge Inspirationen und Material für die neue Webseite gesammelt. Jetzt beginnt endlich die richtige Schweißarbeit, eine Layout-Vorlage auch Mockup genannt, muss erstellt werden. In diesem visuellen Konzept wird geklärt, wie viele Seiten eine Webseite haben soll und wo die einzelnen Seitenelemente angelegt werden. Los geht’s, machen…
-
Eine neue Webseite entsteht (Teil 1): Inspiration und Materialsammlung
Heute möchte ich mit einem kleinen Webseiten-Tutorial beginnen, in dem ich Schritt für Schritt die einzelnen Arbeitsprozesse bei der Entstehung einer Webseite beschreibe. Denn natürlich hilft es sehr, die neusten Tools und Webdesign-Trends zu kennen. Doch sich selbst an die Arbeit zu machen, ist noch einmal eine ganz anderes Kapitel ;-) Daher hoffe ich, dir…
-
So erstellst du ein stylisches Logo in Photoshop und Illustrator
Möchtest du wissen, mit welchen Tricks und Kniffen du dein Logo am besten in Photoshop und Illustrator realisieren kannst? In diesem Tutorial erfährst du Schritt für Schritt, wie du ein stylisches Logo mit Symbol und Schriftzug in Photoshop und Illustrator baust und welche Effekte (z.B. Glanz-, Reflexionen- und Schatteneffekte) dabei besonders wichtig sind. Das fertige…
-
Ein Roboter-Maskottchen entsteht (Teil 2): Illustration mit Adobe Illustrator
Im ersten Teil der Serie hast du gesehen, wie man die Skizze für ein Webseiten-Maskottchen zeichnet. In diesem Tutorial möchte ich dir Schritt für Schritt zeigen, wie aus deiner Zeichen-Vorlage eine fertige Illustration entsteht. Die fertige Illustration Also los geht’s, machen wir uns an die Arbeit :-) 1. Das Illustrator-Dokument vorbereiten Als erstes solltest du…