Comment créer un modèle de site Web avec Photoshop

Comment créer un modèle de site Web avec Photoshop


Comme l'Internet a évolué, de sorte que la demande pour les sites web graphiquement superbes. Une grande partie de la crédibilité et le professionnalisme d'un site Web est déterminé par la conception du site. Un site mal conçu conduira les visiteurs loin de la page. Heureusement, Adobe Photoshop est équipé de nombreuses fonctionnalités pour vous aider à concevoir un site graphiquement agréable. Il suffit de suivre quelques conseils et astuces de conception simples que vous pouvez utiliser dans Photoshop pour créer votre site Web suivant.

Instructions

1 Dessinez un concept approximative de la conception de votre site Web sur une feuille de papier vierge avant de commencer. Étiquette où vous voulez que vos en-tête, logo, liens importants et le contenu apparaissent. Prenez note de la palette de couleurs que vous voulez pour votre arrière-plan et la police, et les photos que vous aurez besoin d'obtenir pour la conception.

2 Créez votre document Photoshop. Ouvrez Adobe Photoshop. Cliquez sur "Fichier" dans le menu de navigation du haut et sélectionnez "Nouveau" dans le menu déroulant. Dans le champ "Nom", tapez "Conception de site Web." Tapez "750" dans le champ largeur et "450" ​​dans le champ de la hauteur. Sélection de pixels dans le menu déroulant à côté de la hauteur et la largeur des mesures. Sélectionnez "OK" à partir du haut à droite de la fenêtre de création de document.

3 Remplissez le fond de la conception de votre site Web avec votre couleur de fond souhaitée. Sélectionnez le "Paint Bucket Tool" ( "Shift" + "G"), puis choisissez votre couleur de fond souhaitée en cliquant sur la couleur désirée dans la fenêtre de navigation de couleur à droite de l'espace de travail. Faites glisser votre curseur sur l'image et cliquez une fois pour remplir le site de conception de fond avec la couleur désirée.

4 Placez votre logo dans la conception d'un site web. Cliquez sur "Fichier" dans le menu de navigation en haut, et sélectionnez «Ouvrir» dans le menu déroulant. Recherchez votre logo, cliquez dessus, puis sélectionnez «Ouvrir» dans le coin inférieur droit de la fenêtre ouverte. Échelle votre logo à la taille désirée. Cliquez sur "Image" dans le menu de navigation du haut et sélectionnez "Taille de l'image" dans le menu déroulant. Modifier la hauteur et la largeur à la taille désirée et cliquez sur "OK". Sélectionnez l'option "Déplacer outil" ( "Shift" + "V"), cliquez sur votre logo et faites-le glisser sur votre document de conception de site Web. Relâchez le bouton de la souris pour déposer le logo dans le fichier. Déplacer le logo à l'emplacement souhaité.

5 Créer des liens de texte pour votre site web. Sélectionnez l'option "Horizontal Type Tool" ( "Shift" + "T") et cliquez là où vous souhaitez que le lien sur la conception du site. Tapez votre texte de lien. Utilisez le "Move Tool" ( "Shift" + "V") pour positionner le texte de lien où vous le voudriez. Répétez cette étape pour créer des liens multiples à plusieurs pages.

6 Sauvegardez votre conception de site Web. Cliquez sur "Fichier" dans le menu de navigation du haut et sélectionnez "Enregistrer sous" dans le menu déroulant. Tapez "webdesign" dans le champ "Nom de fichier" et cliquez sur "Enregistrer" pour terminer l'enregistrement du document.