Keynote zur Session auf dem DesignCamp Cologne 2010

1. Pixelbasiertes Icondesign
in Adobe Illustrator
mit Vektoren zum Pixelbild

2. Grundlagenkunde:
Pixel vs. Vektor
Gibt es hier Klärungsbedarf?

3. Pixel Vektor

4. Pixel Vektor

5. Pixel Vektor

6. Pixel Vektor

7. Pixel Vektor

8. Die übliche
Vorgehensweise
Einblick in ein Icon aus Photoshop

13. • Pixelbasiert
• Möglichkeit
der Vektorebenen
• WYSIWYG bei 100%
• sehr viele Ebenen

14. Was ist anders
in Adobe Illustrator?

23. Vorteile und
Nachteile
Photoshop vs. Illustrator

25. + pixel-perfekt

26. + pixel-perfekt
+ Ebeneffekte

27. + pixel-perfekt
+ Ebeneffekte
+ Ebenenmodi

28. + pixel-perfekt
+ Ebeneffekte
+ Ebenenmodi
+ Ebenenmasken

29. + pixel-perfekt
+ Ebeneffekte
+ Ebenenmodi
+ Ebenenmasken
- nur bedingte
Verläufe

30. + pixel-perfekt
+ Ebeneffekte
+ Ebenenmodi
+ Ebenenmasken
- nur bedingte
Verläufe
- keine Verlaufsgitter

31. + pixel-perfekt
+ Ebeneffekte
+ Ebenenmodi
+ Ebenenmasken
- nur bedingte
Verläufe
- keine Verlaufsgitter
- keine nachträgliche
Skalierung

32. + pixel-perfekt
+ Ebeneffekte
+ Ebenenmodi
+ Ebenenmasken
- nur bedingte
Verläufe
- keine Verlaufsgitter
- keine nachträgliche
Skalierung
- Vektormasken

33. + pixel-perfekt + Verlaufswerkzeug
+ Ebeneffekte
+ Ebenenmodi
+ Ebenenmasken
- nur bedingte
Verläufe
- keine Verlaufsgitter
- keine nachträgliche
Skalierung
- Vektormasken

34. + pixel-perfekt + Verlaufswerkzeug
+ Ebeneffekte + Verlaufsgitter
+ Ebenenmodi
+ Ebenenmasken
- nur bedingte
Verläufe
- keine Verlaufsgitter
- keine nachträgliche
Skalierung
- Vektormasken

35. + pixel-perfekt + Verlaufswerkzeug
+ Ebeneffekte + Verlaufsgitter
+ Ebenenmodi + Skalierung
+ Ebenenmasken
- nur bedingte
Verläufe
- keine Verlaufsgitter
- keine nachträgliche
Skalierung
- Vektormasken

36. + pixel-perfekt + Verlaufswerkzeug
+ Ebeneffekte + Verlaufsgitter
+ Ebenenmodi + Skalierung
+ Ebenenmasken + Geschwindigkeit
- nur bedingte
Verläufe
- keine Verlaufsgitter
- keine nachträgliche
Skalierung
- Vektormasken

37. + pixel-perfekt + Verlaufswerkzeug
+ Ebeneffekte + Verlaufsgitter
+ Ebenenmodi + Skalierung
+ Ebenenmasken + Geschwindigkeit
+ Anti-Aliasing
- nur bedingte
Verläufe
- keine Verlaufsgitter
- keine nachträgliche
Skalierung
- Vektormasken

38. + pixel-perfekt + Verlaufswerkzeug
+ Ebeneffekte + Verlaufsgitter
+ Ebenenmodi + Skalierung
+ Ebenenmasken + Geschwindigkeit
+ Anti-Aliasing
- nur bedingte
Verläufe - keine Ebeneneffekte
- keine Verlaufsgitter
- keine nachträgliche
Skalierung
- Vektormasken

39. + pixel-perfekt + Verlaufswerkzeug
+ Ebeneffekte + Verlaufsgitter
+ Ebenenmodi + Skalierung
+ Ebenenmasken + Geschwindigkeit
+ Anti-Aliasing
- nur bedingte
Verläufe - keine Ebeneneffekte
- keine Verlaufsgitter - Arbeiten mit Ebenen
- keine nachträgliche
Skalierung
- Vektormasken

40. + pixel-perfekt + Verlaufswerkzeug
+ Ebeneffekte + Verlaufsgitter
+ Ebenenmodi + Skalierung
+ Ebenenmasken + Geschwindigkeit
+ Anti-Aliasing
- nur bedingte
Verläufe - keine Ebeneneffekte
- keine Verlaufsgitter - Arbeiten mit Ebenen
- keine nachträgliche - schnell
Skalierung unübersichtlich
- Vektormasken

41. + pixel-perfekt + Verlaufswerkzeug
+ Ebeneffekte + Verlaufsgitter
+ Ebenenmodi + Skalierung
+ Ebenenmasken + Geschwindigkeit
+ Anti-Aliasing
- nur bedingte
Verläufe - keine Ebeneneffekte
- keine Verlaufsgitter - Arbeiten mit Ebenen
- keine nachträgliche - schnell
Skalierung unübersichtlich
- Vektormasken - „Masken“

42. Die richtige
Einstellung
Wo genau muss man klicken?

48. Fragen und
Antworten
Na Kinder, was wollt Ihr wissen?

49. Wollt Ihr das
nochmal sehen?
http://bit.ly/icondcc10

50. DANKE
SCHÖN!
Oliver Twardowski
www.addictedtocoffee.de
@mywayhome