Utilisation de la découpe dans Fireworks CS5 - mannequins

Adobe Fireworks Creative Suite 5 prend en charge s l glaçage , une technique permettant de fractionner des fichiers volumineux en paquets plus petits donc ils téléchargent plus vite. C'est également une méthode pour attacher des URL à différentes régions d'une image dans un modèle de grille.

Un candidat idéal pour une œuvre d'art tranchée est une barre de navigation. Chaque onglet est une tranche individuelle qui, lorsqu'elle est cliquée dans un navigateur Web, amène le spectateur à un emplacement différent.

Choisissez la commande Ajuster la toile.

Créer l'image de base

Tout d'abord, créez l'image de base - un rectangle, pour cet exemple. Procédez comme suit:

1. Choisissez Fichier → Nouveau pour ouvrir la boîte de dialogue Nouveau document.

2. Tapez 500 dans la case Largeur et 200 dans la case Hauteur; cliquez sur OK.

   Le nouveau document vierge s'ouvre. (Notez qu'il est plus grand que l'image que vous créez, vous verrez comment le modifier plus tard.)

3. Sélectionnez l'outil Rectangle dans la section Vecteur du panneau Outils. Cliquez et faites glisser pour créer un rectangle.

   N'importe quelle taille est bien.

4. Avec le rectangle sélectionné, cliquez sur Couleur de remplissage dans la section Couleurs du panneau Outils et choisissez une couleur.

5. Choisissez Fenêtre → Infos pour ouvrir le panneau Informations.

6. Entrez 300 dans la case W (largeur) et 50 dans la case H (hauteur).

   Vous pouvez également utiliser le panneau Propriétés pour définir cette taille.

7. Avec l'outil Pointeur, cliquez n'importe où dans le canevas à l'extérieur du rectangle pour désélectionner le rectangle.

8. Cliquez avec le bouton droit de la souris (Windows) ou en maintenant la touche Contrôle enfoncée (Mac) et choisissez Modifier le canevas → Ajuster le canevas dans le menu contextuel.

   La toile s'ajuste à la taille du rectangle.

Lorsque vous n'avez sélectionné aucun objet, vous pouvez également cliquer sur le bouton Ajuster le canevas dans le panneau Propriétés.

La toile s'adapte à votre objet.

Ajouter du texte

Ajouter du texte à la barre de navigation.

1. Sélectionnez l'outil Texte dans la section Vecteur du panneau Outils.

2. Cliquez sur Couleur de remplissage dans la section Couleurs du panneau Outils. Choisir une couleur.

3. Définissez la police et la taille de la police dans le panneau Propriétés.

4. Cliquez sur la moitié gauche du rectangle pour positionner le point d'insertion là où vous voulez que le texte commence et tapez le texte.

   

5. Cliquez deux fois à droite de la zone de texte pour désélectionner la zone de texte active et en créer une nouvelle.

   Maintenez les touches Alt + Maj (Windows) ou Option + Maj (Mac) enfoncées et faites glisser la zone de texte initiale vers la droite pour cloner et aligner une nouvelle zone de texte.

6. Tapez un ou deux mots pour votre prochain onglet de navigation.

7. Utilisez l'outil Pointeur pour repositionner le texte.

Tranchez-le

Après avoir préparé une barre de navigation simple mais efficace, utilisez l'outil Tranche pour créer quelques tranches, puis exportez-les.Procédez comme suit:

1. Sélectionnez l'outil Tranche dans la section Web du panneau Outils; puis cliquez et faites glisser depuis le coin supérieur gauche de la section Accueil du rectangle vers le coin inférieur droit.

   

   Si vous recherchez la perfection, choisissez Affichage → Règles pour afficher les règles. Lorsque les règles sont visibles, vous pouvez cliquer et faire glisser les guides hors d'eux.

   Lorsqu'une tranche est active, le panneau Propriétés change pour offrir des options de découpe.

2. Modifiez le format en utilisant la liste déroulante Slice Export Settings.

   Choisissez le format GIF si l'illustration a beaucoup de couleur unie, ou choisissez JPEG pour les images avec beaucoup de dégradés de couleurs.

3. Entrez un lien dans la zone de texte Lien.

4. Entrez une brève description du lien dans la zone de texte Alt.

   Alt text est le texte qui apparaît pendant le téléchargement d'une page. Il apparaît également à la place du graphique si un utilisateur a désactivé l'affichage graphique dans son navigateur Web.

   

5. Avec l'outil Tranche, cliquez et faites glisser pour entourer la seconde moitié de la barre de navigation. Répétez les étapes 3 et 4.

C'est découper en forme simple. Vous pouvez rendre le processus aussi compliqué que vous le souhaitez en créant des pages découpées entières (parce que les moteurs de recherche aiment rechercher du contenu textuel) en navbars avec de nombreux liens et destinations.