|
Le roulement est un effet utilisé sur une image dans une page Web pour transformer l'image lorsque la souris survole roule ou elle . Ceci est souvent utilisé pour faire des boutons ou des menus changent de couleur , mais peut être utilisé sur n'importe quelle image. Utilisation de Photoshop , vous pouvez couper une image en tranches , puis modifiez une tranche de sorte que seule la partie de l'image change dans le retournement , comme la fabrication mots apparaissent sur le fond, ou changer la couleur d'un seul point dans l'image. Une fois que les tranches sont créées , vous devrez placer le code JavaScript approprié dans la page Web pour créer l'effet de survol , en utilisant un logiciel de conception Web ou un éditeur HTML. Instructions
1 lancement Photoshop et sélectionnez «Ouvrir» dans le menu Fichier . Accédez à une image que vous souhaitez utiliser pour le refinancement et cliquez sur «Ouvrir». Cliquez sur l'outil " Slice " dans la boîte à outils . Si vous ne pouvez pas le voir, cliquez et maintenez le " Crop Tool " ou " outil Sélection de tranche " de la révéler .
2 Décidez où vous voulez l'effet de survol à comparaître . Notez que l'outil Tranche seulement crée tranches rectangulaires et que des tranches supplémentaires seront créés à partir de l'image reste . Par exemple , si vous sélectionnez la moitié supérieure de l'image comme la tranche du renversement, l' autre moitié de l'image sera également une tranche. Si vous coupez un carré dans le centre de l'image , quatre autres tranches sont créées , l'une au-dessus de votre part , celui ci-dessous et un de chaque côté .
3 Faites glisser l'outil Tranche sur l' zone que vous souhaitez pour le rollover . L'image est coupée en tranches , avec un certain nombre dans le coin supérieur gauche.
4 Cliquez et maintenez l'outil " Slice " dans la boîte à outils , puis cliquez sur " outil Sélection de tranche . " Double -cliquez sur Slice vous avez fait à l'étape 3 pour ouvrir la fenêtre options de tranche . Tapez " Rollover " dans le champ Nom et cliquez sur "OK". Double -cliquez sur chacune des autres tranches pour leur donner des noms appropriés , comme « Top », « Gauche », « Centre », « droite » et « Bottom ».
5 presse " F7 " pour afficher le panneau Calques. Faites glisser le " calque de fond " dans le panneau Calques sur le bouton " Nouveau calque " au bas du panneau. Apportez toutes les modifications que vous voulez sur l'image pour changer la tranche " Rollover " . Vous pouvez écrire du texte sur la tranche, dessiner une forme , ou insérer une autre image. Vous pouvez ajouter des effets ou des réglages d'image qui changent l'image entière . Les modifications apportées à d'autres tranches ne seront pas sauvegardés .
6 Cliquez sur "Enregistrer pour le Web et les périphériques " dans le menu Fichier. Enregistrez l'image en format de votre choix - surtout susceptible JPEG ou GIF - et cliquez sur chacune des tranches est enregistré avec le nom que vous leur avez donné une image distincte dans un dossier nommé
< "Enregistrer". «Image». br> 7 Faites glisser le calque " Arrière-plan copie " dans le panneau calques sur le bouton " Trash " en bas de l'écran , ainsi que toutes les autres couches que vous avez créés en ajoutant des effets ou du texte, de sorte que vous ne disposez que le calque original " de fond" qui reste.
8 Double -cliquez sur la tranche « de roulement» avec l'outil de sélection de tranche et de changer le nom de "Original ". Cliquez sur " OK".
< br > 9 Cliquez sur "Enregistrer ou Web et les périphériques " dans le menu fichier. Utilisez le même format de fichier et le même dossier de destination que vous avez fait à l'étape 6 . Cliquez Une boîte de dialogue «Enregistrer». S'ouvre pour vous avertir que les autres tranches seront remplacés. Ce sont les versions que vous souhaitez enregistrer , donc cliquez sur "OK".
10 Utilisez n'importe quel logiciel de conception de sites Web pour mettre les images ensemble sur un site Web. Vous disposez maintenant de toutes les tranches de la tranche "Original" pour remonter l'image originale et la tranche «roulement» à utiliser dans l'effet de survol sur la page Web.
|
