--- title: "16 praktische Cheat Sheets für Webdesigner" author: "Ellen Bauer" date: 2010-06-04 lang: de source: https://elmastudio.de/16-praktische-cheat-sheets-fur-webdesigner/ --- # 16 praktische Cheat Sheets für Webdesigner Nach meiner Übersicht hilfreicher [Spickzettel für Programmierer](https://elmastudio.de/18-hilfreiche-cheat-sheets-fur-programmierer/) habe ich heute eine Liste praktischer Cheat Sheets für Webdesigner zusammen gestellt. Die Cheat Sheets enthalten jeder Menge zeitsparender Tastaturkürzel für Photoshop und Illustrator, sowie Font- und Farbtabellen. Du kannst dir die Dokumente als PDFs herunterladen oder online als Lesezeichen in deinem Browser speichern. ## Cheat Sheets für Adobe Illustrator ## 1. [Adobe Illustrator CS4 / CS3 / CS2 Tastaturkürzel](https://www.nobledesktop.com/shortcuts.html) ![Cheat Sheets für Webdesigner](https://elmastudio.de/wp-content/uploads/2010/06/webdesign-cheat-sheets-01.jpg) Ein umfangreiche Auflistung von Illustrator-Tastenkürzeln. Auf der Seite findest du auch noch Shortcuts-Listen weiterer Adobe-Produkte z.B. für InDesign, Flash, Photoshop und Dreamweaver. ## 2. [Adobe Illustrator Shortcuts](https://webdesignerwall.com/tutorials/adobe-illustrator-shortcuts) ![Cheat Sheets für Webdesigner](https://elmastudio.de/wp-content/uploads/2010/06/webdesign-cheat-sheets-02.jpg) In diesem Artikel auf Web Designer Wall findest du eine hilfreiche Auflistung der Lieblings-Illustrator Shortcuts von Nick La. ## Cheat Sheets für Adobe Photoshop ## 3. [Photoshop Keyboard Shortcuts Cheat Sheet](https://www.smashingmagazine.com/2010/02/photoshop-keyboard-shortcuts-cheat-sheet-pdf/) ![Cheat Sheets für Webdesigner](https://elmastudio.de/wp-content/uploads/2010/06/webdesign-cheat-sheets-03.jpg) Das Cheat Sheet veröffentlicht bei Smashing Magazine bietet eine übersichtlich gestaltete Ansicht der wichtigsten Tastaturkürzel in Photoshop. ## 4. [Adobe Photoshop CS4 / CS3 / CS2 Tastaturkürzel](https://www.nobledesktop.com/shortcuts.html) ![Cheat Sheets für Webdesigner](https://elmastudio.de/wp-content/uploads/2010/06/webdesign-cheat-sheets-04.jpg) Die umfangreiche Auflistung von Shortcuts gibt's auch für Photoshop. ## 5. [Adobe Photoshop Tastaturkürzel](https://morris-photographics.com/photoshop/shortcuts/) (CS4 bis Photoshop 5) ![Cheat Sheets für Webdesigner](https://elmastudio.de/wp-content/uploads/2010/06/webdesign-cheat-sheets-05.jpg) In diesem vierseitigen PDF-Dokument kannst du nach jeder Menge Shortcuts stöbern. Das Dokument gibt es für Photoshop CS4 bis Photoshop 5. ## 6. [Photoshop Werkzeug-Palette Referenz](https://simplephotoshop.com/photoshop_tools/index.htm) ![Cheat Sheets für Webdesigner](https://elmastudio.de/wp-content/uploads/2010/06/webdesign-cheat-sheets-06.jpg) Hier findest du eine übersichtliche Tabelle aller Photoshop-Werkzeuge inkl. kleiner Video-Screencasts, welche die jeweilige Werkzeug-Funktion erläutern. ## 7. [Photoshop Secret Shortcuts](https://webdesignerwall.com/tutorials/photoshop-secret-shortcuts) ![Cheat Sheets für Webdesigner](https://elmastudio.de/wp-content/uploads/2010/06/webdesign-cheat-sheets-07.jpg) Auch für Photoshop gibt's bei Web Designer Wall eine Auflistung der interessantesten Tastaturkürzel, die einem die Arbeit erleichtern. ## 8. [Photoshop Lasso-Werkzeug Cheat Sheet](https://www.creativetechs.com/2007/06/11/photoshop-lasso-tool-cheatsheet/) ![Cheat Sheets für Webdesigner](https://elmastudio.de/wp-content/uploads/2010/06/webdesign-cheat-sheets-08.jpg) Alle Funktionen des Lasso-Werkzeugs auf einer PDF-Seite zusammen gefasst. Das Dokument ist auch super zum Ausdrucken geeignet. ## 9. Photoshop Pinsel-Werkzeug Cheat Sheet ![Cheat Sheets für Webdesigner](https://elmastudio.de/wp-content/uploads/2010/06/webdesign-cheat-sheets-09.jpg) Und weiter geht’s mit einer Übersicht aller Funktionen und Tastaturkürzel des Pinsel-Werkzeugs. ## 10. [Adobe Stift-Werkzeug Cheat Sheet](https://www.creativetechs.com/2007/05/13/adobe-pen-tool-cheatsheet/) (für Photoshop, Illustrator, Indesign) ![Cheat Sheets für Webdesigner](https://elmastudio.de/wp-content/uploads/2010/06/webdesign-cheat-sheets-10.jpg) Als drittes Werkzeug im Bunde wird hier das Photoshop Stift-Werkzeug auf einer eigenen Seite erklärt. ## 11. [Black White Cheat Sheet für Photoshop](https://www.diyphotography.net/black-white-cheatsheet-for-photoshop) ![Cheat Sheets für Webdesigner](https://elmastudio.de/wp-content/uploads/2010/06/webdesign-cheat-sheets-11.jpg) Das Black White Cheat Sheet kannst du als Vorschaubild für die Schwarz/Weiß Filter-Funktionen in Photoshop nutzen. ## Farben, Fonts, und Webbanner ## 12. Color Reference Guide ![Cheat Sheets für Webdesigner](https://elmastudio.de/wp-content/uploads/2010/06/webdesign-cheat-sheets-12.jpg) Das dreiseitige PDF-Dokument bietet eine übersichtliche Referenz für Webfarben. ## 13. Web Safe Color Chart ![Cheat Sheets für Webdesigner](https://elmastudio.de/wp-content/uploads/2010/06/webdesign-cheat-sheets-13.jpg) Eine weiteres Bookmark ist diese Farbwert-Tabelle wert. ## 14. [RGB Hex Colour Chart](http://www.addedbytes.com/cheat-sheets/colour-chart/) ![Cheat Sheets für Webdesigner](https://elmastudio.de/wp-content/uploads/2010/06/webdesign-cheat-sheets-14.jpg) Bist du auf der Suche nach RBG- und Hex-Farbwerten ist die »RGB Hex Colour Chart«-Tabelle genau das Richtige für dich. ## 15. [Win & Mac Websafe Fonts](https://www.ampsoft.net/webdesign-l/WindowsMacFonts.html) ![Cheat Sheets für Webdesigner](https://elmastudio.de/wp-content/uploads/2010/06/webdesign-cheat-sheets-15.jpg) Hier findest du eine übersichtliche Tabelle aller Websafe-Fonts für Window und Mac. ## 16. [Web Banner Größen & Beispiele](http://www.designerstoolbox.com/designresources/banners/) ![Cheat Sheets für Webdesigner](https://elmastudio.de/wp-content/uploads/2010/06/webdesign-cheat-sheets-16.jpg) Auf dieser Seite bekommst du eine Übersicht aller gängigen Bannergrößen mit Ansichts-Beispielen. Kennst du weitere Cheat Sheets und Hilfs-Tools, die bei der täglichen Arbeit mit Photoshop, Illustrator & Co nützlich sein können? Ich freue mich auf deine Tipps!