exportation de AI vers SVG : comment recadrer

[YouDontNeedToKnowButItsNoëlle]

Bonjour, je précise que je ne quasiment connais rien à AI, au delà
d'ouvrir un fichier pour l'utiliser en PS ou InDesign.
J'ai la version CS3.
Je cherche à recadrer pour exporter ensuite en SVG (à l'usage d'un site
adaptatif, vecto c'est mieux).
J'ai un fichier AI qui contient mes logos ; il y a différentes versions
et c'est partiellement transparent.
Je sélectionne les calques où sont les objets (ça me rappelle PS) qui
m'interessent pour ne voir qu'un logo à la fois.
Si j'exporte en png ou fait enregistrer sous en SVG, ça prend en plus du
logo tout l'espace de travail en guise d'enveloppe.
Et du coup ça ne ressemble à rien évidement...
La seule allusion à du recadrage (dans le menu objet) me place un
rectangle plein par dessus mes objets graphiques.
Je doute que ce soit ça !
Je voudrais juste exporter les objets actifs, le code du site se
débrouille pour se caler sur l'enveloppe exterieure du paquet (que
j'exporte en cochant l'option vecto, les autres options me laissent
perplexe).

Merci

Noëlle Adam

[Joseph B]

Bonsoir Noëlle

Post by YouDontNeedToKnowButItsNoëlle
Je voudrais juste exporter les objets actifs, le code du site se
débrouille pour se caler sur l'enveloppe exterieure du paquet (que
j'exporte en cochant l'option vecto, les autres options me laissent
perplexe).

Quand tu dis

Post by YouDontNeedToKnowButItsNoëlle
"ça prend en plus du logo tout l'espace de travail"

tu veux dire le plan de travail d'illustrator, défini par le format de
document (A4 paysage, par exemple) ? Normalement ce n'est pas partie
intégrante du document vectoriel et nul besoin de le "recadrer" et son
affichage peut être supprimé.
Ne serait-ce pas plutôt que tu as des masques d'écrétage, attachés à tes
logos, qui traînent ?

Pas sûr de bien comprendre ton pb, mais j'imagine que je ferais comme
suit :
• Sélectionner un des logo (avec tous les éléments vectoriels le
composant) et lui seul, le copier dans le presse-papier
• Ouvrir un "nouveau" doc Illustrator et le coller dedans.
• Enregistrer-sous en SVG (en conservant la possibilité d'édition dans
Illustrator, c'est plus prudent) et fermer.

Si tu rouvres ce document sous Illustrator, certes il sera au milieu du
"plan de travail", avec des hirondelles délimitant son encombrement,
mais si tu fais Cmd-A, tu verras que ton logo et lui seul est
sélectionné, pas le plan de travail.

D'ailleurs dans le menu "Affichage" tu devrais demander "afficher le
damier de transparence" pour vérifier comment ton logo s'affichera en
cas de superposition sur un arrière plan.

HTH?

Post by YouDontNeedToKnowButItsNoëlle
Merci

De rien

[Anne G]

Post by Joseph B
Pas sûr de bien comprendre ton pb

Non, moi non plus.

[YouDontNeedToKnowButItsNoëlle]

Post by Joseph B
Bonsoir Noëlle

Post by YouDontNeedToKnowButItsNoëlle
Je voudrais juste exporter les objets actifs, le code du site se
débrouille pour se caler sur l'enveloppe exterieure du paquet (que
j'exporte en cochant l'option vecto, les autres options me laissent
perplexe).

Quand tu dis

Post by YouDontNeedToKnowButItsNoëlle
"ça prend en plus du logo tout l'espace de travail"

tu veux dire le plan de travail d'illustrator, défini par le format de
document (A4 paysage, par exemple) ?

Oui.
L'enveloppe du logo ( celui qui est dans les calques que j'active ) est
le format de document A4 paysage. Résultat, une fois sur le web, ça
donne pas du tout le résultat attendu.
Normalement ce n'est pas partie

Post by Joseph B
intégrante du document vectoriel et nul besoin de le "recadrer" et son
affichage peut être supprimé.

Je ne connais vraiment rien à Illus : j'essaie d'interpreter les
commandes d'après ce que je connais en PS et en InD. Bien que ça sorte
de la même boutique, l'analogie ne fonctionne pas forcément.
Est-ce que c'est du à la version un peu ancienne que j'utilise ?

