Adobe Photoshop , il est facile de créer un design unique pour une page Web. Puissants graphiques outils et d'effets de Photoshop offrent aux utilisateurs un contrôle étendu sur mise en page, couleurs et images. Au lieu de se confondre avec le codage complexes et d'autres scripts , vous pouvez planifier et créer votre conception de sites Web complet dans Photoshop, puis les exporter facilement sur ​​le Web grâce à un programme HTML. Choses que vous devez
Computer Logo ou graphique principal
Adobe Photoshop
éditeur HTML comme Adobe Dreamweaver
Voir Plus Instructions
1

Utilisez Photoshop pour ouvrir le logo ou l'image que vous souhaitez utiliser en tant que principal graphique sur votre page Web.
2

Décider d'un schéma de couleurs pour votre page Web , en utilisant l'image comme un guide. Sur le panneau d'outils, sélectionnez l'outil Pipette . Apportez la pipette sur une couleur sur votre image. Cliquez et l'outil va prendre un échantillon de la couleur que vous venez de sélectionner. Vous serez en mesure de voir des informations spécifiques , telles que le nombre RGB, de la couleur dans le panneau "Couleur" . Prenez note du nombre RVB spécifiques de chaque couleur que vous échantillon. Continuer à utiliser l'outil pipette pour échantillonner les différentes couleurs sur votre image. Après avoir échantillonné plusieurs couleurs , choisir au moins trois couleurs que vous souhaitez utiliser comme système de coloriage pour votre page Web. Les couleurs doivent contraster une autre et être clair, moyen et foncé .
3

Allez dans " Fichier" dans menu principal de navigation de Photoshop. Sélectionnez "Nouveau ..." et de créer un nouveau document avec une largeur de 600 pixels et une hauteur de 300 pixels. Ce sera la bannière principale et tête de navigation de votre page Web.
4

Décider de la police pour votre page. Pensez à l'idée que vous voulez transmettre. Allez dans le panneau d'outils et sélectionnez le bouton "Texte" . Faites glisser votre souris pour créer un rectangle sur votre nouveau document. Tapez le texte de votre tête Web. Mettez en surbrillance le texte que vous venez d'écrire et ensuite aller dans les options de texte en haut de Photoshop. Essayez différents types et tailles de polices , et d'expérimenter avec la couleur du texte et de l'alignement jusqu'à ce que vous soyez satisfait . Utilisez l'outil "Déplacer" dans le panneau de l'outil de déplacer votre tête texte à l'endroit où vous le souhaitez sur le document.
5

Créer un fond pour votre nouvelle bannière en utilisant l'une des couleurs de votre prédéterminée modèle de couleurs . Allez à la fenêtre Calques , puis sélectionnez le bouton en bas " calque de réglage ou de remplissage " . Cliquez sur " Solid Color " et entrez les informations RVB vous avez pris vers le bas sur la couleur que vous souhaitez utiliser. La couche couvrira désormais le texte que vous avez écrit à l'étape précédente . Dans le panneau Calques, faites glisser le calque " Solid Color " que vous venez de créer afin qu'elle se trouve sous la couche "Texte" . La couleur devrait maintenant être en arrière-plan .
6

Assurez-vous que le fichier " texte " est sélectionné dans le panneau Calques . Ensuite, sélectionnez votre logo ou un fichier graphique de sorte qu'il revient au premier plan . Sur le panneau d'outils , cliquez sur l'outil de déplacement , qui devrait être au sommet . Faites glisser l'image de votre logo sur votre nouveau document d'une page Web. Une nouvelle couche doit immédiatement être créé sur votre document avec votre logo. Avec votre couche de logo sélectionné, cliquez sur le bouton " fx" sur le panneau Calques . Cliquez sur " Options de fusion ... " et essayer de la gamme d'outils de fusion de Photoshop pour aider votre logo correspond parfaitement la couleur de fond .
7

Allez à " couche " dans le menu de navigation supérieure et sélectionnez "Nouveau couche . " Allez dans le panneau d'outils et sélectionnez l'outil texte . Faites glisser votre souris sur la zone où vous souhaitez créer des liens de navigation pour votre page Web. Ajouter le texte de votre navigation à l'aide d'une petite taille de la police utilisée précédemment pour créer l'en-tête .
8

Allez dans " Fichier" et cliquez sur "Enregistrer pour le Web . " Sur le menu principal déroulant , sélectionnez le format que vous souhaitez enregistrer le fichier (. Jpg, . Png ou . Gif) . Photoshop permettra d'économiser et optimiser votre bannière pour le Web.
9

Ouvrez votre éditeur HTML et de créer un nouveau document HTML qui contient une table avec cinq lignes et une colonne . Insérez votre bannière dans la première rangée. Créer une carte d'image pour chacun de vos mots de navigation et ajouter la destination du lien . Les quatre lignes restantes peuvent être remplis avec votre texte d'une page Web.