Dicke Pipilonte

Auf Annas Seite könnt ihr sehen, was daraus wurde : Some Stories must be told

Meine Aufgabe war in erster Linie, Pipilonte zu zeichnen und zu digitalisieren. Der Weg war erprobt, ich hatte die Technik bereits bei Zeichnungen für ein Projekt des APS und für die Stadtjugendpflege in Singen angewendet:

Am Anfang stehen eine Reihe von Skizzen, auf Papier und schön altmodisch analog, mit einem weichen Bleistift auf Skizzenpapier:

Die Skizze wird eingescannt, in den Illustrator importiert, und dort wird zunächst die Kontur mit dem Pinselwerkzeug nachgezeichnet:

Die Kontur liegt auf einer Ebene, nun werden auf jeweils eigenen Ebenen  mit dem Bezierwerkzeug die Flächen für die Haut-, Pullover-, Jeans- … etc Farben angelegt:

Wir haben jetzt ca 15-20 Ebenen. Diese Zeichnung importiere ich nun in den Photoshop. Dort setze ich die Schatten und Lichter mit den Nachbelichter- und Abwedlerwerkzeug:

Fertig ist die Figur. Anna bekam dann das psd-File, die sie in ihre Hintergründe einarbeitete (siehe: Some Stories must be told)

Die Montage haben wir nun in den Designer, das ist die Software von fotobuch.de geladen, viel an den Texten gefeilt, hochgeladen, bestellt, und nach einigen Wochen Arbeit durch uns und sehr kurzer Lieferzeit seitens fotobuch.de sah das Ergebnis dann so aus:

Wieder einmal hat sich gezeigt, dass Teamwork auch über große Distanzen gelingen kann. (Ein weiteres Besipiel findet ihr auf Annas Seite unter  Ideas: “Our very own fantasy book“, die Bilder stammen von ihr, die Texte von uns beiden, das Layout von mir…)

NACHTRAG 03.07.2010: Fotobuch.de hat sich sehr über die Rückmeldung und Verlinkung gefreut, es hat einen Telefonanruf und einen Gutschein gegeben, sodass das nächste Projekt etwas preiswerter wird.

Share on Facebook

… ist nicht gerade mein größter Freund. Da ich viel Mit Adobe-Produkten arbeite, habe ich oft Schwierigkeiten mit dem GUI der Microsoft-Welt.  Um sich von der Masse der Powerpoint-Präsentationen abzuheben, muss man schon mal die implementierten Cliparts und Designs beiseite lassen, und sich selbst eine schöne Benutzerführung ausdenken.

Für die Startseite einer solchen Präsentation, es geht um die Entwicklung des Internets,  habe ich nun diese Grafik entworfen, mit Hilfe von Illustrators 3D-Effekten, Angleichungen und Transparenzen etc.

So macht Powerpoint auch mir wieder Spaß.

Share on Facebook

  … wenn man viel Arbeit in ein Projekt gesteckt hat, und man irgendwann darauf aufmerksam gemacht wird, dass es nicht vergebens war.

So ist es hier mit den Displays für die Stadt Singen, es ist zwar fast zwei Jahre her, dass diese Displays entstanden sind (siehe auch hier), aber sie werden immer noch genutzt. Das freut mich sehr.

Share on Facebook

habe ich eigentlich keine, sie sind meinen Kunden meistens zu teuer. Obwohl professionell fotografiert, thematisch schlüssig und somit zur Seite passend, haben nur wenige Kunden ein Interesse daran, auch dafür Geld auszugeben.
Für meinen Kunden brauchte ich nun drei Fotos, um seine Seite etwas aufzupeppen und freundlicher zu gestalten. Für das Layout habe ich zunächst drei Fotos gewählt, die zwar toll waren, und gut passten, allerdings auch Lizenzen hatten.
Für die Onlineschaltung mussten nun neue Fotos her – entweder lizenzfreie oder geschenkte… . Selber machen wirkt nun leider häufig auch selbstgemacht. Und es ist schwer “auf die Schnelle” richtige Motive zu bekommen.
Nun, mein Kunde hatte das Glück, drei Fotos von einer Fotografin zu bekommen, – nur für seine Site – ohne dafür zahlen zu müssen. Diese Fotografin ist meine Schwester, man findet weitere beachtenswürdige Fotos auf ihrer Seite: My Kind of View. Und: sie sind nicht lizenfrei – es sei denn, man fragt sie, und hat Glück!
Danke Anna

