Vor einiger Zeit veröffentlichte ich den ersten Part zu dem mehrteiligen Tutorial, in welchem ich erklären wollte wie man eine Website in Photoshop gestaltet und diese anschließend mit XHTML&CSS umsetzt.
Doch dann dachte ich mir, wieso eigentlich kein Videotutorial daraus machen? CREATESOMFING soll durch die Videos bekannt sein, und nicht durch langweilige Text Tutorials. Also habe ich mich hingesetzt und den ersten Teil zu dieser Tutorial Serie “gedreht”.
Im ersten Part zeige euch, wie ihr eure Arbeitsfläche vorbereitet, wie ihr ein passendes Stock findet und wie ihr den Header erstellt. Die Qualität ist dieses mal deutlich besser als bei den vorherigen Videotutorials, außerdem hoste ich das Video nicht auf einem Videoportal ala. YouTube.
Der erste Teil ist ungefähr 30 Minuten lang, also deutlich länger als die anderen Videotutorials.
Verwendete Programme
In diesem Videotutorial werde ich Photoshop und Dreamweaver von der Firma Adobe verwenden. Das Tutorial sollte sich aber auch recht einfach mit kostenlosen Varianten, wie zum Beispiel GIMP (Photoshop Alternative) oder NVU (Dreamweaver Alternative) nachmachen lassen.
Ergebnis des Tutorials
Das Ergebnis des Tutorials werde ich ebenfalls kostenlos zum Download anbieten. Ihr dürft mit dem Ergebnis machen was ihr wollt. Weiterverkaufen, verändern oder einfach nur benützen. Mir ist es eigentlich recht egal.
Wozu dieses Tutorial?
Im Internet gibt es genug Text Tutorials, aber ich bin der Meinung dass man durch ein Videotutorial einfacher lernt. Es gibt zwar bereits Videotutorials, die sind aber meistens recht teuer.
Wieso mache ich dass ganze?
Aus zwei Gründen. Ich möchte Einsteigern helfen. Als ich angefangen habe mich mit Webdesign zu beschäftigen bekam ich ebenfalls sehr viel Hilfe und ich möchte einfach etwas zurückgeben. Außerdem möchte ich meinen Blog durch diese Tutorial Serie ein wenig bekannter machen.
Falls euch das Tutorial also weitergeholfen hat, dürft ihr es gerne in eurem Blog erwähnen oder verlinken. 
Um zum Videotutorial zu kommen, einfach auf die Grafik oben klicken.
Hi!
Gutes Video. Ich bin der Meinung Du hättest es mit Worten beschreiben sollen. Auch wenn es für einen selbst peinlich wirkt, sehen tut dich keiner! Aber sonst echt super, weiter so!
Hej Hadi, ich hab leider kein Headset, hab bis jetzt einfach keines benötigt. Werd mir demnächst eines holen
Sehr schön! Steckt auch viel Arbeit drin. Allerdings ist es ohne Ton echt etwas schwierig dir zu folgen bei der ganzen Photoshopklickerei, ansonsten super Tutorial und ich bin gespannt wie es weiter geht.
Ich fände es auch besser, wenn du ein Headset beutzen würdest, das macht das ganze Tutorial noch besser verständlich, besonders für Anfänger. Außerdem nervt dieses Klicken irgendwann
Hey, super Tutorial. Ich denke, dass das mein eingerostetes Photoshop Wissen wieder etwas aufgefrischt hat.
P.S.: das Klicken ist echt nervig. *g*
Hey, echt net schlecht..allerdings würde mich mal interessieren, wie es weitergeht
Schöne Einführung und gute Video-Qualität. Die Ton-Kritik wurde ja mehrfach genannt. Durch die Erklärungen beim designen würde sich das Video auch deutlich verkürzen. Die Bildersuche hat ebenfalls sehr lange gedauert, sowas würde ich bei einem Tutorial über designen auch verkürzen. Ansonsten echt super!
hallo
echt super
hast du dir das selber beigebracht?. kannst du mir in sachen webdesign weiterhelfen ich komme nicht zurecht.
Kommt auch noch ein 2. Teil?
Hey ich würde mich riesig über einen zweiten Teil freuen.
Vor allem ein Tutorial bzgl Slicen und eine Navigation wären noch schön
Kann ich mir ja mal vormerken.
So der Freetagger will sich jetzt ein eigenes WP-Theme erstellen, aber wie geht es weiter? Header habe ich, das andere auch soweit, aber wie gehts weiter? Habs zwar schon mal gemacht, habs aber wieder vergessen
Also würde mich freuen wenn du mal mit der Tutorialserie weitermachst.
Habs schon selber hinbekommen
Macht sogar richtig Spaß, bloß die Seite ist mir zu klein geraten. Aber aus Fehlern lernt man – nicht wahr?
Weiter so
Hallo
super und vielen dank aber wo ist denn der zweite teil??