schtift.ch » Tipps für den Schtift

Typografie, die offiziellen Korrekturzeichen

schtift — Sun, 24 May 2009 20:35:38 +0000

Letzte Woche stand an der SfG ein Typografietest auf dem Programm. Neben Mikrotypografie, der Klassifizierung der Druckschriften und den römischen Ziffern, waren auch die offiziellen Korrekturzeichen Teil der Prüfung. Offizielle Korrekturzeichen? – Ja, die gibts! Da ich trotz 12 Jahren schulbankdrücken (und nein, ich habe nicht 3-mal repetiert!) noch nie davon gehört hatte, habe ich mal 2 Deutschlehrer/innen unabhängig voneinander nach den offiziellen Korrekturzeichen gefragt. Und so wurde mir schlagartig klar, wieso jeder Lehrer immer was anderes hinter die Zeilen meiner meist fatalen Aufsätzen gekritzelt hatten: Die lieben Lehrer wissen gar nichts von diesen offiziellen Korrekturzeichen!!! Skandal, oder? Und deswegen landet dieser Beitrag auch in der “So nicht!”-Rubrik. Natürlich werde ich hier sofort Abhilfe schaffen. Die Werbeagentur “Steudler Grafik & Werbung” hat da nämlich ein tolles PDF mit allen offiziellen Korrekturzeichen ins Netz gehängt: offizielle Korrekturzeichen

Da ich möchte, dass dieser Post möglichst viele Lehrer lesen werden, habe ich den Artikel auf Wörter wie “Ritalin”, “Sommerferien”, oder “Laminiergeräte” suchmaschinen optimiert…;-)

Tabellen im Photoshop

schtift — Mon, 18 May 2009 20:35:27 +0000

Heute haben wir wiedermal was ganz nettes herausgefunden: Mein Chef wollte für ein Webdesign im Photoshop eine Tabelle erstellen und musste bald konsterniert feststellen, dass dies nicht möglich ist. Er machte seinen Unmut sogleich auf Twitter laut. Und siehe da, es dauerte keine 5 Minuten und schon wartete ein Adobemitarbeiter mit der Lösung auf: Tabellen in Photoshop geht nicht, aber du kannst die Tabelle im Indesign aufziehen und über die Zwischenablage in das Photoshop-File einfügen. Und nun der Clou: Wenn du im Indesign Punkte als Masseinheit gewählt hast, übernimmt der Photoshop das entsprechende Mass in Pixel! Also wenn du im Photoshop eine 200px breite Tabelle brauchst machst du die Tabelle im Indesign einfach auf 200 Punkte und fügst diese per copy/past in den Photoshop. – Cool nicht?

Illustrator – Bildpinsel mit Verlauf

schtift — Fri, 08 May 2009 14:34:56 +0000

Zum Wochenende noch ein cooles Illustrator-Tutorial: Habt Ihr schon mal versucht ein Illustrator-Pinsel mit Verlauf zu basteln? – Ist ein Murcks, aber es geht: Illustrator-Tutorial
Viel Spass dabei!:)

Buchbände

schtift — Sun, 05 Apr 2009 20:15:26 +0000

Letzte Woche fragte mich mein Chef wie die Innenseite eines Buchdeckels in der Fachsprache genannt wird, ich hätte dies doch sicher kürzlich in der Typografie gelernt…Nein, habe ich nicht! Zum Glück haben wir da so ein altes verstaubtes Buch im Atelier rumliegen, welches sich mit Buchbänden befasst. Dieses verriet mir, dass die Innenseite eines Buches im Fachjargon “Spiegel” genannt wird. Auch wusste ich nicht dass ein Buchrücken in ein “Kopffeld”, “Titelfeld” und in ein “Fussfeld” unterteilt wird.

Alles altmodisch und unwichtig denkst du jetzt vielleicht! Jedoch tönt es wesentlich professioneller wenn du für die UBS ein 500 seitiges Buch über Finanzierungsgrundlagen gestaltet hast, und bei der Präsentation “Einschläge” an Stelle von “Einfasspapier” sagst…;-)

Natürlich will ich euch diese Buchseite nicht vorenthalten: Buchbände
Schuldigung für die schlechte Qualität, billiger Scanner…;-)

Ach ja, wundert euch nicht dass es diese Woche wenig bis keine Blogeinträge geben könnte, schtift hat Ferien!:-)

Illustrator – Objekte ausrichten

schtift — Fri, 20 Mar 2009 16:29:27 +0000

Folgendes
Problem: Du willst im Illustrator über das “Objekt ausrichten”-Fenster Objekt A (Kreis) auf Objekt B (Rechteck) horizontal ausrichten, jedoch richtet sich das erste Objekt nicht auf das Zweite aus, sondern die beiden Objekte finden es lustig sich in der Mitte zu treffen.