Share on Facebook

Ein Blog für meine Freundin, die eine Menge zu erzählen hat, und natürlich auch zu zeigen: daher die vielen Smileys, aber auch hier Einbindung von Picasa-Alben.

Share on Facebook

der Gedankenturm. Besonders hier sind die Zweisprachigkeit, eine umfangreiche Benutzerkontensteuerung und die Einbindung anderer Blogs (teilweise passwortgesichert) in Volltext und als Headline.

Share on Facebook

Hier folgt ein kleines Tutorial über die Erstellung eines Logos mit Illustrator. Illustrator ist ein Vektorprogramm, im Gegensatz zu Photoshop, das eher pixelorientiert arbeitet. Der Vorteil bei Vektoren liegt in der unendlichen Skalierbarkeit. Bei der Erstellung eines Logos ist daher Illustrator meine erste Wahl, weil ein Logo sehr klein auf Briefbögen oder Visitenkarten wirken muss, man es aber hin und wieder sehr groß für Plakate braucht. Mit einem “Pixel”-Logo hat man da mitunter Schwierigkeiten.

Die Aufgabe war ein Logo für ein Projekt zu erstellen, eQual2.0. da es sich um Projekt der TU-Dortmund handelt, waren die Farben eher vorgegeben, Grün und Schwarz oder Graustufen. Es sollte zum CD der Uni passen.

1. Neue Datei, Größe ist fast egal, da ein Logo sowohl klein als auch groß wirken soll, ich nehme meist A4.
   Textwerkzeug, Text schreiben (Schriftart je nach Gusto ),
   

---

2. mit dem Auswahlwerkzeug und gedrückter Shift-Taste den Text proportional groß ziehen
   

---

3. Bezier-Werkzeug, Haken erstellen und anpassen
   

---

4. Pinsel, (eventuell unter Pinsel, Pinsel-Bibliothek öffnen entsprechenden Pinsel laden), Kalligrafisch, Kohle1 auf Haken anwenden, Breite des Hakens in Kontur anpassen
   

---

5. Farbe wählen
   

---

6. Text auswählen, dann: Schrift>In Pfade umwandeln, Ebene “Gruppe” ist jetzt entstanden, ggf. umbenennen in “Schrift”
   

---

7. den Haken jetzt so positionieren, wie du ihn später stehen haben willst, dann auf der Ebenenpalette hinter den Text legen, und mit einem Klick in das Kästchen neben dem Auge abschließen, damit er nicht verrutscht.
   

---

8. ein Rechteck aufziehen, mit dem Rechteckwerkzeug (8es Werkzeug), und dann so drehen, dass es über dem Haken vom Q liegt, und dem Haken dahinter folgt.
   

---

9. Mit dem Direktauswahlwerkzeug (weißer Pfeil) das O und das Rechteck auswählen, im Pathfinder (Fenster>Pathfinder) auf “Fläche aufteilen” klicken
   

---

10. Jetzt mit dem weißen Pfeil (Direktauswahlwerkzeug) die Flächen auswählen, die entfernt werden sollen und löschen.. Das Gleiche mit dem U wiederholen.
    

---

11. Die einzelnen Buchstaben wie gewünscht umfärben, du kannst sie entweder mit dem weißen Pfeil einzeln auswählen, oder gehst mit deinem Doppelklick in den Isolationsmodus, wo du die Flächen einzeln bearbeiten kannst. Vielleicht möchtest du ja auch den Text etwas besser fließen lassen, zb 2.0 enger aneinander, das solltest du jetzt tun.
    Mit dem Auswahlwerkzeug wählst du jetzt wieder alles ausser dem Haken aus.

