All Posts By

Christian

Eine weitere Runde Photoshop

Es ist mal wieder Zeit für ein Update, hat ja auch lange genug gedauert.

Dieses mal ist meine Abschlussarbeit aus dem Photoshop-Kurs dran, dazu gesellen sich 3 neue Bilder aus meiner Serie Link in Österreich.

Zunächst die Photoshoparbeit:

Vorgegeben waren das Hintergrundbild, verschiedene Himmel, ein Zebra, die Antilopen und die Massai, die aus ihren jeweiligen Bildern freigestellt werden mussten. Optional konnte man natürlich auch weitere Bilder einfügen, wovon ich auch reichlich gebrauch gemacht habe.
Bei der Arbeit lag der Fokus auf das Freistellen von Bildern und deren farbliche Anpassung. Weiterhin sollten natürlich auch die Proportionen der einzelnen Bildelemente zueinander stimmen. Die Zeitspanne der Arbeit betrug 19 Unterrichtseinheiten zu je 2 Stunden Unterricht und 2 Stunden Praxiszeit. Alle vorangegangen Photoshoparbeiten sind auch während dieser Zeit entstanden. Hier haben wir in den jeweiligen Unterrichtseinheiten verschiedene Bildbearbeitungstechniken kennengelernt und sie dann direkt praktisch angewendet.

Hier zunächst das Ausgangsbild:

LEK2_Vorlage_BG

und dann das Endergebnis:

LEK_Serengeti_web
Zum Schluss dann noch die 3 neuen Bilder aus der Reihe Link in Österreich.
Link_Krimml_Zora_web Link_Lost_Woods_01_web Saria_Bischhofshofen_web

Jetzt geht es erst einmal wieder zurück zu meinen Bewerbungsunterlagen wo sich die Arbeiten nun auch endlich dem Ende nähern und ich auch hiervon in einem der nächsten Einträge berichten kann. Ansonsten werde ich als nächstes ein paar Arbeiten aus dem Illustrator Kurs hier präsentieren und vielleicht auch noch das ein oder andere Bild, was ich für meine Bewerbungsunterlagen erstellt habe.

Also dann, bis zum nächsten Pixel 🙂

Neuigkeiten aus PS + aktualisiertes Handbuch

Es ist jetzt etwas her seit dem letzten Update, aber ich habe heute endlich mal wieder Zeit für ein kleines Update gefunden:

Aktualisierung des Star Trek Handbuchs

Zunächst habe ich die SWF Version des Star Trek Handbuches überarbeitet: ich hatte ursprünglich nur die SWF Datei hochgeladen ohne alle Mediendateien. Diesen Fehler habe ich nun korrigiert und alle Dateien sind jetzt in einer Zip-Datei anstelle der SWF-Datei. Irgendwann werde ich mich auch nochmal daran setzten, dass man die 3 Videos innerhalb des Dokuments besser erkennt, aber das steht erst einmal weiter unten auf der To-Do Liste. Soviel sei gesagt, alle Videos sind Kapitel Taktik zu finden 😉

2 neue Bilder aus dem Photoshopkurs

Als nächstes habe ich wieder zwei Bilder aus den Anfängen von PS.

Zunächst sollten wir etwas mit dem Mosaikfilter herumspielen und das kam dabei raus:

Buntglas-Mosaik

Beim zweiten Bild habe ich den Wiedehopf nachgezeichnet und den Hintergrund mit einem Kunstfilter versehen:

Wiedehopf

Soviel zum neuen Content erst einmal. Momentan bin ich dabei fleißig Unterlagen und eine Bewerbungsmappe für meinen Praktikumsplatz zu erstellen. Davon wird es dann hier auch demnächst was zu sehen geben. Das nächste Update sollte dann auch nicht so lange auf sich warten lassen,

also bis zum nächsten Pixel 😉

Mal was Aktuelles

Heute gibt es mal was ein paar aktuelle Arbeiten:

Html&CSS

Da ich diese Arbeiten für meine Praktikumsbewerbung benötige und ich sie dafür eh hochladen muss, kann ich sie auch hier direkt vorstellen:

Zunächst meine html/css Arbeit, die in den letzten 6 Wochen entstanden ist. Vorgabe war eine Homepage für eine Pizzeria zu erstellen (Speisekarte und einige Bilder waren vorgegeben). Dazu sei gesagt, dass ich bis vor den 6 Wochen noch nie etwas mit Homepageprogrammierung am Hut gehabt habe und es schon etwas Zeit gebraucht hat, bis die Zusammenhänge klar geworden sind. Dafür finde ich das Ergebnis aber doch noch recht gelungen:

Pizzeria Cowan

InDesign