Post by Joseph B
Ne serait-ce pas plutôt que tu as des masques d'écrétage, attachés à tes
logos, qui traînent ?

Aucune idée : mes logos ont des parties transparentes, y compris pour
une version un évidement interne.
La aussi la notion de masque d'écrêtage ne doit pas être la même que
celle de PS.

Post by Joseph B
Pas sûr de bien comprendre ton pb, mais j'imagine que je ferais comme
• Sélectionner un des logo (avec tous les éléments vectoriels le
composant) et lui seul, le copier dans le presse-papier
• Ouvrir un "nouveau" doc Illustrator et le coller dedans.
• Enregistrer-sous en SVG (en conservant la possibilité d'édition dans
Illustrator, c'est plus prudent) et fermer.
Si tu rouvres ce document sous Illustrator, certes il sera au milieu du
"plan de travail", avec des hirondelles délimitant son encombrement,
mais si tu fais Cmd-A, tu verras que ton logo et lui seul est
sélectionné, pas le plan de travail.
D'ailleurs dans le menu "Affichage" tu devrais demander "afficher le
damier de transparence" pour vérifier comment ton logo s'affichera en
cas de superposition sur un arrière plan.

Je crois qu'il est OK de ce coté là, j'ai regardé.

Post by Joseph B
HTH?

OK, j'essaie ça...Je suis tout de même surprise que la notion de
recadrage n'existe pas en Illus.
Merci,

Noëlle Adam

[Yann M.]

Post by YouDontNeedToKnowButItsNoëlle
OK, j'essaie ça...Je suis tout de même surprise que la notion de
recadrage n'existe pas en Illus.

Bonjour Noëlle,
Cette notion existe mais elle est aujourd'hui intégrée à la notion de
"plan de travail" (en CS5) comme te l'a expliqué Joseph.
Ceci dit, dans Illustrator CS3 La zone "plan de travail" se nommait
encore "zone de recadrage" et permettait justement d'ajouter différents
cadrages sur un même document unique. Tu le trouves dans la barre
d'outils sous la forme d'un petit outil en forme de croix formée par 4
petites "hirondelles".
Je ne sais pas en revanche si cela suffira lors de l'export SVG à
sélectionner la bonne zone.
En CS5 la "zone de recadrage" est devenue l'outil complet de gestion de
plans de travail avec une palette dédiée, qui permet entre autre de
rentrer pleinement dans une logique multipage si on enregistre ensuite
des pdf. Un plan de travail = 1 page pdf. Tu peux alors créer un tout
petit plan de travail autour d'un logo, créant ainsi une page
supplémentaire correspondante à ce petit recadrage.
C'est ainsi que nous travaillons chez nous pour nos BAT, puisque nous ne
générons que du pdf natif multipage depuis illustrator. Exit le .ai,
l'eps, Exit indesign, Exit xpress...un seul outil graphique, un seul
format, ormis photoshop pour la retouche image.

Bref essaye cet outil "zone de recadrage" dans CS3 et enregistre sous en
SVG pour voir si ça répond à ton souci.

[YouDontNeedToKnowButItsNoëlle]

Post by Yann M.

Post by YouDontNeedToKnowButItsNoëlle
OK, j'essaie ça...Je suis tout de même surprise que la notion de
recadrage n'existe pas en Illus.

Bonjour Noëlle,
Cette notion existe mais elle est aujourd'hui intégrée à la notion de
"plan de travail" (en CS5) comme te l'a expliqué Joseph.
Ceci dit, dans Illustrator CS3 La zone "plan de travail" se nommait
encore "zone de recadrage" et permettait justement d'ajouter différents
cadrages sur un même document unique. Tu le trouves dans la barre
d'outils sous la forme d'un petit outil en forme de croix formée par 4
petites "hirondelles".
Je ne sais pas en revanche si cela suffira lors de l'export SVG à
sélectionner la bonne zone.

Ça vaut le coup d'essayer !

Post by Yann M.
En CS5 la "zone de recadrage" est devenue l'outil complet de gestion de
plans de travail avec une palette dédiée, qui permet entre autre de
rentrer pleinement dans une logique multipage si on enregistre ensuite
des pdf. Un plan de travail = 1 page pdf. Tu peux alors créer un tout
petit plan de travail autour d'un logo, créant ainsi une page
supplémentaire correspondante à ce petit recadrage.

J'ai la CS3 et pas vraiment le besoin de plus (enfin si j'aimerais un
PS4 mais...); je me sert moins de PS maintenant car captureNX me fait
une bonne partie du travail photo, je me sert occasionnellement de
InDesign et pratiquement jamais de Illus (sauf pour importer un logo ou
un dessin).

