Créer un flyer avec des ressources libres

De Wikicyb
Aller à : navigation, rechercher

Objectifs

Ce tutoriel vous accompagne pas à pas dans la réalisation d’un flyer, sur LibreOffice Draw, en utilisant des ressources libres et/ou gratuites. Il s'agit de comprendre le principe des ressources libres, connaître quelques fonctionnalités de mise en page dans OpenOffice Dessin et savoir exporter en PDF.

Modèle

  • Première partie: collecte des ressources utilisées sur Internet
  • Seconde partie: création de la maquette dans OpenOffice Dessin/Draw

Pao1.png

Récupérer les ressources libres

Les ressources utilisées dans la maquette doivent être libres d’utilisation.

Lorsque vous faites une recherche simple sur Internet, rien ne précise que vous pouvez ou non la réutiliser, ou même la modifier.

Pour faciliter l’échange de ressources libres, il existe les licences creative commons. Celles-ci permettent à un auteur de mettre son œuvre à disposition des autres tout en la protégeant.

En choisissant de placer son œuvre sous licence Creative commons, il autorise d’emblée l’utilisation de son œuvre à des fins non commerciales sans son accord préalable. Il peut ajouter des autorisations ou des obligations supplémentaires.

Nous favoriseront donc l’usage des ressources placées sous ces licences .

Trouver la photo sur flickr

Le site de partage Flikr est une grande communauté de photographes professionnels et amateurs. Vous trouverez des photos sur tous les sujets.

Certaines photos sont placées sous licence Creative commons.

Tapez l’adresse http://www.flickr.com dans la barre d’adresse et validez par entrée.

Sur la page d’accueil, tapez camera au clavier. L’avantage de ce mot est qu’il est significatif en français comme en anglais. Validez la recherche.

Les images correspondantes s’affichent. Attention, on n’a pas encore précisé qu’on ne voulait que des images libres d’utilisation !

Cliquez sur recherche avancée à droite de la boîte de recherche.

Cochez tout en bas du formulaire Limiter la recherche au contenu sous licence Creative Commons.

Si vous comptez retoucher complètement la photo, ou si vous l’utiliserez dans un cadre commercial, cochez les deux autres cases en dessous. Dans notre exemple, ce n’est pas nécessaire.

Cliquez sur la photo de votre choix.

Pour l’enregistrez, faites un clic droit sur la photo, puis cliquez sur large.

L’image apparaît en grand, on peut choisir la taille maximale (large ou originale, si c’est disponible). Dans la mesure ou notre maquette peut aussi devenir un poster, prendre toujours la taille maximale proposée pour la photo, la définition sera bien meilleure.

Clic-droit sur la photo →Enregistrer sous.

Pensez à taper le nom de la photo “camera” ainsi que le nom de l’auteur.

Le nom de l’auteur apparaît au dessus du choix des tailles de l’image. Prenez le temps de le noter, car nous feront un petit texte sur le Flyer pour citer son nom.

Trouver une police de texte sur Dafont

Dans la barre d’adresse, tapez http://www.dafont.com et faites Entrée

A la présentation de chaque police, vous avez la licence d’utilisation précisée à côté du bouton télécharger (en fait il s’agit d’un amalgame entre libre et gratuit):

  • “gratuit” signifie que vous pouvez l’utiliser gratuitement pour un usage personnel ou professionnel
  • “gratuit pour un usage personnel” signifie qu’il faut demander l’autorisation et éventuellement prévoir paiement dans le cadre d’un usage professionnel
  • “domaine public / GNU GPL ” signifie que c’est non seulement gratuit mais aussi libre de modification et réutilisation (vous pouvez déformer la police et en créer une nouvelle à partir de celle-ci)
  • “donationware” est un terme un peu barbare qui veut laisser le prix de l’œuvre à l’appréciation du public. Vous payez (ou pas) ce que vous estimez être le bon prix.

Pao2.png