Das nächste wäre meine InDesign Arbeit die ich im Juni erstellt habe. Die Vorgabe war hier, ein kleines Heft, eine kleine Broschüre oder einen Flyer mit mindestens 16 Seiten zu erstellen und zunächst eine Print-Version und später dann eine Version für das Web zu erstellen.

Ich habe mich hier für das Thema Star Trek entschieden, da ich mich schon seit meiner Kindheit dafür interessiere und ich mit meinen Freunden während der Schulzeit hier viele schöne Erlebnisse hatte. Man kann es schon fast als kleine Danksagung an die „Crew“ von damals bezeichnen. Herausgekommen ist dann die USS Aquitaine – Das technische Handbuch, insgesammt 88 Seiten stark. Die pdf und SWF Datei findet ihr auch schon im Downloadbereich der Seite. Wenn ich mal wieder mehr Zeit habe wird das Dokument auch noch um entsprechende Deckpläne des Schiffes ergänzt, die ich schon als Vorlagen in sehr niedriger Auflösung habe, so kann ich diese dann wenigstens als grobe Vorlagen verwenden.

Hier gibt’s dann auch direkt schon einmal das Cover:

Aquitaine_Cover

Viel Spaß beim lesen und bis zum nächsten Post 😉

Die erste Arbeit aus dem Photoshop-Kurs

Frisch aus dem Urlaub zurück ist es mal wieder Zeit für ein Update:

Dieses mal geht es um eine Arbeit, die ich Mitte März geschrieben habe (und eigentlich hier als erster, bzw. zweiter Eintrag stehen sollte, wenn ich die Erstellung der einzelnen Bilder richtig im Blog einhalten würde… Zukünftig sollte das aber klappen mit der Chronologie 😉 ). Es war die erste Arbeite mit Endnote aus dem Photoshop-Kurs.

Die Aufgabe bestand darin, aus fünf vorgegeben Bilder eine Collage so genau wie möglich nachzubauen. Dabei musste jedes Bild individuell bearbeitet und angepasst werde.

Zunächst die Ausgangsbilder:
Alle waren im tiff Format und mit unterschiedlichen Auflösungen von Breiten zwischen 3000px und 800px:

projekt_01_web

Änderungen:
– Freistellen des Hintergrundes
– Ändern der Farbe der Blüte

projekt_02_web

Änderungen:
– Einfärben der Augen
– Farbanpassung zu einem Sepia Stil

projekt_03_web

Änderungen:
– Entfernung eines Teils des Ohrschmucks
– kleine Photoshoparbeit am Stirnband

projekt_04_web

Änderungen:
– Farbanpassung des gesamten Bildes

projekt_05_web

Änderungen:
– Farbanpassung des Blattes
– Verwendung als Hintergrund für Bild 1

Alle Bilder mussten dann noch in der Größe angepasst werden und eine optische Trennung musste erfolgen, zum Schluss kam dann noch der Name dazu. Und hier ist dann das Endergebnis:

LEK 1

Nach dieser Arbeit folgende dann schon direkt die Abschlussarbeit für Photoshop die mehr Freiraum für eigene Elemente enthielt, aber auch mehr Zeit um diese Fertigzustellen. Nebenbei kamen natürlich immer wieder neue Funktionen in Photoshop dran. Da wird es dann in den nächsten Beiträgen einiges zu sehen geben.

Zum Thema Abschlussarbeit sei soviel schon verraten: Es geht nach Afrika. Mehr dann in ein paar Wochen 😉

Wieder was aus den Anfängen…

Und weiter geht’s mit Bildern 🙂

Dieses Bild stammt aus den ersten Tagen des Photoshop-Kurses. Ziel war es einfach eine Grußkarte zu erstellen und das ist dabei rausgekommen:

Totoro

Demnächst steht erst einmal der Urlaub an und hoffentlich wird ich da auch Zeit finden neue Bilder zu kreieren und ein paar ältere Sachen für den Blog aufzuarbeiten, dass ich hier mal vorwärts komme…

Link in Österreich

Und wieder ein Bild aus meinen Photoshop Anfängen. Aufgabe war es eine Collage zu erstellen und auch hier habe ich passendes Urlaubsfoto mit den Fotos eines Zelda Cosplays vom Zeldaproject.net zu verbinden. Das ganze hat ca. 2 Stunden gedauert. Diesmal gibt es auch den vorher nachher Vergleich (und eine etwas größere Version beim Klick auf das Bild):

Ausgangsbild:
IMG_0392_web

Und das Endergebnis:
Link_Collage_web

Vielleicht werde ich da in nächster Zeit nochmal ein paar andere Bilder auf dieses Weise bearbeiten…

Bis zum nächsten Pixel 😉

Webdesign-Trends 2013/2014

