Modifier des fichiers

Cet article est une traduction. La version anglaise fait foi et est celle qui s’applique en cas de doute.

Une fois que vous avez téléchargé une ressource Magnific, l’expérience de modification dépend du format de fichier. Cet article explique comment ouvrir et modifier chaque type, quel logiciel utiliser et comment résoudre les problèmes les plus courants que vous rencontrerez

Dans cet article

• Modifier des fichiers vecteur (EPS, AI, SVG)
• Modifier des fichiers PSD
• Modifier des fichiers PNG et JPG
• Modifier des fichiers vidéo
• Modifier des icônes
• Problèmes courants et dépannage
• Pas de logiciel de modification ? Utilisez les outils en ligne de Magnific

Modification de fichiers vecteur (EPS, AI, SVG)

Les fichiers vecteur (EPS, AI, SVG) sont entièrement modifiables : vous pouvez changer les couleurs, redimensionner sans perte de qualité, modifier les formes, éditer le texte et réorganiser les éléments. Vous avez besoin d’une application de modification de vecteur pour travailler avec eux.

Lors de la modification de fichiers vecteur, gardez à l’esprit que les designs peuvent inclure plusieurs calques ou éléments groupés ; vous devrez peut-être explorer les calques ou dégrouper les objets pour les modifier individuellement. Si le dégroupage ne fonctionne pas, vérifiez la présence de masques d’écrêtage et libérez-les. Notez également que les polices utilisées dans les aperçus peuvent ne pas être disponibles dans le fichier modifiable, des remplacements pourraient donc être nécessaires.

Logiciels recommandés

Adobe Illustrator vous offre l’expérience d’édition la plus complète avec les fichiers Magnific. Si vous utilisez un autre programme et que quelque chose semble incorrect, essayez d’ouvrir le fichier dans Illustrator avant de supposer que le fichier est corrompu

Ouvrir un fichier vecteur dans Adobe Illustrator

1. Ouvrir Illustrator

   Lancez Adobe Illustrator sur votre ordinateur

2. Ouvrir le fichier

   Allez dans Fichier → Ouvrir et sélectionnez votre fichier EPS ou AI téléchargé. Si vous avez téléchargé un SVG, utilisez également Fichier → Ouvrir

3. Gérer le prompt de police

   Si le fichier utilise des polices que vous n’avez pas installées, Illustrator affichera une boîte de dialogue de polices manquantes. Vous pouvez remplacer les polices maintenant ou installer les manquantes plus tard.

4. Explorer les calques

   Ouvrez le panneau Calques (Fenêtre → Calques). Agrandir les sous-calques pour accéder aux éléments individuels. Si tout se trouve sur un seul calque, les éléments peuvent être groupés.

5. Dégrouper si nécessaire

   Tout sélectionner (Cmd/Ctrl+A), puis clic droit → Dégrouper (ou Shift+Cmd/Ctrl+G). Certains fichiers nécessitent d’être dégroupés plusieurs fois pour atteindre les éléments individuels.

6. Modifier et enregistrer

   Apportez vos modifications : couleurs, texte, formes, mise en page, et enregistrez dans votre format préféré via Fichier → Exporter sous ou Fichier → Enregistrer sous.

Ouvrir un fichier vecteur dans Inkscape

1. Ouvrir Inkscape

   Lancez Inkscape (téléchargement gratuit sur inkscape.org)

2. Ouvrir le fichier

   Allez dans Fichier → Ouvrir et sélectionnez votre fichier SVG ou EPS

3. Pour les fichiers EPS

   Inkscape convertit les EPS en SVG lors de l’importation. Certains effets complexes peuvent avoir un rendu différent de celui d’Illustrator : c’est normal

4. Modifier

   Utilisez l’outil Sélection (F1) pour cliquer sur les éléments et les déplacer. Double-cliquez sur les groupes pour y accéder. Utilisez la palette de couleurs en bas pour modifier les couleurs de remplissage

5. Exporter

   Allez dans Fichier → Exporter en image PNG pour une sortie matricielle, ou Fichier → Enregistrer sous pour le conserver au format SVG

Modification de fichiers PSD

Les fichiers PSD (Photoshop Document) contiennent des calques, des masques, des objets dynamiques et du texte modifiable. Ils offrent la plus grande flexibilité de modification pour les mockups, les modèles et les compositions photo

Logiciels recommandés

Ouvrir un PSD dans Adobe Photoshop

1. Ouvrir Photoshop

   Lancer Adobe Photoshop

2. Ouvrir le fichier

   Allez dans Fichier → Ouvrir et sélectionnez le fichier PSD

