|
Photoshop n'est pas un outil de création de site web, mais il peut s'avérer précieux dans la planification et la conception de votre site web . Photoshop vous permet de réaliser le look and feel de votre site et facilement apporter des modifications avant de construire le site. Construire un site web dans Photoshop est une tâche relativement simple, mais il est susceptible de prendre beaucoup d'essais et erreurs avant de créer un dessin, vous êtes heureux avec . Choses que vous devez
Photoshop ou un logiciel de retouche d'images similaires
Afficher plus Instructions
disposition de votre site Web avec Photoshop
1 Créer un nouveau fichier dans Photoshop. Réglez la largeur du fichier à 1.024 pixels et la hauteur de 1000 pixels.
2 Appuyez sur Ctrl R ( R Cmd sur Mac ) pour faire les dirigeants visible sur votre nouveau fichier.
< Br > Hôtels 3 Cliquez sur la règle horizontale et faites glisser vers le bas pour créer un nouveau repère horizontal. Déplacer cette directive à 20 pixels du haut de l'image. Créer un autre guide horizontal et faites-le glisser à 20 pixels à partir du bas de l'image.
4 Cliquez sur la règle verticale et faites-la glisser à travers pour créer une nouvelle note d'orientation verticale. Déplacer cette directive à 20 pixels de la gauche de l'image . Créer un autre guide vertical et faites-le glisser à 20 pixels à partir de la droite de l' image. Maintenant, nous avons les prémices d'une disposition de site Web . Ces guides nous donnent des marges des bords de l'écran et de définir la zone où le contenu du site sera placé.
5 Cliquez sur la règle horizontale et faites glisser un autre guide horizontal vers le bas pour régler le plus bas frontière de l'en-tête de votre site web . Environ 100 pixels à partir du haut de la page devrait vous donner la pièce dont vous avez besoin . Répétez cette opération pour le bord du pied de page de votre site web , en définissant le pied de page comme étant d'environ 100 pixels à partir du bas de l'image .
6 Cliquez sur le bouton "Ajouter un nouveau calque " bouton dans la palette des calques . Dans ce nouveau calque, sélectionner la zone que vous avez définie pour l'en-tête avec l'outil de sélection rectangulaire. Choisissez une couleur vert clair à partir de la palette de couleurs et de remplir votre sélection avec elle. Répétez cette opération pour le pied de page et la section du milieu , ou du corps. Utilisez le même vert pour le pied , mais utiliser un rouge vif pour le corps. Ce ne sont pas les couleurs que vous allez utiliser pour le site ce ne sont que d'autres guides à utiliser lors de la conception du site Web.
Répétez ces étapes pour définir d'autres sections du site . Par exemple , si vous voulez colonnes dans le corps, utiliser des guides de définir les meilleurs frontières , bas, gauche et droite de ces colonnes. Ensuite, utiliser des couleurs vives sur votre nouveau calque pour définir la mise en page.
|
