Accueil Médias sociaux Utilisation de la découpe dans Fireworks CS5 - mannequins

Utilisation de la découpe dans Fireworks CS5 - mannequins

Table des matières:

Vidéo: Adobe Fireworks - Les outils graphiques - Tutoriel 1 2025

Vidéo: Adobe Fireworks - Les outils graphiques - Tutoriel 1 2025
Anonim

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.

Utilisation de la découpe dans Fireworks CS5 - mannequins

Le choix des éditeurs

Pour les seniors: Comment travailler avec Windows dans Microsoft Windows - les nuls

Pour les seniors: Comment travailler avec Windows dans Microsoft Windows - les nuls

Windows, avec un W majuscule, tire son nom de sa caractéristique principale: Windows, avec un w minuscule. Se familiariser avec Windows signifie apprendre à ouvrir, fermer, redimensionner, déplacer et basculer entre les fenêtres, ce qui est la clé pour jongler avec succès avec plusieurs activités. Chaque programme que vous exécutez occupe sa propre fenêtre. Une fenêtre peut occuper une partie de ...

Comment accepter ou rejeter les cookies dans Safari - dummies

Comment accepter ou rejeter les cookies dans Safari - dummies

Un cookie est un petit fichier qu'un site Web enregistre automatiquement sur le disque dur de votre Mac. Il contient des informations, telles que vos préférences ou votre date de naissance, que le site utilisera lors de vos prochaines visites. Dans Mac OS X Snow Leopard, Safari vous permet de choisir d'accepter ou non tous les cookies ...

Le choix des éditeurs

Construire des boîtes et des lignes Bézier dans QuarkXPress - des nuls

Construire des boîtes et des lignes Bézier dans QuarkXPress - des nuls

Pour créer une boîte ou une ligne dans QuarkXPress plus complexe qu'un simple rectangle, ovale ou starburst, vous entrez dans le domaine du chemin de Bézier. Si vous avez utilisé l'outil Plume dans Adobe Illustrator ou Photoshop, vous comprenez déjà les chemins de Bézier. Il faut un peu de pratique et un esprit détendu ...

Création d'un rapport avec Crystal Reports 10 - témoins

Création d'un rapport avec Crystal Reports 10 - témoins

Lorsque vous démarrez Crystal Reports 10, généralement l'une des trois choses suivantes: créer un rapport, modifier un rapport ou exécuter un rapport sur les données de votre base de données. Les rapports prennent des données à partir d'une base de données, les traitent, les formatent et les affichent ensuite sur une imprimante, un écran d'ordinateur ou un site Web. Crystal Reports ...

Traitant des commentaires Javadoc dans Eclipse - mannequins

Traitant des commentaires Javadoc dans Eclipse - mannequins

Lorsque vous utilisez Eclipse pour écrire du code Java, n'oubliez pas de éditez les commentaires de Javadoc (les choses qui commencent par / **). Vous pouvez ajouter des informations utiles lorsque vous modifiez les commentaires Javadoc et lorsque vous les modifiez, l'aide au code d'Eclipse propose des suggestions. N'oubliez pas ces astuces lorsque vous modifiez vos commentaires Javadoc: Ajouter un commentaire Javadoc: ...

Le choix des éditeurs

Les connexions cachées sur le Nikon D5600 - les nuls

Les connexions cachées sur le Nikon D5600 - les nuls

Ouvrent les couvercles sur les côtés gauche et droit du Nikon D5600 caméra, et vous verrez plusieurs ports de connexions cachées. Les ports de connexion suivants sont indiqués sur cette image: Terminal d'accessoires: ce terminal accepte les accessoires suivants: câble déclencheur à distance Nikon MC-DC2; Télécommandes sans fil WR-1 et WR-R10; et les unités GPS GP-1 / GP-1A. I ...

Les connexions cachées sur votre Nikon D5200 - les nuls

Les connexions cachées sur votre Nikon D5200 - les nuls

ÉParpillés sur l'extérieur de votre appareil photo sont nombreuses commandes que vous utilisez pour changer d'image -prend des paramètres, revoir et modifier vos photos, et effectuer diverses autres opérations. Caché sous le couvercle sur le côté gauche de la caméra, vous trouverez les quatre ports de connexion suivants, étiquetés dans cette figure: Borne accessoire: Vous pouvez brancher le Nikon en option ...

Des boutons et autres commandes du Nikon D7500 - mannequins

Des boutons et autres commandes du Nikon D7500 - mannequins

C'est génial d'avoir une carte pour le boutons et commandes sur votre appareil photo, mais ce n'est pas beaucoup d'aide si vous ne pouvez pas vous rappeler quel bouton appuyer sur quand (et pourquoi). Alors, voici un aperçu des fonctions des contrôles les plus importants. (Certains contrôles ont des fonctions supplémentaires pendant certaines opérations, mais la table ...