Da es letztens mal kurz angesprochen wurde, hier eine Seite die sich die 5 wichtigsten Trends in Sachen Webdesign vorstellt mit Beispielseiten:
http://viminds.de/design/5-wichtige-webdesign-trends-2013-2014

Hier auch direkt die kurzen Stichpunkte:
1. Flat-Design
Das Design kann man am besten mit der Metro-Oberfläche von Windows 8 vergleichen, ob es sich durchsetzt bleibt abzuwarten, den großen Zuspruch hat Windows 8 ja nicht erhalten, obwohl man es mittlerweile ja soweit einrichten kann, dass es wie Win 7 aussieht. Konnte mich selbst schon gut daran gewöhnen.
2. Responsive-Design
Ein wichtiger Punkt heutzutage dass Websiten auch klar auf Tablets, Smartphones und PCs gleichermaßen angezeigt werden können, ohne das das Design verrutscht. Diese Umsetzung wird auch irgendwann in der Umschulung stattfinden.
3. Off-Canvas
Fällt auch etwas in den Bereich des Responsive Designs. Früher wurde ja mehr untereinander angeordnet, hier werden die Seitenelemente seitlich angeordnet. So kann man auch auf größeren Monitoren oder Fernseher direkt mehr sehen.
4. One-Page-Design
Wenig Menüs und alle Informationen auf einer Seite angeordnet. Das ist das One-Page-Design
5. Parallax-Scrolling
Grafisch sehr anspruchsvoll aufbereitet mit unterschiedlich schnell scrollenende Seitenelementen. Hier direkt ein anderes gelungenes Beispiel dafür: http://www.putzengel.at/

Mal abwarten was sich davon durchsetzen wird 🙂

Die ersten Schritte in Photoshop

Und direkt mal etwas Content 😉

Die Bilder sind das Ergebnis des 4. und 9. Tages meines Photoshop-Moduls am Anfang der Weiterbildung. Es ging hier lediglich um Basics, wie Bilder ineinander kopieren, Text auf Pfad und generelle Texteinbindung.

Wir konnten hier eigene Bilder als Basis nehmen und sie stammen alle aus meinem Urlaub in Österreich 2012

Collage Großglockner Collage Großglockner

Angekommen…

Lange hat es gedauert, aber nun hat der Blog auch den Weg ins Internet gefunden.

In diesem Blog werde ich in den nächsten Monaten über meine Weiterbildung zum Mediengestalter berichten. Dazu werde ich dann auch die Arbeiten vorstellen die ich während des Unterrichts anfertigen werde. Hier werde ich auch in den nächsten Tagen/Wochen meine bereits fertigen Arbeiten mal hochladen.

Aber auch wenn ich sonst was interessantes finde, wird sich hier sicherlich der ein oder andere Beitrag wiederfinden. Zum einen hoffe ich, dass der Blog etwas Ansporn ist mal endlich wieder einige Zeichnungen fertig zu machen, zum anderen wird sich hier aber auch der ein oder andere Beitrag zu meinem anderen Hobby, dem Modellbau, finden. Dazu wird in nächster Zeit auch endlich mal was zu meinem P&P Rpg Projekt Theia kommen (ja, es lebt noch 😉 ), hierzu könnt ihr euch die Adresse www.theia-rpg.de schon einmal vormerken (ist bislang noch nichts drauf, wird auch noch etwas dauern, bis ich da eine gescheite Homepage hochgezogen habe).

Momentan werde ich den Blog für alle Themen nutzen, bis ich genug Kenntnisse in Webdesign gesammelt habe, dass meine  Homepage  endlich fertig wird (derzeit sieht die Planung so aus, dass es www.khaist.de für meine Hobbys und www.theia-rpg.de für mein Rollenspielprojekt geben wird, aber bis das endgültig fest ist werden noch viele Pixel zum Drucker geschickt werden 😉 ).

Was die Umschulung angeht, so steht bei mir gerade HTML5 seit ca. 3 Wochen an und ich hätte nicht gedacht, dass es soviel Spaß machen würde, das zu lernen. Bislang hatte ich ja eher noch keine Kenntnisse mit HTML & Co.

Zunächst werde ich mich wohl erst einmal etwas in die Blogthematik  mit WordPress eingewöhnen.

Also bis zum nächsten Eintrag 🙂

Durch die weitere Nutzung der Seite stimmst du der Verwendung von Cookies zu. Weitere Informationen

Die Cookie-Einstellungen auf dieser Website sind auf "Cookies zulassen" eingestellt, um das beste Surferlebnis zu ermöglichen. Wenn du diese Website ohne Änderung der Cookie-Einstellungen verwendest oder auf "Akzeptieren" klickst, erklärst du sich damit einverstanden.

Schließen