---

12. Jetzt wählst du: Effekt>3D-Extrudieren und abgeflachte Kante, ein neues Fenster öffnet sich wieder mal. Hier hast du reichlich Einstellungsmöglichkeiten, probiers aus.
    Ich habe die Werte: 6, -8, 0. extrudieren:30 und Kunststoffschattierung gewählt
    

---

13. Wir wählen jetzt alles aus und gruppieren es (STRG+G), in der Ebenenpalette haben wir jetzt eine neue Gruppe, wenn man auf das Häkchen daneben klickt, sehen wir alle Unterebenen, mit einem Klick auf den Kreis rechts können wir einzelne Ebenen auswählen. Ein Outline-Kreis zeigt, was aktiviert ist, ebenso das farbige Kästchen daneben.
    

---

14. Mit rechten Maustaste klicken wir auf die Gruppe (ich benne sie um in Logo_oben) und wählen dann im Kontextmenü Transformieren>Spiegeln, dort wähle ich Horizontal und klicke auf Kopieren
    

---

15. Die neue Gruppe ziehe ich jetzt (mit gedrückter Shift-Taste, damit es senkrecht nach unten geht) nach unten, ausserdem verändere ich die Ebenenreihenfolge
    

---

16. jetzt klicken wir einmal doppelt auf das e, wir kommen in den Isolationsmodus, dort haben wir auch wieder die Möglichkeit, den Effekt 3D-Extrudieren…. zu verändern. Dazu öffnen wir die Palette “Aussehen” (ggf. Shift+F6 drücken), mit einem Doppelklick auf 3d-Extrudieren…. öffnet sich wieder das Effekte-Fenster.
    

---

17. hier ändern wir die Drehung, weil die Spiegelung dann exakter ist, realistischer Ich habe jetzt den ersten Wert auf -6 geändert. Das wiederholen wir dann mit dem O und dem U, weil die nicht in der Gruppe waren.
    

---

18. Jetzt kommt der lustige Teil: wir wählen wieder die gesamte untere Gruppe, und machen uns dann das Register “Transparenz auf”.
    

---

19. Klicke auf das leere Feld nebem dem Bild und mache einen Haken bei Maskieren. Die untere Gruppe verschwindet.
    

---

20. wähle “Verlauf” in der Werkzeugleiste, (gaaaaanz unten sind drei Kästchen, einmal die Vordergrundfarbe, dann Verlauf, dann ein durchgestrichenes) und ziehe mit dem Rechteckwerkzeug ein Rechteck über der unteren Gruppe auf. Jetzt siehst du wieder die untere Gruppe. (hole dir das Register: Transparenz wieder nach vorne, damit du den verlauf in der Maske sehen kannst)
    

---

21. Mit dem Verlaufswerkzeug kannst du nun den Verlauf anpassen (das kennst du aus dem Photoshop.)
    

---

22. Klicke nun wieder auf das Bild neben der Maske im Transparenzregister, so kommst du in den normalen Bearbeitungsmodus.

---

23. Jetzt müssen nur noch Schatten gemacht werde: erstelle eine neue Ebene, und ziehe dann mit dem Ellipse-Werkzeug unter den Buchtsaben der oberen Gruppe kleine Ellipsen und fülle sie mit Grau.
    

---

24. wähle alle Ellipsen aus, wähle Effekte>Gaußscher Weichzeichner und zeichne diese Ellipsen nach Gusto weich.
    

---

25. ich benne diese Ebene um in “Schatten” und ziehe sie dann zwischen meine beiden Gruppen. Mit der Deckkraft spiele ich noch ein wenig, bis das Ergebnis befriedigend ist.
    

---

26. Das wars.

Share on Facebook

Daten, Zahlen, Fakten auf 20 Seiten, vierfarbig

Share on Facebook

CMS erstellt mit Joomla.

www.zalitatsch-coaching.de

Share on Facebook

Erstellung des Logos, Festlegung der Schrift und des Farbraumes für das CD

Share on Facebook