Schlagwort: pixelmator

  • iOS Screenshots bearbeiten mit Pixelmator für iOS

    Es gibt zwar jede Menge Screenshot Apps für das iPhone und iPad, aber leider bisher keine umfassende App, die alle nützlichen Funktionen enthält. Auch wenn es für viele Anwendungsfälle reicht, oft fehlt eine Funktion und man muss mehrere Apps bemühen, wenn man folgende Funktionen benötigt:

    • Verschleiern sicherheitsrelevanter Texte oder Bildbereiche
    • Erstellen von Callouts (Vergrößerung spezieller Bildbereiche, Lupenansicht)
    • Setzen von Pfeilen in unterschiedlicher Form und Farbe
    • Hervorhebung von Bildbereichen
    • Hinzufügen von Text in verschiedenen Formen und Farben

    Deshalb hat Gabe Weatherhead von Macdrifter.com eine Lösung für solche Fälle mittels der iOS Version der Pixelmator App entwickelt. Ich bin so begeistert von dieser Möglichkeit, dass ich die verschiedenen Schritte hier nochmal auf Deutsch vorstelle.

    Screenshot Bearbeitung mit Pixelmator für iOS: Das Ergebnis
    Screenshot Bearbeitung mit Pixelmator für iOS: Das Ergebnis

    Start: Screenshot in Pixelmator iOS importieren

    Pixelmator hat eine ausgesprochen praktische Funktion: Wenn man über das Pluszeichen ein neues Bild anlegt und in der Zwischenablage bereits ein Bild vorliegt wird einem in der folgenden Auswahl auch das Bild aus der Zwischenablage als Vorlage angeboten.

    Pixelmator iOS: Bildgrundlage erstellen
    Pixelmator iOS: Bildgrundlage erstellen

    Verschleiern von Bildbereichen

    Oft möchte man bestimmte Bildbereiche privat halten und den Inhalt unkenntlich machen. Dies lässt sich ausgezeichnet mit der „Retuschieren“ Option von Pixelmator bewerkstelligen. Dort wählt man die Funktion „Verschmieren“ und kann über die Schieberegeler „Größe“ und „Stärke“ den Grad und Bereich der Verschmierung beeinflussen.

    Pixelmator iOS: Verschmieren Funktion
    Pixelmator iOS: Verschmieren Funktion

    Man erhält sehr schnell ein gutes Ergebnis in dem niemand mehr erkennen kann was sich vorher in dem Bildbereich befunden hat.

    Pixelmator iOS: Ergebnis Verschmieren Funktion
    Pixelmator iOS: Ergebnis Verschmieren Funktion

    Callouts: Lupenansicht eines Bildbereiches

    Die Möglichkeit den Bereich eines Bildes vergrößert darzustellen nutze ich ganz gerne, aber unter iOS gab und gibt es bisher kaum Apps, die diese Funktion unterstützen. Unter den Screenshot Apps bietet das bisher nur PointOut, das aber ansonsten nicht viele andere Möglichkeiten der Bearbeitung zur Verfügung stellt. Gewusst wie, geht es auch mit Pixelmator.

    Zunächst muss man den zu vergrößernden Bildbereich mittels der „Wählen“ Funktion, die über das Pinselsymbol zu finden ist, auswählen.

    Pixelmator iOS: Callout erstellen
    Pixelmator iOS: Callout erstellen

    Wenn man den gewünschten Bereich markiert hat, ruft man durch kurzes Drücken auf diesen Bereich die Kopierauswahl auf und wählt dort die Option „Duplizieren“. Anschließend lässt sich der duplizierte Bereich verschieben und durch eine Aufspreizgeste vergrößern. Damit sich der Call Out ein bisschen besser hervorhebt, wählt man wieder über das Pinselsymbol die „Format“ Optionen und aktiviert dort „Zeichnen“ und „Schatten“. Die unten im Screenshot gezeigten Werte sind meiner Meinung nach eine gute Ausgangsbasis für eine leichte Umrandung mit Schlagschatten.

    Pixelmator iOS: Callout hervorheben
    Pixelmator iOS: Callout hervorheben

    Hinweispfeile mit Pixelmator iOS erstellen

    Pixelmator bietet zwar eine Reihe von Symbolen und auch vorgefertigte Pfeile an, aber diese sind mir zu klobig und so habe ich mir in einem extra Bild einen etwas feineren Pfeil gebastelt, den ich bei Bedarf in das aktuelle Bild kopieren kann.

    Pixelmator iOS: Hinweispfeil erstellen
    Pixelmator iOS: Hinweispfeil erstellen

    Genauso wie beim Callout hebt sich der Hinweispfeil mit Hilfe einer Umrandung und eines Schlagschattens besser vom Hintergrund ab. In den „Format“ Optionen lässt sich über den Reiter „Anordn.“ die Größe und Drehung des Pfeils auch sehr präzise setzten.

    Pixelmator iOS: Pfeil setzen und hervorheben
    Pixelmator iOS: Pfeil setzen und hervorheben

    Eine Bildregion hervorheben

    Wenn man auf einen Bildbereich aufmerksam machen möchte und diesen nicht per Lupe vergrössern will, lässt sich das gut über eine Einfärbung des Bereiches erreichen. Hierzu nutzt man die verschiedenen Formen, die man in Pixelmator über das Pluszeichen erreichen kann und setzt wieder unter der „Format“ Option die Deckkraft der Form herunter bis der Bildbereich gut genug durchscheint.

    Pixelmator iOS: Bereich hervorheben durch Einfärben
    Pixelmator iOS: Bereich hervorheben durch Einfärben

    Text in Bilder einfügen mit Pixelmator iOS

    Zu guter Letzt beherrscht Pixelmator natürlich auch den Standard alle Screenshot Apps: Texte in Bilder einzufügen. Die Textfunktion erreicht man wieder über das Plussymbol und über unter der „Format“ Option kann man dann Farbe, Größe, Schriftart, etc. des Textes einstellen.

    Pixelmator iOS: Text in Bild einfügen
    Pixelmator iOS: Text in Bild einfügen

    Bild exportieren

    Wer nun mit seinem Ergebnis zufrieden ist nutzt die „Teilen“ Funktion und findet hier viele Möglichkeiten wohin es mit dem Bild gehen soll und dazu kann man noch auswählen, ob das Format das Hauseigene Pixelmator, PNG, Jpeg oder Photoshops PSD sein soll. Da bleiben wohl kaum Wünsche offen.

    Pixelmator iOS: Bild Exportieren
    Pixelmator iOS: Bild Exportieren

    Fazit: Pixelmator iOS als Screenshot & Annotation Tool

    Seit ich die Möglichkeiten kenne und ein wenig geübt habe, nutze ich sehr oft Pixelmator iOS als Bildbearbeitung von Screenshots oder auch Ortsbildern, die anderen helfen sollen sich zu orientieren.

    An dieser Stelle vielen Dank nochmal an Gabe Weatherhead für die tolle Anleitung!