large éventail d'outils de création Adobe Photoshop de permet de concevoir un site Web entièrement personnalisé avec des possibilités créatives illimitées. Que vous songiez à lancer un site perso, entreprise ou communauté , Photoshop a tout ce qu'il faut pour construire votre mise en page. Autrement dit , le processus de conception d'un site web dans Photoshop consiste à créer une page sous forme d'image , en divisant cette page en morceaux , puis ré- assembler l'image comme une page Web entièrement fonctionnel avec un constructeur de site Web . Le constructeur de site Web combine à la fois l'image et le code pour créer un site Web entièrement fonctionnel . Instructions
1
Scan et importer une image dans Photoshop , si vous en avez un. Sinon, créez un nouveau document. Utilisez votre idée de design pour commencer à construire votre mise en page . Créez un nouveau calque dans la palette Calques , prenez l'outil Pot de peinture , choisissez votre couleur de fond et vider la couleur sur la toile.
2
Utilisez rectangles comme espaces réservés pour bloquer les espaces pour un en-tête , la navigation bars et des boutons , des images , des zones de contenu , etc Créez un nouveau calque pour un rectangle donné , prenez l'outil de sélection , faites glisser un rectangle de la taille appropriée et remplir avec la couleur à l'aide de l'outil Pot de peinture .
3
« étoffer» les différents éléments de la conception de votre page web . Remplacez vos espaces réservés à ces éléments . Mettez chaque élément sur son propre calque , aussi bien. Placez une image de fond si vous choisissez de travailler avec un. Cette couche doit être deuxième à partir du bas de la pile et au-dessus de la couche de couleur de fond. Créer une bannière de page en utilisant n'importe quelle combinaison de photos , illustrations et du texte. Créer des logos , des boutons de navigation et clip dont vous avez besoin pour votre page. Remplissez les zones de texte avec votre texte réel ou « lorem ipsum " copie en saisissant l'outil texte , placer le texte sur un nouveau calque , et éditer les réglages de paragraphe dans le menu déroulant Fenêtre.
4
Faire la composition de la page équilibré et agréable à l'œil . Inclure des éléments communs dans les différents domaines de la conception de la page pour créer un sentiment de fluidité . Faire de chaque élément de la page ressemble il appartient et correspond à la page .
5
dupliquer votre toile quand vous êtes satisfait de la conception de votre page web . Cliquez sur le menu déroulant Couches et sélectionnez " Aplatir l'image . " Répartir les différentes zones de contenu de votre page et de les séparer en fichiers image individuels. Prenez l'outil de sélection , faites glisser un rectangle autour d'un élément graphique, faites un clic droit et sélectionnez «Copier». Coller cette copie dans un nouveau fichier d'image et recadrer l'image sur les bords de l'élément visuel . Répétez cette étape pour tous les éléments de la page , puis enregistrez chaque fichier dans un format d'image web conviviale .