Dateien bearbeiten

Dieser Artikel ist eine Übersetzung. Die englische Version ist die Referenzversion und diejenige, die im Zweifelsfall gilt.

Sobald du eine Magnific-Ressource heruntergeladen hast, hängt die Bearbeitung vom Dateiformat ab. Dieser Artikel erklärt dir, wie du die einzelnen Typen öffnest und bearbeitest, welche Software du dafür verwendest und wie du die häufigsten Probleme löst, auf die du dabei stoßen wirst

In diesem Artikel

• Vektordateien bearbeiten (EPS, AI, SVG)
• PSD-Dateien bearbeiten
• PNG- und JPG-Dateien bearbeiten
• Video-Dateien bearbeiten
• Icons bearbeiten
• Häufige Probleme & Fehlerbehebung
• Keine Bearbeitungssoftware? Nutze die Online-Tools von Magnific

Vektor-Dateien (EPS, AI, SVG) bearbeiten

Vektor-Dateien (EPS, AI, SVG) sind vollständig anpassbar: Du kannst Farben ändern, die Größe ohne Qualitätsverlust anpassen, Formen verändern, Text bearbeiten und Elemente neu anordnen. Du benötigst eine Vektor-Bearbeitungsanwendung, um mit ihnen zu arbeiten

Denke beim Bearbeiten von Vektor-Dateien daran, dass Designs mehrere Ebenen oder gruppierte Elemente enthalten können. Möglicherweise musst du also Ebenen durchsuchen oder Objekte gruppieren aufheben, um sie einzeln zu bearbeiten. Wenn das Aufheben der Gruppierung nicht funktioniert, prüfe, ob Schnittmasken vorhanden sind, und löse diese auf. Beachte außerdem, dass Schriftarten, die in der Vorschau verwendet werden, möglicherweise nicht in der anpassbaren Datei enthalten sind, sodass eventuell Ersatz benötigt wird

Empfohlene Software

Adobe Illustrator bietet dir die umfassendste Bearbeitungserfahrung mit Magnific-Dateien. Wenn du ein anderes Programm verwendest und etwas falsch aussieht, versuche die Datei in Illustrator zu öffnen, bevor du davon ausgehst, dass die Datei beschädigt ist

Öffnen einer Vektor-Datei in Adobe Illustrator

1. Illustrator öffnen

   Starte Adobe Illustrator auf deinem Computer

2. Datei öffnen

   Gehe zu Datei → Öffnen und wähle deine heruntergeladene EPS- oder AI-Datei aus. Wenn du eine SVG heruntergeladen hast, verwende ebenfalls Datei → Öffnen

3. Den Schriftart-Prompt handhaben

   Wenn die Datei Schriftarten verwendet, die du nicht installiert hast, zeigt Illustrator ein Dialogfeld für fehlende Schriftarten an. Du kannst die Schriftarten jetzt ersetzen oder die fehlenden später installieren

4. Ebenen erkunden

   Öffne das Ebenen-Panel (Fenster → Ebenen). Erweitere Unterebenen, um auf einzelne Elemente zuzugreifen. Wenn sich alles auf einer Ebene befindet, sind die Elemente möglicherweise gruppiert

5. Bei Bedarf Gruppierung aufheben

   Wähle alles aus (Cmd/Ctrl+A) und mache dann einen Rechtsklick → Gruppierung aufheben (oder Shift+Cmd/Ctrl+G). Bei manchen Dateien musst du die Gruppierung mehrmals aufheben, um an die einzelnen Elemente zu gelangen

6. Bearbeiten und speichern

   Nimm deine Änderungen vor – Farben, Text, Formen, Layout – und speichere sie in deinem bevorzugten Format über Datei → Exportieren als oder Datei → Speichern unter

Öffnen einer Vektor-Datei in Inkscape

1. Inkscape öffnen

   Starte Inkscape (kostenloser Download unter inkscape.org)

2. Datei öffnen

   Gehe zu Datei → Öffnen und wähle deine SVG- oder EPS-Datei aus