3. Explorer les calques

   Le panneau Calques affiche tous les calques, groupes et masques. Cliquez sur l’icône en forme d’œil pour basculer la visibilité. Double-cliquez sur un calque de texte pour modifier le texte

4. Modifier les objets dynamiques

   Certains modèles de mockup utilisent des objets dynamiques pour le contenu de l’espace réservé. Double-cliquez sur la vignette de l’objet dynamique dans le panneau Calques pour l’ouvrir dans un nouvel onglet, remplacez le contenu, enregistrez (Cmd/Ctrl+S), et le mockup se met à jour automatiquement

5. Exporter

   Allez dans Fichier → Exporter → Exporter sous pour enregistrer au format JPG, PNG ou autre

Ouvrir un PSD dans GIMP

1. Ouvrir GIMP

   Lancez GIMP (téléchargement gratuit sur gimp.org)

2. Ouvrir le fichier

   Allez dans Fichier → Ouvrir et sélectionnez le PSD. GIMP importera les calques automatiquement

3. Naviguer entre les calques

   Utilisez la fenêtre des calques (Windows → Fenêtres ancrables → Calques). Cliquez sur un calque pour l’activer avant de le modifier

4. Note sur la compatibilité

   GIMP gère bien la plupart des fonctionnalités des PSD, mais certains effets Photoshop avancés (certains modes de fusion, filtres dynamiques) peuvent avoir un rendu différent. Pour des résultats parfaits au pixel près, Photoshop est recommandé

Modifier un PSD sans Photoshop (Photopea)

Photopea (photopea.com) est un éditeur gratuit basé sur navigateur qui ouvre les fichiers PSD et prend en charge les calques, les masques et la plupart des fonctionnalités de Photoshop. C’est une option solide si vous avez besoin de modifier un PSD occasionnellement sans abonnement

1. Aller sur photopea.com

   Ouvrez photopea.com dans votre navigateur

2. Ouvrir votre fichier

   Cliquez sur Ouvrir depuis l’ordinateur et sélectionnez votre PSD. Le fichier s’ouvre avec tous les calques intacts

3. Modifier selon vos besoins

   Utilisez le panneau des calques, les outils de texte et les outils de dessin comme dans Photoshop

4. Exporter

   Allez dans Fichier → Exporter sous et choisissez votre format (JPG, PNG, PSD, etc.)

Modifier des fichiers PNG et JPG

Les PNG et JPG sont des fichiers matriciels plats : il n’y a pas de calques et vous ne pouvez pas modifier les éléments individuellement. Vous pouvez toujours recadrer, redimensionner, ajuster les couleurs, ajouter du texte et appliquer des filtres. Pour des modifications plus complexes, les outils avec la technologie de l’IA sont souvent plus rapides qu’une modification manuelle

Utiliser l’éditeur d’images de Magnific (aucun logiciel nécessaire)

Pour tout PNG ou JPG, vous pouvez utiliser l’éditeur d’images pour recadrer, redimensionner, supprimer des arrière-plans, retoucher, améliorer, changer le style et ajuster les couleurs : tout cela dans votre navigateur, sans aucune installation requise

Modifier une photo dans l’éditeur d’images est gratuit et ne compte pas comme un téléchargement. Seuls l’exportation et l’enregistrement du résultat sur votre appareil sont comptabilisés dans votre limite quotidienne de téléchargement

Utiliser un logiciel de bureau

N’importe quel éditeur d’images ouvre les fichiers PNG et JPG. Adobe Photoshop, GIMP, Affinity Photo et même des applications basiques comme Aperçu (macOS) ou Photos (Windows) fonctionnent très bien pour des modifications simples. Pour le travail d’impression, assurez-vous de travailler avec une résolution suffisante : 300 DPI est la norme pour l’impression

Astuce pour la transparence des PNG

Les fichiers PNG peuvent avoir des arrière-plans transparents. Pour préserver la transparence lors de l’exportation, enregistrez toujours au format PNG, et non JPG. Le format JPG ne prend pas en charge la transparence et la remplacera par un arrière-plan blanc.

Différences entre SVG et PNG

Le PNG et le SVG sont deux formats largement utilisés pour différents besoins en matière de design. PNG est un format matriciel composé de pixels, ce qui le rend idéal pour des images détaillées comme les photos, mais moins flexible pour la modification ou le redimensionnement.

