Derniers tutorials ajoutés (Tuto.com) https://fr.tuto.com/rss/last-entries Les derniers tutorials ajoutés sur Tuto.com fr-FR Copyright 2020 Luminar 4 - L'IA au service de la retouche photo https://fr.tuto.com/luminar/luminar-4-l-ia-au-service-de-la-retouche-photo-luminar,139171.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/139171.jpg"/><br>Aujourd&#39;hui, je vous invite &agrave; d&eacute;couvrir un outil de <strong>retouche photo</strong> qui change un peu de ses concurrents tels que Photoshop ou Affinity Photo.<br /> <strong>Luminar 4.2</strong> a fait le choix de mettre en avant de nombreux outils utilisant un syst&egrave;me d&#39;<strong>intelligence artificielle (IA)</strong> permettant une <strong>retouche automatique</strong> voire m&ecirc;me de la photocomposition d&#39;un simple clique.&nbsp;<br /> <br /> Le logiciel <strong>Luminar</strong> contient &eacute;galement d&eacute;sormais une partie <strong>catalogue</strong> (pour classer vos photos) &agrave; l&#39;instar de Bridge chez Adobe.<br /> &nbsp; <h2><strong>Tuto Luminar 4</strong> - L&#39;<strong>IA au service de la retouche photo</strong></h2> Dans cette <strong>formation en vid&eacute;o</strong>, je vous invite &agrave; d&eacute;couvrir les nombreux outils de <strong>Luminar</strong> au travers de petits <strong>exercices pratiques</strong>.<br /> <br /> L&#39;avantage d&#39;une formation en ligne, c&#39;est que vous avez aussi votre part &agrave; jouer. Vous pouvez apporter votre pierre &agrave; l&#39;&eacute;difice ! Vous pouvez donc &agrave; tous moment, soumettre vos questions en <strong>Entraide</strong>, demander des exercice additionnels ou m&ecirc;me pr&eacute;senter vos travaux et retouche, de fa&ccedil;on a rendre vivante la formation.<br /> <br /> Bonne formation ! https://fr.tuto.com/luminar/luminar-4-l-ia-au-service-de-la-retouche-photo-luminar,139171.html Fri, 03 Apr 2020 11:32:17 +0200 10 Trucs de Pro en CSS https://fr.tuto.com/css/10-trucs-de-pro-en-css-css,138671.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/138671.jpg"/><br>Dans ce <strong>tuto en vid&eacute;o</strong>, je souhaite partager avec vous <strong>10 trucs et astuces autour du langage CSS</strong>, afin d&#39;am&eacute;liorer la qualit&eacute; ainsi que la rapidit&eacute; de vos d&eacute;veloppements. Le but : simplifier son HTML gr&acirc;ce au CSS ! <h2>Voici les 10 trucs et astuces CSS que je vous propose dans ce tutoriel en vid&eacute;o :</h2> <ul> <li><strong>Faire dispara&icirc;tre la derni&egrave;re bordure droite d&#39;une nav</strong><br /> Souvent dans une navigation, on s&eacute;pare les liens par des traits verticaux positionn&eacute;s sur la droite de chaque lien. Voici une astuce pour que le dernier lien n&#39;ait pas de trait vertical &agrave; sa droite.</li> <li><strong>Indenter un paragraphe</strong><br /> Gr&acirc;ce au CSS, indentez tr&egrave;s facilement un ou plusieurs paragraphes.</li> <li><strong>Passer une image en couleur en noir et blanc</strong><br /> Avec le langage CSS, il est tr&egrave;s facile de convertir une image couleur en noir et blanc.</li> <li><strong>Bo&icirc;te toujours visible</strong><br /> Une bo&icirc;te DIV de publicit&eacute;, une navigation... Voici comment rendre toujours visible &agrave; l&#39;&eacute;cran une bo&icirc;te div tr&egrave;s facilement.</li> <li><strong>S&eacute;lectionner les premiers paragraphes</strong><br /> Vous avez plusieurs paragraphes &agrave; suivre sur votre page web et vous souhaitez donner un style CSS seulement aux premiers ? Voici comment le faire gr&acirc;ce au CSS.</li> <li><strong>Propri&eacute;t&eacute; CSS sauf sur le 1er &eacute;l&eacute;ment</strong><br /> Vous souhaitez donner un style CSS &agrave; vos diff&eacute;rents &eacute;l&eacute;ments HTML sauf au premier &eacute;l&eacute;ment ? Voici comment le faire gr&acirc;ce au CSS.</li> <li><strong>Changer la couleur des puces d&#39;une liste non ordonn&eacute;e</strong><br /> Voila une petite astuce sympa ! Comment modifier la couleur des puces d&#39;une liste non-ordonn&eacute;e.</li> <li><strong>Manipuler le placeholder d&#39;un champ de formulaire</strong><br /> Voici comment nous pouvons modifier la couleur ou bien la police d&#39;un placeholder qui se trouve au sein d&#39;un champ de formulaire.</li> <li><strong>Formulaire align&eacute; ou empil&eacute;</strong><br /> Lorsque l&#39;on d&eacute;veloppe un site web responsive, il peut parfois &ecirc;tre n&eacute;cessaire de modifier le comportement des diff&eacute;rents &eacute;l&eacute;ments d&#39;un formulaire HTML. Soit on les veut l&#39;un &agrave; c&ocirc;t&eacute; de l&#39;autre, soit on les veut l&#39;un en dessous de l&#39;autre, mais sans jamais modifier le code HTML.</li> <li><strong>Retirer le liser&eacute;&nbsp;bleu d&#39;un champ de formulaire</strong><br /> Certains navigateurs tel que Chrome ajoute un liser&eacute; bleu autour d&#39;un champ de formulaire lorsque celui-ci prend le focus.<br /> Voici comment faire dispara&icirc;tre ce liser&eacute; disgracieux.<br /> &nbsp;</li> </ul> Ces <strong>10 astuces CSS</strong> vous permettront d&#39;<strong>am&eacute;liorer votre niveau en CSS et vos comp&eacute;tences</strong>.<br /> Un <strong>QCM</strong> de fin vous permettra de valider vos nouvelles connaissances.<br /> Je reste disponible dans le <strong>salon d&#39;entraide </strong>pour r&eacute;pondre &agrave; vos &eacute;ventuelles questions sur ces astuces !<br /> <br /> Bon tuto. https://fr.tuto.com/css/10-trucs-de-pro-en-css-css,138671.html Thu, 02 Apr 2020 12:51:23 +0200 Formation Twinmotion 2020 de A à Z https://fr.tuto.com/twinmotion/formation-twinmotion-2020-de-a-a-z-twinmotion,139331.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/139331.jpg"/><br><h2>Apprenez Twinmotion et r&eacute;alisez des rendus architecturaux 3D temps r&eacute;el</h2> Vous vous &ecirc;tes toujours demand&eacute; comment passer d&#39;un rendu simpliste <strong>SketchUp </strong>&agrave; une image ou une vid&eacute;o &eacute;poustouflante de <strong>r&eacute;alisme </strong>? Vous &ecirc;tes au bon endroit !<br /> <br /> Il existe une multitude de logiciels qui vous permettent d&#39;obtenir divers rendus. <a href="https://www.unrealengine.com/en-US/twinmotion" title="Twinmotion"><strong>Twimotion </strong></a>se distingue par sa simplicit&eacute; d&#39;utilisation et n&#39;est pas tr&egrave;s gourmand en capacit&eacute; pour votre PC. <h3><br /> Au programme de ce tuto Twinmotion</h3> Dans cette <strong>formation 100% en ligne</strong>, je vous propose d&#39;<strong>apprendre &agrave; exploiter toutes les fonctionnalit&eacute;s de Twinmotion</strong>, <ul> <li>l&#39;int&eacute;gration d&#39;objets,</li> <li>l&#39;int&eacute;gration de personnages,</li> <li>les animations,</li> <li>comment ajuster l&#39;&eacute;clairage,</li> <li>bien choisir un environnement,</li> <li>et bien plus encore...</li> </ul> <br /> Au terme de la <strong>formation en vid&eacute;o</strong>, vous serez en mesure de cr&eacute;er des rendus au format <strong>image </strong>et <strong>vid&eacute;o</strong>, des <strong>panoramiques</strong>, qui feront honneur &agrave; vos <strong>projets architecturaux</strong>, en leur apportant une dimension <strong>photo-r&eacute;aliste</strong>.<br /> <br /> Ce cours est divis&eacute; en deux parties. <ul> <li>Une<strong> partie th&eacute;orique</strong><strong>&nbsp;</strong>o&ugrave; je vous pr&eacute;senterai les diff&eacute;rentes fonctionnalit&eacute;s de <strong>Twinmotion 2020</strong>.</li> <li>Dans la <strong>partie pratique</strong>, nous am&eacute;nagerons l&#39;<strong>int&eacute;rieur </strong>d&#39;une maison &agrave; partir d&#39;un fichier <strong>SketchUp </strong>(fourni) pour arriver &agrave; un r&eacute;sultat digne d&#39;une pr&eacute;sentation client.</li> </ul> Je vous fournirai un<strong> plan d&eacute;taill&eacute; du programme</strong>, des fichiers vous permettant de vous <strong>exercer </strong>&agrave; mesure que vous suivez les diff&eacute;rents chapitres de la formation et autres<strong> liens utiles</strong> pour aller plus loin.<br /> <br /> Je reste &agrave; votre disposition pendant la dur&eacute;e de votre formation pour toutes questions.<br /> Bonne d&eacute;couverte de <strong>Twinmotion</strong> et bon <strong>rendus 3D temps r&eacute;el</strong> !<br /> &nbsp; https://fr.tuto.com/twinmotion/formation-twinmotion-2020-de-a-a-z-twinmotion,139331.html Wed, 01 Apr 2020 18:10:52 +0200 Atelier créatif - Planète et effets génératifs https://fr.tuto.com/after-effects/atelier-creatif-planete-et-effets-generatifs-after-effects,139421.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/139421.jpg"/><br>Dans ce <strong>tutoriel vid&eacute;o</strong>&nbsp;sur les <strong>effets g&eacute;n&eacute;ratifs</strong> avec <strong><a href="https://fr.tuto.com/after-effects/">After Effects</a></strong>, nous allons voir comment <strong>cr&eacute;er des textures anim&eacute;es</strong> en partant de formes tr&egrave;s simples comme des calques de forme.&nbsp; Voici un exemple :<br /> <br /> <iframe allowfullscreen="" frameborder="0" height="640" src="https://player.vimeo.com/video/403117234?autoplay=1&amp;muted=1" width="640"></iframe><br /> <br /> Selon le type de <strong>colorim&eacute;trie </strong>que nous choisirons, nous pourrons simuler la surface du soleil, cr&eacute;er des <strong>cartes thermiques</strong> d&#39;une <strong>plan&egrave;te </strong>en vue a&eacute;rienne.<br /> <br /> Nous aborderons de mani&egrave;re br&egrave;ve le panneau d&#39;<strong>expression</strong> dans lequel il sera possible de contr&ocirc;ler plusieurs effets en m&ecirc;me temps.<br /> Cet exercice est adapt&eacute; &agrave; un public de niveau interm&eacute;diaire, il sera conseill&eacute; de conna&icirc;tre assez bien l&#39;interface du logiciel et ses raccourcis clavier. <h2>Les points abord&eacute;s dans &quot;Atelier cr&eacute;atif - Plan&egrave;te et<strong> effets g&eacute;n&eacute;ratifs</strong>&quot; :</h2> <ul> <li>Cr&eacute;ation et animation de calques de formes.</li> <li>Utilisation d&#39;une expression permettant de contr&ocirc;ler plusieurs effets.</li> <li>Exp&eacute;rimentation sur les effets de distorsions.</li> <li>Utilisation d&#39;un effet simulant des formes sph&eacute;riques.</li> </ul> N&#39;h&eacute;sitez pas &agrave; soumettre vos questions, en cas de soucis je reste &agrave; l&#39;&eacute;coute.<br /> Bonne cr&eacute;ation ! https://fr.tuto.com/after-effects/atelier-creatif-planete-et-effets-generatifs-after-effects,139421.html Thu, 02 Apr 2020 10:15:04 +0200 Détournement et animation GIF picto signalisation https://fr.tuto.com/illustrator/detournement-et-animation-gif-picto-signalisation-illustrator,139231.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/139231.jpg"/><br>Dans ce<strong> tuto en vid&eacute;o</strong> nous allons <strong>apprendre &agrave; cr&eacute;er un GIF anim&eacute;</strong>.<br /> Pour rendre la chose ludique, nous allons d&eacute;tourner des pictos de signalisation.<br /> <br /> Gr&acirc;ce &agrave; ce <strong>cours en vid&eacute;o</strong>, vous apprendrez &agrave; :&nbsp; <ul> <li>cr&eacute;er des plans de travail dans Illustrator,</li> <li>pr&eacute;parer vos s&eacute;quences d&#39;animation,</li> <li>exporter des plans de travail,</li> <li>importer des images sous forme&nbsp;de calques dans Photoshop,</li> <li>utiliser la<strong> fen&ecirc;tre montage</strong> de Photoshop pour cr&eacute;er votre Gif,</li> <li>utiliser les param&egrave;tres d&#39;exportation de <strong>GIF anim&eacute;</strong> dans Photoshop.</li> </ul> Un QCM de fin vous permettra de valider vos comp&eacute;tences.<br /> Ce tuto est destin&eacute; &agrave; un public d&eacute;butant. <strong>Toutes les &eacute;tapes sont expliqu&eacute;es</strong>.<br /> Je reste disponible dans le <strong>salon d&#39;entraide</strong> pour r&eacute;pondre &agrave; vos &eacute;ventuelles questions sur le tuto.<br /> <br /> Bonne cr&eacute;ation de <strong>GIF</strong> !&nbsp;<br /> &nbsp; https://fr.tuto.com/illustrator/detournement-et-animation-gif-picto-signalisation-illustrator,139231.html Thu, 02 Apr 2020 11:03:05 +0200 Les Bases de la Compression dans Ableton Live https://fr.tuto.com/live/les-bases-de-la-compression-dans-ableton-live-live,130021.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/130021.jpg"/><br><h2>Comprendre la <strong>Compression</strong> simplement !</h2> Avec cette<strong> formation en ligne </strong>traitant de la <strong>compression</strong>&nbsp;dans<strong> Ableton Live</strong> (niveau d&eacute;butant) j&#39;entame une s&eacute;rie de formations sur le mixage, qui vous permettront, &agrave; terme,&nbsp;de comprendre tous les outils qui constituent l&#39;arsenal d&#39;un technicien du son, et ce<strong> le plus&nbsp;simplement&nbsp;possible</strong> !<br /> <br /> J&#39;ai pour ambition de rendre&nbsp;<strong>accessible</strong>&nbsp;au plus grand nombre la compr&eacute;hension des outils qui vous aideront &agrave;&nbsp;<strong>am&eacute;liorer la qualit&eacute; de vos mixs</strong>. Cette d&eacute;marche passera par une succession de courtes formations, destin&eacute;es &agrave; vous accompagner pas &agrave; pas dans ce vaste programme !<br /> <br /> Cependant, je ne suis pas l&agrave; pour&nbsp;vous vendre du r&ecirc;ve avec de belles paroles, en vous assurant qu&#39;apr&egrave;s cette courte formation,&nbsp;vous ma&icirc;triserez de A &agrave; Z, un outil que la plupart d&#39;entre nous mettent des mois, voir des ann&eacute;es &agrave; maitriser !<br /> Mon but au travers de ces vid&eacute;os est de vous aider &agrave;<strong> faire vos premiers pas</strong> et de<strong> vous aider &agrave;</strong> <strong>bien comprendre</strong>&nbsp;<strong>l&#39;outil compression</strong> !<br /> <br /> A la fin de ce cours, un petit QCM vous permettra de valider vos nouvelles connaissances sur la compression.&nbsp;<br /> Je reste disponible dans le salon d&#39;entraide pour r&eacute;pondre &agrave; vos &eacute;ventuelles questions.<br /> <br /> Si vous avez besoin de comprendre comment utiliser, le logiciel dans son ensemble, je propose &eacute;galement une <a href="https://fr.tuto.com/live/creer-de-la-musique-les-bases-d-ableton-live-live,130031.html" title="Ableton Live">formation Ableton Live comp&egrave;te</a>.&nbsp;<br /> <br /> &nbsp; https://fr.tuto.com/live/les-bases-de-la-compression-dans-ableton-live-live,130021.html Wed, 01 Apr 2020 09:48:02 +0200 Connaître les différentes méthodes pour calculer les sous-totaux https://fr.tuto.com/excel/connaitre-les-differentes-methodes-pour-calculer-les-sous-totaux-excel,137011.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/137011.jpg"/><br>Ce <strong>tuto Excel en vid&eacute;o</strong> d&eacute;veloppe les <strong>diff&eacute;rentes m&eacute;thodes pour g&eacute;n&eacute;rer des sous-totaux </strong>: <ul> <li>la fonction SOUS.TOTAL</li> <li>les fonctions SOMME.SI.ENS, MOYENNE.SI.ENS...</li> <li>ou encore en utilisant l&#39;outil sous-total.</li> </ul> A la fin de ce cours, vous aurez acquis toutes les connaissances n&eacute;cessaires pour <strong>calculer vos sous-totaux</strong>.<br /> Un <strong>QCM</strong> vous permettra m&ecirc;me de valider vos nouvelles connaissances.<br /> Je reste disponible dans le <strong>salon d&#39;entraide</strong> du cours, pour r&eacute;pondre &agrave; vos &eacute;ventuelles questions.<br /> <br /> Veuillez noter que ce <strong>tutoriel</strong> est un module complet faisant partie de la formation &quot;<a href="https://fr.tuto.com/excel/excel-les-outils-indispensables-pour-exploiter-les-listes-de-donnees-excel,130481.html" title="tuto excel données">Les outils indispensables pour exploiter les listes de donn&eacute;es</a>&quot;. https://fr.tuto.com/excel/connaitre-les-differentes-methodes-pour-calculer-les-sous-totaux-excel,137011.html Mon, 30 Mar 2020 22:54:39 +0200 Installer et manipuler un serveur local pour développer en PHP et MySQL https://fr.tuto.com/php/installer-et-manipuler-un-serveur-local-pour-developper-en-php-et-mysql-php,138791.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/138791.jpg"/><br>Dans cette <strong>formation en ligne</strong>, nous allons <strong>apprendre &agrave; manipuler un serveur local</strong>. Lorsque vous vous lancez dans le d&eacute;veloppement d&#39;un site Internet qui n&eacute;cessite une <strong>base de donn&eacute;es</strong>, il est pratique de pouvoir <strong>construire et tester ce site, en local</strong>. C&#39;est &agrave; dire<strong> sur votre ordinateur</strong>. Cela vous &eacute;vite, dans un premier temps, l&#39;achat d&#39;un h&eacute;bergement, d&#39;un nom de domaine, pour <strong>tester votre site</strong>.&nbsp;<br /> <br /> Cette <strong>formation</strong>, va donc vous expliquer ce qu&#39;est un <strong>serveur local</strong>, comment l&#39;installer et comment l&#39;utiliser et<strong> tout le jargon</strong> qui va autour. <h2><br /> Au programme de ce tuto&nbsp;Installer et manipuler un serveur local pour d&eacute;velopper en PHP et MySQL</h2> Voici les notions que nous allons couvrir dans ce <strong>tuto en vid&eacute;o</strong> :&nbsp; <ul> <li>Qu&#39;est-ce qu&#39;un <strong>serveur local</strong> ?&nbsp;</li> <li><strong>Comment installer un serveur</strong> sur son ordinateur</li> <li>Comment utiliser <strong>EasyPHP</strong></li> <li>Comment utiliser <strong>Wamp</strong> (pour Windows), <strong>Mamp</strong> (pour Mac), <strong>Lamp</strong> (pour Linux)</li> <li>Comment utiliser <strong>MySQL en local</strong></li> </ul> Une fois que la gestion d&#39;un serveur en local sera ma&icirc;tris&eacute;e, nous verrons rapidement <strong>comment se connecter &agrave; un serveur disant</strong> ! <ul> <li>Conna&icirc;tre le protocole <strong>FTP</strong></li> <li><strong>Configurer les acc&egrave;s FTP</strong> pour se connecter &agrave; un serveur distant</li> <li><strong>Envoyer des fichiers sur un serveur distant.</strong></li> </ul> <br /> Les<strong> logiciels utilis&eacute;s dans ce tuto sont tous gratuits</strong>.&nbsp;<br /> A la fin de ce cours, vous y verrez plus clair en mati&egrave;re de <strong>serveur local et serveur distant</strong>. Et vous serez &agrave; m&ecirc;me de <strong>d&eacute;velopper en PHP et MySQL</strong> dans un univers parfaitement ma&icirc;tris&eacute;.&nbsp;<br /> <br /> Ce <strong>cours</strong> est destin&eacute; aux <strong>d&eacute;veloppeurs d&eacute;butants </strong>en <strong>PHP</strong>. Il peut &ecirc;tre suivi, peu importe votre IDE, client FTP ou environnement. Les notions enseign&eacute;es dans ce cours en ligne &eacute;tant transversales.<br /> <br /> Un <strong>QCM</strong> de fin vous permettra de valider vos connaissances.<br /> Je reste disponible dans le <strong>salon d&#39;entraide </strong>pour r&eacute;pondre &agrave; vos &eacute;ventuelles questions.<br /> Si vous souhaitez apprendre &agrave; programmer en PHP, je vous propose ma <a href="https://fr.tuto.com/php/bundle-j-apprends-a-programmer-en-php-php,116841.html" title="formation PHP">formation compl&egrave;te de A &agrave; Z</a> !<br /> <br /> Bon tuto et bonne mise en ligne ! https://fr.tuto.com/php/installer-et-manipuler-un-serveur-local-pour-developper-en-php-et-mysql-php,138791.html Mon, 30 Mar 2020 19:27:27 +0200 Excel : Comment calculer le coût et le taux horaire ? https://fr.tuto.com/excel/excel-comment-calculer-le-cout-et-le-taux-horaire-excel,111641.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/111641.jpg"/><br>Dans ce <strong>tuto</strong> sur <strong>Excel</strong>, vous allez d&eacute;couvrir une <strong>formule</strong> pour <strong>calculer le co&ucirc;t horaire et le taux horaire d&#39;une prestation</strong>.<br /> Une formule utile par exemple si vous &ecirc;tes ind&eacute;pendant ou en profession lib&eacute;rale et que vous <strong>facturez avec des taux horaires</strong>. Vous allez pourvoir <strong>mesurer le co&ucirc;t horaire d&#39;une prestation r&eacute;alis&eacute;e</strong>.&nbsp;<br /> <br /> Avec ce tutoriel, le fichier source Excel est fourni.&nbsp;<br /> Je reste disponible dans le salon d&#39;entraide pour r&eacute;pondre &agrave; vos &eacute;ventuelles questions.&nbsp;<br /> <br /> Bon tuto ! https://fr.tuto.com/excel/excel-comment-calculer-le-cout-et-le-taux-horaire-excel,111641.html Mon, 30 Mar 2020 18:12:03 +0200 Créer de la musique - Les Bases d'Ableton Live https://fr.tuto.com/live/creer-de-la-musique-les-bases-d-ableton-live-live,130031.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/130031.jpg"/><br><h2>Se lancer dans Ableton Live avec des Bases Solides !</h2> Avec cette <strong>formation en ligne</strong>&nbsp;visant &agrave; enseigner les <strong>Bases du logiciel Ableton Live</strong>, j&#39;ai voulu proposer un <strong>cours</strong> <strong>qui va droit au but </strong>et qui ne s&#39;attarde pas sur le superflu.<br /> L&#39;objectif de ce <strong>tuto</strong> est que vous puissiez<strong> faire de la musique le plus&nbsp;VITE&nbsp;possible</strong>, tout en &eacute;voluant dans le logiciel <strong>le plus&nbsp;simplement possible</strong> !<br /> <br /> J&#39;ai pour ambition de rendre&nbsp;accessible&nbsp;au plus grand nombre (aussi bien en terme de budget, que p&eacute;dagogiquement parlant) la compr&eacute;hension des outils qui vous aideront &agrave; donner vie &agrave; vos id&eacute;es musicales. Cette d&eacute;marche a donc pris la forme de cette <strong>formation regroupant 40 vid&eacute;os et un E-Book de 90 pages</strong>, destin&eacute;e &agrave;<strong> vous accompagner, pas &agrave; pas,&nbsp;</strong>dans ce vaste programme !<br /> <br /> Cependant, et je vous le r&eacute;p&egrave;terai pour chaque formation que je proposerai, je ne suis pas l&agrave; pour&nbsp;vous vendre du r&ecirc;ve avec de belles paroles. En vous assurant qu&#39;apr&egrave;s cette formation,&nbsp;vous atteindrez un niveau professionnel, sur un outil que la plupart d&#39;entre nous mettent des mois, voir des ann&eacute;es &agrave; ma&icirc;triser ! Non. Mon but au travers de ces vid&eacute;os est de<strong> vous aider &agrave; faire vos premiers pas</strong> et de vous aider &agrave; bien comprendre comment appr&eacute;hender le logiciel, pour faciliter le processus de vos premi&egrave;res cr&eacute;ations !<br /> <br /> Cette <strong>formation</strong> est dispens&eacute;e en utilisant une version d&#39;Ableton Live 9 Suite. Sachez cependant, que les concepts que nous verrons ensemble, se transposent sans soucis &agrave; la version 10 du logiciel.<br /> <br /> Je reste disponible dans le salon d&#39;entraide pour r&eacute;pondre &agrave; vos &eacute;ventuelles questions.<br /> Bonne d&eacute;couverte d&#39;<a href="https://www.ableton.com/" title="Ableton Live">Ableton Live</a> ! https://fr.tuto.com/live/creer-de-la-musique-les-bases-d-ableton-live-live,130031.html Mon, 30 Mar 2020 19:02:43 +0200 Atelier créatif - Boucle d'animation vintage https://fr.tuto.com/after-effects/atelier-creatif-boucle-d-animation-vintage-after-effects,139071.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/139071.jpg"/><br>Dans cet <strong>atelier cr&eacute;atif</strong> pour <strong><a href="https://fr.tuto.com/after-effects/">After Effects</a></strong>, nous allons voir comment cr&eacute;er un <strong>GIF ou une boucle d&#39;animation</strong> abstraite.<br /> Voici un exemple :<br /> <br /> <iframe allowfullscreen="" frameborder="0" height="640" src="https://player.vimeo.com/video/401498141?autoplay=1&amp;muted=1" width="640"></iframe><br /> <br /> Cette animation sera compos&eacute;e uniquement de <strong>calques de formes</strong> sur lesquels nous appliquerons un nombre pr&eacute;cis d&#39;effets.<br /> &Agrave; l&#39;issue de l&#39;apprentissage de cette technique, vous constaterez qu&#39;il est assez simple de g&eacute;n&eacute;rer ce type d&#39;animation complexe.<br /> Cet exercice est adapt&eacute; &agrave; un public de <strong>niveau interm&eacute;diaire</strong>, le principal sera de conna&icirc;tre l&#39;interface du logiciel et ses raccourcis clavier. <h2>Les points abord&eacute;s dans &quot;Atelier cr&eacute;atif - Boucle d&#39;animation vintage&quot; :</h2> <ul> <li>Cr&eacute;ation de calques de formes.</li> <li>Effets de miroir.</li> <li>Cr&eacute;ation de boucles d&#39;animation gr&acirc;ce &agrave; une expression.</li> <li>Exp&eacute;rimentation et distorsion sur l&#39;animation</li> </ul> N&#39;h&eacute;sitez pas &agrave; soumettre vos questions, en cas de soucis je reste &agrave; l&#39;&eacute;coute.<br /> Bonne cr&eacute;ation ! https://fr.tuto.com/after-effects/atelier-creatif-boucle-d-animation-vintage-after-effects,139071.html Sun, 29 Mar 2020 17:04:35 +0200 Node & Express - Développez une API REST https://fr.tuto.com/node-js/node-express-developpez-une-api-rest-node-js,139101.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/139101.jpg"/><br>D&eacute;couvrez <strong>comment cr&eacute;er une API REST</strong> en utilisant <strong>Node.js</strong> et le framework<strong> Express.js</strong><br /> Une <strong>API</strong> (<em>Application Programming Interface</em> ou <em>interface de programmation applicative </em>en fran&ccedil;ais) est un ensemble de services offerts par un logiciel &agrave; d&#39;autres logiciels et qui&nbsp;permet de manipuler facilement et rapidement des <strong>bases de donn&eacute;es</strong>. <h3>Pourquoi le framework express ?</h3> <ul> <li><strong>Node.js </strong>est un langage bas niveau avec une courbe d&#39;apprentissage assez longue pour les d&eacute;butants.<strong> </strong></li> <li><strong>Express.js</strong> est un framework bas&eacute; sur Node.js, qui facilite le d&eacute;marrage de cr&eacute;ation de serveur et de <em>routing</em> pour communiquer avec la base de donn&eacute;e. Express.js sera id&eacute;al pour le d&eacute;veloppement de cette <strong>API REST</strong>.</li> </ul> <h2>Ce que vous allez apprendre dans ce tuto cr&eacute;er une API REST</h2> <br /> Nous allons cr&eacute;er un<strong> exemple concret </strong>: celui d&#39;un mini-blog. Cela serait l&#39;occasion, c&ocirc;t&eacute; client, d&#39;apprendre <ul> <li>&agrave; interroger le serveur via l&#39;interface de programmation applicative (API) pour afficher des posts&nbsp;de blog par cat&eacute;gorie et individuellement.</li> <li>On abordera aussi des notions de&nbsp;<strong>React&nbsp;</strong>avec <strong>React Router, Redux</strong>, pour la gestion d&#39;&eacute;tat de l&#39;application,<strong>&nbsp;Redux-thunk,</strong>&nbsp;pour les requ&ecirc;tes HTTP asynchronis&eacute;es et&nbsp;<strong>Bootstrap 4,</strong><em>&nbsp;</em>pour d&eacute;velopper une interface front rapidement et facilement.</li> </ul> <br /> De mani&egrave;re globale, ce cours sera utile pour apprendre &agrave; : <ul> <li>Cr&eacute;er une base de donn&eacute;es avec MongoDB,</li> <li>Apprendre &agrave; ins&eacute;rer de nouveaux documents dans la base de donn&eacute;es (MongoDB),</li> <li>Interroger un serveur web avec JavaScript avec la cr&eacute;ation d&#39;une interface (service) pour faire les appels r&eacute;seau (HTTP),</li> <li>int&eacute;gration de Redux pour la gestion globale d&#39;&eacute;tat de l&#39;application,</li> <li>Usage des React Hooks avec les fonctions composant,</li> <li>Faire des op&eacute;rations HTTP pour synchroniser les donn&eacute;es avec le front.</li> </ul> A la fin de ce cours en ligne, vous serez plus &agrave; l&#39;aise dans le d&eacute;veloppement d&#39;applications en Javascript, autant du c&ocirc;t&eacute; serveur que c&ocirc;t&eacute; client.<br /> Je reste disponible dans le salon d&#39;entraide pour r&eacute;pondre &agrave; vos &eacute;ventuelles questions sur la cr&eacute;ation d&#39;une API REST. <h3><br /> Quels sont les pr&eacute;-requis pour suivre ce tuto?</h3> <ul> <li>Des notions de programmation en JavaScript et ES6 (ECMAScript 2015),</li> <li>Les bases de l&#39;int&eacute;gration web avec HTML5 et CSS3,</li> <li>Avoir d&eacute;j&agrave; utilis&eacute; Bootstrap 3 ou 4 au moins une fois,</li> <li>et, un int&eacute;r&ecirc;t certain pour les technologies Javascript.</li> </ul> https://fr.tuto.com/node-js/node-express-developpez-une-api-rest-node-js,139101.html Mon, 30 Mar 2020 11:45:13 +0200 Atelier créatif - Emoji et Dégradés https://fr.tuto.com/after-effects/atelier-creatif-emoji-et-degrades-after-effects,138841.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/138841.jpg"/><br>Voici un exercice sur <a href="https://fr.tuto.com/after-effects/" title="tuto After Effects"><strong>After Effects</strong></a> qui va vous <strong>donnez le sourire</strong>&nbsp;!<br /> Dans cet <strong>atelier cr&eacute;atif</strong>, je vous montre une m&eacute;thode simple pour <strong>cr&eacute;er des animations de d&eacute;grad&eacute;s</strong> et des <strong>ombres progressives</strong>.<br /> <br /> Voici le r&eacute;sultat en animation de ce que vous pourriez obtenir :&nbsp;<br /> <br /> <iframe allowfullscreen="" frameborder="0" height="640" src="https://player.vimeo.com/video/400710488?autoplay=1&amp;muted=1" width="640"></iframe><br /> <br /> Nous explorerons quelques notions essentielles comme la <strong>cr&eacute;ation de masques</strong> et leurs applications cr&eacute;atives sur une illustration (emoji).<br /> Je vous <strong>fournis les ressources utiles</strong> pour suivre le <strong>tutoriel.</strong>&nbsp;Ce sont des &eacute;l&eacute;ments graphiques pour &ecirc;tre plus productif.<br /> Ce tutoriel conviendra aux utilisateurs de <strong>niveau interm&eacute;diaire</strong>. <h2>Les points abord&eacute;s dans &quot;Atelier Cr&eacute;atif - Emoji &amp; d&eacute;grad&eacute;s&quot;</h2> <ul> <li>Cr&eacute;ation de d&eacute;grad&eacute;s d&#39;une mani&egrave;re diff&eacute;rente.</li> <li>Cr&eacute;ation d&#39;ombres progressives gr&acirc;ce aux masques.</li> <li>Astuce pour masquer un objet.</li> <li>Distorsion avec l&#39;effet &quot;Turbulent displace&quot;.</li> <li>Cr&eacute;ation d&#39;ondulations avec les calques de formes.</li> <li>Cr&eacute;ation d&#39;un effet &quot;<strong>stopmotion</strong>&quot;.</li> <li>Application d&#39;un grain sur l&#39;ensemble de l&#39;animation pour apporter de la texture.</li> </ul> Bon tuto !<br /> Je reste disponible dans le <strong>salon d&#39;entraide</strong> pour r&eacute;pondre &agrave; vos &eacute;ventuelles questions.&nbsp; https://fr.tuto.com/after-effects/atelier-creatif-emoji-et-degrades-after-effects,138841.html Mon, 30 Mar 2020 12:10:19 +0200 Apprenez à utiliser Flexbox + Projet avec Bootstrap https://fr.tuto.com/css/apprenez-a-utiliser-flexbox-projet-avec-bootstrap-css,139181.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/139181.jpg"/><br><strong>Flexbox CSS3</strong> est un mod&egrave;le de bo&icirc;tes flexibles qui succ&egrave;de aux solutions de display <em>&quot;inline&quot;</em> et <em>&quot;float</em>&quot; pour g&eacute;rer la disposition des &eacute;l&eacute;ments et structures des pages web.<br /> Voici, un <strong>cours complet en ligne</strong> pour apprendre<strong> les concepts de base de Flexbox</strong><br /> &nbsp; <h2>Dans ce tuto Flexbox vous allez apprendre&nbsp;</h2> <ul> <li>les options de direction et d&#39;orientation (<em>row</em> et <em>column</em>)</li> <li>les options pour aligner des &eacute;l&eacute;ments dans un conteneur flexible et <strong>gestion des espaces disponibles</strong> (fluidit&eacute;),</li> <li><strong>Alignements</strong> et centrages horizontaux et verticaux, justifi&eacute;s, r&eacute;partis ...</li> <li>le contr&ocirc;le de l&#39;ordre avec la <strong>r&eacute;organisation</strong> des &eacute;l&eacute;ments ind&eacute;pendamment de l&rsquo;ordre du flux (DOM),</li> <li>et, <strong>Distribution</strong> des &eacute;l&eacute;ments horizontale ou verticale, avec passage &agrave; la ligne autoris&eacute;,</li> </ul> Plusieurs <strong>d&eacute;mos</strong> sur: <ul> <li>le conteneur flexible</li> <li>les propri&eacute;t&eacute;s flex</li> <li>la disposition des &eacute;l&eacute;ments flex en colonne et rang&eacute;e</li> <li>les options d&#39;alignement des &eacute;l&eacute;ments flex</li> <li>le contr&ocirc;le de l&#39;ordre des &eacute;l&eacute;ments flex</li> </ul> Des <strong>TP</strong> pour une mise en pratique rapide : <ul> <li>des exemples et projets de mise en page, de simple &agrave; plus complexe, avec les propri&eacute;t&eacute;s Flex</li> <li>menu responsive flex, galerie d&#39;images ...</li> </ul> Enfin, nous apprendrons &agrave; utiliser&nbsp;<strong>Bootstrap 4</strong> <strong>avec Flex&nbsp;</strong>: un projet pour d&eacute;couvrir les <strong>b&eacute;n&eacute;fices du CSS&nbsp;moderne</strong> et d&#39;une mise en page contr&ocirc;l&eacute;e et facilit&eacute;e gr&acirc;ce aux classes et utilities Flex de <strong>Bootstrap 4</strong>.<br /> <br /> A la fin du cours un <strong>QCM</strong> vous sera propos&eacute; pour valider vos nouvelles connaissances. Vous aurez acquis de nouvelles comp&eacute;tences CSS et aurez abord&eacute;s quelques projets pratiques.<br /> <br /> Je reste disponible dans le <strong>salon d&#39;entraide </strong>pour r&eacute;pondre &agrave; vos &eacute;ventuelles questions.&nbsp;<br /> Bonne formation Flexbox.<br /> &nbsp; https://fr.tuto.com/css/apprenez-a-utiliser-flexbox-projet-avec-bootstrap-css,139181.html Mon, 30 Mar 2020 09:42:05 +0200 Fusion 360 : Modélisation d'un canon sci-fi https://fr.tuto.com/fusion-360/fusion-360-modelisation-d-un-canon-sci-fi-fusion-360,138811.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/138811.jpg"/><br>Dans cette&nbsp;<strong>formation</strong> avec <strong>Fusion 360</strong>, je vous propose la <strong>mod&eacute;lisation d&#39;un canon SCI-FI</strong>.<br /> <br /> Nous allons utiliser une fois de plus <strong>Fusion 360 </strong>comme outil de design. Cet outil est vraiment bien adapt&eacute; pour <strong>mod&eacute;liser rapidement des objets complexes</strong> qui peuvent servir pour de la recherche de design avant de les r&eacute;aliser sous un logiciel de mod&eacute;lisation plus classique.<br /> <br /> Je vous conseille de vous orienter vers mes autres formations pour le design comme le <a href="https://fr.tuto.com/fusion-360/fusion-360-modeliser-un-caisson-cryo-fusion-360,137681.html" title="tuto fusion 360 hardsurface"><strong>caisson cryog&eacute;nique&nbsp;</strong></a>et <strong><a href="https://fr.tuto.com/fusion-360/fusion-360-design-3d-viseur-holographique-fusion-360,135661.html" target="_blank" title="tuto fusion 360 arme">le viseur holographique</a>.</strong><br /> &nbsp; <h2>Au programme de ce<strong> tuto Fusion 360</strong> Mod&eacute;lisation d&#39;un canon sci-fi :</h2> Voici les notions qui seront abord&eacute;es dans ce<strong> tutoriel en vid&eacute;o </strong>: <ul> <li>sketch ligne, rectangle, circle et spline,</li> <li>outils mirror,</li> <li>outils Extrude, Fillet, Chamfer, Offset, Trim...</li> <li>time line pour modifier rapidement une action,</li> <li>outils de construction</li> </ul> Une formation destin&eacute;e pour tout public.<br /> <br /> Cette formation est faite pour une<strong> prise en main rapide de Fusion360</strong> et de son interface pour une utilisation imm&eacute;diate. Je reste disponible dans le <strong>salon d&#39;entraide</strong> du cours pour r&eacute;pondre &agrave; vos &eacute;ventuelles questions sur la mod&eacute;lisation dans Fusion 360.<br /> <br /> Les fichiers de travail sont fournis.<br /> <br /> Bonne formation. https://fr.tuto.com/fusion-360/fusion-360-modelisation-d-un-canon-sci-fi-fusion-360,138811.html Sun, 29 Mar 2020 11:05:00 +0200 Photoshop CC - 15 Ateliers créatifs en retouche photo https://fr.tuto.com/photoshop/photoshop-cc-15-ateliers-creatifs-en-retouche-photo-photoshop,138291.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/138291.jpg"/><br>Il existe de nombreuses fonctions dans <strong>Photoshop.</strong>&nbsp;Tellement, que parfois on ne sait pas quoi utiliser, ni quand. Il arrive m&ecirc;me d&#39;ignorer leur existence et donc le gain de temps qu&#39;elles peuvent nous procurer.<br /> <br /> Dans cette <strong>formation en ligne</strong>, je vous invite &agrave; d&eacute;couvrir <strong>15 ateliers cr&eacute;atifs</strong> pour vous pousser &agrave; <strong>utiliser des fonctionnalit&eacute;s souvent m&eacute;connues</strong> de <strong>Photoshop</strong> et&nbsp;qui vous permettront d&#39;<strong>obtenir rapidement des effets cr&eacute;atifs.</strong> <h2>Photoshop CC - 15 Ateliers cr&eacute;atifs en retouche photo</h2> Ce <strong>tutoriel en vid&eacute;o</strong>&nbsp;vous permettra de d&eacute;couvrir de fa&ccedil;on ludique un grand nombre d&#39;options de Photoshop CC comme : <ul> <li>Les calques de r&eacute;glage,</li> <li>Les options de d&eacute;tourage,</li> <li>Les options de fusion,</li> <li>Les filtres de flou,</li> <li>Les masques de fusion,</li> <li>La d&eacute;formation de la marionnette,</li> <li>Les options de retouche colorim&eacute;trique,</li> <li>L&#39;outil Plume,</li> <li>...</li> </ul> <br /> La<strong> section entraide du cours&nbsp;</strong>et ouverte pour chacun d&#39;entre vous. Je reponds en g&eacute;n&eacute;ral en moins d&#39;une heure. Vous pouvez l&#39;utiliset pour : <ul> <li>Me pr&eacute;senter vos rendus (j&#39;aime les partager sur les reseaux sociaux !)</li> <li>Vos questions</li> <li>Vos demandes de tutoriels</li> <li>Vos remarques et conseils</li> </ul> Sachez &eacute;galement que tout les fichiers sources, images comme PSD sont disponibles au t&eacute;l&eacute;chargement.<br /> Pour en apprendre plus sur les logiciels Adobe, <a href="https://fr.tuto.com/photoshop/adobe-creative-cloud-pour-la-pao-photoshop,134191.html" title="tuto PAO">la formation sp&eacute;ciale PAO est disponible.</a> https://fr.tuto.com/photoshop/photoshop-cc-15-ateliers-creatifs-en-retouche-photo-photoshop,138291.html Sun, 29 Mar 2020 11:11:56 +0200 Apprendre Autodesk Maya - Vol3 - Matériaux, textures, lumières, rendu https://fr.tuto.com/maya/apprendre-autodesk-maya-vol3-materiaux-textures-lumieres-rendu-maya,138091.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/138091.jpg"/><br>Le logiciel de <strong>3D&nbsp;Maya</strong>&nbsp;de l&#39;&eacute;diteur&nbsp;<em>Autodesk</em>&nbsp;est depuis de nombreuses ann&eacute;es,&nbsp;la r&eacute;f&eacute;rence des logiciels 3D lorsque l&#39;on veut faire du cin&eacute;ma d&#39;animation, des effets sp&eacute;ciaux ou encore de la 3D ultra r&eacute;aliste. C&#39;est toutefois un logiciel qui peut faire peur lorsque l&#39;on d&eacute;bute en 3D. Dans cette&nbsp;<strong>formation en ligne</strong>&nbsp;et en vid&eacute;o, votre formateur, Gilles Pfeiffer, utilisateur de&nbsp;Maya&nbsp;depuis plus de 15 ans, va guider vos pas dans l&#39;apprentissage de ce logiciel.<br /> <br /> Ce <strong>tuto</strong> est le troisi&egrave;me chapitre de cette<strong> formation compl&egrave;te &agrave;&nbsp;Autodesk Maya</strong>.<br /> &nbsp; <h2>Au programme de cette&nbsp;formation Apprendre Maya&nbsp;: 3 -Mat&eacute;riaux, textures, lumi&egrave;res, rendu.</h2> Voici les notions qui seront abord&eacute;es dans ce cours : <ul> <li>Les param&egrave;tres de rendu du <strong>moteur Arnold,</strong></li> <li>La cr&eacute;ation de mat&eacute;riaux,</li> <li>Cr&eacute;er et utiliser des textures,</li> <li>Les UV,</li> <li>Les lumi&egrave;res,</li> <li>Les environnements,</li> <li>Les outils externes pour cr&eacute;er vos textures plus rapidement.</li> </ul> La <strong>formation</strong> se termine par un&nbsp;<strong>QCM</strong>&nbsp;pour valider vos comp&eacute;tences&nbsp;!<br /> Lorsque vous aurez fini ce chapitre, vous pourrez passer aux autres chapitres qui vous permettront d&#39;aller plus loin dans l&#39;animation et les simulations ou effets.<br /> Tous les fichiers de travail sont fournis.<br /> Je reste disponible dans le&nbsp;salon d&#39;entraide&nbsp;pour r&eacute;pondre &agrave; vos &eacute;ventuelles questions. <h3><br /> Ce module sera mis &agrave; jour sur&nbsp;plusieurs semaines pour vous offrir un contenu toujours plus riche !</h3> <br /> La&nbsp;formation&nbsp;Apprendre Maya&nbsp;est un parcours d&eacute;di&eacute; &agrave; l&rsquo;apprentissage de la 3D du niveau d&eacute;butant &agrave; expert. Il sera d&eacute;coup&eacute; en plusieurs chapitres : <ul> <li><a href="https://fr.tuto.com/maya/apprendre-autodesk-maya-vol1-initiation-a-la-3d-maya,130291.html" title="Initiation Maya 3D">1- Initiation &agrave; la 3D dans Maya</a></li> <li><a href="https://fr.tuto.com/maya/apprendre-autodesk-maya-vol2-la-modelisation-maya,132101.html" target="_blank" title="tuto modélisation MAYA">2- Les outils de mod&eacute;lisation</a></li> <li>3- Mat&eacute;riaux, textures, lumi&egrave;res, Rendu (le volume sur lequel vous &ecirc;tes)</li> <li>4- Animation</li> <li>5- Simulation, FX</li> </ul> <br /> <a href="https://www.autodesk.fr/products/maya/free-trial" target="_blank" title="maya version gratuite">Une version d&#39;&eacute;valuation de Maya 2020 est disponible ici.</a>&nbsp;<br /> Il existe aussi une version &eacute;tudiant gratuite, valable 3 ans.<br /> Bon tuto ! https://fr.tuto.com/maya/apprendre-autodesk-maya-vol3-materiaux-textures-lumieres-rendu-maya,138091.html Fri, 20 Mar 2020 17:30:05 +0100 Concevoir un diaporama dynamique à partir d'articles et avec Oxygen pour WordPress https://fr.tuto.com/wordpress/concevoir-un-diaporama-dynamique-a-partir-d-articles-et-avec-oxygen-pour-wordpress-wordpress,134331.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/134331.jpg"/><br>Dans ce<strong> tuto en vid&eacute;o</strong>, nous verrons <strong>comment cr&eacute;er un diaporama avec le contenu des articles WordpPress </strong>avec 2 m&eacute;thodes diff&eacute;rentes et avec l&#39;aide <strong>d&#39;Oxygen</strong> pour <strong>WordPress</strong>.&nbsp; <ul> <li><strong>Premiere m&eacute;thode</strong>: en utilisant un bloc Oxygen, <strong>Easypost</strong> permettant de filtrer l&#39;article souhait&eacute; qui viendra alimenter le Slide Oxygen. Les autres Slides seront obtenus, une fois la source mise en forme, par duplicata.</li> <li><strong>Deuxi&egrave;me m&eacute;thode</strong>: avec l&#39;aide d&#39;une extension gratuite pour Wordpress, <strong>Smartslider3</strong>. Cette extension va nous aider &agrave; concevoir en quelques clics les diapositives, les mettre en forme et les publier dans une mise en page Oxygen avec le bloc <strong>Shortcode</strong>, outil Wordpress d&#39;int&eacute;gration de contenus externes issus d&#39;extensions install&eacute;es et g&eacute;r&eacute;es par ce CMS opensource.</li> </ul> Je reste disponible pour r&eacute;pondre &agrave; vos &eacute;ventuelles questions sur le tuto, dans le salon d&#39;entraide !<br /> Bonne formation.&nbsp;<br /> <br /> &nbsp; https://fr.tuto.com/wordpress/concevoir-un-diaporama-dynamique-a-partir-d-articles-et-avec-oxygen-pour-wordpress-wordpress,134331.html Sun, 22 Mar 2020 20:09:18 +0100 Comment fonctionne AJAX sous jQuery - Niveau III : GET et POST https://fr.tuto.com/ajax/comment-fonctionne-ajax-sous-jquery-niveau-iii-get-et-post-ajax,133221.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/133221.jpg"/><br>Pour ce 3&egrave;me niveau d&eacute;di&eacute; &agrave; la technologie <strong>AJAX,</strong> je vous propose de d&eacute;couvrir 2 nouvelles m&eacute;thodes : La <strong>m&eacute;thode GET </strong>ainsi que la <strong>m&eacute;thode POST</strong>.<br /> Ces m&eacute;thodes sont directement li&eacute;es &agrave; la fa&ccedil;on dont on envoie les donn&eacute;es &agrave; notre script.<br /> &nbsp; <h2>Dans ce <strong>tuto</strong> Comment fonctionne <strong>AJAX</strong> sous jQuery - Niveau III : <strong>GET et POST</strong></h2> Le cours sera illustr&eacute; d&#39;un<strong> exemple concret</strong> pour ces deux techniques. <ul> <li>Pour la <strong>m&eacute;thode GET,</strong> nous ferons un script qui affichera des commentaire li&eacute; &agrave; un article sans &eacute;vdiemment reloader la page courente.</li> <li>Pour la <strong>m&eacute;thode POST</strong>, nous ferons un programme qui fera de l&#39;auto-suggestion. Lorsque l&#39;on tapera une lettre dans un champ de formulaire, le programme nous proposera alors des suggestions.</li> </ul> A la fin de ce tuto, vos connaissances dans la technologie <strong>AJAX</strong> deviendront tr&egrave;s avanc&eacute;es !<br /> Je mets &agrave; votre disposition, l&#39;ensemble des codes issus de ce tuto.<br /> Un <strong>QCM</strong> vous permettra de valider vos connaissances &agrave; la fin de la formation.<br /> &nbsp; <h3>Pr&eacute;-requis pour suivre ce cours dans de bonnes conditions</h3> Voici la liste des cours que je recommande avant de visionner ce tuto de niveau 3 sur Ajax : <ul> <li>Conna&icirc;tre la <a href="https://fr.tuto.com/php/formation-php-tout-savoir-sur-la-classe-pdo-php,97661.html" title="tuto classe PDO">classe PDO</a></li> <li>Conna&icirc;tre le&nbsp;<a href="https://fr.tuto.com/jquery/formation-jquery-le-guide-du-debutant-jquery,94911.html" title="tuto jQuery">jQuery</a></li> <li>Avoir visionner <a href="https://fr.tuto.com/jquery/comment-fonctionne-ajax-sous-jquery-niveau-i-decouverte-jquery,132511.html" title="Ajax niveau 1">AJAX Niveau I</a></li> <li>Avoir visionner <a href="https://fr.tuto.com/ajax/comment-fonctionne-ajax-sous-jquery-niveau-ii-sql-select-ajax,132971.html" title="Ajax niveau 2">AJAX Niveau II</a></li> </ul> https://fr.tuto.com/ajax/comment-fonctionne-ajax-sous-jquery-niveau-iii-get-et-post-ajax,133221.html Wed, 25 Mar 2020 18:09:15 +0100 Créer 2 animations de suivis de mouvement entre Premiere et After Effects https://fr.tuto.com/after-effects/creer-2-animations-de-suivis-de-mouvement-entre-premiere-et-after-effects-after-effects,138321.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/138321.jpg"/><br><h2>Apprenez &agrave; r&eacute;aliser deux animations de texte en utilisant l&rsquo;outil tracking d&#39;After Effects.</h2> Je vous propose dans cette <strong>formation en vid&eacute;o d&#39;apprendre</strong>&nbsp;<strong>2 styles de trackings</strong> pour <strong>int&eacute;grer un texte dans une s&eacute;quence</strong>. Nous apprendrons &agrave; enrichir nos animations de texte, en passant de Premiere &agrave; After Effects, qui propose un outil de suivi de mouvement puissant ! <ul> <li>Dans une premi&egrave;re partie, nous ferons en sorte qu&#39;un texte suive le mouvement de la cam&eacute;ra.</li> <li>Dans une seconde partie, nous verrons comment faire en sorte que le texte suive le mouvement d&#39;un objet&nbsp;</li> </ul> Nous verrons <strong>comment passer de Premiere Pro &agrave; After Effects </strong>pour utiliser son puissant outil de suivi (tracking). Nous verrons comment pr&eacute;parer un tracking et effectuer le suivi de mouvement. Puis, &agrave; revenir dans Premiere Pro.<br /> <br /> Je reste disponible dans le salon d&#39;entraide du cours pour r&eacute;pondre &agrave; vos questions sur le tutoriel.<br /> Bon tracking ! https://fr.tuto.com/after-effects/creer-2-animations-de-suivis-de-mouvement-entre-premiere-et-after-effects-after-effects,138321.html Mon, 23 Mar 2020 09:13:37 +0100