FrederikM.de Blog » Portfolio

WordPress Theme CS-Fotoschule

Frederik M. — Fri, 25 Sep 2009 17:58:08 +0000

Habe ein neues WordPresstheme erstellt. Live unter: http://fotoschule.frederikm.de
Setze dabei auf das Superfish JavaScript für die Menüs.

Fotoschule WordPress Theme

3 Jahre Citystuff – Party Universal D.O.G – Bilder und Filmclip

Frederik M. — Thu, 21 May 2009 07:42:57 +0000

Meine Bilder sind online, ihr findet sie ab Seite 14 bis 32.

Mein extrabi Video

Frederik M. — Tue, 28 Apr 2009 20:05:07 +0000

Ich hab zwar nicht viel gefilmt, aber es reicht für einen kurzen Clip, den Orginalton kann man allerdings nicht verwenden, da das kleine Micro mit der Lautstärke total überfordert war ^^
Programm: Premiere & After Effects

BlueMoD Theme

Frederik M. — Sun, 28 Dec 2008 11:05:05 +0000

Download:

Download German>> bluemod_de.zip (532kB)

Ich empfehle das Plugin “Pagebar”

Download English>> from wordpress.org (532kB)

Version: 1.0.3 Last Updated: 2009-01-12
I recommend the Plugin “Pagebar”

Download Photoshop *.psd

Making of

Schritt 1: Photoshop Slicen
Die erste Herausforderung ist, sich seines kreativen Verstandes zu bedienen, ich wollte nichts völlig neues, sondern altbewährtes neu auflegen. Ich hab mich für ein paar hübsche breite Scanlines entschieden. Farblich bin ich im Gegensatz zu Früher etwas weniger ins grün, sondern mehr ins dunkle blaugrau.
Die Scanlines später richtig zu Slicen erfordert einige Überlegungen, da man keine Überschneidungen oder falsche Muster will, kann ja sein dass es bei einer Auflösung von 1680×1050 passt bei 1280×1024 aber nicht. Die Lösung für mich war, die Scannlines nach links und rechts, auszubleichen, sodass ganz am Rand ein normaler Farbverlauf ist, den man dann als Hintergrund nehmen kann. Klar würde es auch anders gehen, vor allem Traffic schonender mit kleineren Grafiken, aber das war mir erst mal egal. Da hätte ich einige Div’s mehr gebraucht, und mich hat dieses Layout schon manchmal in den Wahnsinn getrieben.

Schritt 2: DIV-Layout
Viel ist es eigentlich nicht, das DIV Layout hab ich Schritt für Schritt in Dreamweaver erstellt, mit einer grafischen Sofortkontrolle geht es einfach schneller, anschließend muss man nur noch ein paar Zeilen PHP Code in die div-tags fügen und das ganze läuft. Ich hätte nicht gedacht, dass das Stylesheet so umfangreich wird. Übernommen hab ich die comment.php und die dazugehörigen Styles aus dem alten Theme (BlueBlog).Das wäre der ganze Code, den kann man noch in header.php, footer.php und index.php aufteilen. Den Code für die Beiträge hab ich hier nicht hinzugefügt, da es sonst zu unübersichtlich werden würde.

Es gab einige Startschwierigkeiten, da der ein oder andere Div vom Internet Explorer falsch interpretiert wurde, was zu fehlern führte, konnte diese aber finden und fixen. Firefox machte da keine Probleme, jetzt versteh ich wieso immer alle auf den IE schimpfen Siehe Screenshots:

Tools of Trade:

Adobe Dreamweaver & Photoshop
Notepad++ (Open Source)
WinMerge (Open Source) (Programm um Code vergleichen)
Filezilla (Open Source)
MySQL Dumper (Datenbankbackup) genial!

Mein erstes selbstgemachtes Theme

Portfolio – Video & Animation

Frederik M. — Sat, 06 Dec 2008 10:54:47 +0000

Introsequenz für den Alpenfilm erstellt mit Adobe After Effects CS3

Schneeflocken und Schweizerflaggen mithilfe von Partikelemitter erstellt.
Einzelne Grafiken in Photoshop ausgeschnitten und in AE importiert
Rendering in 1024x576px 16:9 PAL Widescreen
Musik: Pinback – Fortress (aus dem Album “Summer In Abaddon”)

Youtube 720p HD

Outro Alpenfilm

Vignettierung, Staub und Krazer lassen das Video wie einen alten Film aussehen
Abwechselnd Videosequenzen und Fotos
Rendering 1024x576px 16:9 PAL Widescreen
Musik: Russell Watson – Faith of the Heart

Youtube 720p HD

3D Animation erstellt mit Adobe After Effects CS3

Layer auf verschiedenen Ebenen angeordnet
Grunge Textur als Boden mit Flower Evolutions
Bildschirmvideos mit Camtasia aufgezeichnet
Kameraflug passend zur Musik
Musik erstellt in FL Studio (angepasstes Agripeggo Template)
Rendering 720p

Youtube 720p HD

2D Texteffekt (Adobe After Effects CS3)

Credits abspann oder Intro, für ein hypotetischen Film
Rendering in 720p

Youtube 720p HD

Vertical Limit (Adobe After Effects & Premiere)

Verschiedene Text und Audioeffekte in AE
Sternenregen und gekippter TV-Screen im Outro
Rendering: 640px

Portfolio – Flash/Banner

Frederik M. — Sat, 06 Dec 2008 10:54:22 +0000

Flash-Animationen (Navigationsleisten und Banner):

Homepage v.2 Banner:

Eigenes Gewitterfoto aufgenommen am 11.07.2006
Aufleuchten und Regen erstellt mit After Effects

Homepage v.1 Banner:

Eigenes Gewitterfoto
Blitz erstellt mit After Effects

The-Blue-Forum.de Banner

Erstellt und gerendert in Cinema 4D
Größe: 2,8 MB

Navigationsleiste für Website mit Hovereffeckt Größe: 22 KB

Neues TBF Banner

Erstellt in After Effects
Lichtstrahlen und Lenseffect
Größe: 1,5 MB

VT Forum Banner

Zahnräder in Cinema 4D erstellt und gerendert
Animation in After Effects Importiert und Schrifteffeckt hinzugefügt
Größe: 1,1 MB

Portfolio – Websites

Frederik M. — Sat, 06 Dec 2008 10:53:14 +0000

Deep-Hyperspace v.2

Flash Header und Navi, siehe Portfolio Flash/Banner
In Online bis Juni 2008, dann abgelöst durch Blogsoftware
Komplett HTML, kein PHP

Deep-Hyperspace v.1

Flash Header und Navi, siehe Portfolio Flash/Banner
In Online bis Juni 2006, dann abgelöst durch v2
Komplett HTML, kein PHP

ReinhardM.de

Hypothetische Website, Flahsnavi
nie Online

Abizeitung

Frederik M. — Fri, 22 Jun 2007 17:01:37 +0000

Abizeitung Cover:

Erstellt in Photoshop
Stockphotos von DeviantArt
Font von daFont.com

Abizeitung – Comic (Fotostory)

Fotos aufgenommen an einem Nachmittag (D70 und EOS 350)
Mit Photoshop in Comicstyle (Solarisationseffekt) und Schwarzweiß konvertiert
Sprechblasen ebenfalls in Photoshop erstellt.
Fonts von Dafont.com

Abizeitung – Fotomontage FritzAuto

Orginalfoto
Mit Photoshop erstellte Montage