Updated

FR Tutoriel 1.2 · Svija Tools · 1 minute

Mis à jour le 23 juillet, 2020

< 1.1 · Svija Sync — retour — 1.3 · installation de polices >

Tutoriel 1.2 · Svija Tools · 1 minute

Avertissement : pour voir les modifications de votre site en temps réel, il faut être connecté en tant qu’admin : votresite.com/a

Svija Tools est composé d’un modèle Adobe Illustrator :

  • Svija Page.ait : un document vierge du bon format, avec des guides et d’autres informations utiles

Deux scripts pour Adobe Illustrator :

  • cmd-F1 : Tout Sauvegarder en SVG : sauvegarde les documents ouverts en SVG
  • cmd-F2 : Propager calques déverrouillés : copie des calques du document actif aux autres documents ouverts

Et un fichier de scripts d’action Illustrator qui ajoute les raccourcis clavier :

  • Svija Actions active les raccourcis cmd-F1 et cmd-F2

Les deux scripts faciliteront grandement la création et la gestion d’ensembles de pages web dans Adobe Illustrator.

Le modèle vous servira dans la création de nouvelles pages.

Version abrégée​

Pour utilisateurs avisés ; voir plus bas pour une présentation exhaustive de la configuration.

Télécharger Svija Tools via ce lien.


Dans le dossier Presets :

Ouvrir Tout sauvegarder en SVG · ⌘F1.jsx dans TextEdit et mettre à jour votre version d’Adobe Illustrator.

Déplacer les deux scripts en français dans le dossier suivant :

Applications/Adobe Illustrator XXXX/Presets/fr_FR/Scripts

Dans le dossier Cool Extras :

Déplacer Svija Page.ait dans le dossier suivant :

Applications/Adobe Illustrator XXXX/Cool Extras/fr_FR/Modèles

Dans le dossier Actions Panel :

Démarrer Illustrator puis ajouter Svija Actions FR par le biais du menu du panneau Scripts d’action : Charger des Scripts d’action…


Redémarrer Adobe Illustrator.

Version exhaustive

Télécharger Svija Tools

Télécharger le fichier .zip, ou :

  1. aller sur github.com/svijasvg/svija-tools
  2. cliquer sur Code (bouton vert)
  3. sélectionner Download ZIP

Ouvrir le fichier ZIP téléchargé s’il ne s’est pas ouvert automatiquement.


Configurer la Version d’Illustrator

(Dans « Presets ») ouvrir le script Tout sauvegarder en SVG avec TextEdit et mettre à jour la version d’Adobe Illustrator.

Vous pouvez rentrer une version de 8-17 ou 0 pour configurer la version automatiquement.

Le fait de pouvoir choisir la version est utile si vous travaillez avec une équipe et tout le monde n’a pas la même version d’Illustrator.


Installer Scripts & Modèle

Pour installer les scripts d’action :

  1. aller dans vos Applications
  2. ouvrir le dossier Adobe Illustrator › Presets › fr_FR › Scripts
  3. glisser les fichiers français .jsx téléchargés dans le dossier Scripts.

Pour installer le modèle :

  1. aller dans vos Applications
  2. ouvrir le dossier Adobe Illustrator › Cool Extras › fr_FR › Modèles
  3. glisser Svija Page.ait dans le dossier.

Redémarrer Adobe Illustrator.


Installer Svija Actions

Svija Actions ajoute des raccourcis clavier pour les deux scripts.

  • cmd-F1 : Tout sauvegarder en SVG
  • cmd-F2 : Propager calques déverrouillés

Si vous ne vous servez pas des raccourcis clavier, les scripts d’action ne vous seront pas utiles.

Pour installer les Scripts d’action :

  • ouvrir le panneau Scripts d’action (menu Fenêtre)
  • cliquer en haut à droite pour le menu du panneau
  • choisir Charger des Scripts d’action…
  • sélectionner le fichier (.aia) téléchargé (Svija Actions FR.aia)

Accéder à Svija Tools

Vous pouvez maintenant vous servir des deux scripts dans Illustrator :

  • cmd-F1 · Tout sauvegarder en SVG
  • cmd-F2 · Propager calques déverrouillés
  • cmd-maj-N · Nouveau d’après un modèle

Si vous n’avez pas installé les Scripts d’action, vous trouverez les scripts sous le menu Fichier › Scripts.

Le modèle est disponible sous le menu Fichier › Nouveau d’après un modèle…


Comment utiliser « Tout sauvegarder en SVG »

Ce script sauvegarde tous les documents ouverts en format SVG, avec les options nécessaires pour affichage sur un site Svija.

Il vous sera demandé de sélectionner le dossier « links » où sont stockées les images liées de chaque page.


Comment utiliser « Propager calques déverrouillés »

Ce script copie les calques non-verrouillés du document actif vers les autres documents ouverts.

Par exemple, si vous avez un élément décoratif sur une page, et vous souhaitez vous en servir sur d’autres pages, il suffit de déverrouiller le calque de cet élément puis d’activer ce script.

S’il existe des calques du même nom, ce script remplace les contenus des autres documents actifs.

Comme les documents ne sont pas sauvegardés après la modification, il est toujours possible de revenir en arrière.


Utiliser le Modèle Svija

Dans Adobe Illustrator, taper cmd-maj-N, ou aller sous le menu

  • Fichier › Nouveau d’après un modèle…

Choisir Svija Page.ait.

Aller sous le menu Fenêtre › Calques.

Vous verrez une liste de calques. Les deux calques du bas, en italique, sont :

  • mobile 420px
  • desktop 1680px

Les deux contiennent des informations par rapport aux formats responsive et des repères pour vous aider à placer les éléments de la page.


Poursuivre le tutoriel : installation de polices.

Leave a Reply

Your email address will not be published.