3. Für EPS-Dateien

   Inkscape konvertiert EPS beim Import in SVG. Einige komplexe Effekte können ein anderes Rendering aufweisen als in Illustrator – das ist normal

4. Bearbeiten

   Verwende das Auswahl-Tool (F1), um Elemente anzuklicken und zu verschieben. Mache einen Doppelklick auf Gruppen, um sie zu öffnen. Nutze die Farbpalette am unteren Rand, um Füllfarben zu ändern

5. Exportieren

   Gehe zu Datei → PNG-Bild exportieren für eine Raster-Ausgabe oder zu Datei → Speichern unter, um sie als SVG zu behalten

PSD-Dateien bearbeiten

PSD (Photoshop Document)-Dateien enthalten Ebenen, Masken, Smartobjekte und anpassbaren Text. Sie bieten die größte Flexibilität bei der Bearbeitung von Mockups, Vorlagen und Foto-Kompositionen

Empfohlene Software

Öffnen einer PSD in Adobe Photoshop

1. Photoshop öffnen

   Adobe Photoshop starten

2. Datei öffnen

   Gehe zu Datei → Öffnen und wähle die PSD-Datei aus

3. Ebenen erkunden

   Das Ebenen-Panel zeigt alle Ebenen, Gruppen und Masken. Klicke auf das Auge-Icon, um die Sichtbarkeit umzuschalten. Doppelklicke auf eine Textebene, um den Text zu bearbeiten

4. Smartobjekte bearbeiten

   Einige Mockup-Vorlagen verwenden Smartobjekte für Platzhalter-Inhalte. Doppelklicke auf die Miniaturansicht des Smartobjekts im Ebenen-Panel, um es in einem neuen Tab zu öffnen, ersetze den Inhalt, speichere (Cmd/Ctrl+S) und das Mockup aktualisiert sich automatisch

5. Exportieren

   Gehe zu Datei → Exportieren → Exportieren als, um es als JPG, PNG oder in anderen Formaten zu speichern

Eine PSD in GIMP öffnen

1. GIMP öffnen

   Starte GIMP (kostenloser Download unter gimp.org)

2. Datei öffnen

   Gehe zu Datei → Öffnen und wähle die PSD aus. GIMP importiert die Ebenen automatisch

3. Durch Ebenen navigieren

   Verwende den Ebenen-Dialog (Windows → Andockbare Dialoge → Ebenen). Klicke auf eine Ebene, um sie vor dem Bearbeiten zu aktivieren

4. Hinweis zur Kompatibilität

   GIMP kommt mit den meisten PSD-Funktionen gut zurecht, aber einige fortgeschrittene Photoshop-Effekte (bestimmte Ebenenmodi, Smartfilter) können anders aussehen. Für pixelgenaue Ergebnisse wird Photoshop empfohlen

Eine PSD ohne Photoshop bearbeiten (Photopea)

Photopea (photopea.com) ist ein kostenloser, browserbasierter Editor, der PSD-Dateien öffnet und Ebenen, Masken sowie die meisten Photoshop-Funktionen unterstützt. Es ist eine solide Option, wenn du gelegentlich eine PSD ohne Abo bearbeiten musst

1. Gehe zu photopea.com

   Öffne photopea.com in deinem Browser

2. Öffne deine Datei

   Klicke auf Open From Computer und wähle deine PSD aus. Die Datei wird mit allen intakten Ebenen geöffnet

3. Bearbeite sie nach Bedarf

   Nutze das Ebenen-Panel, Text-Tools und Zeichen-Tools genau wie in Photoshop

4. Exportieren

   Gehe zu Datei → Exportieren als und wähle dein Format (JPG, PNG, PSD usw.)

Bearbeitung von PNG- und JPG-Dateien

