Beamer
%green%\begin{frame}%%Expérience %blue%\no%%1%blue%\\%%
includegraphics%orange%[%scale=0.35%orange%]%red%{%exp1.png%red%}%%
Expérience %blue%\no%%2%blue%\\%%
includegraphics%orange%[%scale=0.35%orange%]%red%{%exp2.png%red%}%%
Expérience %blue%\no%%3%blue%\\%%
includegraphics%orange%[%scale=0.35%orange%]%red%{%exp3.png%red%}%%
%lframe%Attach:tikz6.jpg%%[[<<]]
%alert% Je te rapelle que pour obtenir le bon résultat TiKz demande '''2''' compilations.%%
\draw%orange%[%
\draw%orange%[%%red!50%orange%]%% (0,0) grid%orange%[%%step=1cm%orange%]%% (current page.north east);
\draw%orange%[%
\draw%orange%[%%red!50%orange%]%% (0,0) grid%orange%[%%step=1cm%orange%]%% (current page.north east);
On obtient l'annimation ci-dessus. Le but recherché est atteint, mais la manière utilisée manque de souplesse. Si tu veux changer la couleur des flèches, leur inclinaison, ou ne pas les cummuler, tu dois refaire à chaque fois tes trois calque sous GIMP ou INKSCAPE. De plus si à la place de flèches tu veux positionner un texte (par exemple le nom des pics), utiliser LaTeX pour afficher un texte pixilisé, c'est quand même pas terrible. Je vais te montrer comment je procède en utilisant TiKz. Je ne connais pas encore toutes les possibilité de TiKz, je ne suis pas programmateur, donc je ne suis pas sûr que ma méthode soit la plus simple et la plus efficace, mais ça le fait quand même.
La première étape va être de supperposer sur notre diapo une grille, que l'on supprimera à la fin, et qui va nous permettre de calculer les coordonnées des objets à placer.
Voici le code TiKz pour créer notre grille :
%green%\begin{tikzpicture}%orange%[%%overlay,remember picture%orange%]%%
%green%\begin{scope}%orange%[%%shift=%red%{%%(current page.south west)%red%}%orange%]%%
\draw%orange%[%%gray!50%orange%]%% (0,0) grid%orange%[%%step=2mm%orange%]%% (current page.north east);
\draw%orange%[%%red!50%orange%]%% (0,0) grid%orange%[%%step=1cm%orange%]%% (current page.north east);
%green%\end{scope}%%
%green%\end{tikzpicture}%%
Quelques explications :
*les options ''overlay'' et ''remember'' permettent respectivement de dessiner la grille au dessus d'autre dessin TiKz et de la rendre persistante ;
*L'environement %green%scope%% permet de limiter l'action de certaines commandes comme %blue%shift%%, %blue%scale%%, %blue%rotate%% {$:dots} qui n'affecteront que les objets placés dans l'environnement ;
*shift=%red%{%%(current page.south west)%red%}%% place l'origine, le (0,0) en bas à gauche de notre feuille ;
*(current page.north east) correspond au coin en haut à gauche de notre feuille et donc permet de dessiner notre grille de (0,0) à (current page.north east).
Comme on va utiliser notre grille plusieurs fois on va créer une commande :
%blue%\newcommand%red%{%blue%\grille%red%}{%%
%green%\begin{tikzpicture}%orange%[%%overlay,remember picture%orange%]%%
%green%\begin{scope}%orange%[%%shift=%red%{%%(current page.south west)%red%}%orange%]%%
\draw%orange%[%%gray!50%orange%]%% (0,0) grid%orange%[%%step=2mm%orange%]%% (current page.north east);
\draw%orange%[%%red!50%orange%]%% (0,0) grid%orange%[%%step=1cm%orange%]%% (current page.north east);
%green%\end{scope}%%
%green%\end{tikzpicture}%%
%red%}%%
Maintenant le code suivant :
%green%\begin{frame}%red%{%%Les fiches de Bébert%red%}%%
%blue%\grille%%
%green%\end{frame}%%
va créer (en utilisant le thème ''Madrid'') la diapo suivante
%lframe%Attach:grille.jpg%%[[<<]]
%alert% Je te rapelle que pour obtenir le bon résultat TiKz demande '''2''' compilations.%%
\includegraphics[scale=0.35]{exp1b}
\end{center}
\end{column}
\begin{column}{0.33\textwidth}
\begin{center}
Expérience \no2
\includegraphics[scale=0.35]{exp2b}
\end{center}
\end{column}
\begin{column}{0.33\textwidth}
\begin{center}
Expérience \no3
\includegraphics[scale=0.35]{exp3b}
\end{center}
\end{column}
\end{columns}
Expérience %blue%\no%%1%blue%\hfill% Expérience %blue%\no%2%blue%\hfill%% Expérience %blue%\no%%3
%blue%\includegraphics%orange%[%scale=0.35%orange%]%red%{%exp1.png%red%}%blue%\hfill%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp2.png%red%}%blue%\hfill%
%blue%\includegraphics%orange%[%scale=0.35%orange%]%red%{exp3.png%red%}%%
%rem% %blue%\hfill%% est un ressort qui prend le maximum de place disponible, il permet dans notre exemple de répartir sur toute la longueur de la ligne les éléments.%%
\includegraphics[scale=0.35]{exp1b}
\end{center}
\end{column}
\begin{column}{0.33\textwidth}
\begin{center}
Expérience \no2
\includegraphics[scale=0.35]{exp2b}
\end{center}
\end{column}
\begin{column}{0.33\textwidth}
\begin{center}
Expérience \no3
\includegraphics[scale=0.35]{exp3b}
\end{center}
\end{column}
\end{columns}
%lframe%Attach:tikz2.gif%%[[<<]]
%rem%Les dimensions d’une diapo de BEAMER sont de 96 mm pour la hauteur et 128 mm pour la largeur. Il est donc inutile d’avoir des images de grandes dimensions qui vont alourdir le fichier final et ralentir le chargement des pages. J’ai donc choisis pour les photos un format proche de 13x9 cm. Comme j’ai besoin de monter des détails assez fins sur les photos, je garde une résolution importante de 200x200 ppp pour un poids de 1,32 Mo. À vous d’adapter la taille de vos images en fonctions de vos besoins.%%
Le but du jeu est donc de faire apparaitre une flèche de localisation sur la photo du massif à chaque apparition d’une vignette d’expérience.
Tikz
Historique de Beamer.Tikz
Cacher les modifications mineures - Affichage de la sortie
17/07/2012 22:44
par -
Lignes 299-300 modifiées:
Il ne reste plus qu'à enlever (ou commenter) la grille et à ''temporiser'' (la commande %blue%\draw%% est directement '''temporisable'''.
en:
Il ne reste plus qu'à enlever (ou commenter) la grille et à ''temporiser'' (la commande %blue%\draw%% est directement '''temporisable''').
Ligne 396 modifiée:
Maintenant il est très facile de modifier la forme et la couleur de tes flèches, tu peux utiliser la bibliothèque arrows de TiKz (%blue%\usetikzlibrary%red%{%%arrows%red%}%%), qui offre une liste variée de forme de flèches.
en:
Maintenant il est très facile de modifier la forme et la couleur de tes flèches, tu peux utiliser la bibliothèque arrows de TiKz (%blue%\usetikzlibrary%red%{%%arrows%red%}%%), qui offre une liste variée de formes de flèches.
17/07/2012 22:43
par -
Lignes 116-117 modifiées:
*(current page.north east) correspond au coin en haut à gauche de notre feuille et donc permet de dessiner notre grille de (0,0) à (current page.north east) ;
en:
*(current page.north east) correspond au coin en haut à droite de notre feuille et donc permet de dessiner notre grille de (0,0) à (current page.north east) ;
Ligne 226 modifiée:
Maintenant il faut la placer sur notre diapositive, on va garder notre origine en bas à gauche et comme on doit dessiner plusieurs flèche dans le même système on va utiliser les options ''overlay'' et ''remember picture'' :
en:
Maintenant il faut la placer sur notre diapositive, on va garder notre origine en bas à gauche et comme on doit dessiner plusieurs flèches dans le même système on va utiliser les options ''overlay'' et ''remember picture'' :
17/07/2012 22:42
par -
Lignes 110-111 modifiées:
*les options ''overlay'' et ''remember'' permettent respectivement de dessiner la grille au dessus d'autre dessin TiKz et de la rendre persistante ;
en:
*les options ''overlay'' et ''remember picture'' permettent respectivement de dessiner la grille au dessus d'autre dessin TiKz et de la rendre persistante ;
Lignes 179-181 modifiées:
Pour placer notre grille sur notre diapositive avec la montagne et les expérience voici le code :
en:
Pour placer notre grille sur notre diapositive avec la montagne et les expériences voici le code :
Ligne 233 modifiée:
Si on regarde notre diapositive avec la grille ci-dessus, on voit que notre prmière flèche doit démarrer aux coordonnées (2.6,6.8), le truc le plus simple qui vient à l'esprit serais de dessiner une flèche de cette manière :
en:
Si on regarde notre diapositive avec la grille ci-dessus, on voit que notre prmière flèche doit démarrer aux coordonnées (2.6,6.8), le truc le plus simple qui vient à l'esprit est de dessiner une flèche de cette manière :
17/07/2012 22:32
par -
Lignes 299-300 modifiées:
Il ne reste plus qu'à enlever (ou commenter) la grille et à ''temporiser''
en:
Il ne reste plus qu'à enlever (ou commenter) la grille et à ''temporiser'' (la commande %blue%\draw%% est directement '''temporisable'''.
Lignes 394-398 modifiées:
%green%\end{document}
en:
%green%\end{document}
Maintenant il est très facile de modifier la forme et la couleur de tes flèches, tu peux utiliser la bibliothèque arrows de TiKz (%blue%\usetikzlibrary%red%{%%arrows%red%}%%), qui offre une liste variée de forme de flèches.
L'autre gros avantage de l'utilisation de TiKz est de pouvoir annoter ton dessin en concervant la même police que le reste de la diapo.
Maintenant il est très facile de modifier la forme et la couleur de tes flèches, tu peux utiliser la bibliothèque arrows de TiKz (%blue%\usetikzlibrary%red%{%%arrows%red%}%%), qui offre une liste variée de forme de flèches.
L'autre gros avantage de l'utilisation de TiKz est de pouvoir annoter ton dessin en concervant la même police que le reste de la diapo.
17/07/2012 22:10
par -
Ligne 381 modifiée:
%blue%\draw<2->%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(2,0);
en:
%blue%\draw%%<2->%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(2,0);
Ligne 384 modifiée:
%blue%\draw<3->%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(2,0);
en:
%blue%\draw%%<3->%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(2,0);
Ligne 387 modifiée:
%blue%\draw<4->%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(2,0);
en:
%blue%\draw%%<4->%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(2,0);
17/07/2012 22:09
par -
Lignes 380-381 modifiées:
%green%\begin{scope}%orange%[%%shift={(2.6,6.8)},rotate=60%red%}%orange%]%%
%blue%\draw%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(2,0);
%blue%\draw%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(2,0);
en:
%green%\begin{scope}%orange%[%%shift=%red%{%%(2.6,6.8)%red%}%%,rotate=60%orange%]%%
%blue%\draw<2->%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(2,0);
%blue%\draw<2->%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(2,0);
Lignes 383-384 modifiées:
%green%\begin{scope}%orange%[%%shift={(8.4,5.2)},rotate=60%red%}%orange%]%%
%blue%\draw%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(2,0);
%blue%\draw%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(2,0);
en:
%green%\begin{scope}%orange%[%%shift=%red%{%%(8.4,5.2)%red%}%%,rotate=60%orange%]%%
%blue%\draw<3->%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(2,0);
%blue%\draw<3->%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(2,0);
Lignes 386-387 modifiées:
%green%\begin{scope}%orange%[%%shift={(10.4,7.4)},rotate=60%red%}%orange%]%%
%blue%\draw%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(2,0);
%blue%\draw%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(2,0);
en:
%green%\begin{scope}%orange%[%%shift=%red%{%%(10.4,7.4)%red%}%%,rotate=60%orange%]%%
%blue%\draw<4->%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(2,0);
%blue%\draw<4->%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(2,0);
17/07/2012 22:00
par -
Ligne 303 modifiée:
%blue%\documentclass[hyperref=%red%{%%pdfpagemode=FullScreen,colorlinks=true%red%}]%red%{beamer%red%}%%
en:
%blue%\documentclass%orange%[%%hyperref=%red%{%%pdfpagemode=FullScreen,colorlinks=true%red%}]%red%{%%beamer%red%}%%
Lignes 305-306 modifiées:
%blue%\usepackage[utf8]%red%{%%inputenc%red%} %
%blue%\usepackage[T1]%red%{%%fontenc%red%} %%
en:
%blue%\usepackage%orange%[%%utf8%orange%]%red%{%%inputenc%red%} %%
%blue%\usepackage%orange%[%%T1%orange%]%red%{%%fontenc%red%} %%
%blue%\usepackage%orange%[%%T1%orange%]%red%{%%fontenc%red%} %%
Lignes 310-311 modifiées:
%blue%\usepackage[frenchb]%red%{%%babel%red%}%%
en:
%blue%\usepackage%orange%[%%frenchb%orange%]%red%{%%babel%red%}%%
Lignes 322-342 modifiées:
%blue%\draw%% (0.2,1) node {1};
%blue%\draw%% (0.2,2) node {2};
%blue%\draw%% (0.2,3) node {3};
%blue%\draw%% (0.2,4) node {4};
%blue%\draw%% (0.2,5) node {5};
%blue%\draw%% (0.2,6) node {6};
%blue%\draw%% (0.2,7) node {7};
%blue%\draw%% (0.2,8) node {8};
%blue%\draw%% (0.2,9) node {9};
%blue%\draw%% (1,0.5) node {1};
%blue%\draw%% (2,0.5) node {2};
%blue%\draw%% (3,0.5) node {3};
%blue%\draw%% (4,0.5) node {4};
%blue%\draw%% (5,0.5) node {5};
%blue%\draw%% (6,0.5) node {6};
%blue%\draw%% (7,0.5) node {7};
%blue%\draw%% (8,0.5) node {8};
%blue%\draw%% (9,0.5) node {9};
%blue%\draw%% (10,0.5) node {10};
%blue%\draw%% (11,0.5) node {11};
%blue%\draw%% (12,0.5) node {12};
%blue%\draw%% (0.2,2) node {2};
%blue%\draw%% (0.2,3) node {3};
%blue%\draw%% (0.2,4) node {4};
%blue%\draw%% (0.2,5) node {5};
%blue%\draw%% (0.2,6) node {6};
%blue%\draw%% (0.2,7) node {7};
%blue%\draw%% (0.2,8) node {8};
%blue%\draw%% (0.2,9) node {9};
%blue%\draw%% (1,0.5) node {1};
%blue%\draw%% (2,0.5) node {2};
%blue%\draw%% (3,0.5) node {3};
%blue%\draw%% (4,0.5) node {4};
%blue%\draw%% (5,0.5) node {5};
%blue%\draw%% (6,0.5) node {6};
%blue%\draw%% (7,0.5) node {7};
%blue%\draw%% (8,0.5) node {8};
%blue%\draw%% (9,0.5) node {9};
%blue%\draw%% (10,0.5) node {10};
%blue%\draw%% (11,0.5) node {11};
%blue%\draw%% (12,0.5) node {12};
en:
%blue%\draw%% (0.2,1) node %red%{%%1%red%}%%;
%blue%\draw%% (0.2,2) node %red%{%%2%red%}%%;
%blue%\draw%% (0.2,3) node %red%{%%3%red%}%%;
%blue%\draw%% (0.2,4) node %red%{%%4%red%}%%;
%blue%\draw%% (0.2,5) node %red%{%%5%red%}%%;
%blue%\draw%% (0.2,6) node %red%{%%6%red%}%%;
%blue%\draw%% (0.2,7) node %red%{%%7%red%}%%;
%blue%\draw%% (0.2,8) node %red%{%%8%red%}%%;
%blue%\draw%% (0.2,9) node %red%{%%9%red%}%%;
%blue%\draw%% (1,0.5) node %red%{%%1%red%}%%;
%blue%\draw%% (2,0.5) node %red%{%%2%red%}%%;
%blue%\draw%% (3,0.5) node %red%{%%3%red%}%%;
%blue%\draw%% (4,0.5) node %red%{%%4%red%}%%;
%blue%\draw%% (5,0.5) node %red%{%%5%red%}%%;
%blue%\draw%% (6,0.5) node %red%{%%6%red%}%%;
%blue%\draw%% (7,0.5) node %red%{%%7%red%}%%;
%blue%\draw%% (8,0.5) node %red%{%%8%red%}%%;
%blue%\draw%% (9,0.5) node %red%{%%9%red%}%%;
%blue%\draw%% (10,0.5) node %red%{%%10%red%}%%;
%blue%\draw%% (11,0.5) node %red%{%%11%red%}%%;
%blue%\draw%% (12,0.5) node %red%{%%12%red%}%%;
%blue%\draw%% (0.2,2) node %red%{%%2%red%}%%;
%blue%\draw%% (0.2,3) node %red%{%%3%red%}%%;
%blue%\draw%% (0.2,4) node %red%{%%4%red%}%%;
%blue%\draw%% (0.2,5) node %red%{%%5%red%}%%;
%blue%\draw%% (0.2,6) node %red%{%%6%red%}%%;
%blue%\draw%% (0.2,7) node %red%{%%7%red%}%%;
%blue%\draw%% (0.2,8) node %red%{%%8%red%}%%;
%blue%\draw%% (0.2,9) node %red%{%%9%red%}%%;
%blue%\draw%% (1,0.5) node %red%{%%1%red%}%%;
%blue%\draw%% (2,0.5) node %red%{%%2%red%}%%;
%blue%\draw%% (3,0.5) node %red%{%%3%red%}%%;
%blue%\draw%% (4,0.5) node %red%{%%4%red%}%%;
%blue%\draw%% (5,0.5) node %red%{%%5%red%}%%;
%blue%\draw%% (6,0.5) node %red%{%%6%red%}%%;
%blue%\draw%% (7,0.5) node %red%{%%7%red%}%%;
%blue%\draw%% (8,0.5) node %red%{%%8%red%}%%;
%blue%\draw%% (9,0.5) node %red%{%%9%red%}%%;
%blue%\draw%% (10,0.5) node %red%{%%10%red%}%%;
%blue%\draw%% (11,0.5) node %red%{%%11%red%}%%;
%blue%\draw%% (12,0.5) node %red%{%%12%red%}%%;
17/07/2012 21:56
par -
Lignes 303-304 modifiées:
%green%\begin{frame}%%
en:
%blue%\documentclass[hyperref=%red%{%%pdfpagemode=FullScreen,colorlinks=true%red%}]%red%{beamer%red%}%%
%blue%\usepackage%red%{%%kpfonts%red%}%%
%blue%\usepackage[utf8]%red%{%%inputenc%red%} %%
%blue%\usepackage[T1]%red%{%%fontenc%red%} %%
%blue%\usepackage%red%{%%pdfpages%red%}%%
%blue%\usetheme%red%{%%Madrid%red%}%%
%blue%\usepackage%red%{%%tikz%red%}%%
%blue%\usepackage[frenchb]%red%{%%babel%red%}%%
%blue%\graphicspath%red%{{%%./images/%red%}}%%
%blue%\DeclareGraphicsExtensions%red%{%%.png,.jpg,.pdf%red%}%%
%blue%\setlength\parindent%red%{%%0pt%red%}%%
%blue%\setbeamertemplate%red%{%%navigation symbols%red%}{}%%
%blue%\newcommand%red%{%blue%\grille%red%}{%%
%green%\begin{tikzpicture}%orange%[%%overlay,remember picture%orange%]%%
%green%\begin{scope}%orange%[%%shift=%red%{%%(current page.south west)%red%}%orange%]%%
%blue%\draw%orange%[%%gray!50%orange%]%% (0,0) grid%orange%[%%step=2mm%orange%]%% (current page.north east);
%blue%\draw%orange%[%%red!50%orange%]%% (0,0) grid%orange%[%%step=1cm%orange%]%% (current page.north east);
%blue%\draw%% (0.2,1) node {1};
%blue%\draw%% (0.2,2) node {2};
%blue%\draw%% (0.2,3) node {3};
%blue%\draw%% (0.2,4) node {4};
%blue%\draw%% (0.2,5) node {5};
%blue%\draw%% (0.2,6) node {6};
%blue%\draw%% (0.2,7) node {7};
%blue%\draw%% (0.2,8) node {8};
%blue%\draw%% (0.2,9) node {9};
%blue%\draw%% (1,0.5) node {1};
%blue%\draw%% (2,0.5) node {2};
%blue%\draw%% (3,0.5) node {3};
%blue%\draw%% (4,0.5) node {4};
%blue%\draw%% (5,0.5) node {5};
%blue%\draw%% (6,0.5) node {6};
%blue%\draw%% (7,0.5) node {7};
%blue%\draw%% (8,0.5) node {8};
%blue%\draw%% (9,0.5) node {9};
%blue%\draw%% (10,0.5) node {10};
%blue%\draw%% (11,0.5) node {11};
%blue%\draw%% (12,0.5) node {12};
%green%\end{scope}%%
%green%\end{tikzpicture}%%
%red%}%%
%blue%\author%red%{%%Bertrand Masson%red%}%%
%blue%\title[BEAMER \& TiKz]%red%{{%blue%\large%% BEAMER}\& TiKz%red%}%%
%blue%\subtitle%red%{%%Ou comment animer vos illustrations%red%}%%
%blue%\institute%red%{%%Les fiches de Bébert%red%}%%
%green%\begin{document}
%green%\begin{frame}%%
%blue%\usepackage%red%{%%kpfonts%red%}%%
%blue%\usepackage[utf8]%red%{%%inputenc%red%} %%
%blue%\usepackage[T1]%red%{%%fontenc%red%} %%
%blue%\usepackage%red%{%%pdfpages%red%}%%
%blue%\usetheme%red%{%%Madrid%red%}%%
%blue%\usepackage%red%{%%tikz%red%}%%
%blue%\usepackage[frenchb]%red%{%%babel%red%}%%
%blue%\graphicspath%red%{{%%./images/%red%}}%%
%blue%\DeclareGraphicsExtensions%red%{%%.png,.jpg,.pdf%red%}%%
%blue%\setlength\parindent%red%{%%0pt%red%}%%
%blue%\setbeamertemplate%red%{%%navigation symbols%red%}{}%%
%blue%\newcommand%red%{%blue%\grille%red%}{%%
%green%\begin{tikzpicture}%orange%[%%overlay,remember picture%orange%]%%
%green%\begin{scope}%orange%[%%shift=%red%{%%(current page.south west)%red%}%orange%]%%
%blue%\draw%orange%[%%gray!50%orange%]%% (0,0) grid%orange%[%%step=2mm%orange%]%% (current page.north east);
%blue%\draw%orange%[%%red!50%orange%]%% (0,0) grid%orange%[%%step=1cm%orange%]%% (current page.north east);
%blue%\draw%% (0.2,1) node {1};
%blue%\draw%% (0.2,2) node {2};
%blue%\draw%% (0.2,3) node {3};
%blue%\draw%% (0.2,4) node {4};
%blue%\draw%% (0.2,5) node {5};
%blue%\draw%% (0.2,6) node {6};
%blue%\draw%% (0.2,7) node {7};
%blue%\draw%% (0.2,8) node {8};
%blue%\draw%% (0.2,9) node {9};
%blue%\draw%% (1,0.5) node {1};
%blue%\draw%% (2,0.5) node {2};
%blue%\draw%% (3,0.5) node {3};
%blue%\draw%% (4,0.5) node {4};
%blue%\draw%% (5,0.5) node {5};
%blue%\draw%% (6,0.5) node {6};
%blue%\draw%% (7,0.5) node {7};
%blue%\draw%% (8,0.5) node {8};
%blue%\draw%% (9,0.5) node {9};
%blue%\draw%% (10,0.5) node {10};
%blue%\draw%% (11,0.5) node {11};
%blue%\draw%% (12,0.5) node {12};
%green%\end{scope}%%
%green%\end{tikzpicture}%%
%red%}%%
%blue%\author%red%{%%Bertrand Masson%red%}%%
%blue%\title[BEAMER \& TiKz]%red%{{%blue%\large%% BEAMER}\& TiKz%red%}%%
%blue%\subtitle%red%{%%Ou comment animer vos illustrations%red%}%%
%blue%\institute%red%{%%Les fiches de Bébert%red%}%%
%green%\begin{document}
%green%\begin{frame}%%
Lignes 361-362 modifiées:
en:
%blue%\onslide%%<2->%red%{%%Expérience %blue%\no%%1%blue%\\%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp1.png%red%}}%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp1.png%red%}}%%
Lignes 367-368 modifiées:
en:
%blue%\onslide%%<3->%red%{%%Expérience %blue%\no%%2%blue%\\%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp2.png%red%}}%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp2.png%red%}}%%
Lignes 373-374 modifiées:
en:
%blue%\onslide%%<4->%red%{%%Expérience %blue%\no%%3%blue%\\%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp3.png%red%}}%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp3.png%red%}}%%
Lignes 390-392 modifiées:
%green%\end{frame}%%
en:
%green%\end{frame}%%
%green%\end{document}
%green%\end{document}
17/07/2012 21:08
par -
Lignes 281-283 modifiées:
Finalement je veux des flèches plus longues et moins inclinées :
en:
Finalement je veux des flèches plus longues et plus inclinées :
Ligne 285 modifiée:
%green%\begin{scope}%orange%[%%shift={(2.6,6.8)},rotate=30%red%}%orange%]%%
en:
%green%\begin{scope}%orange%[%%shift={(2.6,6.8)},rotate=60%red%}%orange%]%%
Ligne 288 modifiée:
%green%\begin{scope}%orange%[%%shift={(8.4,5.2)},rotate=30%red%}%orange%]%%
en:
%green%\begin{scope}%orange%[%%shift={(8.4,5.2)},rotate=60%red%}%orange%]%%
Ligne 291 modifiée:
%green%\begin{scope}%orange%[%%shift={(10.4,7.4)},rotate=30%red%}%orange%]%%
en:
%green%\begin{scope}%orange%[%%shift={(10.4,7.4)},rotate=60%red%}%orange%]%%
Lignes 297-341 modifiées:
en:
%lframe%Attach:tikz6.jpg%%[[<<]]
Il ne reste plus qu'à enlever (ou commenter) la grille et à ''temporiser''
Le code complet :
%green%\begin{frame}%%
%green%\begin{center}%%
%blue%\includegraphics%orange%[%%scale=0.8%orange%]%red%{%%montagne.png%red%}%%
%green%\end{center}%%
%green%\begin{columns}%%
%green%\begin{column}%red%{%%0.33%blue%\textwidth%red%}%%
%green%\begin{center}%%
Expérience %blue%\no%%1%blue%\\%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp1.png%red%}%%
%green%\end{center}%%
%green%\end{column}%%
%green%\begin{column}%red%{%%0.33%blue%\textwidth%red%}%%
%green%\begin{center}%%
Expérience %blue%\no%%2%blue%\\%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp2.png%red%}%%
%green%\end{center}%%
%green%\end{column}%%
%green%\begin{column}%red%{%%0.33%blue%\textwidth%red%}%%
%green%\begin{center}%%
Expérience %blue%\no%%3%blue%\\%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp3.png%red%}%%
%green%\end{center}%%
%green%\end{column}%%
%green%\end{columns}%%
%green%\begin{tikzpicture}%orange%[%%overlay,remember picture,shift=%red%{%%(current page.south west)%red%}%orange%]%%
%green%\begin{scope}%orange%[%%shift={(2.6,6.8)},rotate=60%red%}%orange%]%%
%blue%\draw%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(2,0);
%green%\end{scope}%%
%green%\begin{scope}%orange%[%%shift={(8.4,5.2)},rotate=60%red%}%orange%]%%
%blue%\draw%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(2,0);
%green%\end{scope}%%
%green%\begin{scope}%orange%[%%shift={(10.4,7.4)},rotate=60%red%}%orange%]%%
%blue%\draw%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(2,0);
%green%\end{scope}%%
%green%\end{tikzpicture}%%
%green%\end{frame}%%
Il ne reste plus qu'à enlever (ou commenter) la grille et à ''temporiser''
Le code complet :
%green%\begin{frame}%%
%green%\begin{center}%%
%blue%\includegraphics%orange%[%%scale=0.8%orange%]%red%{%%montagne.png%red%}%%
%green%\end{center}%%
%green%\begin{columns}%%
%green%\begin{column}%red%{%%0.33%blue%\textwidth%red%}%%
%green%\begin{center}%%
Expérience %blue%\no%%1%blue%\\%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp1.png%red%}%%
%green%\end{center}%%
%green%\end{column}%%
%green%\begin{column}%red%{%%0.33%blue%\textwidth%red%}%%
%green%\begin{center}%%
Expérience %blue%\no%%2%blue%\\%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp2.png%red%}%%
%green%\end{center}%%
%green%\end{column}%%
%green%\begin{column}%red%{%%0.33%blue%\textwidth%red%}%%
%green%\begin{center}%%
Expérience %blue%\no%%3%blue%\\%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp3.png%red%}%%
%green%\end{center}%%
%green%\end{column}%%
%green%\end{columns}%%
%green%\begin{tikzpicture}%orange%[%%overlay,remember picture,shift=%red%{%%(current page.south west)%red%}%orange%]%%
%green%\begin{scope}%orange%[%%shift={(2.6,6.8)},rotate=60%red%}%orange%]%%
%blue%\draw%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(2,0);
%green%\end{scope}%%
%green%\begin{scope}%orange%[%%shift={(8.4,5.2)},rotate=60%red%}%orange%]%%
%blue%\draw%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(2,0);
%green%\end{scope}%%
%green%\begin{scope}%orange%[%%shift={(10.4,7.4)},rotate=60%red%}%orange%]%%
%blue%\draw%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(2,0);
%green%\end{scope}%%
%green%\end{tikzpicture}%%
%green%\end{frame}%%
17/07/2012 20:58
par -
Lignes 233-297 ajoutées:
Si on regarde notre diapositive avec la grille ci-dessus, on voit que notre prmière flèche doit démarrer aux coordonnées (2.6,6.8), le truc le plus simple qui vient à l'esprit serais de dessiner une flèche de cette manière :
%green%\begin{tikzpicture}%orange%[%%overlay,remember picture,shift=%red%{%%(current page.south west)%red%}%orange%]%%
%blue%\draw%orange%[%%line width=4pt,<-%orange%]%%(2.6,6.8)--(3,8);
%green%\end{tikzpicture}%%
On obtient :
%lframe%Attach:tikz3.jpg%%[[<<]]
C'est pas mal mais l'inclinaison de la flèche est faite au pif et ne fait pas vraiment 45° la flèche ne fait pas non plus 1cm et je doute de pouvoir réaliser la même inclinaison et la même taille pour les deux autres flèches. Et les modifications risque d'entrainer des calculs savants.
La solution ? C'est de reprendre notre flèche de 1cm
%blue%\draw%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(1,0);
et de la placer dans un environement %green%scope%%. C'est cet environement que l'on va positioner sur notre image et à qui on va faire subir une rotation :
%green%\begin{tikzpicture}%orange%[%%overlay,remember picture,shift=%red%{%%(current page.south west)%red%}%orange%]%%
%green%\begin{scope}%orange%[%%shift={(2.6,6.8)},rotate=45%red%}%orange%]%%
%blue%\draw%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(1,0);
%green%\end{scope}%%
%green%\end{tikzpicture}%%
Et on obtient :
%lframe%Attach:tikz4.jpg%%[[<<]]
J'ajoute mes autres flèches qui auront toutes exactement 1cm et seront inclinées de 45°
%green%\begin{tikzpicture}%orange%[%%overlay,remember picture,shift=%red%{%%(current page.south west)%red%}%orange%]%%
%green%\begin{scope}%orange%[%%shift={(2.6,6.8)},rotate=45%red%}%orange%]%%
%blue%\draw%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(1,0);
%green%\end{scope}%%
%green%\begin{scope}%orange%[%%shift={(8.4,5.2)},rotate=45%red%}%orange%]%%
%blue%\draw%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(1,0);
%green%\end{scope}%%
%green%\begin{scope}%orange%[%%shift={(10.4,7.4)},rotate=45%red%}%orange%]%%
%blue%\draw%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(1,0);
%green%\end{scope}%%
%green%\end{tikzpicture}%%
%lframe%Attach:tikz5.jpg%%[[<<]]
Finalement je veux des flèches plus longues et moins inclinées :
%green%\begin{tikzpicture}%orange%[%%overlay,remember picture,shift=%red%{%%(current page.south west)%red%}%orange%]%%
%green%\begin{scope}%orange%[%%shift={(2.6,6.8)},rotate=30%red%}%orange%]%%
%blue%\draw%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(2,0);
%green%\end{scope}%%
%green%\begin{scope}%orange%[%%shift={(8.4,5.2)},rotate=30%red%}%orange%]%%
%blue%\draw%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(2,0);
%green%\end{scope}%%
%green%\begin{scope}%orange%[%%shift={(10.4,7.4)},rotate=30%red%}%orange%]%%
%blue%\draw%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(2,0);
%green%\end{scope}%%
%green%\end{tikzpicture}%%
%lframe%Attach:tikz6.jpg%%[[<<]]
%green%\begin{tikzpicture}%orange%[%%overlay,remember picture,shift=%red%{%%(current page.south west)%red%}%orange%]%%
%blue%\draw%orange%[%%line width=4pt,<-%orange%]%%(2.6,6.8)--(3,8);
%green%\end{tikzpicture}%%
On obtient :
%lframe%Attach:tikz3.jpg%%[[<<]]
C'est pas mal mais l'inclinaison de la flèche est faite au pif et ne fait pas vraiment 45° la flèche ne fait pas non plus 1cm et je doute de pouvoir réaliser la même inclinaison et la même taille pour les deux autres flèches. Et les modifications risque d'entrainer des calculs savants.
La solution ? C'est de reprendre notre flèche de 1cm
%blue%\draw%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(1,0);
et de la placer dans un environement %green%scope%%. C'est cet environement que l'on va positioner sur notre image et à qui on va faire subir une rotation :
%green%\begin{tikzpicture}%orange%[%%overlay,remember picture,shift=%red%{%%(current page.south west)%red%}%orange%]%%
%green%\begin{scope}%orange%[%%shift={(2.6,6.8)},rotate=45%red%}%orange%]%%
%blue%\draw%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(1,0);
%green%\end{scope}%%
%green%\end{tikzpicture}%%
Et on obtient :
%lframe%Attach:tikz4.jpg%%[[<<]]
J'ajoute mes autres flèches qui auront toutes exactement 1cm et seront inclinées de 45°
%green%\begin{tikzpicture}%orange%[%%overlay,remember picture,shift=%red%{%%(current page.south west)%red%}%orange%]%%
%green%\begin{scope}%orange%[%%shift={(2.6,6.8)},rotate=45%red%}%orange%]%%
%blue%\draw%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(1,0);
%green%\end{scope}%%
%green%\begin{scope}%orange%[%%shift={(8.4,5.2)},rotate=45%red%}%orange%]%%
%blue%\draw%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(1,0);
%green%\end{scope}%%
%green%\begin{scope}%orange%[%%shift={(10.4,7.4)},rotate=45%red%}%orange%]%%
%blue%\draw%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(1,0);
%green%\end{scope}%%
%green%\end{tikzpicture}%%
%lframe%Attach:tikz5.jpg%%[[<<]]
Finalement je veux des flèches plus longues et moins inclinées :
%green%\begin{tikzpicture}%orange%[%%overlay,remember picture,shift=%red%{%%(current page.south west)%red%}%orange%]%%
%green%\begin{scope}%orange%[%%shift={(2.6,6.8)},rotate=30%red%}%orange%]%%
%blue%\draw%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(2,0);
%green%\end{scope}%%
%green%\begin{scope}%orange%[%%shift={(8.4,5.2)},rotate=30%red%}%orange%]%%
%blue%\draw%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(2,0);
%green%\end{scope}%%
%green%\begin{scope}%orange%[%%shift={(10.4,7.4)},rotate=30%red%}%orange%]%%
%blue%\draw%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(2,0);
%green%\end{scope}%%
%green%\end{tikzpicture}%%
%lframe%Attach:tikz6.jpg%%[[<<]]
17/07/2012 18:02
par -
Lignes 60-61 modifiées:
La première méthode consiste à utiliser %blue%\llap%% . Celle-ci a déjà été décrite dans la fiche pécédente. Elle consiste à fabriquer à l'aide GIMP ou INKSCAPE de 3 calques de la même dimension que l'image de montagne et comportant une, deux et trois flèches.
en:
La première méthode consiste à utiliser %blue%\llap%%. Celle-ci a déjà été décrite dans la fiche pécédente. Elle consiste à fabriquer, à l'aide GIMP ou INKSCAPE, 3 calques de la même dimension que l'image de montagne et comportant une, deux et trois flèches.
Lignes 96-97 modifiées:
On obtient l'annimation ci-dessus. Le but recherché est atteint, mais la manière utilisée manque de souplesse. Si tu veux changer la couleur des flèches, leur inclinaison, ou ne pas les cummuler, tu dois refaire à chaque fois tes trois calque sous GIMP ou INKSCAPE. De plus si à la place de flèches tu veux positionner un texte (par exemple le nom des pics), utiliser LaTeX pour afficher un texte pixilisé, c'est quand même pas terrible. Je vais te montrer comment je procède en utilisant TiKz. Je ne connais pas encore toutes les possibilité de TiKz, je ne suis pas programmateur, donc je ne suis pas sûr que ma méthode soit la plus simple et la plus efficace, mais ça le fait quand même.
en:
On obtient l'annimation ci-dessus. Le but recherché est atteint, mais la manière utilisée manque de souplesse. Si tu veux changer la couleur des flèches, leur inclinaison, ou ne pas les cummuler, tu dois refaire à chaque fois tes trois calque sous GIMP ou INKSCAPE. De plus si à la place de flèches tu veux positionner un texte (par exemple le nom des pics), utiliser LaTeX pour afficher un texte pixilisé, c'est quand même pas terrible. Je vais te montrer comment je procède en utilisant TiKz. Je ne connais pas encore toutes les possibilités de TiKz, je ne suis pas programmateur, donc je ne suis pas sûr que ma méthode soit la plus simple et la plus efficace, mais ça le fait quand même.
Lignes 143-232 modifiées:
en:
%alert% Je te rapelle que pour obtenir le bon résultat TiKz demande '''2''' compilations.%%
On peut maintenant calculer facilement les coordonnées des objets à placer sur notre diapo. Si tu veux tu peux améliorer le code pour obtenir les coordonnées :
%blue%\newcommand%red%{%blue%\grille%red%}{%%
%green%\begin{tikzpicture}%orange%[%%overlay,remember picture%orange%]%%
%green%\begin{scope}%orange%[%%shift=%red%{%%(current page.south west)%red%}%orange%]%%
%blue%\draw%orange%[%%gray!50%orange%]%% (0,0) grid%orange%[%%step=2mm%orange%]%% (current page.north east);
%blue%\draw%orange%[%%red!50%orange%]%% (0,0) grid%orange%[%%step=1cm%orange%]%% (current page.north east);
%blue%\draw%% (0.2,1) node {1};
%blue%\draw%% (0.2,2) node {2};
%blue%\draw%% (0.2,3) node {3};
%blue%\draw%% (0.2,4) node {4};
%blue%\draw%% (0.2,5) node {5};
%blue%\draw%% (0.2,6) node {6};
%blue%\draw%% (0.2,7) node {7};
%blue%\draw%% (0.2,8) node {8};
%blue%\draw%% (0.2,9) node {9};
%blue%\draw%% (1,0.5) node {1};
%blue%\draw%% (2,0.5) node {2};
%blue%\draw%% (3,0.5) node {3};
%blue%\draw%% (4,0.5) node {4};
%blue%\draw%% (5,0.5) node {5};
%blue%\draw%% (6,0.5) node {6};
%blue%\draw%% (7,0.5) node {7};
%blue%\draw%% (8,0.5) node {8};
%blue%\draw%% (9,0.5) node {9};
%blue%\draw%% (10,0.5) node {10};
%blue%\draw%% (11,0.5) node {11};
%blue%\draw%% (12,0.5) node {12};
%green%\end{scope}%%
%green%\end{tikzpicture}%%
%red%}%%
%lframe%Attach:grille.jpg%%[[<<]]
Pour placer notre grille sur notre diapositive avec la montagne et les expérience voici le code :
%green%\begin{frame}%%
%green%\begin{center}%%
%blue%\includegraphics%orange%[%%scale=0.8%orange%]%red%{%%montagne.png%red%}%%
%green%\end{center}%%
%green%\begin{columns}%%
%green%\begin{column}%red%{%%0.33%blue%\textwidth%red%}%%
%green%\begin{center}%%
Expérience %blue%\no%%1%blue%\\%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp1.png%red%}%%
%green%\end{center}%%
%green%\end{column}%%
%green%\begin{column}%red%{%%0.33%blue%\textwidth%red%}%%
%green%\begin{center}%%
Expérience %blue%\no%%2%blue%\\%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp2.png%red%}%%
%green%\end{center}%%
%green%\end{column}%%
%green%\begin{column}%red%{%%0.33%blue%\textwidth%red%}%%
%green%\begin{center}%%
Expérience %blue%\no%%3%blue%\\%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp3.png%red%}%%
%green%\end{center}%%
%green%\end{column}%%
%green%\end{columns}%%
%blue%\grille%%
%green%\end{frame}%%
%lframe%Attach:tikz2.jpg%%[[<<]]
Il faut placer la commande %blue%\grille%% à la fin de la diapo car si l'option ''overlay'' de TiKz permet de dessiner au-dessus d'autres objets TiKz, elle ne permet pas de passer au-dessus des objets LaTeX placés après.
Dessiner une flèche
Je veux une flèche de 1cm en noir et assez épaisse la commande pour ce faire est :
%green%\begin{tikzpicture}%%
%blue%\draw%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(1,0);
%green%\end{tikzpicture}%%
On obtient :
%lframe%Attach:fleche1.jpg%%[[<<]]
Maintenant il faut la placer sur notre diapositive, on va garder notre origine en bas à gauche et comme on doit dessiner plusieurs flèche dans le même système on va utiliser les options ''overlay'' et ''remember picture'' :
%green%\begin{tikzpicture}%orange%[%%overlay,remember picture,shift=%red%{%%(current page.south west)%red%}%orange%]%%
%blue%\draw%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(1,0);
%green%\end{tikzpicture}%%
On peut maintenant calculer facilement les coordonnées des objets à placer sur notre diapo. Si tu veux tu peux améliorer le code pour obtenir les coordonnées :
%blue%\newcommand%red%{%blue%\grille%red%}{%%
%green%\begin{tikzpicture}%orange%[%%overlay,remember picture%orange%]%%
%green%\begin{scope}%orange%[%%shift=%red%{%%(current page.south west)%red%}%orange%]%%
%blue%\draw%orange%[%%gray!50%orange%]%% (0,0) grid%orange%[%%step=2mm%orange%]%% (current page.north east);
%blue%\draw%orange%[%%red!50%orange%]%% (0,0) grid%orange%[%%step=1cm%orange%]%% (current page.north east);
%blue%\draw%% (0.2,1) node {1};
%blue%\draw%% (0.2,2) node {2};
%blue%\draw%% (0.2,3) node {3};
%blue%\draw%% (0.2,4) node {4};
%blue%\draw%% (0.2,5) node {5};
%blue%\draw%% (0.2,6) node {6};
%blue%\draw%% (0.2,7) node {7};
%blue%\draw%% (0.2,8) node {8};
%blue%\draw%% (0.2,9) node {9};
%blue%\draw%% (1,0.5) node {1};
%blue%\draw%% (2,0.5) node {2};
%blue%\draw%% (3,0.5) node {3};
%blue%\draw%% (4,0.5) node {4};
%blue%\draw%% (5,0.5) node {5};
%blue%\draw%% (6,0.5) node {6};
%blue%\draw%% (7,0.5) node {7};
%blue%\draw%% (8,0.5) node {8};
%blue%\draw%% (9,0.5) node {9};
%blue%\draw%% (10,0.5) node {10};
%blue%\draw%% (11,0.5) node {11};
%blue%\draw%% (12,0.5) node {12};
%green%\end{scope}%%
%green%\end{tikzpicture}%%
%red%}%%
%lframe%Attach:grille.jpg%%[[<<]]
Pour placer notre grille sur notre diapositive avec la montagne et les expérience voici le code :
%green%\begin{frame}%%
%green%\begin{center}%%
%blue%\includegraphics%orange%[%%scale=0.8%orange%]%red%{%%montagne.png%red%}%%
%green%\end{center}%%
%green%\begin{columns}%%
%green%\begin{column}%red%{%%0.33%blue%\textwidth%red%}%%
%green%\begin{center}%%
Expérience %blue%\no%%1%blue%\\%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp1.png%red%}%%
%green%\end{center}%%
%green%\end{column}%%
%green%\begin{column}%red%{%%0.33%blue%\textwidth%red%}%%
%green%\begin{center}%%
Expérience %blue%\no%%2%blue%\\%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp2.png%red%}%%
%green%\end{center}%%
%green%\end{column}%%
%green%\begin{column}%red%{%%0.33%blue%\textwidth%red%}%%
%green%\begin{center}%%
Expérience %blue%\no%%3%blue%\\%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp3.png%red%}%%
%green%\end{center}%%
%green%\end{column}%%
%green%\end{columns}%%
%blue%\grille%%
%green%\end{frame}%%
%lframe%Attach:tikz2.jpg%%[[<<]]
Il faut placer la commande %blue%\grille%% à la fin de la diapo car si l'option ''overlay'' de TiKz permet de dessiner au-dessus d'autres objets TiKz, elle ne permet pas de passer au-dessus des objets LaTeX placés après.
Dessiner une flèche
Je veux une flèche de 1cm en noir et assez épaisse la commande pour ce faire est :
%green%\begin{tikzpicture}%%
%blue%\draw%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(1,0);
%green%\end{tikzpicture}%%
On obtient :
%lframe%Attach:fleche1.jpg%%[[<<]]
Maintenant il faut la placer sur notre diapositive, on va garder notre origine en bas à gauche et comme on doit dessiner plusieurs flèche dans le même système on va utiliser les options ''overlay'' et ''remember picture'' :
%green%\begin{tikzpicture}%orange%[%%overlay,remember picture,shift=%red%{%%(current page.south west)%red%}%orange%]%%
%blue%\draw%orange%[%%line width=4pt,<-%orange%]%%(0,0)--(1,0);
%green%\end{tikzpicture}%%
17/07/2012 16:38
par -
Lignes 104-105 modifiées:
\draw%orange%[%%red!50%orange%]%% (0,0) grid%orange%[%%step=1cm%orange%]%% (current page.north east);
en:
%blue%\draw%orange%[%%gray!50%orange%]%% (0,0) grid%orange%[%%step=2mm%orange%]%% (current page.north east);
%blue%\draw%orange%[%%red!50%orange%]%% (0,0) grid%orange%[%%step=1cm%orange%]%% (current page.north east);
%blue%\draw%orange%[%%red!50%orange%]%% (0,0) grid%orange%[%%step=1cm%orange%]%% (current page.north east);
Lignes 116-117 modifiées:
*(current page.north east) correspond au coin en haut à gauche de notre feuille et donc permet de dessiner notre grille de (0,0) à (current page.north east).
en:
*(current page.north east) correspond au coin en haut à gauche de notre feuille et donc permet de dessiner notre grille de (0,0) à (current page.north east) ;
*@@%blue%\draw%orange%[%%gray!50%orange%]%% (0,0) grid%orange%[%%step=2mm%orange%]%% (current page.north east);@@ dessine une grille grise avec un pas de 2mm ;
*@@%blue%\draw%orange%[%%red!50%orange%]%% (0,0) grid%orange%[%%step=1cm%orange%]%% (current page.north east);@@ dessine une grille rouge avec un pas de 1cm, Attention de bien dessiner la rouge après la grille grise.
*@@%blue%\draw%orange%[%%gray!50%orange%]%% (0,0) grid%orange%[%%step=2mm%orange%]%% (current page.north east);@@ dessine une grille grise avec un pas de 2mm ;
*@@%blue%\draw%orange%[%%red!50%orange%]%% (0,0) grid%orange%[%%step=1cm%orange%]%% (current page.north east);@@ dessine une grille rouge avec un pas de 1cm, Attention de bien dessiner la rouge après la grille grise.
Lignes 127-128 modifiées:
\draw%orange%[%%red!50%orange%]%% (0,0) grid%orange%[%%step=1cm%orange%]%% (current page.north east);
en:
%blue%\draw%orange%[%%gray!50%orange%]%% (0,0) grid%orange%[%%step=2mm%orange%]%% (current page.north east);
%blue%\draw%orange%[%%red!50%orange%]%% (0,0) grid%orange%[%%step=1cm%orange%]%% (current page.north east);
%blue%\draw%orange%[%%red!50%orange%]%% (0,0) grid%orange%[%%step=1cm%orange%]%% (current page.north east);
17/07/2012 16:31
par -
Lignes 60-61 modifiées:
La première méthode consiste à utiliser %blue%\llap%% . Celle-ci a déjà été décrite dans la fiche pécédente. Elle consiste à fabriquer à l'aide GIMP de 3 calques de la même dimension que l'image de montagne et comportant une, deux et trois flèches.
en:
La première méthode consiste à utiliser %blue%\llap%% . Celle-ci a déjà été décrite dans la fiche pécédente. Elle consiste à fabriquer à l'aide GIMP ou INKSCAPE de 3 calques de la même dimension que l'image de montagne et comportant une, deux et trois flèches.
Ligne 66 modifiée:
%green%\begin{frame}%%
en:
%green%\begin{frame}%%
Lignes 95-139 ajoutées:
On obtient l'annimation ci-dessus. Le but recherché est atteint, mais la manière utilisée manque de souplesse. Si tu veux changer la couleur des flèches, leur inclinaison, ou ne pas les cummuler, tu dois refaire à chaque fois tes trois calque sous GIMP ou INKSCAPE. De plus si à la place de flèches tu veux positionner un texte (par exemple le nom des pics), utiliser LaTeX pour afficher un texte pixilisé, c'est quand même pas terrible. Je vais te montrer comment je procède en utilisant TiKz. Je ne connais pas encore toutes les possibilité de TiKz, je ne suis pas programmateur, donc je ne suis pas sûr que ma méthode soit la plus simple et la plus efficace, mais ça le fait quand même.
La première étape va être de supperposer sur notre diapo une grille, que l'on supprimera à la fin, et qui va nous permettre de calculer les coordonnées des objets à placer.
Voici le code TiKz pour créer notre grille :
%green%\begin{tikzpicture}%orange%[%%overlay,remember picture%orange%]%%
%green%\begin{scope}%orange%[%%shift=%red%{%%(current page.south west)%red%}%orange%]%%
\draw%orange%[%%gray!50%orange%]%% (0,0) grid%orange%[%%step=2mm%orange%]%% (current page.north east);
\draw%orange%[%%red!50%orange%]%% (0,0) grid%orange%[%%step=1cm%orange%]%% (current page.north east);
%green%\end{scope}%%
%green%\end{tikzpicture}%%
Quelques explications :
*les options ''overlay'' et ''remember'' permettent respectivement de dessiner la grille au dessus d'autre dessin TiKz et de la rendre persistante ;
*L'environement %green%scope%% permet de limiter l'action de certaines commandes comme %blue%shift%%, %blue%scale%%, %blue%rotate%% {$:dots} qui n'affecteront que les objets placés dans l'environnement ;
*shift=%red%{%%(current page.south west)%red%}%% place l'origine, le (0,0) en bas à gauche de notre feuille ;
*(current page.north east) correspond au coin en haut à gauche de notre feuille et donc permet de dessiner notre grille de (0,0) à (current page.north east).
Comme on va utiliser notre grille plusieurs fois on va créer une commande :
%blue%\newcommand%red%{%blue%\grille%red%}{%%
%green%\begin{tikzpicture}%orange%[%%overlay,remember picture%orange%]%%
%green%\begin{scope}%orange%[%%shift=%red%{%%(current page.south west)%red%}%orange%]%%
\draw%orange%[%%gray!50%orange%]%% (0,0) grid%orange%[%%step=2mm%orange%]%% (current page.north east);
\draw%orange%[%%red!50%orange%]%% (0,0) grid%orange%[%%step=1cm%orange%]%% (current page.north east);
%green%\end{scope}%%
%green%\end{tikzpicture}%%
%red%}%%
Maintenant le code suivant :
%green%\begin{frame}%red%{%%Les fiches de Bébert%red%}%%
%blue%\grille%%
%green%\end{frame}%%
va créer (en utilisant le thème ''Madrid'') la diapo suivante
%lframe%Attach:grille.jpg%%[[<<]]
%alert% Je te rapelle que pour obtenir le bon résultat TiKz demande '''2''' compilations.%%
17/07/2012 15:18
par -
Ligne 62 modifiée:
%lframe%Attach:montagne-p.jpg Attach:fleche1-p.jpg Attach:fleche1-p.jpg Attach:fleche1-p.jpg%%[[<<]]
en:
%lframe%Attach:montagne-p.jpg %lframe%Attach:fleche1-p.jpg %lframe%Attach:fleche1-p.jpg %lframe%Attach:fleche1-p.jpg%%[[<<]]
17/07/2012 15:12
par -
Lignes 62-63 modifiées:
%lframe%Attach:montagne.jpg Attach:fleche1.jpg Attach:fleche2.jpg Attach:fleche3.jpg%%[[<<]]
en:
%lframe%Attach:montagne-p.jpg Attach:fleche1-p.jpg Attach:fleche1-p.jpg Attach:fleche1-p.jpg%%[[<<]]
Lignes 69-71 modifiées:
%blue%\llap%red%{%blue%\includegraphics%orange%[%%scale=0.8%orange%]%%<2->%red%{%flecheExp1%red%}}%%
%blue%\llap%red%{%blue%\includegraphics%orange%[%%scale=0.8%orange%]%%<3->%red%{%flecheExp2%red%}}%%
%blue%\llap%red%{%blue%\includegraphics%orange%[%%scale=0.8%orange%]%%<4->%red%{%flecheExp3%red%}}%%
%blue%\llap%red%{%blue%\includegraphics%orange%[%%scale=0.8%orange%]%%<3->%red%{%flecheExp2%red%}}%%
%blue%\llap%red%{%blue%\includegraphics%orange%[%%scale=0.8%orange%]%%<4->%red%{%flecheExp3%red%}}%%
en:
%blue%\llap%red%{%blue%\includegraphics%orange%[%%scale=0.8%orange%]%%<2->%red%{%%flecheExp1%red%}}%%
%blue%\llap%red%{%blue%\includegraphics%orange%[%%scale=0.8%orange%]%%<3->%red%{%%flecheExp2%red%}}%%
%blue%\llap%red%{%blue%\includegraphics%orange%[%%scale=0.8%orange%]%%<4->%red%{%%flecheExp3%red%}}%%
%blue%\llap%red%{%blue%\includegraphics%orange%[%%scale=0.8%orange%]%%<3->%red%{%%flecheExp2%red%}}%%
%blue%\llap%red%{%blue%\includegraphics%orange%[%%scale=0.8%orange%]%%<4->%red%{%%flecheExp3%red%}}%%
17/07/2012 14:30
par -
Ligne 34 modifiée:
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp1.png%red%}%
en:
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp1.png%red%}%%
Ligne 40 modifiée:
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp2.png%red%}%
en:
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp2.png%red%}%%
Ligne 46 modifiée:
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp3.png%red%}%
en:
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp3.png%red%}%%
Lignes 51-71 supprimées:
\includegraphics[scale=0.35]{exp1b}
\end{center}
\end{column}
\begin{column}{0.33\textwidth}
\begin{center}
Expérience \no2
\includegraphics[scale=0.35]{exp2b}
\end{center}
\end{column}
\begin{column}{0.33\textwidth}
\begin{center}
Expérience \no3
\includegraphics[scale=0.35]{exp3b}
\end{center}
\end{column}
\end{columns}
Lignes 66-67 modifiées:
en:
%green%\begin{frame}%%
Lignes 69-72 modifiées:
%blue%\llap%red%{%blue%\includegraphics%orange%[%%scale=0.8%orange%]%%<2->%red%{%%flecheExp1%red%}}%%
%blue%\llap%red%{%blue%\includegraphics%orange%[%%scale=0.8%orange%]%%<3->%red%{%%flecheExp2%red%}}%%
%blue%\llap%red%{%blue%\includegraphics%orange%[%%scale=0.8%orange%]%%<4->%red%{%%flecheExp3%red%}}%%
%blue%\llap%red%{%blue%\includegraphics%orange%[%%scale=0.8%orange%]%%<3->%red%{%
%blue%\llap%red%{%blue%\includegraphics%orange%[%%scale=0.8%orange%]%%<4->%red%{%
en:
%blue%\llap%red%{%blue%\includegraphics%orange%[%%scale=0.8%orange%]%%<2->%red%{%flecheExp1%red%}}%%
%blue%\llap%red%{%blue%\includegraphics%orange%[%%scale=0.8%orange%]%%<3->%red%{%flecheExp2%red%}}%%
%blue%\llap%red%{%blue%\includegraphics%orange%[%%scale=0.8%orange%]%%<4->%red%{%flecheExp3%red%}}%%
%blue%\llap%red%{%blue%\includegraphics%orange%[%%scale=0.8%orange%]%%<3->%red%{%flecheExp2%red%}}%%
%blue%\llap%red%{%blue%\includegraphics%orange%[%%scale=0.8%orange%]%%<4->%red%{%flecheExp3%red%}}%%
Lignes 73-76 modifiées:
%blue%\onslide%%<2->%red%{Expérience %blue%\no%1%red%}%blue%\hfill %blue%\onslide%%<3->%red%{%%Expérience %blue%\no%%2%red%}%blue%\hfill %blue%\onslide%%<4->%red%{%Expérience %blue%\no%3%red%}%%
blue%\includegraphics%orange%[%scale=0.35%orange%]%<2->%red%{exp1.png%red%}%blue%\hfill%%
includegraphics%orange%[%%scale=0.35%orange%]%%<3->%red%{%%exp2.png%red%}%blue%\hfill%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%<4->%red%{%exp3.png%red%}%%
en:
%green%\begin{columns}%%
%green%\begin{column}%red%{%%0.33%blue%\textwidth%red%}%%
%green%\begin{center}%%
%blue%\onslide%%<2->%red%{%%Expérience %blue%\no%%1%blue%\\%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp1.png%red%}}%%
%green%\end{center}%%
%green%\end{column}%%
%green%\begin{column}%red%{%%0.33%blue%\textwidth%red%}%%
%green%\begin{center}%%
%blue%\onslide%%<3->%red%{%%Expérience %blue%\no%%2%blue%\\%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp2.png%red%}}%%
%green%\end{center}%%
%green%\end{column}%%
%green%\begin{column}%red%{%%0.33%blue%\textwidth%red%}%%
%green%\begin{center}%%
%blue%\onslide%%<4->%red%{%%Expérience %blue%\no%%3%blue%\\%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp3.png%red%}}%%
%green%\end{center}%%
%green%\end{column}%%
%green%\end{columns}%%
%green%\begin{column}%red%{%%0.33%blue%\textwidth%red%}%%
%green%\begin{center}%%
%blue%\onslide%%<2->%red%{%%Expérience %blue%\no%%1%blue%\\%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp1.png%red%}}%%
%green%\end{center}%%
%green%\end{column}%%
%green%\begin{column}%red%{%%0.33%blue%\textwidth%red%}%%
%green%\begin{center}%%
%blue%\onslide%%<3->%red%{%%Expérience %blue%\no%%2%blue%\\%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp2.png%red%}}%%
%green%\end{center}%%
%green%\end{column}%%
%green%\begin{column}%red%{%%0.33%blue%\textwidth%red%}%%
%green%\begin{center}%%
%blue%\onslide%%<4->%red%{%%Expérience %blue%\no%%3%blue%\\%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp3.png%red%}}%%
%green%\end{center}%%
%green%\end{column}%%
%green%\end{columns}%%
Ligne 94 supprimée:
17/07/2012 14:23
par -
Lignes 29-32 modifiées:
en:
%green%\begin{columns}%%
%green%\begin{column}%red%{%%0.33%blue%\textwidth%red%}%%
%green%\begin{center}%%
Expérience %blue%\no%%1%blue%\\%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp1.png%red%}%
%green%\end{center}%%
%green%\end{column}%%
%green%\begin{column}%red%{%%0.33%blue%\textwidth%red%}%%
%green%\begin{center}%%
Expérience %blue%\no%%2%blue%\\%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp2.png%red%}%
%green%\end{center}%%
%green%\end{column}%%
%green%\begin{column}%red%{%%0.33%blue%\textwidth%red%}%%
%green%\begin{center}%%
Expérience %blue%\no%%3%blue%\\%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp3.png%red%}%
%green%\end{center}%%
%green%\end{column}%%
%green%\end{columns}%%
%green%\begin{column}%red%{%%0.33%blue%\textwidth%red%}%%
%green%\begin{center}%%
Expérience %blue%\no%%1%blue%\\%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp1.png%red%}%
%green%\end{center}%%
%green%\end{column}%%
%green%\begin{column}%red%{%%0.33%blue%\textwidth%red%}%%
%green%\begin{center}%%
Expérience %blue%\no%%2%blue%\\%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp2.png%red%}%
%green%\end{center}%%
%green%\end{column}%%
%green%\begin{column}%red%{%%0.33%blue%\textwidth%red%}%%
%green%\begin{center}%%
Expérience %blue%\no%%3%blue%\\%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp3.png%red%}%
%green%\end{center}%%
%green%\end{column}%%
%green%\end{columns}%%
Lignes 52-53 modifiées:
en:
\includegraphics[scale=0.35]{exp1b}
\end{center}
\end{column}
\begin{column}{0.33\textwidth}
\begin{center}
Expérience \no2
\includegraphics[scale=0.35]{exp2b}
\end{center}
\end{column}
\begin{column}{0.33\textwidth}
\begin{center}
Expérience \no3
\includegraphics[scale=0.35]{exp3b}
\end{center}
\end{column}
\end{columns}
17/07/2012 14:12
par -
Lignes 61-63 modifiées:
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%%<2->%%red%{%%exp1.png%red%}%blue%\hfill%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%%<3->%%red%{%%exp2.png%red%}%blue%\hfill%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%%<4->%%red%{%%exp3.png%red%}%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%%<3->%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%%<4->
en:
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%%<2->%red%{%%exp1.png%red%}%blue%\hfill%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%%<3->%red%{%%exp2.png%red%}%blue%\hfill%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%%<4->%red%{%%exp3.png%red%}%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%%<3->%red%{%%exp2.png%red%}%blue%\hfill%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%%<4->%red%{%%exp3.png%red%}%%
17/07/2012 14:11
par -
Lignes 45-65 modifiées:
La première méthode consiste à utiliser . Celle-ci a déjà été décrite dans la fiche pécédente. Elle consiste à fabriquer à l'aide GIMP de 3 calques de la même dimension que l'image de montagne et comportant une, deux et trois flèches.
en:
La première méthode consiste à utiliser %blue%\llap%% . Celle-ci a déjà été décrite dans la fiche pécédente. Elle consiste à fabriquer à l'aide GIMP de 3 calques de la même dimension que l'image de montagne et comportant une, deux et trois flèches.
%lframe%Attach:montagne.jpg Attach:fleche1.jpg Attach:fleche2.jpg Attach:fleche3.jpg%%[[<<]]
Puis on transforme le code précédent en :
%green%\begin{frame}%%
%green%\begin{center}%%
%blue%\includegraphics%orange%[%%scale=0.8%orange%]%red%{%%montagne.png%red%}%%
%blue%\llap%red%{%blue%\includegraphics%orange%[%%scale=0.8%orange%]%%<2->%red%{%%flecheExp1%red%}}%%
%blue%\llap%red%{%blue%\includegraphics%orange%[%%scale=0.8%orange%]%%<3->%red%{%%flecheExp2%red%}}%%
%blue%\llap%red%{%blue%\includegraphics%orange%[%%scale=0.8%orange%]%%<4->%red%{%%flecheExp3%red%}}%%
%green%\end{center}%%
%blue%\onslide%%<2->%red%{%%Expérience %blue%\no%%1%red%}%blue%\hfill %blue%\onslide%%<3->%red%{%%Expérience %blue%\no%%2%red%}%blue%\hfill %blue%\onslide%%<4->%red%{%%Expérience %blue%\no%%3%red%}%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%%<2->%%red%{%%exp1.png%red%}%blue%\hfill%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%%<3->%%red%{%%exp2.png%red%}%blue%\hfill%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%%<4->%%red%{%%exp3.png%red%}%%
%green%\end{frame}%%
%lframe%Attach:montagne.jpg Attach:fleche1.jpg Attach:fleche2.jpg Attach:fleche3.jpg%%[[<<]]
Puis on transforme le code précédent en :
%green%\begin{frame}%%
%green%\begin{center}%%
%blue%\includegraphics%orange%[%%scale=0.8%orange%]%red%{%%montagne.png%red%}%%
%blue%\llap%red%{%blue%\includegraphics%orange%[%%scale=0.8%orange%]%%<2->%red%{%%flecheExp1%red%}}%%
%blue%\llap%red%{%blue%\includegraphics%orange%[%%scale=0.8%orange%]%%<3->%red%{%%flecheExp2%red%}}%%
%blue%\llap%red%{%blue%\includegraphics%orange%[%%scale=0.8%orange%]%%<4->%red%{%%flecheExp3%red%}}%%
%green%\end{center}%%
%blue%\onslide%%<2->%red%{%%Expérience %blue%\no%%1%red%}%blue%\hfill %blue%\onslide%%<3->%red%{%%Expérience %blue%\no%%2%red%}%blue%\hfill %blue%\onslide%%<4->%red%{%%Expérience %blue%\no%%3%red%}%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%%<2->%%red%{%%exp1.png%red%}%blue%\hfill%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%%<3->%%red%{%%exp2.png%red%}%blue%\hfill%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%%<4->%%red%{%%exp3.png%red%}%%
%green%\end{frame}%%
16/07/2012 23:22
par -
Lignes 43-45 modifiées:
%lframe%Attach:tikz2.gif%%[[<<]]
en:
%lframe%Attach:tikz2.gif%%[[<<]]
La première méthode consiste à utiliser . Celle-ci a déjà été décrite dans la fiche pécédente. Elle consiste à fabriquer à l'aide GIMP de 3 calques de la même dimension que l'image de montagne et comportant une, deux et trois flèches.
La première méthode consiste à utiliser . Celle-ci a déjà été décrite dans la fiche pécédente. Elle consiste à fabriquer à l'aide GIMP de 3 calques de la même dimension que l'image de montagne et comportant une, deux et trois flèches.
16/07/2012 23:12
par -
Ligne 37 modifiée:
%lframe%Attach:tikz1.jpg%%[[<<]]
en:
%lframe%Attach:tikz1.png%%[[<<]]
16/07/2012 23:03
par -
Lignes 37-38 modifiées:
en:
%lframe%Attach:tikz1.jpg%%[[<<]]
Lignes 42-43 ajoutées:
%lframe%Attach:tikz2.gif%%[[<<]]
16/07/2012 22:59
par -
Ligne 27 modifiée:
%blue%\includegraphics%orange%[%%scale=0.8%orange%]%red%{%%montagne%red%}%%
en:
%blue%\includegraphics%orange%[%%scale=0.8%orange%]%red%{%%montagne.png%red%}%%
Lignes 30-32 modifiées:
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp1b%red%}%blue%\hfill%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp2b%red%}%blue%\hfill%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp3b%red%}%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%
en:
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp1.png%red%}%blue%\hfill%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp2.png%red%}%blue%\hfill%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp3.png%red%}%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp2.png%red%}%blue%\hfill%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp3.png%red%}%%
Lignes 37-41 modifiées:
%rem%Les dimensions d’une diapo de BEAMER sont de 96 mm pour la hauteur et 128 mm pour la largeur. Il est donc inutile d’avoir des images de grandes dimensions qui vont alourdir le fichier final et ralentir le chargement des pages. J’ai donc choisis pour les photos un format proche de 13x9 cm. Comme j’ai besoin de monter des détails assez fins sur les photos, je garde une résolution importante de 200x200 ppp pour un poids de 1,32 Mo. À vous d’adapter la taille de vos images en fonctions de vos besoins.%%
en:
%rem%Les dimensions d’une diapo de BEAMER sont de 96 mm pour la hauteur et 128 mm pour la largeur. Il est donc inutile d’avoir des images de grandes dimensions qui vont alourdir le fichier final et ralentir le chargement des pages. J’ai donc choisis pour les photos un format proche de 13x9 cm. Comme j’ai besoin de monter des détails assez fins sur les photos, je garde une résolution importante de 200x200 ppp pour un poids de 1,32 Mo. À vous d’adapter la taille de vos images en fonctions de vos besoins.%%
Le but du jeu est donc de faire apparaitre une flèche de localisation sur la photo du massif à chaque apparition d’une vignette d’expérience.
16/07/2012 22:57
par -
Lignes 25-35 modifiées:
\begin{frame}
Expérience \no1\hfill Expérience \no2\hfill Expérience \no3
\includegraphics[scale=0.35]{exp1b}\hfill
\end{frame}
%rem% \hfill est un ressort qui prend le maximum de place disponible, il permet dans notre exemple de répartir sur toute la longueur de la ligne les éléments.%%
Expérience \
en:
%green%\begin{frame}%%
%green%\begin{center}%%
%blue%\includegraphics%orange%[%%scale=0.8%orange%]%red%{%%montagne%red%}%%
%green%\end{center}%%
Expérience %blue%\no%%1%blue%\hfill%% Expérience %blue%\no%%2%blue%\hfill%% Expérience %blue%\no%%3
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp1b%red%}%blue%\hfill%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp2b%red%}%blue%\hfill%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp3b%red%}%%
%green%\end{frame}%%
%rem% %blue%\hfill%% est un ressort qui prend le maximum de place disponible, il permet dans notre exemple de répartir sur toute la longueur de la ligne les éléments.%%
%green%\begin{center}%%
%blue%\includegraphics%orange%[%%scale=0.8%orange%]%red%{%%montagne%red%}%%
%green%\end{center}%%
Expérience %blue%\no%%1%blue%\hfill%% Expérience %blue%\no%%2%blue%\hfill%% Expérience %blue%\no%%3
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp1b%red%}%blue%\hfill%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp2b%red%}%blue%\hfill%%
%blue%\includegraphics%orange%[%%scale=0.35%orange%]%red%{%%exp3b%red%}%%
%green%\end{frame}%%
%rem% %blue%\hfill%% est un ressort qui prend le maximum de place disponible, il permet dans notre exemple de répartir sur toute la longueur de la ligne les éléments.%%
16/07/2012 22:54
par -
Lignes 23-37 modifiées:
Pour ce faire je vais utiliser la diopo suivante, dont le code est :
en:
Pour ce faire je vais utiliser la diopo suivante, dont le code est :
\begin{frame}
\begin{center}
\includegraphics[scale=0.8]{montagne}
\end{center}
Expérience \no1\hfill Expérience \no2\hfill Expérience \no3
\includegraphics[scale=0.35]{exp1b}\hfill
\includegraphics[scale=0.35]{exp2b}\hfill
\includegraphics[scale=0.35]{exp3b}
\end{frame}
%rem% \hfill est un ressort qui prend le maximum de place disponible, il permet dans notre exemple de répartir sur toute la longueur de la ligne les éléments.%%
%rem%Les dimensions d’une diapo de BEAMER sont de 96 mm pour la hauteur et 128 mm pour la largeur. Il est donc inutile d’avoir des images de grandes dimensions qui vont alourdir le fichier final et ralentir le chargement des pages. J’ai donc choisis pour les photos un format proche de 13x9 cm. Comme j’ai besoin de monter des détails assez fins sur les photos, je garde une résolution importante de 200x200 ppp pour un poids de 1,32 Mo. À vous d’adapter la taille de vos images en fonctions de vos besoins.%%
\begin{frame}
\begin{center}
\includegraphics[scale=0.8]{montagne}
\end{center}
Expérience \no1\hfill Expérience \no2\hfill Expérience \no3
\includegraphics[scale=0.35]{exp1b}\hfill
\includegraphics[scale=0.35]{exp2b}\hfill
\includegraphics[scale=0.35]{exp3b}
\end{frame}
%rem% \hfill est un ressort qui prend le maximum de place disponible, il permet dans notre exemple de répartir sur toute la longueur de la ligne les éléments.%%
%rem%Les dimensions d’une diapo de BEAMER sont de 96 mm pour la hauteur et 128 mm pour la largeur. Il est donc inutile d’avoir des images de grandes dimensions qui vont alourdir le fichier final et ralentir le chargement des pages. J’ai donc choisis pour les photos un format proche de 13x9 cm. Comme j’ai besoin de monter des détails assez fins sur les photos, je garde une résolution importante de 200x200 ppp pour un poids de 1,32 Mo. À vous d’adapter la taille de vos images en fonctions de vos besoins.%%
16/07/2012 22:47
par -
Lignes 10-11 modifiées:
!!Ou comment animer vos illustrations
en:
!!Ou comment annimer vos illustrations
Lignes 14-16 modifiées:
en:
*[[#element|Faire apparaitre des éléments sur une photo]]
----
[[#element]]
!!Faire apparaitre des éléments sur une photo
Pour illustrer la première partie de cette fiche, consacrée à l’apparition d’éléments sur une photo, je vais utiliser l'exemple fictif,
d’une série de 3 expériences menées dans un massif montagneux. Le but de la diapositive est de localiser les différentes expériences dans
le massif montagneux.
Pour ce faire je vais utiliser la diopo suivante, dont le code est :
----
[[#element]]
!!Faire apparaitre des éléments sur une photo
Pour illustrer la première partie de cette fiche, consacrée à l’apparition d’éléments sur une photo, je vais utiliser l'exemple fictif,
d’une série de 3 expériences menées dans un massif montagneux. Le but de la diapositive est de localiser les différentes expériences dans
le massif montagneux.
Pour ce faire je vais utiliser la diopo suivante, dont le code est :
16/07/2012 22:41
par -
Lignes 1-16 ajoutées:
%left bgcolor=#dfd border='3px dotted green' define=rem%
%left bgcolor=#ff7a7a border='3px dotted red' define=alert%
%define=orange color=#ff7f00%
(:con:ConTeXt:)
(:lat:LaTeX:)
(:dots:. . .:)
!Beamer & TiKz
!!Ou comment animer vos illustrations
----
!Sommaire
----
%left bgcolor=#ff7a7a border='3px dotted red' define=alert%
%define=orange color=#ff7f00%
(:con:ConTeXt:)
(:lat:LaTeX:)
(:dots:. . .:)
!Beamer & TiKz
!!Ou comment animer vos illustrations
----
!Sommaire
----