Anzeige

Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]

Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...] | PSD-Tutorials.de

Erstellt von softsheep, 10.12.2010.

  1. softsheep

    softsheep Noch nicht viel geschrieben

    Dabei seit:
    12.08.2009
    Beiträge:
    4
    Geschlecht:
    männlich
    Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]
    Hi community,


    bitte helft mir mit eurer Erfahrung und euren Ideen.


    Ich schreibe derzeit an einem Dokument zur Beschreibung eines User Interface; das Dokument beinhaltet viele Detail-Bilder des zukünftigen UI. Diese Bilder erstelle ich in Adobe Fireworks und sie werden bis auf Pixel-Ebene erstellt, d.h. 1 Realwelt-Pixel wird auch in der Fireworks-Datei als 1 Pixel dargestellt.



    Ich möchte nun diese Bilder mit einem Zoom-Level von 200% oder mehr ausgeben - soll heissen: scharf abgegrenzte 1 Pixel große Flächen sollen danach z.B. ebenso scharf umrandete 2x2 Pixel große Flächen ergeben. Das macht es einfacher im Dokument pixelgenaue Details zu erkennen. Ich möchte hierfür jedoch keine extra Grafiken erstellen; ich möchte ebendiese Zoom-Grafiken aus den bereits erstellten pixelgenauen Layouts extrahieren.
    Aber genau das ist die Herausforderung!

    • Wenn man in Fireworks "Export" mit 200% nutzt, kommt am Ende zwar die richtige Größe heraus, Fireworks interpoliert jedoch die Kanten und sie werden unscharf.

    • Wenn man die Auflösung des Bilds (DPI) verdoppelt und die Option "Nächster Nachbar" wählt, dann kommt auch die richtige Größe heraus; hier sind sogar die Ränder noch immer scharf, aber etliche Pixel werden schlichtweg falsch interpoliert und der nötige Nachbearbeitungsaufwand ist hoch.

    Das exakt gewollte Ergebnis erhalte ich mittels folgendem Workaround:

    • Bild öffnen
    • Zoom auf 200%
    • Screenshot machen
    • Screenshot zurecht schneiden und als neues File speichern
    Aber Bitte! Das kann doch nicht der Weißheit letzter Schluss sein?! Ich benutze diesen Workaround jetzt seit Jahren, aber es muss einen besseren Weg geben - diese Art post-processing ist nervig und relativ aufwendig.

    Falls ihr noch keine Vorstellung habt, was ich will, seht ins Bild im Anhang.

    Ach ja, eins noch: Ich kann das Bild nicht in z.B. Word einfach auf 200% stellen. Das Programm mit dem ich das Dokument erstellen muss, hat eine solche Größen-Option nicht und sie würde evtl. ebenfalls unschön interpolieren. Ich will einfach nur ein Bild so extrahieren wie es aussieht, wenn ich auf dem Bildschirm die Zoom-Stufe auf 200% stelle.

    Falls ihr Lösungen in anderen Prgrammen als Fireworks habt - z.B. Photoshop, Illustrator, etc. - teilt bitte dennoch euer Wissen. Vielleicht existiert in Fireworks ein ähnlicher Weg oder ich exportiere die Bilder dann einfach via 2. Tool.

    Vielen Dank schonmal.
    Schöne Grüße
    Andreas

    [​IMG]
     
    #1      
  2. MrBounce

    MrBounce [Ebenenstapler]

    1364
    Dabei seit:
    23.05.2006
    Beiträge:
    4.702
    Geschlecht:
    männlich
    Ort:
    Pfadstadt
    Software:
    PS, AI CS5®, Hefchen, Mäusi
    Kameratyp:
    Canon EOS 50D
    Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]
    AW: Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]

    evtl. filter>vergröberungsfilter>mosaikeffekt!?
    [​IMG]
    [​IMG]
     
    Zuletzt bearbeitet: 10.12.2010
    #2      
  3. 10dency

    10dency Olaf Giermann Kreativ-Flatrate-User

    Dabei seit:
    01.01.2008
    Beiträge:
    4.558
    Geschlecht:
    männlich
    Ort:
    Schwetzingen
    Software:
    Mac, LR, PS, Modo, ZBrush
    Kameratyp:
    Nikon FX, iPhone
    Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]
    AW: Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]

    Photoshop:

    Bild > Bildgröße > auf 200% vergrößern, Interpolationsverfahren: Pixelwiederholung. Fertig.

    Biddeschön! ;)
     
    #3      
  4. softsheep

    softsheep Noch nicht viel geschrieben

    Dabei seit:
    12.08.2009
    Beiträge:
    4
    Geschlecht:
    männlich
    Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]
    AW: Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]

    @MrBounce:
    Nein. Das macht es ja nur gröber. Ich hab ja die Grafik bereits so wie ich sie will.

    @10dency:
    Das ist das, was ich mit "nächster Nachbar" beschrieben habe. Leider reisen da aber etliche Pixel mal aus. Der Nachbearbeitungsaufwand ist immens. Ich muss alle Kanten nachbessern weil z.B. eine Schrift und die Box anders interpoliert werden. :-(
     
    #4      
  5. Wortwolke

    Wortwolke Junger Padawan

    Dabei seit:
    04.08.2010
    Beiträge:
    3
    Geschlecht:
    männlich
    Ort:
    Wien
    Software:
    InDesign, Photoshop
    Kameratyp:
    Canon EOS 500 N, Pentax Kleinformat Digital
    Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]
    AW: Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]

    Wie wäre es, mit Photoshop folgendes zu machen:

    1. Die Canvas-Größe auf 200% stellen

    2. Die zu skalierenden Layer (nur unlocked) auswählen (Shift + LMB)

    3. Mit CTRL + T Transform auswählen

    4. In der Menüleiste für H: und W: 200% auswählen

    Dann speichern bzw. exportieren!
     
    #5      
  6. 10dency

    10dency Olaf Giermann Kreativ-Flatrate-User

    Dabei seit:
    01.01.2008
    Beiträge:
    4.558
    Geschlecht:
    männlich
    Ort:
    Schwetzingen
    Software:
    Mac, LR, PS, Modo, ZBrush
    Kameratyp:
    Nikon FX, iPhone
    Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]
    AW: Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]

    Da reißt gar nix aus. Es ist exakt das gleiche als wenn du auf 200 % zoomst. Siehe Screenshot.
    [​IMG]

    Uploaded with ImageShack.us
     
    #6      
  7. MrBounce

    MrBounce [Ebenenstapler]

    1364
    Dabei seit:
    23.05.2006
    Beiträge:
    4.702
    Geschlecht:
    männlich
    Ort:
    Pfadstadt
    Software:
    PS, AI CS5®, Hefchen, Mäusi
    Kameratyp:
    Canon EOS 50D
    Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]
    AW: Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]

    evtl so??

    100% original:
    [​IMG]

    400 % Interpolation (10dency) - also in ps > bildgröße
    [​IMG]

    400 % für web und geräte speichern:
    [​IMG]

    das hier:
    [​IMG]

    achso:

    400% screeni:
    [​IMG]
     
    Zuletzt bearbeitet: 10.12.2010
    #7      
  8. 10dency

    10dency Olaf Giermann Kreativ-Flatrate-User

    Dabei seit:
    01.01.2008
    Beiträge:
    4.558
    Geschlecht:
    männlich
    Ort:
    Schwetzingen
    Software:
    Mac, LR, PS, Modo, ZBrush
    Kameratyp:
    Nikon FX, iPhone
    Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]
    AW: Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]

    Das ist nicht so skaliert wie ich geschrieben habe.
     
    #8      
  9. MrBounce

    MrBounce [Ebenenstapler]

    1364
    Dabei seit:
    23.05.2006
    Beiträge:
    4.702
    Geschlecht:
    männlich
    Ort:
    Pfadstadt
    Software:
    PS, AI CS5®, Hefchen, Mäusi
    Kameratyp:
    Canon EOS 50D
    Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]
    AW: Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]

    nein, darauf habe ich geachtet ;)

    [​IMG]

    hmmm... aber bei bildern sehe ich da wirklich kein unterschied...

    [​IMG]
     
    Zuletzt bearbeitet: 10.12.2010
    #9      
  10. softsheep

    softsheep Noch nicht viel geschrieben

    Dabei seit:
    12.08.2009
    Beiträge:
    4
    Geschlecht:
    männlich
    Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]
    AW: Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]

    [SOLVED]

    Hey... ich habe eine Lösung - dank eurer Tipps!

    Die Skalierung mittels "Neighbor" ist grundsätzlich was mir hilft.
    Allerdings skaliert Fireworks tatsächlich manchmal anders als geplant - siehe Screenshot anbei: die Fonts werden plötzlich 1px größer als der Rest und 1px hohe Boxen mit versehentlich rundem Rand werden plötzlich wirklich rund. ;-)
    (Vielleicht verhält sich Photoshop da erwartungskonformer als Fireworks.)

    Um diese "Fehler" auszumerzen hilft aber schlichtweg eins: Vor dem Skalieren alles auf eine Bitmap-Ebene reduzieren. Damit wird dann genauso skaliert, wie auch beim Zoom - die fehlerhaft skalierten Vektor-Elemente werden damit einfach vorher getötet.

    Und dieses Vorgehen ist auch gut automatisierbar so dass ich viele Bilder einfach exportieren kann. =)

    Tausend Dank.
    Gruß
    Andreas


    Edit: Bild nachtragen...
    [​IMG]
     
    Zuletzt bearbeitet: 10.12.2010
    #10      
  11. softsheep

    softsheep Noch nicht viel geschrieben

    Dabei seit:
    12.08.2009
    Beiträge:
    4
    Geschlecht:
    männlich
    Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]
    AW: Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]

    1234567890
     
    Zuletzt bearbeitet: 10.12.2010
    #11      
  12. MrBounce

    MrBounce [Ebenenstapler]

    1364
    Dabei seit:
    23.05.2006
    Beiträge:
    4.702
    Geschlecht:
    männlich
    Ort:
    Pfadstadt
    Software:
    PS, AI CS5®, Hefchen, Mäusi
    Kameratyp:
    Canon EOS 50D
    Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]
    AW: Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]

    brauchst net ;) wir haben es verstanden und hauptsache ist, dir wurde geholfen ;)
     
    #12      
  13. 10dency

    10dency Olaf Giermann Kreativ-Flatrate-User

    Dabei seit:
    01.01.2008
    Beiträge:
    4.558
    Geschlecht:
    männlich
    Ort:
    Schwetzingen
    Software:
    Mac, LR, PS, Modo, ZBrush
    Kameratyp:
    Nikon FX, iPhone
    Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]
    AW: Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]

    Okay, ich bin davon ausgegangen, dass Pixeldaten skaliert werden sollen und keine Dateien mit Text- und Vektorebenen. Die müssen natürlich gerastert sein, da es sich sonst zerhaut. Speichern für Web dafür zu benutzen ist ne gute Lösung! :daumenhoch:
     
    #13      
  14. Lichtschutzfaktor

    Lichtschutzfaktor MNDGA!

    Dabei seit:
    10.10.2008
    Beiträge:
    1.919
    Geschlecht:
    männlich
    Ort:
    Mainz. Wo sonst als Typofreak?
    Software:
    Die üblicher Verdächtigen!
    Kameratyp:
    Lomo, SX70, Huwai P8, Nikon F90X, Bronica ETRS, Nikon D200, Fuji X-M1
    Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]
    AW: Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]

    Mach aus dem Pixelbild Vektoren. Ich hatte für das gleiche Problem (Screenshots zum Drucken skalierbar machen ohne Verluste) vor Jahren mir folgenden Workaround (Illustrator hatte da noch keine Nachzeichenfunktionen) zurechtgebastelt: Das 1:1 Pixelbild in Flash platzieren, dort das Bitmap pixelgenau nachzeichnen (Einstellungen hab ich jetzt nicht mehr im Kopf) lassen, damit habe ich für jede Form, Buchstabe etc. einen 1:1 Vektor und die konnte man dann astrein skalieren und in Illustrator rüber kopieren. Vielleicht hilft das ja weiter.
     
    #14      
  15. MrBounce

    MrBounce [Ebenenstapler]

    1364
    Dabei seit:
    23.05.2006
    Beiträge:
    4.702
    Geschlecht:
    männlich
    Ort:
    Pfadstadt
    Software:
    PS, AI CS5®, Hefchen, Mäusi
    Kameratyp:
    Canon EOS 50D
    Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]
    AW: Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]

    :lol: - was hier aber nicht die frage war ;)
     
    #15      
  16. Lichtschutzfaktor

    Lichtschutzfaktor MNDGA!

    Dabei seit:
    10.10.2008
    Beiträge:
    1.919
    Geschlecht:
    männlich
    Ort:
    Mainz. Wo sonst als Typofreak?
    Software:
    Die üblicher Verdächtigen!
    Kameratyp:
    Lomo, SX70, Huwai P8, Nikon F90X, Bronica ETRS, Nikon D200, Fuji X-M1
    Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]
    AW: Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]

    "Totumfall" War das aber nicht die Frage, MrBounce? "/Wiederaufsteh"

    Gruss Micha
     
    #16      
  17. MrBounce

    MrBounce [Ebenenstapler]

    1364
    Dabei seit:
    23.05.2006
    Beiträge:
    4.702
    Geschlecht:
    männlich
    Ort:
    Pfadstadt
    Software:
    PS, AI CS5®, Hefchen, Mäusi
    Kameratyp:
    Canon EOS 50D
    Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]
    AW: Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]

    nein! er will ja genau die pixel ;) (zu darstellungszwecken) du meintest aber: sauber skalieren... das ist in diesem falle nicht gewollt. ;)

    fall jetzt aber nicht wieder um ;)
     
    #17      
  18. Lichtschutzfaktor

    Lichtschutzfaktor MNDGA!

    Dabei seit:
    10.10.2008
    Beiträge:
    1.919
    Geschlecht:
    männlich
    Ort:
    Mainz. Wo sonst als Typofreak?
    Software:
    Die üblicher Verdächtigen!
    Kameratyp:
    Lomo, SX70, Huwai P8, Nikon F90X, Bronica ETRS, Nikon D200, Fuji X-M1
    Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]
    AW: Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]

    Nö, ich fall jetzt nicht um. ;-) Der Workaround den ich vorschlug, das Bitmap pixelgenau in Vektoren zu wandeln, das konnte/kann Flash nämlich, Flash war daher der Geheimtipp für alle die Streamline nicht hatten aber eventuell Flash MX, bringt folgendes Ergebnis: Jedes Bildpixel wurde ein "Vektorenpixel" mit der Kantenlänge 1 Pixel und der Füllfarbe des Bildpixels.
    Und diese Vektorbild aus lauter kleinen Quadraten kannst du dann skalieren wie du lustig bist, ohne das irgendeine Veränderung geschieht. Aus 1x1 Pixel werden 2x2 "Pixel" oder auch 3,145x3,145 "Pixel" randscharf.


    Gruss Micha
     
    #18      
  19. MrBounce

    MrBounce [Ebenenstapler]

    1364
    Dabei seit:
    23.05.2006
    Beiträge:
    4.702
    Geschlecht:
    männlich
    Ort:
    Pfadstadt
    Software:
    PS, AI CS5®, Hefchen, Mäusi
    Kameratyp:
    Canon EOS 50D
    Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]
    AW: Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]

    Aso... Alles klar, sry ;)
     
    #19      
  20. Lichtschutzfaktor

    Lichtschutzfaktor MNDGA!

    Dabei seit:
    10.10.2008
    Beiträge:
    1.919
    Geschlecht:
    männlich
    Ort:
    Mainz. Wo sonst als Typofreak?
    Software:
    Die üblicher Verdächtigen!
    Kameratyp:
    Lomo, SX70, Huwai P8, Nikon F90X, Bronica ETRS, Nikon D200, Fuji X-M1
    Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]
    AW: Bild exportieren als wäre es gezoomt [allgemein, speziell: Fw, Ps, ...]

    Dafür nicht! Keine Ursache! ;-)

    Gruss Micha
     
    #20      
x
×
×