PNG und JPG sind flache Rasterdateien – es gibt keine Ebenen und du kannst einzelne Elemente nicht separat bearbeiten. Du kannst sie dennoch zuschneiden, die Größe ändern, Farben anpassen, Text hinzufügen und Filter anwenden. Für komplexere Änderungen sind KI-gestützte Tools oft schneller als die manuelle Bearbeitung

Verwendung des Image Editor von Magnific (keine Software erforderlich)

Für jedes PNG oder JPG kannst du den Image Editor verwenden, um es zuzuschneiden, die Größe zu ändern, Hintergründe zu entfernen, zu retuschieren, hochzuskalieren, den Stil zu ändern und Farben anzupassen – alles in deinem Browser, ohne Installation

Das Bearbeiten eines Fotos im Image Editor ist kostenlos und zählt nicht als Download. Nur das Exportieren und Speichern des Ergebnisses auf deinem Gerät wird auf dein tägliches Download-Limit angerechnet

Verwendung von Desktop-Software

Jeder Bild-Editor öffnet PNG- und JPG-Dateien. Adobe Photoshop, GIMP, Affinity Photo und sogar einfache Apps wie Vorschau (macOS) oder Fotos (Windows) funktionieren gut für einfache Bearbeitungen. Achte bei Druckarbeiten darauf, dass du mit ausreichender Auflösung arbeitest – 300 DPI sind Standard für den Druck

Tipp zur PNG-Transparenz

PNG-Dateien können transparente Hintergründe haben. Um die Transparenz beim Exportieren beizubehalten, speichere sie immer als PNG – nicht als JPG. JPG unterstützt keine Transparenz und ersetzt diese durch einen weißen Hintergrund.

Unterschiede zwischen SVG und PNG

PNG und SVG sind beides weit verbreitete Formate für unterschiedliche Designanforderungen. PNG ist ein Rasterformat, das aus Pixeln besteht, was es ideal für detaillierte Bilder wie Fotos macht, aber weniger flexibel bei der Bearbeitung oder Größenänderung.

SVG hingegen ist ein Vektorformat, das aus Formen und Pfaden besteht. Das bedeutet, dass es ohne Qualitätsverlust auf jede Größe skaliert und einfach in Design-Tools bearbeitet werden kann. SVG-Dateien eignen sich besonders gut für Anpassungen, den Druck und die Verwendung im Web.

Videodateien bearbeiten

Magnific Stock-Videos sind in den Formaten MP4 und MOV erhältlich. Beide funktionieren in allen gängigen Videobearbeitungsprogrammen.

Um Videos direkt in Magnific zu bearbeiten, öffne den Video Project Editor. Du kannst Clips kombinieren, zuschneiden, Audio hinzufügen und exportieren – keine Softwareinstallation erforderlich

Icons bearbeiten

Icons auf Magnific sind in SVG und PNG verfügbar. SVG-Icons sind vollständig anpassbar – du kannst Farben ändern, die Größe frei anpassen und die Konturbreite anpassen. PNG-Icons sind flache Bilder und nur eingeschränkt bearbeitbar

SVG-Icons im Icons Editor von Magnific bearbeiten

1. Öffne die Icon-Seite

   Finde das gewünschte Icon auf Magnific und öffne dessen Detailseite

2. Klicke auf Icon bearbeiten

   Klicke auf die Schaltfläche Icon bearbeiten, um den Icons Editor direkt in deinem Browser zu öffnen

3. Anpassen

   Ändere die Farbe, passe die Größe an und – bei unterstützten Icons – modifiziere die Kontur

4. Herunterladen

   Lade das bearbeitete Icon im SVG- oder PNG-Format herunter

SVG-Icons in Figma oder Illustrator bearbeiten

Du kannst ein SVG-Icon direkt von der Magnific-Icon-Seite in deine Zwischenablage kopieren (klicke auf Kopieren) und es in Figma, Illustrator oder ein beliebiges Tool einfügen, das SVG unterstützt. Sobald es eingefügt ist, kannst du es wie jedes andere Vektor-Element umfärben, in der Größe anpassen und modifizieren

So kopierst du Icons in die Zwischenablage