SVG, en revanche, est un format vecteur construit avec des formes et des tracés, ce qui signifie qu’il peut être mis à l’échelle à n’importe quelle taille sans perte de qualité et facilement modifié dans des outils de design. Les fichiers SVG sont particulièrement adaptés à la personnalisation, à l’impression et à l’utilisation sur le Web.

Modifier des fichiers vidéo

Les vidéos de stock Magnific sont disponibles aux formats MP4 et MOV. Les deux fonctionnent dans tous les principaux logiciels de montage vidéo.

Pour modifier une vidéo directement dans Magnific, ouvrez l’Éditeur de projet vidéo .Vous pouvez combiner des clips, rogner, ajouter de l’audio et exporter : aucune installation de logiciel requise

Modifier des icônes

Les icônes sur Magnific sont disponibles en SVG et PNG. Les icônes SVG sont entièrement modifiables : vous pouvez changer les couleurs, redimensionner librement et ajuster l’épaisseur du contour. Les icônes PNG sont des images plates et leur modification est limitée

Modifier des icônes SVG dans l’Éditeur d’icônes de Magnific

1. Ouvrir la page de l’icône

   Trouvez l’icône que vous souhaitez sur Magnific et ouvrez sa page de détails

2. Cliquer sur Modifier l’icône

   Cliquez sur le bouton Modifier l’icône pour ouvrir l’Éditeur d’icônes directement dans votre navigateur

3. Personnaliser

   Changez la couleur, ajustez la taille et, sur les icônes compatibles, modifiez l’épaisseur du contour

4. Télécharger

   Téléchargez l’icône modifiée au format SVG ou PNG

Modifier des icônes SVG dans Figma ou Illustrator

Vous pouvez copier une icône SVG directement dans votre presse-papiers depuis la page des icônes de Magnific (cliquez sur Copier) et la coller dans Figma, Illustrator ou tout autre outil acceptant le format SVG. Une fois collée, vous pouvez la recolorer, la redimensionner et la modifier comme n’importe quel autre élément vecteur

Comment copier des icônes dans le presse-papiers

Pour copier une icône sans la télécharger, cliquez sur le bouton Copier en PNG ou Copier en SVG et collez-la directement dans votre application préférée. Les icônes copiées sont également ajoutées à votre historique de téléchargement, ce qui signifie qu’elles sont comptabilisées comme des téléchargements

Icônes avec contour modifiable

Certains packs d’icônes prennent en charge la modification de l’épaisseur du contour. Ces icônes affichent une option de contour modifiable dans l’éditeur d’icônes. Si vous modifiez le SVG manuellement dans Illustrator, ajustez le contour dans le panneau Contour (Fenêtre → Contour) après avoir sélectionné les tracés de l’icône.

Les icônes à contour modifiable conservent les contours sous forme de lignes, ce qui vous permet de modifier leur largeur, leurs courbes et leurs formes. À l’inverse, les SVG simplifiés convertissent les contours en formes fixes, ce qui limite les modifications avancées. Gardez à l’esprit que le redimensionnement d’une icône modifiera également l’épaisseur de son contour : si vous devez conserver une épaisseur de contour cohérente, redimensionnez les éléments manuellement au lieu d’utiliser l’échelle

Icônes animées

Pour modifier des icônes animées, téléchargez le fichier .AEP et ouvrez-le dans Adobe After Effects. Chaque fichier inclut un calque de contrôle qui vous permet d’ajuster des propriétés clés telles que l’épaisseur du contour, les couleurs, la position, l’échelle et la rotation de l’icône.

Utilisez les contrôleurs disponibles pour modifier l’épaisseur du contour, mettre à jour les couleurs de base et de surbrillance, ou ajuster des éléments individuels. Pour modifier les couleurs, cliquez sur la case à côté de chaque contrôleur pour ouvrir le panneau Couleur et ajuster la teinte selon vos besoins.

Problèmes courants et dépannage

Il s’agit du problème le plus courant avec les fichiers vecteur et PSD. La police utilisée dans le design original n’est pas incorporée dans le fichier : vous devez l’avoir installée sur votre ordinateur pour qu’elle s’affiche correctement.

1. Lorsque vous ouvrez le fichier, votre logiciel vous indiquera quelles polices sont manquantes.
2. Recherchez le nom de la police sur Google Fonts (gratuit), Adobe Fonts (inclus avec Creative Cloud), ou sur une place de marché de polices.
3. Installez la police sur votre système et rouvrez le fichier : le rendu sera correct.
4. Si vous ne trouvez pas la police, sélectionnez le calque de texte et remplacez-la par une police similaire de votre choix.

