Artikel der Kategorie
Tutorials
Tutorials, Webdesign, WordPress
Eine neue Webseite entsteht (Teil 6): WordPress lokal Installation und Blank-Theme
Willst du deine Webseite in WordPress umsetzen, ist es praktisch eine WordPress-Installation auf einem lokalen Web-Server einzurichten. So kannst du auch offline arbeiten, und später deine angelegte Datenbank problemlos auf deinen online Server importieren. Eine weitere tolle Option für die Theme-Erstellung in WordPress ist es, ein sogenannten Blank-Theme als Grundlage für die Programmierung zu verwenden. So spart man sich ein wenig Zeit, und muss nicht bei jeder Webseite komplett von vorne beginnen. Denn keine Sorge, Arbeit kommt noch genug auf uns zu ;-) Also, los gehts!
Weiterlesen
Pimp Your Logo: Tipps und Tricks zum Logo-Styling in Photoshop
Das Logo ist eines der wichtigsten und ausdrucksstärksten grafischen Elemente einer Firma, eines Produkts oder auch eines Blogs. Daher ist es besonders wichtig, bei der Gestaltung eines Logos viel Liebe ins Detail zu stecken, und so das Beste aus einer Logo-Idee herauszuholen. Im Webdesign ist es manchmal auch sinnvoll, ein bestehendes Print-Logo für die Webseite noch etwas zu stylen, damit es im Header der Webseite die richtige Wirkung erzielen kann. Ich zeige dir anhand des »Adventurer« Trekking-Logos, welche Tricks du beim Logo-Styling in Photoshop anwenden kannst.
Weiterlesen
Eine neue Webseite entsteht (Teil 5): Vorbereitungen für die Programmierung
Das Webdesign von Startseite, Header und Footer der CoffeeLove-Webseite haben wir im vierten Teil des Tutorials abgeschlossen. Der schwierigste Teil des Design-Prozesses ist also bereits geschafft. Jetzt fehlt nur noch die Gestaltung der Unterseiten und des Blog-Elements. Außerdem kannst du auch gleich noch alle Bilder deines Webdesigns zuschneiden, und als CSS Sprites generieren. Hast du all dies erledigt, kannst du im nächsten Schritt (bzw. im nächsten Tutorial) endlich mit der Programmierung deiner Webseite beginnen.
Weiterlesen
Eine neue Webseite entsteht (Teil 4): Das Webdesign-Styling
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.
Weiterlesen
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 Webdesign schneller voran kommst. Also los geht’s an die kreative Arbeit :-)
Weiterlesen
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 wir uns an die Arbeit!
Weiterlesen
Inspiration, Tutorials, Webdesign
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 mit meinem Tutorial jede Menge Tipps und Inspirationen für die Gestaltung deiner eigenen Webseite geben zu können.
Weiterlesen
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.
Weiterlesen
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.
Weiterlesen
Ein Roboter-Maskottchen entsteht (Teil 1): Charakterfindung und Skizzen
Bestimmt hast du schon bemerkt, dass wir bei Elmastudio riesige Fans von Webseiten-Maskottchen sind. Daher haben wir uns überlegt eine kleine Tutorial-Serie zu machen, in der du die Entstehung eines Maskottchens von der ersten Skizze bis zur fertigen Illustrator-Illustration mitverfolgen kannst. Im heutigen ersten Teil möchte ich dir zeigen, wie du einen Maskottchen-Charakter entwickeln kannst und welche Schritte du dabei beachten solltest.
Weiterlesen

Social Sites
Twitter
Facebook
Delicious
Vimeo
Illustrator-Tutorial: »Eine Handzeichnung in Illustrator kolorieren«
Flickr
Elmastudios Flickr Diashow