Um ein Icon zu kopieren, ohne es herunterzuladen, klicke auf die Schaltfläche PNG kopieren oder SVG kopieren und füge es direkt in deine bevorzugte Anwendung ein. Kopierte Icons werden auch zu deinem Download-Verlauf hinzugefügt, was bedeutet, dass sie als Downloads zählen

Icons mit anpassbarer Kontur

Einige Icon Packs unterstützen die Bearbeitung der Konturstärke. Diese Icons zeigen im Icons Editor eine Option für eine anpassbare Kontur an. Wenn du das SVG manuell in Illustrator bearbeitest, passe die Kontur im Kontur-Panel (Fenster → Kontur) an, nachdem du die Icon-Pfade ausgewählt hast.

Icons mit anpassbarer Kontur behalten Konturen als Linien bei, sodass du deren Breite, Kurven und Formen verändern kannst. Im Gegensatz dazu wandeln vereinfachte SVGs Konturen in feste Formen um, was erweiterte Bearbeitungen einschränkt. Denke daran, dass beim Skalieren eines Icons auch dessen Konturstärke skaliert wird – wenn du eine konsistente Konturbreite beibehalten möchtest, passe die Größe der Elemente manuell an, anstatt sie zu skalieren

Animierte Icons

Um animierte Icons zu bearbeiten, lade die .AEP-Datei herunter und öffne sie in Adobe After Effects. Jede Datei enthält eine Steuerungsebene, mit der du wichtige Eigenschaften wie Konturbreite, Farben, Position, Skalierung und Rotation des Icons anpassen kannst.

Verwende die verfügbaren Controller, um die Konturstärke zu ändern, Basis- und Highlight-Farben zu aktualisieren oder einzelne Elemente anzupassen. Um Farben zu bearbeiten, klicke auf das Feld neben dem jeweiligen Controller, um das Color-Panel zu öffnen und den Farbton nach Bedarf anzupassen

Häufige Probleme & Fehlerbehebung

Dies ist das häufigste Problem bei Vektor- und PSD-Dateien. Die im ursprünglichen Design verwendete Schriftart ist nicht eingebettet – du musst sie auf deinem Computer installiert haben, damit sie korrekt angezeigt wird

1. Wenn du die Datei öffnest, zeigt dir deine Software an, welche Schriftarten fehlen
2. Suche nach dem Namen der Schriftart auf Google Fonts (kostenlos), Adobe Fonts (in Creative Cloud enthalten) oder einem Schriftarten-Marktplatz
3. Installiere die Schriftart auf deinem System und öffne die Datei erneut – sie wird korrekt gerendert
4. Wenn du die Schriftart nicht finden kannst, wähle die Textebene aus und ersetze sie durch eine ähnliche Schriftart deiner Wahl

Vorschaubilder der Magnific-Ressource zeigen das Design mit den korrekten Schriftarten. Die anpassbare Datei zeigt diese nur an, wenn du sie installiert hast

Die Elemente sind gruppiert. In Illustrator: Rechtsklick → Gruppierung aufheben (oder Shift+Cmd/Ctrl+G). In Photoshop: Klicke im Ebenen-Panel auf den Gruppenordner, um ihn zu Erweitern und die einzelne Ebene darin auszuwählen

Einige Dateien haben mehrere Verschachtelungsebenen – du musst die Gruppierung möglicherweise mehrmals aufheben, um das gewünschte Element zu erreichen

Die Datei verwendet eine Schnittmaske. In Illustrator: Rechtsklick auf das maskierte Objekt → Schnittmaske zurückwandeln. In Photoshop: Rechtsklick auf die Ebene → Schnittmaske lösen (falls es sich um eine Schnittmaske handelt) oder die Ebenenmaske im Ebenen-Panel löschen bzw. deaktivieren

Sobald sie gelöst ist, wird das vollständige Bildmaterial sichtbar und du kannst es neu ausrichten oder bearbeiten

