|
Adobe Illustrator est un programme d'illustration graphique vectoriel qui vous permet de créer des images vectorielles et des formes avec une variété d'outils et de filtres graphiques. Utilisez Illustrator pour concevoir le look et l'apparence de votre site Web, puis exporter les images d'Illustrator vers un programme de construction de page web . Choses que vous devez
Adobe Illustrator
Afficher plus Instructions
1 Créer un nouveau document dans Adobe Illustrator. Réglez la largeur de 960 pixels et régler le " Mode couleur " à " RVB ". Donnez votre document un nom et cliquez sur " OK".
2 Utilisez l'outil Rectangle pour créer une configuration de base . Dessin de rectangles gris à l'intérieur de la frontière de " plan de travail " noir pour correspondre aux éléments graphiques et textuels que vous souhaitez inclure dans votre page Web. Réglez votre disposition jusqu'à ce que vous êtes satisfait , et enregistrez votre travail .
3 Créer des lignes de guidage autour des cases grises . Pour créer une ligne de guidage, cliquer sur les règles horizontale ou verticale sur les bords de votre écran et faites glisser votre souris sur la zone de travail . Relâchez la souris pour régler le guide. Vous pouvez réajuster guides en cliquant et en les faisant glisser avec la souris
4 Supprimer vos boîtes grises ; . Vous vous retrouverez avec un espace de travail vierge décrite par plusieurs guides
5. Créer des éléments graphiques de votre page web , tels que logos, icônes et le texte des maquettes à l'aide de la palette d'outils Adobe Illustrator. Utilisez les lignes de guidage en plaçant vos éléments graphiques sur la page web . Une fois que vous avez terminé de créer l'aspect visuel de votre site , enregistrez votre travail .
6 Sélectionnez " Guides " dans le menu "Affichage" et cliquez sur " Effacer les guides " pour effacer tous les guides sur votre écran . Vous aurez besoin de créer de nouveaux guides pour enregistrer des éléments individuels de votre mock-up pour une utilisation sur le web.
7 Choisissez une section de votre site mock-up , comme le menu de navigation ou le graphique icônes , puis faites glisser une nouvelle série de guides autour de cette section afin que chaque élément individuel de la section est encapsulé dans une boîte.
8 Sélectionnez " Slice " dans le menu "Objet" et cliquez sur " créer des Guides . " Numéros apparaissent dans les cases que vous avez créées , ces boîtes sont des "tranches" graphiques qui peuvent être sauvegardés comme des images individuelles à utiliser dans une page Web . Sélectionnez "Enregistrer pour le Web et les périphériques " dans le menu "Fichier " pour ouvrir une nouvelle fenêtre de dialogue .
9 Cliquez sur le " outil Sélection de tranche " dans le "Enregistrer pour le Web et les périphériques " fenêtre . Sélectionnez les tranches que vous voulez exporter en cliquant sur eux dans la fenêtre de visualisation . Réglez le "Type d'image" de "JPEG" et cliquez sur "Enregistrer " pour sauvegarder vos tranches sous forme d'images individuelles.
10 Répétez les étapes 6 à 9 pour créer des images individuelles de tous les éléments graphiques de votre site web page. Une fois que vous avez les éléments graphiques enregistrés , les importer dans un logiciel de conception de page Web comme Adobe Dreamweaver.
|
