|
Adobe Photoshop est un outil idéal pour créer une mise en page de site Web et est l'outil standard de l'industrie pour la retouche photo et de création d' image bitmap. Création d' une mise en page dans Adobe Photoshop permet au concepteur la possibilité d' apporter des changements rapides sans avoir besoin d'ajuster n'importe quel code . Une fois l'aspect et la convivialité du site sont terminés, Adobe Photoshop , il est très simple à trancher et optimiser les images pour le web . Choses que vous devez
Adobe Photoshop CS3
compilateur de code ou de conception de sites Web programme
Afficher plus Instructions
1 plan du site sur papier. Approchez l'ordinateur avec un plan et la connaissance de ce que le site aura besoin pour répondre aux attentes de projet clair . Trouvez des idées de couleurs et de styles pour puiser. Le plus de planification et d'organisation qui se produit à ce stade, les choix de conception moins difficiles vont travailler une fois dans Adobe Photoshop.
2 Ouvrez Adobe Photoshop CS3 et démarrer un nouveau document . Réglez la hauteur du document à 800 pixels et la largeur de 600 pixels. Il s'agit d'un format standard pour la conception de mise en page web et veillera à ce que la page peut être visualisée par une variété de résolutions d'écran.
3 Réglez la résolution du document à 72 pixels par pouce ( PPI) . Assurez-vous que le mode de couleur du document est réglé sur RVB . Mettez les unités de mesure affichées sur la règle de pixels pour des mesures précises.
4 Créer le cadre de la page à l'aide des guides . Les limites verticales vont créer des paramètres pour la largeur du site et les guides horizontaux va espacer les éléments du site. Définir des zones pour un en-tête , la barre de navigation et la zone de contenu . Laissez une marge constante , généralement autour de 10 pixels , entre les éléments à ajouter de l'espace esthétique du site.
5 Ajoutez les images et les textes qui composeront le style de la page. Pour des images complexes , tels que l'en-tête du site, concevoir une première image dans un autre fichier et coller à l'endroit souhaité dans le fichier de configuration . Conservez tous les éléments de mise en page sur des calques distincts pour assurer la facilité de montage. Nommez chaque couche après l'élément correspondant .
6 faire une image de fond. Un modèle simple dans une 100 pixels x 100 pixels carrés peut être carrelé et est plus rapide à charger que d'une plus grande image.
7 Trancher le document en morceaux pour être codées dans le site. Utilisez l'outil " Slice " pour définir les zones qui seront enregistrées sous forme de fichiers image individuels .
8 Choisissez une tranche d'être enregistré à l'aide " Slice Select». Sélectionnez Fichier > Enregistrer pour le Web et les périphériques pour optimiser l'image pour le web. Les images et le style de la page tranches comprendront l' aspect et la convivialité du site .
|
