PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Bildbearbeitung (2D), Vektor- & Layoutbearbeitung
Vektorprogramme
Kleine Symbole (Icons)
Beitrag
<blockquote data-quote="pixelmaker" data-source="post: 2669651" data-attributes="member: 287879"><p>Hallo</p><p>das ist ein Icon auf einer Arbeitsfläche von 24x24px aus Illustrator.</p><p></p><p>Hier geschieht folgendes.</p><p>• Da Illustrator nicht nach Pixeln ausrichtet sieht es immer so aus als würde das Bild nach rechts verschoben sein. Illustrator verschiebt (zumindest bei mir) das Bild immer etwas nach rechts unten. Bei so grober Auflösung müsste ich das händisch ausmitteln. Im PS wird nach Pixeln ausgerichtet da geschieht das nicht.</p><p>• Obwohl die Zeichnung mittig ist sieht es rechts aus als wäre es angeschnitten. Der Abstand Zeichnung zu Bildkante ist weniger als ein Pixel. Der Kreis ist nicht nach einer durch die Pixel teilbaren Größe angelegt. Bei der Umwandlung in ein Pixelbild wird ein Ei draus.</p><p>• Ein runder Punkt braucht mindestens 3x3 Pixel eher wird auf mehr gedithert. Der Punkt bekommt graue Pixel im Übergang, der Punkt ist im Pixelbild nicht mehr rund.</p><p>• Das Gleiche gilt für den Zwischenraum zwischen Balken und Punkt beim Ausrufezeichen. Ist der Abstand weniger als 3 pixel breit wird er grau und es fehlt der Kontrast.</p><p></p><p>Eine Auflösung von 24 x 24 px halte ich für zu klein. Es ist immer besser das Icon an sich größer zu lassen und bei der Darstellung auf die richtige Größe umrechnen zu lassen. Heute zeigt kaum ein Bildschirm mit 72dpi an, das sind nur noch letzte Röhrenmonitore die irgendwo rumdümpeln. Letztlich ist es der Browser der das Bild in endgültiger Größe anzeigt und zwischenwerte noch mal dithert.</p><p>Die Möglichkeit nimmst Du wenn Du so eine kleine Auflösung erstellst. Es sind auch immer die Stufen 16 x 16, 32 x 32, 64 x 64 a besten.</p><p></p><p>Wenn Du Icons erstellen musst dann musst Du erst mal wissen was geschieht beim Dithern, was bei der Darstellung evt. auch auf anderen Auflösungen, wie verändern sich die Farben und die Umrisse. Es liegt ein Wochenende voller lernen vor Dir. Ohne diese Kenntnisse wird die Erstellung jedes Icon zum rumprobieren.</p><p>Wenn Du die Icons in einem Pixelbild erstellst hast Du wesentlich weniger Probleme, da Ausrichtung und Abstände direkt in Pixel umgerechnet werden. Bei Illustrator hast Du die Bildschirmansicht in einer einstellbaren Vorschau, die aber nicht mit dem erzeugten Pixelbild überein stimmt.</p><p></p><p>grüße</p><p>ralf</p></blockquote><p></p>
[QUOTE="pixelmaker, post: 2669651, member: 287879"] Hallo das ist ein Icon auf einer Arbeitsfläche von 24x24px aus Illustrator. Hier geschieht folgendes. • Da Illustrator nicht nach Pixeln ausrichtet sieht es immer so aus als würde das Bild nach rechts verschoben sein. Illustrator verschiebt (zumindest bei mir) das Bild immer etwas nach rechts unten. Bei so grober Auflösung müsste ich das händisch ausmitteln. Im PS wird nach Pixeln ausgerichtet da geschieht das nicht. • Obwohl die Zeichnung mittig ist sieht es rechts aus als wäre es angeschnitten. Der Abstand Zeichnung zu Bildkante ist weniger als ein Pixel. Der Kreis ist nicht nach einer durch die Pixel teilbaren Größe angelegt. Bei der Umwandlung in ein Pixelbild wird ein Ei draus. • Ein runder Punkt braucht mindestens 3x3 Pixel eher wird auf mehr gedithert. Der Punkt bekommt graue Pixel im Übergang, der Punkt ist im Pixelbild nicht mehr rund. • Das Gleiche gilt für den Zwischenraum zwischen Balken und Punkt beim Ausrufezeichen. Ist der Abstand weniger als 3 pixel breit wird er grau und es fehlt der Kontrast. Eine Auflösung von 24 x 24 px halte ich für zu klein. Es ist immer besser das Icon an sich größer zu lassen und bei der Darstellung auf die richtige Größe umrechnen zu lassen. Heute zeigt kaum ein Bildschirm mit 72dpi an, das sind nur noch letzte Röhrenmonitore die irgendwo rumdümpeln. Letztlich ist es der Browser der das Bild in endgültiger Größe anzeigt und zwischenwerte noch mal dithert. Die Möglichkeit nimmst Du wenn Du so eine kleine Auflösung erstellst. Es sind auch immer die Stufen 16 x 16, 32 x 32, 64 x 64 a besten. Wenn Du Icons erstellen musst dann musst Du erst mal wissen was geschieht beim Dithern, was bei der Darstellung evt. auch auf anderen Auflösungen, wie verändern sich die Farben und die Umrisse. Es liegt ein Wochenende voller lernen vor Dir. Ohne diese Kenntnisse wird die Erstellung jedes Icon zum rumprobieren. Wenn Du die Icons in einem Pixelbild erstellst hast Du wesentlich weniger Probleme, da Ausrichtung und Abstände direkt in Pixel umgerechnet werden. Bei Illustrator hast Du die Bildschirmansicht in einer einstellbaren Vorschau, die aber nicht mit dem erzeugten Pixelbild überein stimmt. grüße ralf [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Der grüne Frosch hüpft über die Hügel an den Bäumen vorbei in die Höhle. Bitte nenne das zweite Wort!
Antworten
Start
Forum
Bildbearbeitung (2D), Vektor- & Layoutbearbeitung
Vektorprogramme
Kleine Symbole (Icons)
Oben