<html><!-- #BeginTemplate "/Templates/indextech.dwt" --> <head> <!-- #BeginEditable "doctitle" -->  <title>Yazo.net - sommaire -</title>  <!-- #EndEditable -->  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- p {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px} h1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; text-transform: uppercase; color: #006666} a {  color: #006666; text-decoration: none; font-weight: bold} h2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #006666} h3 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #990000} li {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #006600} --> </style> </head>  <body bgcolor="#99CCCC" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" background="../interface/fondm.gif" onLoad="" link="#CC6600" vlink="#990033" alink="#990033"> <table width="760" border="0" cellspacing="0" cellpadding="0">   <tr>     <td width="20"><a name="haut"></a></td>     <td width="740"><img src="../interface/barre.gif" width="740" height="30" usemap="#Map" border="0"><map name="Map"><area shape="rect" coords="136,2,168,28" href="../sommaires/indexfla.html"><area shape="rect" coords="173,2,221,28" href="../sommaires/indexdir.html"><area shape="rect" coords="226,3,288,27" href="../sommaires/indextech.html"><area shape="rect" coords="325,3,424,26" href="../sommaires/indexgalerie.html"><area shape="rect" coords="431,2,462,28" href="../sommaires/indexliens.html"><area shape="rect" coords="493,3,532,27" href="../sommaires/indexyazo.html"><area shape="rect" coords="564,2,600,26" href="http://www.yazo.net/cgi-local/ubb/ultimatebb.cgi" target="Nouvelle"><area shape="rect" coords="607,2,651,28" href="../sommaires/indexemplois.html"><area shape="rect" coords="-2,1,99,27" href="../index.htm"></map>      </td>   </tr>   <tr>     <td width="20">&nbsp;</td>     <td width="740" align="center">        <p>&nbsp;</p>       <table width="699" border="0" cellspacing="0" cellpadding="0" height="83">         <tr>            <td width="10" height="17"><img src="../interface/titres/gauche.gif" width="10" height="17"></td>           <td width="680" height="17" bgcolor="#000000"><img src="../interface/titres/f_sommair.gif" width="78" height="17"></td>           <td width="9" height="17"><img src="../interface/titres/droite.gif" width="9" height="17"></td>         </tr>         <tr>            <td width="10" height="60"><img src="../interface/titres/fg_vert.gif" width="10" height="230"></td>           <td width="680" height="60" bgcolor="#FFFFCE" align="center" valign="middle">              <table width="660" border="0" cellspacing="0" cellpadding="0" align="center">               <tr>                  <td width="220" valign="top"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">                    </font>                    <p>* Actualit&eacute; :<br>                     <a href="AI9.html">- <font color="#CC0000"><font color="#990000">Illustrator                      9</font></font> : Copies d'&eacute;cran</a></p>                   <p>* QuickTime :<br>                     - <a href="QTPlugin.html">Les pistes texte (Plug-in                      QT requis)</a><br>                     <a href="maskmov.html">- Rendre un film transparent</a><br>                     <a href="mp3.html"> - Montage sous MoviePlayer</a></p>                   <p>* SoundEdit 16 : <a href="SE16.html">Le manuel</a></p>                   <p>* Illustrator :<br>                     <a href="ai_exo.html">- Effet de volume</a><br>                     <a href="penrose.html">- Le triangle de Penrose</a><br>                     <a href="chess.html">- Li&eacute; avec Dimensions                      et Premiere<br>                     - Dimensions : Les echecs </a></p>                   </td>                 <td width="220" valign="top">                    <p>* PHP :<br>                     <a href="php/index.php3">- Initiation</a><br>                     <a href="php/syntaxe.php3">- La syntaxe</a><br>                     <a href="php/variables.php3">- Les variables</a><br>                     <a href="php/if.php3">- If</a> - <a href="php/for.php3">For</a>                      - <a href="php/while.php3">While</a><br>                     <a href="php/include.php3">- Include (Personnaliser                      une page)</a><br>                     <a href="php/mp.php3">- Cr&eacute;er un mot                      de passe</a><br>                     <a href="php/mailform.php3">- Fonction Mail()</a><br>                     <a href="php/dateheure.php3">- Fonction Date<br>                     </a><a href="php/fichiers.php3">- Lire et &eacute;crire                      dans un fichier</a><br>                     <a href="php/php_graphic.html">- Fonctions graphiques</a><br>                     <a href="php/php_mysql.html">- Les bases de                      donn&eacute;es</a></p>                   <p>* Dreamweaver :<br>                     - <a href="dream.html">M&eacute;thodologie &agrave;                      la cr&eacute;ation d'un site</a></p>                 </td>                 <td width="220" valign="top">                    <p>* Javascript :<br>                     - <a href="js_1.html">Initiation</a><br>                     <a href="jspass.html">- Le mot de passe</a><br>                     <a href="js_var.html">- Communiquer entre fen&ecirc;tres</a>                      <br>                     <a href="javaS2.html">- D&eacute;tection du                      navigateur</a><br>                     <a href="morpions.html">- Le jeu du Morpion</a></p>                   <p>* Et aussi :<br>                     - <a href="tablo.html">Listes et tableaux en                      HTML<br>                     </a><a href="css.html">- Les CSS 1</a><a href="tablo.html">                      <br>                     </a><a href="metatag.html">- Les balises META</a><br>                     <a href="lisezmoi.html">- Un fichier lisez-moi                      professionnel</a><br>                     <a href="psexo.html">- Photoshop et les filtres</a><br>                     <a href="tcpip.html">- Creer un mini serveur                      web</a><br>                     <a href="fireworks.html">- Fireworks et le comportements</a></p>                   </td>               </tr>             </table>           </td>           <td width="9" height="60"><img src="../interface/titres/fd_vert.gif" width="8" height="230"></td>         </tr>         <tr>            <td height="12" width="10"><img src="../interface/titres/bas_g1.gif" width="10" height="12"></td>           <td height="12" width="680"><img src="../interface/titres/bas_m1.gif" width="680" height="12"></td>           <td height="12" width="9"><img src="../interface/titres/bas_d1.gif" width="9" height="12"></td>         </tr>       </table>       <br>       <table width="730" border="0" cellspacing="0" cellpadding="0">         <tr>            <td width="5">&nbsp;</td>           <td colspan="2" valign="top" align="left"><!-- #BeginEditable "Ici" -->              <h1>Le triangle de Penrose &nbsp;</h1>             <p>&nbsp;              <p>&nbsp;              <p>Un illusion d'optique &agrave; r&eacute;aliser sur Illustrator                8              <p><img src="images/archiv/trifin.gif" width=340 height=248 align=bottom>              <p>&nbsp;              <p>On obtient d'abord de cr&eacute;er un triangle de base qui nous                servira de rep&egrave;re en cr&eacute;ant cliquant avec l'outil                rectangle pour demander un rectangle de 110 x 70 mm. La fl&egrave;che                blanche activ&eacute;e, on des&eacute;lectionne puis l'on glisse                pour encadrer dans un s&eacute;lection partielle les deux points                sup&eacute;rieur. On aligne ces deux points par Objet/Trac&eacute;s/Aligner/axe                vertical. Afin de convertir ce triangle en rep&egrave;re non imprimable                et verrouill&eacute; par d&eacute;faut&nbsp;: Affichage/Cr&eacute;er                les rep&egrave;res.              <p><img src="images/archiv/reper.gif" width=342 height=228 align=bottom>              <p>La plume est activ&eacute;e afin de nous permettre de reprendre,                &agrave; trois reprises, deux cot&eacute;s du rep&egrave;re rectangulaire.                On choisit aucune couleur pour le fond, une &eacute;paisseur de                contour de 20 points. Apr&egrave;s avoir cr&eacute;er le premier                trac&eacute; ouvert on prendra soin de verrouiller celui-ci par                Objet/Verrouiller. Le nouveau mode de fonctionnement de la plume                nous contraindrait sinon &agrave; rajouter des points plut&ocirc;t                qu'a superposer un autre trac&eacute;&nbsp;!              <p><img src="images/archiv/tri1.gif" width=170 height=130 align=bottom>              <p>On change la couleur de contour et l'on proc&egrave;de a la cr&eacute;ation                du deuxi&egrave;me trac&eacute;. Le premier clic est plac&eacute;                sur l'angle sommital du premier trac&eacute;. La m&ecirc;me proc&eacute;dure                - verrouillage, changement de couleur, cr&eacute;ation d'un trac&eacute;                - est ex&eacute;cut&eacute;e encore une fois. Il convient alors                d'appeler la commande Objet/D&eacute;verrouiller.              <p><img src="images/archiv/tri1B.gif" width=198 height=141 align=bottom>              <p>Les trois trac&eacute;s ouverts sont ensuite s&eacute;lectionn&eacute;s                &agrave; l'aide de la fl&egrave;che noire. On va transformer ces                contours en trac&eacute;s ouverts &agrave; l'aide de la commande                Objet/Trac&eacute;s/Relief. Particuli&egrave;rement appr&eacute;ci&eacute;                des dessinateurs de plans, ce pseudo filtre nous sert ici &agrave;                pr&eacute;parer la d&eacute;coupe &agrave; venir de nos trac&eacute;s.                Mais d'abord on doit d&eacute;caler chaque trac&eacute; afin d'obtenir                le dessin ci apr&egrave;s.              <p><img src="images/archiv/tri3.gif" width=227 height=167 align=bottom>              <p>Il peut arriver que le placement bord &agrave; bord des trois trac&eacute;s                s'av&egrave;re impossible. Cela est du au fait que l'on a peu ou                mal suivi le rep&egrave;re lors de la cr&eacute;ation des trac&eacute;s                initiaux. Qu'importe des retouches de pr&egrave;s son ais&eacute;ment                r&eacute;alis&eacute;e &agrave; l'aide de la fl&egrave;che blanche                (outil de s&eacute;lection partielle). On voit sur l'image ci-dessous                que l'on r&eacute;alise un jointure parfaite en repla&ccedil;ant                un point d'ancrage. En positionnant les points ext&eacute;rieurs                aussi , on s'autorise &agrave; cr&eacute;er un effet de perspective                dont la rigueur n'a - vous en conviendrez - ici que peu d'importance.              <p><img src="images/archiv/tri2.gif" width=229 height=256 border=1 align=bottom>              <p>Notre travail ne sera fini qu'apr&egrave;s que nous aurons s&eacute;lectionn&eacute;                tous les trac&eacute;s et d&eacute;coup&eacute; leurs intersections                &agrave; l'aide du Pathfinder/Division. Rappel dans Le 8, le Pathfinder                et ses commandes sont log&eacute;s dans une palette accessible via                le menu Fen&ecirc;tre.              <p><img src="images/archiv/divisio.gif" width=206 height=141 align=bottom>              <p>Le r&eacute;sultat du Pathfinder/Division est associ&eacute;. C'est                donc avec la fl&egrave;che blanche plus (outil de s&eacute;lection                globale au sein d'un groupe) que l'on va pouvoir s&eacute;lectionn&eacute;                les portions de trac&eacute;s cr&eacute;es par la division et leur                appliquer une couleur de fond permettant de cr&eacute;er l'illusion                d'une surface continue.              <p>Et voil&agrave;... Oups j'oubliais la mise en sc&egrave;ne. Nous                avons plac&eacute; nos triangles sur un fond noir que nous avons                constell&eacute; d'&eacute;toiles. Pour r&eacute;aliser ces petits                &eacute;clats de lumi&egrave;re, nous sommes partis d'un cercle                blanc auquel nous avons appliqu&eacute; le filtre Fiiltres/Distorsion/Contraction-Dilatation.,                valeur de contraction : 100 %.              <h2></h2>             <h1>&nbsp; </h1>             <h1>&nbsp;</h1>             <p>              <!-- #EndEditable -->              <p>&nbsp;</p>             <p>&nbsp;</p>             <p><font face="Verdana, Arial, Helvetica, sans-serif" size="1"> </font></p>             <p align="right"><font face="Verdana, Arial, Helvetica, sans-serif" size="1"><a href="#haut">&lt;                Sommaire</a></font>&nbsp;&nbsp;&nbsp;</p>             <p align="right">&nbsp;</p>           </td>         </tr>       </table>            </td>   </tr> </table> </body> <!-- #EndTemplate --></html> 