Les images de prévisualisation des ressource Magnific montrent le design avec les bonnes polices. Le fichier modifiable ne les affichera pas à moins que vous ne les ayez installées.

Les éléments sont groupés. Dans Illustrator : clic droit → Dissocier (ou Shift+Cmd/Ctrl+G). Dans Photoshop : dans le panneau Calques, cliquez sur le dossier du groupe pour l’agrandir et sélectionnez le calque individuel à l’intérieur.

Certains fichiers comportent plusieurs niveaux d’imbrication : vous devrez peut-être dissocier plusieurs fois pour atteindre l’élément souhaité.

Le fichier utilise un masque d’écrêtage. Dans Illustrator : faites un clic droit sur l’objet masqué → Annuler le masque d’écrêtage. Dans Photoshop : faites un clic droit sur le calque → Annuler le masque d’écrêtage (s’il s’agit d’un calque d’écrêtage) ou supprimez/désactivez le masque de fusion dans le panneau Calques.

Une fois libérée, l’illustration complète sera visible et vous pourrez la Recadrer ou la modifier.

Le fichier est peut-être en mode colorimétrique CMYK (pour l’impression) alors que votre écran affiche du RGB. Dans Illustrator : allez dans Fichier → Mode colorimétrique du document et passez en RGB si vous concevez pour un écran. Dans Photoshop : allez dans Image → Mode → Couleurs RVB.

Si les couleurs semblent toujours plates ou délavées, vérifiez si la transparence ou les modes de fusion ont été perdus lors de la conversion (fréquent avec les fichiers EPS dans les logiciels autres qu’Adobe).

Le design se trouve derrière un masque d’écrêtage ou à l’intérieur d’un groupe qui n’est pas visible au niveau de zoom actuel. Essayez Cmd/Ctrl+A (Tout sélectionner) pour voir si des éléments sont sélectionnés. Si c’est le cas, allez dans Objet → Masque d’écrêtage → Annuler (Illustrator) ou vérifiez la visibilité du calque dans Photoshop.

Dans de rares cas, le fichier peut utiliser des fonctionnalités que votre version du logiciel ne prend pas en charge. Essayez de l’ouvrir dans une version plus récente ou dans Illustrator si vous utilisez une autre application.

Le Designer a converti le texte en contours (tracés) avant l’exportation. C’est une pratique courante dans les fichiers où le designer souhaitait éviter les problèmes de dépendance aux police. Une fois le texte converti en contours, il ne peut plus être modifié en tant que texte : il s’agit d’une forme.

Vos options : supprimez la forme de texte vectorisée et saisissez un nouveau texte à l’aide de l’outil Texte avec une police similaire. Si vous devez faire correspondre exactement la police d’origine, identifiez-la à l’aide d’un outil d’identification de police (comme WhatFontIs ou la recherche visuelle d’Adobe Fonts), installez-la et saisissez à nouveau le texte.

Certains fichiers PSD haute résolution ou certaines illustration vectorielles complexes peuvent être volumineux (50 MB+). C’est normal. Pour améliorer les performances :

• Dans Photoshop : allez dans Édition → Préférences → Performances et augmentez l’allocation de RAM pour Photoshop.
• Dans Illustrator : allez dans Édition → Préférences → Performances GPU et assurez-vous que le rendu GPU est activé
• Fermez les autres applications pour libérer de la mémoire lorsque vous travaillez sur des fichiers volumineux

Certains fichiers PSD ou AI incluent des ressources externes liées placées en tant que références plutôt qu’incorporées. Si ces fichiers liés n’ont pas été inclus dans le téléchargement, vous verrez un avertissement de lien manquant

Dans Illustrator : ouvrez le panneau Liens (Fenêtre → Liens) pour voir ce qui manque. Vous pouvez relier à un fichier local, ou sélectionner l’élément lié et utiliser Incorporer l’image pour l’intégrer directement

Dans Photoshop : le panneau Calques affichera une icône d’avertissement sur le calque d’objet dynamique concerné. Double-cliquez sur le calque pour ouvrir l’objet dynamique et remplacer le contenu

Pas de logiciel de montage ? Utilisez les outils en ligne de Magnific

Vous n’avez rien à installer pour modifier la plupart des fichiers Magnific. Ces outils fonctionnent entièrement dans votre navigateur :

Pour les vecteurs sans Illustrator

Si vous devez modifier un fichier EPS ou IA et que vous n’avez pas Illustrator, Photopea (photopea.com) peut ouvrir les deux formats dans votre navigateur et prend en charge la plupart des modifications courantes. Pour les fichiers SVG, la version gratuite de Figma est une autre option solide