Discussion :

[mehdi.cheddani]

j'ai un fichier .AI d'un site et je souhaite le découper pour arriver à créer mon site et je sais pas comment faire.
Merci.

[Torgar]

Avec Illustrator je sais pas, mais avec Photoshop, il faut faire un découpage via l'outil Tranche.

Un design Illustrator peut être ouvert par Photoshop.

Peut-être qu'un rapide coup d’œil sur Google se serait pas du luxe.

[mehdi.cheddani]

en fait je galère coté recherche google je trouve pas des trucs qui pourraient être ce que je veux du coup je suppose que ma recherche n'est pas bonne à100% alors s'il y a des tutos sur le trucs je vous serai reconnaissant.
Merci.

[Torgar]

À mon avis, tu trouveras une grande part d'explication en appuyant sur dans Illustrator. Une recherche dans cette aide te permettra de mieux comprendre et appréhender l'outil Tranche.

[erwan21a]

Bonjour Mehdi.

Il ne s'agit que de mon avis, mais je ne pense pas qu'il s'agisse d'un bon raisonnement de partir d'une illustration et de souhaiter transformer celle-ci directement en site web.

Les langages HTML et CSS, permettant le codage structurel et visuel d'une page internet, sont régit par un certain nombre de règles comportementales que l'on ne peut ignorer pour une conception réussie. Ces règles ne sont pas forcement compatibles avec celle régissant un logiciel de création graphique.

Mon propos n'est pas de dire qu'il ne faut pas concevoir des sites basés essentiellement sur de l'image (quoi que...). Parfois, ce choix est cohérent.
Par contre, il est important de réfléchir la conception d'un site en prenant en compte la rencontre entre ces deux univers. Créer totalement un visuel et ce demander ensuite comment le transposer en page internet est assez "casse-gueule" et abouti généralement à des choix d'intégration plus que douteux (design en tableau, margin négatifs dans tous les sens, tailles fixes contraignantes...).

Je me doute bien que tu ne souhaites pas mettre ton visuel .AI à la poubelle.
Je te conseillerais donc d'en noter les caractéristiques générales (positionnement des grands blocs) puis de commencer une intégration HTML/CSS à partir de ces seules informations. Ensuite, simplement isoler les différents éléments composant ce fichier Illustrator pour les intégrer à cette structure.
Attention tout de même, mieux vaut 1 images globale que 5 images isolés. En effet, chaque image correspond à une requête au serveur. Plus il y a de requêtes, plus le temps de chargement sera long.
Mais dans le même temps, certain éléments graphiques doivent essentiellement être isolés (boutons par exemple)...
C'est là qu'il va falloir que tu sois pertinent dans tes choix.

[ouldfella]

c'est le meme principe que photoshop via l'outil Tranche.
mais y'a pas que, découper, il faut avoir un certain raisonnement par exemple
si dans ton fichier ai vous avez une zone rectangulaire rempli d'une couleur fixe, il faut créer une div avec html et lui donner une même couleur arrière plan.
si vous voyez ce que je veux dire vous n'allez pas découper tout et tout mettre comme image
il faut pas oublier le css.