Diese Problem ist ganz einfach zu lösen: Du markierst beide Objekte wie gewohnt, aber bevor du diese ausrichtest klickst du nochmals auf das Objekt, auf welches du das Andere ausrichten willst – Ohne zusätzlich irgend eine Taste zu drücken.

Selbstverständlich funktioniert dieser “Trick” auch bei allen anderen Ausrichtungsfunktionen!
Probierts aus, es klappt!:-)

Tilt Schtift? Tilgt Schrift? Talg Schiff???

schtift — Tue, 17 Mar 2009 23:47:26 +0000

Na liebe Schtifte und Ausgelehrte, habt Ihr euch etwa auch schon über solch amüsante Bilder gewundert?

…schon mal New York als Miniatur gesehen?

… oder den Hoover-Damm in Spielzeugformat?

Auch Schtift wunderte sich über Aufnahmen dieser Art… Und natürlich hat er sich darüber schlau gemacht… Gut ist meine Cheffin Fotografin, dass half!

Was es mit diesem Effekt genau auf sich hat und wie sowas gemacht wird, verrate ich euch in ein paar Tagen. Zuvor will ich mich selbst noch etwas mit diesem Thema beschäftigen, denn schliesslich will ich euch keinen Mist erzählen… Nur soviel: Der Effekt nennt sich “Tilt Shift” und ist gleichermassen praktisch wie auch witzig! Aber mehr dazu später…!:-)

Sauberer HTML-Code ist wichtig!

schtift — Fri, 06 Mar 2009 08:10:01 +0000

Tja, dass sauberer Code bei einer Website ein Muss ist, ist allgemein bekannt. Doch gestern hat mir das www eindrücklich erklärt warum das so ist… Weil ich bei einem Link in einem Artikel ein Anführungszeichen vergessen hatte und somit target=”blank an Stelle von target=”blank” geschrieben hatte, sah schtift.ch gestern so aus:

Du kannst die Sauberkeit deiner Website auf validator.w3.org testen. Es gibt auch jede Menge andere Validator-Seiten.

Tipps für Indesign

schtift — Mon, 02 Mar 2009 12:01:10 +0000

Ebenfalls auf cut-and-paste.ch gefunden:

Tipps für den Bildimport in Indesign:
Merkblatt für Bildimport

Tipps für das Arbeiten mit Tabellen in Indesign:
Merkblatt für Tabellen

Grundlagen der Proportionen

schtift — Mon, 02 Mar 2009 11:55:31 +0000

Erneut habe ich was sehr interessantes in den tiefen des Internets gefunden: Die Internetseite cut-and-paste.ch stellt Merkblätter für allerei Nützliches ins www. Auf folgendem Merkblatt kannst du alles was du über Proportionen wissen musst entnehmen: Merkblatt Proportionen

Cooler Trick für CSS-Hover-Effekt

schtift — Fri, 27 Feb 2009 10:55:50 +0000

Erst vor wenigen Wochen hat mir mein Chef einen sehr praktischen CSS-Trick für Hovereffekte mit Bildern verraten!

Problem: Hover-Effekte mit Bildern haben oft mit langsamen Server-Verbindungen zu kämpfen. Sprich wenn der User mit der Maus über den Link fährt verschwindet das Bild für eine Sekunde (oder auch mehr…) bevor dann dass zweite Bild erscheint. Sehr schlimm kann es z.B. bei einer Toolbar werden wenn mehrere Links nebeneinander aufgelistet werden: Da jeder Link aus zwei Bildern besteht (Azeigebild und Hooverbild) muss der Browser jedes mal die Bilder beim Server abfragen gehen: Browser:”Hey Server, ist Hoverbild da?”, Server:”Moment… ja ist da!”, Browser:”Wärst du wohl so freundlich es mir zu geben?”, Server:”Hier hast es!”. Ungefähr so läuft dies bei jedem einzelnen Link ab. Das ganze Prozedere bei jedem Bild braucht enorm viel Zeit.

Lösung: Die Metanavi im Footer dieser Seite ist ein geeignetes Beispiel: Es sind 7 Navigationspunkte. Noch vor wenigen Wochen hätte ich dafür 14 einzelne Bilder benötigt ( je ein Anzeige- und Hooverbild).Der Trick ist nun nicht 14 einzelne Bilder zu machen, sondern ein einziges in welchem alle Navigationspunkte beinhaltet:

Man schreibt den CSS-Code so, dass beim hovern kein neues Bild geladen wird, sonder das einzelne grosse Bild nur verschoben wird. Dies hat den grossen Vorteil dass für die ganze Navi nur ein Bild und nicht 14 Bilder geladen werden müssen. Cool nicht?

Bisheriger CSS-Code für einen einzelnen Navigationspunkt.Über #flickr: hover wird ein zweites Bild geladen.

Optimierter CSS-Code: Durch #flickr:hover wird ein und das selbe Bild nur verschoben.

… und so sieht nun das einizige Bild (icons-contact.png) aus. Das coole daran ist dass es auch mit pngs’ funktioniert!