Cliquez sur la rubrique horreur et choisissez une police “gratuite”.

Cliquez sur Télécharger et enregistrez le fichier, si possible, sur le bureau. Si le navigateur ne vous demande pas de choisir l’emplacement du téléchargement, il se trouvera certainement dans le dossier téléchargement (ou downloads), situé dans votre dossier Mes documents ou dans le dossier à votre nom.

Le fichier proposé est un dossier compressé en .zip

Pour installer cette police, vous devez au préalable décompresser le zip.

Faites un clic droit→extraire tout et suivez l’assistant.

Le dossier avec les fichiers des polices s’ouvre.

Si vous êtes sous windows Vista ou antérieur, déplacez les fichier TTF dans le dossier des polices. Vous trouverez ce dossier dans le panneau de configuration en affichant toutes les icônes.

Si vous êtes sous Windows 7, double-cliquez sur le fichier de police et cliquez sur le bouton” installer”. C’est tout !

Trouver des cliparts sur openclipart

http://www.openclipart.org/ est un site spécialisé dans les cliparts libres, mais en anglais.

Faites donc vos recherches plutôt avec des termes anglais (aidez-vous du traducteur google si vous n’êtes pas à l’aise :http://translate.google.fr/)

Tapez camera dans le champ de recherche et faites "Entrée"

Cliquez sur la vignette de l’illustration choisie. Sa page s’ouvre en grand, avec le nom de l’auteur, et les deux options de téléchargement.

Télécharger le fichier plutôt en .png (le SVG est réservé dans le cadre d’une modification du dessin).

Nommez le fichier avec le mot camera ainsi que le nom de l’auteur, comme on l’a déjà fait pour la photo.

Pao3.png

Mise en page

Dans OpenOffice / LibreOffice Dessin, nous allons commencer par créer des repères de disposition.

  • Allez dans le menu format→page
  • Changez les marges à 0 et validez

Pao20.png

Cliquez sur la page vide. Puis saisissez la règle en haut, et descendez le repère de ligne à 15 cm en vertical.

Saisissez ensuite la règle à gauche et déplacez les repère de ligne à 10,5cm en horizontal.

Pao4.png

Nous avons maintenant 4 zones bien délimitées. Nous allons créer notre maquette dans la première, nous ferons un copier/coller de cette maquette sur les trois autres zones.

La maquette est constituées de cadres de dessin. Les cadres utilisent un fonctionnement vectoriel. Lorsque vous cliquerez sur un cadre déjà dessiné, vous pourrez le déplacer, le redimensionner, le déformer ou le supprimer.

Pao5.png

Dessinez une zone de texte avec l’outil en forme de T et tapez-y T’es nul en photo?

C’est ce cadre qui utilisera notre police de texte téléchargée. Sélectionnez le texte et choisissez la police. Augmentez la taille.

Pao6.png

Pour insérer notre photo, allez dans le menu Insertion→Image→A partir d’un fichier. Vous pouvez aussi utiliser un des boutons de la barre de dessin A partir d’un fichier.

Sélectionnez notre photo et cliquez sur Ouvrir

Saisissez les poignées en angle de la photo et redimensionnez.

Dé-sélectionnez votre image en cliquant à côté, sur la feuille blanche. Dessinez un parallélogramme par dessus (cette forme est disponible dans le sous-menu du losange). Adaptez la forme pour bien la superposer à l’image.

Pao7.png

Entourez l’image et le parallélogramme avec le curseur de souris (la flèche blanche). Attention à bien cliquez en dehors des formes pour bien les entourer !

Pao8.png

Allez dans le menu Modifier→Formes→Intersecter

L’image épouse la forme du losange.

Pao9.png

Pour ajouter un contour noir à la photo, cliquez sur le cadre d’image, puis cliquez sur l’outil plume en haut de la fenêtre.

Pao10.png

Activez la ligne continue, à 0.10 cm et en noir.

Pao11.png

Dessinez maintenant un rectangle sur toute la largeur du flyer.

Dans le haut de la fenêtre, activez la couleur de remplissage en noir.

Pao12.png

Tapez STAGE PHOTO. Si votre cadre de rectangle est activé, le texte s’y inscrit. Dès que vous avez terminez, sélectionnez votre texte, et passez-le en blanc avec la couleur de police.

Pao13.png

Dessinez maintenant le rectangle à coins arrondis. Vous le trouverez lui aussi dans le sous-menu de la forme du losange, avec le parallélogramme.

Inscrivez-y avec l’association Mise au Point. Pour taper les guillemets, c’est la même touche.

La guillemet s’ouvre si vous avez un espace avant (ou si vous êtes en début de ligne), dans le cas contraire, elle se ferme.

Pao15.png

Insérez l’illustration de l’appareil photo, ajoutez une zone de texte à côté pour décrire les informations du stage.

Pao21.png

Utilisez un cadre de rectangle pour la zone de contact, tout en bas du flyer.

Dessinez, hors de la maquette, une zone de texte pour indiquez les crédits. Retourner voir le nom de vos fichier photo et clipart pour vous en rappeler ! Mettez le texte en taille 8, c’est suffisant.

Pao16.png

Cliquez sur l’outil effets qui va vous permettre de tourner le cadre de texte à 90°.

Pao17.png

Saisissez une des poignées du cadre de texte (la poignée est devenue rouge) et tournez le cadre en donnant un "coup de volant" à gauche.

Pao18.png

Le copier/coller

Entourez toute la maquette avec le curseur de souris (flèche blanche) pour sélectionner l’ensemble des cadres

Allez dans le menu Modifier→Grouper. Ainsi, lorsque vous déplacerez un cadre, tous les autres suivront.

  • Allez dans le menu Édition→Copier
  • Allez dans le menu Édition→Coller

La seconde maquette se colle par dessus la première.

Utilisez de préférence les flèches de direction → pour déplacer la seconde maquette vers la droite de la feuille. Vous gardez ainsi l’alignement horizontal de la première maquette.

Pao19.png

Recollez une troisième et une quatrième maquette, déplacez les avec les flèches de direction du clavier en bas de la feuille.

Export en pdf

Enregistrez votre maquette, pour vous, dans le cas où vous auriez besoin de modifier un élément.

Fichier→Enregistrer sous

le format de fichier proposé sera .odg

Ce n’est pas un fichier destiné au partage: si d’autres personnes reçoivent ce fichier et n’ont pas OpenOffice, ils risquent de ne pas pourvoir relire correctement votre maquette.

Vous devez donc l’exporter dans un fichier PDF qui sera compatible avec tous les ordinateurs

  • identique sur tous les ordinateurs
  • intouchable: on pourra juste l’imprimer

Fichier→Exporter en PDF (on peut aussi utiliser le petit bouton d’export PDF dans la barre d’outils).

A retenir

Pensez à créditer les auteurs de vos illustrations et polices, même si c’est libre.

Si rien n’est précisé sur l’utilisation d’une image, c’est qu’il faut demander directement auprès de l’auteur.

Exportez en PDF pour que votre maquette soit lisible et identique sur les autres ordinateurs.


Pour aller plus loin

Si vous avez besoin d’un montage graphique plus complexe, passez au préalable par un logiciel de manipulation d’image (Gimp, Photofiltre, Photoshop, …). Mais bien entendu, il faut s’y connaître et avoir des idées !

Si vous avez besoin d’un logiciel de mise en page plus complexe, vous pouvez essayer Scribus. Logiciel libre et gratuit, encore un peu instable, ça reste une bonne alternative grand public face aux mastodontes professionnels (et donc, chers): Indesign, QuarkXpress.

Bibliographie / webographie

Vous pouvez trouver des images gratuite et libres de droit sur ce site :