Plattengrau

Das bewegte Facebook Timeline Coverbild [Facebook Hack]

Ness Nissla — Thu, 17 May 2012 17:16:45 +0000

Es gibt einen neuen Facebook Timeline Hack von uns!

Er ermöglicht mit geringem Aufwand ein bewegtes Coverbild bei einem Facebook Profil oder einer Facebook Seite.
Ich spielte schon sehr lange mit dem Gedanken das Timeline Coverbild irgendwie zu animieren und weil Facebook keine animierten GIF’s oder Videos zulässt, musste ich mir was einfallen lassen. Diese Technik habe ich bis jetzt noch nicht bei anderen Unternehmensseiten oder privaten Profilen von kreativen Köpfen gesehen aber schon eine Zeit dran gedacht, einen QR Code dafür zu verwenden. Das Coverbild bewegt sich zwar nicht von selbst aber durch den QR Code, hinter dem sich ein Video verbirgt, dass passend zum Coverbild erstellt wurde, bewegt es sich dann doch.

Verwendet wurde eine kurze Sequenz einer vorbeifahrenden U Bahn aus Berlin, mit der ein Video erstellt wurde. Die URL zum Video kann man gleich beim Hochladen mit einem QR Code Generator in einen für Smartphones mit Leichtigkeit lesbaren QR Code umwandeln und man muss diesen nur noch in das Timeline Coverbild einpassen. Schon hat man sein bewegtes Facebook Timeline Coverbild.

Wer sich das ganze auch mal ansehen und testen möchte muss nur sein Smartphone mit QR Code Reader bereithalten und die Plattengrau Facebook-Seite öffnen: https://www.fb.com/Plattengrau

Viel Spaß beim nachmachen und bitte postet mir eure Ideen und Links zu euren bewegten Timeline Coverbildern in den Kommentaren. Dankeschön!

Das neue Google+ Profil

Ness Nissla — Sun, 15 Apr 2012 12:23:12 +0000

Das neue Google+ Profil

Das neue Google+ Profil hat jetzt auch ein durchgehendes Hintergrundfoto mit dem man sein Profil aufhübschen kann. Damit das Profilbild und das Hintergrundfoto auch richtig zusammenpassen und nicht verschoben sind, muss man den “Verschnittrand” beachten. Dieser beträgt auf der linken Seite des Hintergrundfotos 10 Pixel und auf der rechten Seite 40 Pixel.

Profilfoto: 250px x 250px
Hintergrundfoto: 940px x 180px (Sichtbarer Bereich: 890px x 180px)

Bei der Hovercard wird vom Hintergrundfoto ein leicht abweichender Ausschnitt angezeigt, daher sind Hintergrundfoto und Profilfoto minimal verschoben.

Hier noch ein Screenshot mit den Abmessungen des Hintergrun- und Profilfotos:

Photoshop Tutorial – London Bus

Ness Nissla — Sun, 19 Feb 2012 08:12:00 +0000

In this photoshop tutorial i will show you how to create a stunning color cutout image with a nice halftone effect in about 15 miuntes.

I used:

