Web Design Workshop

 
Home
HTML Workshop
CSS Workshop
JavaScript Workshop
Graphics Workshop
W3C
Web History
Notes

Notes Graphics

Notes Graphics


Graphic Design - Anne Matzeck

• 1. Jahr Zeitverchwendung
• Dann wieder raus

• Kann Prioritäten nicht sagen - gibts nicht

***********

Jetzt mal ernsthaft

• Bildbearbeitung Photoshop - Gimp FO
Collagen
Retuschierung
Logogestaltung
Schriftgestaltung
Flyer- und Poster-Gestaltung
Visitenkarten
• InDesign
Bücher
Hefte
Zeitschriften
Flyer
Layout
Farb- und Form-Gestaltung
• Illustrator
Illustration
Logogestaltung
Bildgestaltung
• Farben- und Formenlehre
• Typografie
Schriftsätze
100 Unterpunkte - auswendig keine Peilung
Ich heiß ANNE
Wichtig sind Scribbles (wie Drehbuch - Ideen sammeln - Dummies)
• Formate
DIN
• Produktgestaltung
Grafik
Produkte erfinden
• Grafik-orientierte Wirtschaftslehre
• Cooperate Design - Identity
• Zeichnerische Grundlagen (nach Möglichkeit Grafic-Tablet nutzen)
• Weniger ist mehr
• Preis Leistung Tabellen etc.


Create the first website :-)

 

1 - Install Gimp
2 - File > New - Name - Web - 1024 x 768 px - Resolution: x y 72 px/inch - RGB - White - Comment: ...
3 - put centimeters (bottom left corner of the opened file - 36x27cm)
4 - Put marquees
5 - Understand & create new layer - select links space - chose foregroundcolor and background and other - fill color (Edit > Fill)
6 - Create footer layer - select and fill color
7 - Open image - Image > Scale image to right size chained

 

********************************

Same website with Photoshop

1 - Install PS
2 - New > Name - Web - 1024 x 768 px - Resolution: 72 px/inch - RGB - 8 bit - White
3 - Put cm for ruler
4 - Put marquees
5 - Understand & create new layer - select links space - chose foregroundcolor and background and other - fill color (Edit > Fill)
6 - Create footer layer - select and fill color
7 -

 


SVG demo (if your browser is not showing this demo properly watch it in the newest Firefox browser) - Learn about it at MDN

Scalable Vector Graphics (SVG) is an XML markup language for describing two-dimensional vector graphics. SVG is essentially to graphics what XHTML is to text.

SVG is similar in scope to Adobe's proprietary Flash technology, but what distinguishes SVG from Flash is that it is aW3C recommendation (i.e., a standard) and that it is XML-based as opposed to a closed binary format. It is explicitly designed to work with other W3C standards such as CSSDOM and SMIL.

Learn all about SVG at MDN


XML demo - learn more about it at MDN


doc6.html & square.xbl - learn more about XBL at MDN

 

 

More coming soon :-)


 



PSD1
   
 
Copyright © by IDL Productions
Website counter