Introduction

Dans ce document nous expliquons comment créer un icône avec MS Word. L’icône peut être utilisé dans un mailing de promotion ou être publié sur un site web.

In this document we show how to create an image using MS Word; to be used in promotion mailing or for publishing on the web.

Requirements

Pré-requis	Requirements
Avoir suivi la session de formation suivante : http://switzernet.com/3/support/110218-word-drawing-training/	Make sure you followed the training session on MS Word Drawings: http://switzernet.com/3/support/110218-word-drawing-training/

Creating an icon

Dans notre exemple, nous allons utiliser MS Word pour créer les icônes en forme de nuage.

Pour commencer, ouvrez un nouveau fichier MS Word, et ajoutez une image d’un nuage via Insert->Picture->Clip Art. La barre d’outils de Clip Art s’ouvre sur la droite de document MS Word. Dans la barre de recherche il faut saisir « cloud » puis appuyer sur Go. On va choisir le nuage suivant :

In our example we are going to use MS Word to create icons shaped as a cloud.

Open an MS Word file and add an image of a cloud via Insert->Picture->Clip Art. A Clip Art toolbar opens on the right side of the MS Word document. In the search bar you must enter “cloud”, then push on the Go button, and then chose the flowing cloud:

Nous le voulons en rouge avec les traits en blanc. Clique droit sur le nuage, puis Format AutoShape. Il faut changer les deux champs Color (Fill et Line) comme suit, puis OK :

We would like it to be red with white lines. Right click on the cloud, then Format AutoShape. We must change the two Color fields (Fill and Line) as follows, then OK:

Nous allons maintenant ajouter du texte pour cet icône. Pour ceci nous utilisons des WordArt. Dans le menu, il faut choisir Insert->Picture->WordArt :

We'll add a text to the icon. For this we use WordArt. In the menu bar, chose the Insert->Picture->WordArt:

Il faut ensuite taper le texte que l’on veut apparaître sur l’icône dans la fenêtre qui s’est ouverte. Si celui-ci est sur plusieurs lignes, il faut créer un WordArt par ligne sinon la taille du texte sera plus petite que défini par Font Size (l’idéal serait même de créer un WordArt par mot) :

In the opened window, enter the text which is going to appear on the icon. Don’t type multiple lines. You must create a WordArt per line, otherwise the text size will be smaller than you define via Font Size (even better to create a WordArt by word):

Voici une illustration de la différence qu’il y a si on utilise un WordArt par ligne ou un seul WordArt :

Here is the difference in size which appears if we use one WordArt per line (first case) or we type all the text in same WordArt window (second case):

ou/or Promotion
Matériel

Une fois que tous les WordArts pour l’icône sont créés, il faut les grouper. Pour ceci, il faut commencer par les mettre In Front of Text afin de nous permettre de les déplacer librement. Sélectionner le WordArt et parmi les options de Text Wrapping choisissez In Front of Text :

As soon as the WordArt‘s that are going to be used for the icon are created, they must be grouped. For this, we must first put them In Front of Text, which will allow us to freely move them. Select the WordArt, and then chose the Text Wrapping to be In Front of Text:

Répéter l’opération pour chacun des WordArt. Ensuite, on peut les disposer comme on veut. Une fois ceci fait, il faut tous les sélectionner (par exemple, cliquer sur chacun tout en appuyant sur Ctrl), puis clique droit->Grouping->Group. On peut à tous moment les dégrouper en faisant clique droit->Grouping->Ungroup.

Repeat for each of the WordArt. Then you can arrange them as you wish. Once done, you must select all (for example by clicking on each of them and pressing Ctrl at the same time), then right click-> Grouping-> Group. We can always ungroup the objects by right click->Grouping->Ungroup.

Il faut maintenant adapter la grandeur du nuage au texte (et non l’inverse!) de façon à ce que celui-ci soit le plus petit possible. Puis, il faut enlever la ligne noire qui entoure le texte, clique droit->Format Object et mettre comme suit :

We must now adjust the size of the cloud to the text (and not vice versa!) to make it as small as possible. Then, remove the black line around the text, right click-> Format Object and set as follows:

Et enfin, il faut grouper le tout. Sélectionner le nuage et le texte, puis clique droit->Grouping->Group. Pour finir, on peut mettre l’icône créée In Line With Text (comme précédemment, clique droit sur l’icône -> Text Wrapping -> In Line With Text).

Pour réduire la taille de l’image, sélectionner un des 4 coins et tout en déplaçant la souris, il faut maintenir la touche Shift du clavier appuyée afin de garder les mêmes proportions de l’icône.

And finally, we must group everything. Select the cloud and the text, then right click->Grouping->Group. Finally, we can put the icon created in Line With Text (as before, right click on the icon and choose Text Wrapping ->In Line With Text).

To reduce the size of the image, select one of the 4 corners and while moving the mouse, keep the Shift key pressed to keep the same proportions of the icon.

Si on ne maintient pas Shift appuyée, on peut avoir les résultats suivants :

If we don’t keep the Shift button pushed while resizing the icon, we would have results as follows:

Une fois que tous les icônes ont été faits de la manière ci-dessus, il faut enregistrer le fichier. (1) d’abord comme doc (2) ensuite comme htm. Pour ceci, aller dans File->Save As et choisir Web Page, Filtered :

Ones all icons are created, (1) save the file first as doc. (2) Then save it as htm. To do so, go to File->Save As and chose Web Page, Filtered :

Un dossier …_files est créé et il contient une image de notre icône.

A folder …_files is created and it contains the image of our icon.

Image quality

[image_quality] Image quality

Pour obtenir la qualité d’image optimale, il vaut s’assurer que l’option “Allow PNG as a graphics format” est active:

To get a correct quality of the image, make sure to activate « Allow PNG as a graphics format » option:

Training session

Ouvrez un document MS Word, le sauvegardez en format yymmdd-lname-icon.doc. Ici yymmdd est la date du jour, lname c’est votre nom de famille. N’oubliez pas que votre document de validation doit contenir le titre, l’auteur et la date du jour.

Créez un icône comme c’est expliqué dans le document ci-dessous, mais tout en utilisant d’autres couleurs pour le nuage et pour le texte. Comme texte, mettez votre prénom, nom et la date du jour.

Dans un archive zip compressez deux version d’icône : le document avec version WordArt et en plus la version png de l’image que vous auriez obtenu en suivant les explications données au cours de cette session de formation. Nommez le fichier zip en format yymmdd-lname-icon.zip (yymmdd est la date du jour, lname c’est votre nom de famille).

Open a MS Word document, name it in format yymmdd-lname-icon.doc, where yymmdd is the current date and lname is your lastname. Don’t forget that your validation document must contain the title, author and the current date.

Create an icon as is explained in this howto, but using other colors for the cloud and for the text. As text to be used on the icon, put your firstname, lastname and date.

In a zip file compress two files: the doc with the WordArt icon and the image (png) version of the cloud which you would obtain in a way explained during this training session. Name the zip file in format yymmdd-lname-icon.zip, where yymmdd is the current date and lname is your lastname.

Validation

Téléchargez le rapport sur le site de training selon les lignes directrices.

Upload the rapport on the training session web site, according to the guidelines.

References

This document: [ch1] [ch2]

MS Word Drawings: http://switzernet.com/3/support/110218-word-drawing-training/

Write a mailing (a version including howto on icons): http://www.switzernet.com/company/090609-write-mailing/

Training sessions: http://www.unappel.ch/2/support/100722-training-employees/i/

* * *