Adobe Photoshop (You can buy Adobe Photoshop here or receve a Free 30-day Trail) -
Topaz Clean Filter (You can buy the Topaz Clean Filter here or receve a Free 30-day Trail Key for the Filter.
I have a 30-day Trail now but i will definitely buy it because it saves me a lot of time.
A photo with a high resolution (I used a photo with 5184x3456px in JEPG)

Step 1: Create the Cartooned Layer

Let’s start by opening the image file, go to Filter>Topaz Clean and use the Cartooned Style. Adjust it with the controllers till it looks smooth with not to many hard edges and press OK. Name this Layer: Cartooned Layer

Step 2: Create the Edges Layer

Duplicate the Cartooned Layer. Select the copy of the Cartooned Layer and go to Filter>Artistic>Poster Edges. Adjust it with the controllers till it fits your needs and press OK.
(Medium Thick Edges, a medium Edge Intensity and a high Posterization work best). Name this Layer: Edges Layer

Step 3: Create the Dotted Layer

Duplicate the Edges Layer. Select the copy of the Edges Layer and go to Filter>Pixelate>Color Halftone (My Settings: Radius: 12 … 100 for the rest but you can play with the settings till it looks nice). Set the Blend Mode to: Luminosity and Fill to about 30%. Apply a new Layer Mask and draw with a black Brush on the Layer Mask. (You will find the Layer Mask at the bottom of the layers palette [The square with the circle Icon in it] or go to Layer>Layer Mask>Reveal All).
When you draw on the Layer Mask with black – you will erase parts of the picture. Erase the parts of the picture that you want to be without the dotted style. (Set the brush size as you need it but the hardness to about 97%). Name this Layer: Dotted Layer

Step 4: Create the Outline Layer

Select the Edges Layer and go to Select>Color Range. Select the black color (or the darkest) on your picture and press OK.
(Set a Fuzziness of about 89 … something like that).
Now as you have the dark areas selected apply a new Layer Mask. Name this Layer: Outline Layer

Step 5: Create the Blur Layer

Duplicate the Outline Layer. Select the copy of the Outline Layer and go to Filter>Blur>Radial Blur. Use Zoom as Blur Mode, point the crosshair to the vanishing point of your picture and press OK (Maybe you have to try a bit to match the vanishing point).
(The amount of the Radial Blur is up to you, I used 54 and the Quality to Good – If you use a high amount and Quality Best, it takes a bit longer to render the Radial Blur). Name this Layer: Blur Layer

Step 6: Create the Colored Objekts Layer

Select the Cartoon Layer and apply a Layer Mask. Draw with a black Brush on the Layer mask on the objekts that you want to be colored. (You will erase the object when you draw black on the layer mask as before). If you have finished erasing the objekt(s), invert the Layer Mask (Press strg+I with the Layer Mask selected). This will bring back the colored object and erase the rest of the picture. Rename this Layer: Colored Objekts Layer

Step 7: Create the White Layer

Create a new Layer and fill it with white color. Name this Layer: White Layer

Step 8: Order the Layers

Order the Layers (Layers are ordered like inside Photoshop: 1-Bottom to 6-Top)
6.Layer: Outline Layer
5.Layer: Colored Objekts Layer
4.Layer: A Copy of the Blur Layer if you want to have a bit more Blur
3.Layer: Blur Layer
2.Layer: Dotted Layer with Fill: 30% and Blend Mode to Luminosity
1.Layer: White Layer

And here is the final result:

Hope you’ve enjoyed this Tutorial!

Von Wien nach Innsbruck mit der WESTbahn

Ness Nissla — Fri, 13 Jan 2012 09:51:49 +0000

Ab nach Innsbruck!

Ich wollte mal die WESTbahn ausprobieren und muss sagen, dass man in der WESTbahn nicht so recht weiß, ob man jetzt in der ersten oder der zweiten Klasse sitzt. Die edlen Ledersitze mit kleinem Klapptisch erinnern mich an ein Flugzeug, eben so wie die Stewards an Board. Das Motto des Zuges, in dem ich sitze lautet: “Beinfreiheit in allen Zügen“ und das kann schon viel wenn man die engen abgesessenen Sitze der Konkurrenz gewohnt ist. Ein Raucherabteil gibt es auch und zwischen jedem Waggon gibt es eine kleine Snackbar. Das Personal ist um Welten freundlicher und bringt einem sogar Snacks an den Sitzplatz. Aber das schlagende Argument war “freies W-Lan“. Ich wollte meine Anreise ja produktiv gestalten und schon bisschen recherchieren und diesen Reisebericht schreiben. Bei einer gemütlichen Zigarette im Raucherabteil wurde ich gleich von einem rotzen fetten Fahrgast begrüßt. Nach ein paar Minuten wollte er von mir wissen wo hier das Heisl ist und ich hab im natürlich den Weg beschrieben: “Grad aus und wennd bei einem ungewohnt sauberen Kamerl anstoßt, kannst laufen lassen.“ Sein knappes: “Donksche!“ signalisierte die dringlichkeit seines nur all zu menschlichen bedürfnisses. Wer muss nicht nach 3 Bier in 10 Minuten mal Wasserlassen. Als er mit einem erleichterten Gesichtsausdruck zurück kam, vergingen keine 3 Minuten bis er dem ganzen Raucherabteil auch schon seine Lebensgeschichte erzählt hatte. Er muss mit dem Zug fahren weil “sie“ ihm den Führerschein gestohlen hatten. Dabei fährt er garnicht gerne mit dem Zug, weil das übliche Zugpersonal nicht sonderlich nett zu ihm ist. Er ist ja Alkoholiker und Kettenraucher, lallte er vor sich hin. Als dann eine Stewardess kam, um die Fahrkarten zu kontrollieren, versuchte er sich aufrecht hinzusetzen, was er aber mit einem relativ guten erfolg überhaupt nicht schaffte. Von der Sitzbank rutschend, schon fast am Boden liegend und seinen Kopf im Schoß der Dame auf der gegenüberliegenden Sitzbank balancierend, wusste er nichts Besseres als die Stewardess forsch und fast unverständlich lallend zu fragen: “Wou konni dn meine Biaadosn weghauun?“ Sie erwiederte nur freundlich: “Was wollen Sie kaufen?“ Ich bin schnell dazwischen gefahren und habe ihr sein Lallen übersetzt. Als klar war, dass er sich nur der leeren Bierdose entledigen wollte, nahm sie diese an sich und warf sie in den nächsten Mistkübel. Damit hatte der betrunkene Fahrgast absolut nicht gerechnet und fing in seiner Freude über diese menschenwürdigen und mit den anderen Fahrgästen gleichgestellten behandlung an ein Loblied auf die WESTbahn und ihr überaus freundliches Personal einzustimmen. “Goo weest, ihr sads vüh behessah. Goo weest, ois die Öbbela. Goo weest, ihr hobts a Heaz für mi. WESTbaahn, ich glaub i leibe di!“ Rot vor scham und nicht wissend wie sie den Betrunkenen, der mittlerweile den Boden geküsst hatte und wie ein geiler Hund am Bein der Stewardess hieng, loswerden sollte. Bedankte sie sich gefasst bei dem Schamör und bat die anderen rauchenden Gäste um Entschuldigung und darum, wieder ihre normalen Sitzplätze einzunehmen, da der Zug in Kürze Salzburg erreichen würde.

Happy New Year – 2012

Ness Nissla — Sat, 31 Dec 2011 12:44:59 +0000

Happy New Year 2012

Anleitung um animierte Gifs in Google+ Seiten einzustellen [How to]

Ness Nissla — Fri, 11 Nov 2011 18:17:59 +0000

Animierte Gifs in Google+ Seiten?!

Ja es funktioniert! Und mit dieser kurzen Anleitung zeige ich euch wie ihr animierte Gifs in Google+ Seiten einstellen könnt.

Hier könnt ihr es auf der Plattengrau Google+ Seite ansehen.

Die animierten Gifs lassen sich nicht überall auf den Google+ Seiten einstellen. Bei den Fotos für die Fotowand (die 5 Bilder über dem Newsstream) ist es möglich aber beim Profilbild der Google+ Seite ist es (zum Glück) nicht möglich.

Zuerst solltet ihr euch aber eine nette Animation überlegen die eure Fans nicht abschreckt und neue Fans dazu bringt eure Google+ Seite einzukreisen. Ich hatte noch nicht genügend Zeit für nette Animationen und hab nur mal schnell extrem graushässliche animierte Gifs erstellt um das einmal zu testen und euch zu zeigen das es funktioniert (Ja ich weiss: Shame on me für diese schlechten Gifs und das ich die Anleitung dazu poste). Aber da ich nicht weiss wie lange sich die animierten Gifs auf Google+ Seiten noch bewegen werden und ich diesen kleinen Tick gerne mit euch teile, müssen diese Gifs auf meiner Google+ Seite als Beispiel mal reichen.

Irgendwie hab ich ja jetzt schon Bedenken diese Anleitung zu Posten und bald vor graushässlichen Gif Animationen, vielleicht sogar Regenbogenfarben mit Glitzersternchen und pulsierenden Herzchen auf fast allen Google+ Seiten flüchten zu müssen.Ich glaube einfach mal ganz fest dran, dass nur schöne, den Augen schmeichelnde und tolle animierte Gifs in Google+ Seiten eingebaut werden.

Wenn die Animation mal in einem für animierte Gifs geeigneten Programm erstellt ist fängt der Trick beim richtigen abspeichern an. In das Feld in das man beim speichern den Dateinamen einträgt muss man diesen in Anführungsstrichen inklusive der Endung .jpg eintragen.
Hier ein Beispiel: „Dateiname.jpg“
In meinem Test habe ich Bilder mit den Maßen 150x150px erstellt. Die nach dem Hochladen in die Google+ Seite auf 125x125px verkleinert wurden und dennoch animiert blieben. Nach dem Hochladen sollte man auch die Seite im Browser neu laden um die Animation der Bilder zu sehen.
Bei meinen Tests hat es nicht funktioniert die animierten Gifs direkt als Gifs hochzuladen oder einfach die Dateiendung von .gif auf .jpg zu ändern.

Beispiele für nette animierte Gifs auf Google+ Seiten:
Red Bull Google+ Seite
Burberry Google+ Seite

Jeder der etwas anderes herausgefunden oder seine Google+ Seite mit animierten Gifs versehen hat ist herzlich eingeladen seine Tipps hier zu posten und auch den Link zur Google+ Seite als Kommentar zu hinterlassen!