Partie 1
 
Environnement
Interface
Outils 
Boîte à outils
Barre propriétés
Évaluation
 
Partie 2
 
Réchauffement
Arc-en-ciel
Texte divisé
Logo éléphant
Homme éclaté
 
Partie 3
 
Perroquet 1
Perroquet 2
Perroquet 3
Arrière-plan web
 



ESLSFormationsContact

 

 

 ARRIÈRE-PLAN WEB 
.

Source:
.

(SOURCE :  http://graphicsoft.about.com/library/tuts/bitut12.htm)
Adaptation française: Danny Mailhot, Pascal Pelchat et Yvon Lemay


Objectifs:
.
  • Utiliser la grille.

  • Utiliser l’étalonnage de couleurs.

  • Utiliser l'outil interactif Ombre portée.

  • Régler les caractéristiques d'un document.

  • Utiliser les outils Forme, Rectangle et Contour.

  • Convertir un objet en courbes.

  • Redimensionner un objet.

  • Utiliser le menu Vitrail.

  • Importer une  image.

  • Exporter une image.

Fichier à télécharger:

  • Clown.wmf

Pratique:
  1. Puisqu'il s'agit de créer une image Web, il faut apporter quelques ajustements aux options dans CorelDraw. Allez  dans «Outils, Options, Document, Page, Taille». La fenêtre ci-dessous s'affiche. Changez les unités de mesures pour les pixels. Sélectionnez ensuite la résolution  72 et dimensionnez le canevas à 1050 pixels de largeur par 150 pixels de hauteur. 

  1. Toujours dans les Options,  allez dans «Global, Gestion des couleurs» et assurez vous que la case «Étalonner les couleurs pour l’Affichage» (voir ci-dessous) n’est pas cochée. 

  1. Poursuivez les modifications des Options en sélectionnant cette fois «Document, Page, Grille et repères». Réglez les espacements horizontal et vertical à 50 pixels et cochez les options «Afficher la grille» et «Grille magnétique» (voir ci-dessous). Cliquez sur le bouton «OK».

.

  1. Allez dans «Affichage, Palette de couleur» et choisissez «Microsoft Internet Explorer».
    .

  2. Double cliquez sur l’«Outil Rectangle»: un rectangle de la même dimension que le canevas est inséré. Faites disparaître le contour («Outil Contour, Gos X») et remplissez le rectangle d’une couleur jaune pâle.
    .

  3. Augmentez le «Zoom» de l'image à 200% et assurez-vous de voir la partie gauche de celle-ci. Créez un carré un peu plus grand que la hauteur de votre rectangle, s'accrochant aux marques de la grille les plus proches (comme ci-dessous). L'intérieur est bleu et les contours sont invisibles.

  1. Cliquez ave le bouton droit de la souris sur le carré et choisissez «Convertir en courbes».
    .

  2. Avec l’outil «Forme», insérez des points nodaux le long de la bordure droite du rectangle à chaque intervalle de la grille en cliquant avec le bouton droit de la souris à l'endroit désiré et en choisissant «Ajouter» dans le menu contextuel.
    .

  3. Maintenez la touche MAJ enfoncée et cliquez avec l'outil «Forme» à tous les deux points nodaux: 2, 4, 6 ...

  1. Déplacez-les vers la gauche, à l'aide de la flèche gauche, d'un échelon de la grille comme ci-dessous.

  1. Tracez, avec l’outil «Forme», un rectangle de sélection englobant tous les points nodaux du côté droit du carré. Sur la barre des propriétés,  cliquez sur «En Courbe», puis sur «Lisse».
    .

  2. Étirez le carré bleu de façon que le point nodal de chacune des secondes courbes (haut et du bas) soient alignés sur les bords haut et bas du rectangle jaune (voir ci-dessous).

  1. Sélectionnez l’«Outil Interactif Ombre Portée».Cliquez sur la forme bleue et glissez vers la droite pour créer l’ombre (voir ci-dessous).

.

  1. Dans la barre des propriétés, changez les caractéristiques de l'ombre de la façon suivante:
    .
    x = 6, Adoucissement = 5, Opacité = 70, Direction = Moyen, Couleur = Noir.

  1. Une fois ces changements effectués, cliquez à nouveau sur le rectangle bleu avec l'«Outil interactif ombre portée». 
    .

  2. Créez un rectangle de 250 pixels de large et  de 150 pixels de haut (barre des propriétés). Alignez le haut et le bas avec ceux du rectangle jaune et le bord gauche sur le bord gauche de la forme bleue.

.

  1. Allez dans «Outils, Options, Espace de travail, Modifier» et assurez vous que l'option «Centrage automatique du Nouveau Vitrail» n'est pas cochée.
    .

  2. Selectionnez la forme bleue, allez dans «Effets,Vitrail, Placer dans le contenant». Le curseur se transforme en flèche. Cliquez sur la bordure du rectangle vide avec la flèche. La forme bleue est taillée à celle du rectangle. Enlevez les contours de ce dernier (outil «Contour», gros X).

  1. Importez le fichier «Clown.wmf» et diminuez sa taille à 75 pixels de large (barre des propriétés, cadenas barré), Glissez l'image sur la section bleue comme dans l'exemple ci-dessous.

  1. Sauvegardez l'image sous le nom «Arrière-plan.cdr».

Pour utiliser cette image comme arrière-plan sur une page web, il faut d'abord la transformer en format .GIF ou .JPG. Voici comment procéder.

  1. Sélectionnez «Fichier, Exporter». Choisissez le type .GIF et nommez votre image FOND. Cliquez sur le bouton «Exporter». Ne changez rien dans la fenêtre «Exporter bitmap» et cliquez sur le bouton «OK». Par contre, dans la fenêtre «Exportation GIF», cochez «Aucune» dans la section «Transparence», puis cliquez sur le bouton «OK». L'image peut maintenant être utilisée comme arrière-plan pour une page web. Vous pouvez l'essayer afin de voir le résultat. 

  École secondaire Les Seigneuries - Yvon Lemay


Partie 4
 
Fresque 1
Fresque 2
Fresque 3
Fresque 4
Fresque 5
Fresque 6
Fresque 7
Fresque 8
 
Partie 5
 
Contrat final
Grille
 

© 2001-2002
Zone-creation.com