Post by Yann M.
C'est ainsi que nous travaillons chez nous pour nos BAT, puisque nous ne
générons que du pdf natif multipage depuis illustrator. Exit le .ai,
l'eps, Exit indesign, Exit xpress...un seul outil graphique, un seul
format, ormis photoshop pour la retouche image.
Bref essaye cet outil "zone de recadrage" dans CS3 et enregistre sous en
SVG pour voir si ça répond à ton souci.

J'ai essayé la première méthode (copie des élements sélectionnés dans un
nouveau doc) . Ça a déjà une meilleures allure en préview web quand
j'enregistre...Mais c'est difficile à dire en fait puisqu'il faut
intégrer ce morceau de SVG dans le site pour voir ce qu'il fait.
Je vais essayer de trouver cet outil hirondelles et je te remercie.
Ça semble ok en preview web également.
Mais comme le recadrage par un outil externe d'édition svg donnait un
truc de bonne apparence en preview et mauvaise sur le site, j'attends
demain pour savoir ce qui fonctionne le mieux.
Merci à tous.

Noëlle Adam

[Joseph B]

Post by YouDontNeedToKnowButItsNoëlle
OK, j'essaie ça...Je suis tout de même surprise que la notion de
recadrage n'existe pas en Illus.

Moi aussi en CS3.
Si, si, il existe bien un outil de recadrage et je viens pour la
première fois de l'essayer : j'ai commencé avec Illustrator 88, il y a
donc bien longtemps, alors les gadgets ajoutés au cours des ans, je ne
m'en suis jamais servi.
Apparemment, quand une zone de recadrage est créée, on peut soit
l'imprimer, soit exporter son contenu en divers formats dont le png et
le swf, mais pas le svg (CS3) !
De plus dans Illustrator on peut arriver au résultat que tu recherches
(le recadrage limité à un objet) de plusieurs autres façons, dont
l'utilisation des outils de Pathfinder (demande un apprentissage
certain), ou la méthode "archaïque" mais éprouvée que j'ai donnée en
première réponse.

Il y a bien cette vidéo de démo sur le site Adobe,

<https://helpx.adobe.com/creative-cloud/tutorials/videos/cropping-images
-illustrator.html?product=illustrator&path=fundamentals>

mais mes antiques Safari ou Opera n'arrivent pas à la lancer (erreur
javascript)

Abandon par jet de l'éponge, pour moi ;-)
En souhaitant qu'un utilisateur rompu à l'utilisation de cet outil
vienne à ton secours !

[Yann M.]

Post by Joseph B

Post by YouDontNeedToKnowButItsNoëlle
OK, j'essaie ça...Je suis tout de même surprise que la notion de
recadrage n'existe pas en Illus.

Moi aussi en CS3.
Si, si, il existe bien un outil de recadrage et je viens pour la
première fois de l'essayer

Oui voir au dessus, l'outil "zone de recadrage".

Post by Joseph B
De plus dans Illustrator on peut arriver au résultat que tu recherches
(le recadrage limité à un objet) de plusieurs autres façons, dont
l'utilisation des outils de Pathfinder

Oui je me souviens avoir donné une méthode ici avec le pathfinder
"découpe" ou "soustraction avant arrière" en faisant le "fusion" au
préalable.
me souviens plus bien, car je le pratique pas tous les jours...faut
retrouver le post...
Cela revient à "clipper" littéralement à l'emporte pièce et évacuer tout
l'extérieur en 2 ou 3 clics.
Evidemment il faut du pur vectoriel, cela ne marchera pas avec de
l'image mêlée au vectoriel.

[Yann M.]

Post by Yann M.
Oui je me souviens avoir donné une méthode ici avec le pathfinder
"découpe"

C'est juste en dessous à quelques lignes le post "Illustrator : masque
d'écrêtage".

[Anne G]

Post by YouDontNeedToKnowButItsNoëlle

Post by Joseph B
Quand tu dis

Post by Joseph B

Post by YouDontNeedToKnowButItsNoëlle
"ça prend en plus du logo tout l'espace de travail"

