|
Adobe Photoshop est le standard de l'industrie pour travailler avec des images numériques et la conception graphique . Une grande partie du contenu esthétique que vous voyez sur les sites les mieux conçues été conçue et créée dans Photoshop. Toutefois, Photoshop est bon pour plus que l'esthétique , l'un des nombreux autres aspects de votre site web qui peuvent être créés avec le logiciel est un menu pop-up . Instructions
Création du menu
1 Ouvrez Adobe Photoshop et sélectionnez " Fichier -> Nouveau . " Sélectionnez l' option de la 768 x 1024 dimension pour avoir une idée de la façon dont votre menu pop-up devrait être mis à l'échelle et de taille pour une fenêtre normale navigateur "Web " preset et .
2 Sélectionnez l'outil " Ligne " à partir du panneau d'outils et "Shift + clic " tout en faisant glisser latéralement pour dessiner une ligne horizontale à travers la toile. Vous pouvez choisir n'importe quelle couleur de premier plan que vous souhaitez déterminer la couleur de la ligne , nous allons rester avec cette couleur pour le menu pop-up ainsi
3 Sélectionnez le "Type . outil . " Déplacez votre curseur près de la ligne et cliquez quand vous voyez une ligne ondulée à côté du curseur de type. Ceci active le "Type de trajectoire" .
4 Définissez vos préférences de texte de votre menu déroulant texte . Tapez un mot de titre pour le menu.
5 re-sélectionner l'outil " Type" et cliquez là où vous souhaitez le menu pop-out de commencer sous le titre. Saisissez vos sous-titres , appuyez sur la touche "Entrée " pour démarrer chaque nouvelle. Si vous souhaitez modifier l'espacement entre les sous-titres , sélectionnez le texte et ouvrez le panneau " Character " pour régler les paramètres principaux .
6 Sélectionnez l'outil " Rectangle " et dessinez un rectangle autour de la subhead texte pour créer un fond pour le menu pop-up . Utilisez l'outil " Déplacer" pour aligner le rectangle à l'horizontale . . Déplacer le calque rectangle en dessous de la couche de ligne horizontale dans le panneau "Layers"
7 Retourner à la couche de texte sous-titre et sélectionnez "Calque - > Pixellisation - . > Type "
8 clic droit sur le calque dans le panneau "Layers" et sélectionnez " Select pixels. " Sélectionnez " Edit - > Remplir " et choisissez une couleur claire qui va contraster avec le fond bleu . Par exemple , si vous utilisez plaine blanche , vous aurez un effet de texte inverse cool pour le menu.
9 Sélectionnez l'outil " Ligne " et "Shift + clic " pour créer une ligne de démarcation entre l' des premier et second sous-titres . Dupliquer cette ligne entre chaque sous-titre en sélectionnant l'outil " Move" et en maintenant enfoncée la touche "Option " en faisant glisser la ligne à chaque emplacement.
10 Sélectionnez toutes les couches de la ligne de démarcation dans l' " Layers " panneau et sélectionnez" Layer - . > couche de groupe " Sélectionnez ce groupe et sélectionnez l'option " Distribuer centres verticaux " dans le panneau "Déplacer outil " au-dessus de la toile de distribuer les lignes uniformément entre les sous-titres .
Préparation en Menu pour le Web
11 Sélectionnez l'outil " tranche " du panneau d'outils et sélectionnez « Affichage - > Magnétisme " à partir du panneau de commande . Création de tranches pour le titre et chacun des sous-titres , permettant le curseur à clipser à chaque ligne.
12 Sélectionnez " Fichier-> Enregistrer pour le Web " et régler la qualité et les paramètres de couleur pour la façon dont vous vouloir le menu pop-up à apparaître sur le Web.
13 Ouvrez et lier vos images dans Adobe Dreamweaver ou un autre éditeur HTML pour animer votre menu pop-up .
< br >
|