Die Datei befindet sich möglicherweise im CMYK-Farbmodus (für den Druck), während dein Bildschirm RGB anzeigt. In Illustrator: Gehe zu Datei → Dokumentfarbmodus und wechsle zu RGB, wenn du für den Bildschirm gestaltest. In Photoshop: Gehe zu Bild → Modus → RGB-Farbe

Falls die Farben weiterhin flach oder ausgewaschen aussehen, prüfe, ob Transparenzen oder Füllmethoden bei der Konvertierung verloren gegangen sind (kommt bei EPS-Dateien in Nicht-Adobe-Software häufig vor)

Das Design befindet sich hinter einer Schnittmaske oder in einer Gruppe, die bei der aktuellen Zoomstufe nicht sichtbar ist. Versuche es mit Cmd/Ctrl+A (Alles auswählen), um zu sehen, ob Elemente ausgewählt werden. Falls ja, gehe zu Objekt → Schnittmaske → Zurückwandeln (Illustrator) oder prüfe die Ebenensichtbarkeit in Photoshop

In seltenen Fällen verwendet die Datei Funktionen, die deine Softwareversion nicht unterstützt. Versuche, sie in einer neueren Version oder in Illustrator zu öffnen, falls du eine andere App verwendest

Die Designer-Person hat den Text in Pfade umgewandelt, bevor sie die Datei exportiert hat. Das ist bei Dateien üblich, bei denen Probleme mit Schriftarten vermieden werden sollten. Sobald Text in Pfade umgewandelt wurde, kann er nicht mehr als Text bearbeitet werden – er ist nun eine Form

Deine Optionen: Lösche die umgewandelte Textform und schreibe neuen Text mit dem Text-Tool und einer ähnlichen Schriftart. Wenn du die ursprüngliche Schriftart exakt treffen musst, identifiziere sie mit einem Tool zur Schrifterkennung (wie WhatFontIs oder der visuellen Suche von Adobe Fonts), installiere sie und schreibe den Text neu

Einige hochauflösende PSD-Dateien oder komplexe Vektor-Illustrationen können groß sein (50 MB+). Das ist normal. So verbesserst du die Leistung:

• In Photoshop: Gehe zu Bearbeiten → Voreinstellungen → Leistung und erhöhe die RAM-Zuweisung für Photoshop
• In Photoshop: Gehe zu Bearbeiten → Einstellungen → GPU-Leistung und stelle sicher, dass das GPU-Rendering aktiviert ist
• Schließe andere Anwendungen, um Arbeitsspeicher freizugeben, während du mit großen Dateien arbeitest

Einige PSD- oder KI-Dateien enthalten verknüpfte externe Ressourcen, die als Referenz platziert und nicht eingebettet sind. Wenn diese verknüpften Dateien nicht im Download enthalten waren, siehst du eine Warnung wegen fehlender Verknüpfungen

In Photoshop: Öffne das Verknüpfungen-Panel (Fenster → Verknüpfungen), um zu sehen, was fehlt. Du kannst die Verknüpfung zu einer lokalen Datei erneuern oder das verknüpfte Element auswählen und Bild einbetten verwenden, um es direkt einzubetten

In Photoshop: Das Ebenen-Panel zeigt ein Warn-Icon auf der betroffenen Smartobjekt-Ebene an. Mache einen Doppelklick auf die Ebene, um das Smartobjekt zu öffnen und den Inhalt zu ersetzen

Keine Bearbeitungssoftware? Nutze die Magnific-Online-Tools

Du musst nichts installieren, um die meisten Magnific-Dateien zu bearbeiten. Diese Tools funktionieren vollständig in deinem Browser:

Für Vektoren ohne Illustrator

Wenn du eine EPS- oder KI-Datei bearbeiten musst und kein Illustrator hast, kann Photopea (photopea.com) beide Formate in deinem Browser öffnen und die gängigsten Bearbeitungen vornehmen. Für SVG-Dateien ist der kostenlose Tarif von Figma eine weitere solide Option