tu veux dire le plan de travail d'illustrator, défini par le format de
document (A4 paysage, par exemple) ?

Oui.
L'enveloppe du logo ( celui qui est dans les calques que j'active ) est
le format de document A4 paysage. Résultat, une fois sur le web, ça
donne pas du tout le résultat attendu.

Et si tu ramenais tout bêtement le format de page au format de ton logo?

[YouDontNeedToKnowButItsNoëlle]

Post by Anne G

Post by YouDontNeedToKnowButItsNoëlle

Post by Joseph B
Quand tu dis

Post by Joseph B

Post by YouDontNeedToKnowButItsNoëlle
"ça prend en plus du logo tout l'espace de travail"

tu veux dire le plan de travail d'illustrator, défini par le format de
document (A4 paysage, par exemple) ?

Oui.
L'enveloppe du logo ( celui qui est dans les calques que j'active ) est
le format de document A4 paysage. Résultat, une fois sur le web, ça
donne pas du tout le résultat attendu.

Et si tu ramenais tout bêtement le format de page au format de ton logo?

Bon, j'ai essayé les deux méthodes données ici : la copie des élements
sélectionnés dans un nouveau fichier, et le recadrage par l'outil
"hirondelles".
Les deux donnent le même résultat correct en preview de SVG.
C'est bon pour Illustrator.

Il reste un opaque mystère de ce que fiche avec mon fichier le css du
template de site. Mais ça je doute que ça soit du au svg produit par AI,
ça fait pareil avec du png.

Encore merci à tous.

Noëlle Adam

[Tardigradus]

Bon, pas sûr non plus de comprendre ton problème, mais il existe une
manière de faire qui peut marcher :

- Tu traces un rectangle (de préférence avec un fond de couleur, c'est
plus facile de vérifier ce qu'on fait) qui encadre d'assez près l'un de
tes logos, *sur le même calque*
- tu vérifies que le rectangle en question soit bien au-dessus de ton
logo, soit qu'il est coloré et masque ton logo, soit que tu choisisses
dans Objet->Disposition->premier plan.
- tu sélectionnes à la fois le rectangle et ton logo (si chaque logo
occupe un calque, il suffit de faire un clic dans la palette des calques
*complètement* à droite de la ligne contenant le nom du calque pour
sélectionner tout son contenu)
- tu vas dans le menu Objet->Masque d'écrétage->Créer

Normalement, tout disparaît sauf ce qui était visible dans les limites
du rectangle, donc ton logo seul.

- Tu fais ton exportation.
- Tu resélectionnes ton logo et tu fais Objet->Masque
d'écrétage->Annuler
- Et ainsi de suite pour tous les logos.

NB : le rectangle est toujours là, mais il n'a ni fond ni contour et est
donc invisible, sauf à passer en mode tracé (Pomme-Y) pour le voir et le
supprimer ou le déplacer pour le prochain logo.
Pour déplacer ton rectangle d'un calque à l'autre, tu le sélectionnes.
Dans la palette des calques il apparaît alors un petit carré de couleur
à droite. Tu prends ce petit carré et tu le fais glisser sur un autre
calque, et ça déplace ta sélection sur le calque choisi, au premier
plan.

Post by YouDontNeedToKnowButItsNoëlle
Bonjour, je précise que je ne quasiment connais rien à AI, au delà
d'ouvrir un fichier pour l'utiliser en PS ou InDesign.
J'ai la version CS3.
Je cherche à recadrer pour exporter ensuite en SVG (à l'usage d'un site
adaptatif, vecto c'est mieux).
J'ai un fichier AI qui contient mes logos ; il y a différentes versions
et c'est partiellement transparent.
Je sélectionne les calques où sont les objets (ça me rappelle PS) qui
m'interessent pour ne voir qu'un logo à la fois.
Si j'exporte en png ou fait enregistrer sous en SVG, ça prend en plus du
logo tout l'espace de travail en guise d'enveloppe.
Et du coup ça ne ressemble à rien évidement...
La seule allusion à du recadrage (dans le menu objet) me place un
rectangle plein par dessus mes objets graphiques.
Je doute que ce soit ça !
Je voudrais juste exporter les objets actifs, le code du site se
débrouille pour se caler sur l'enveloppe exterieure du paquet (que
j'exporte en cochant l'option vecto, les autres options me laissent
perplexe).
Merci
Noëlle Adam