Suivre ce blog
Administration
Connexion
+
Créer mon blog
Publicité
Rore... Blog Professionnel
>
Categories
>
video
video
1 mai 2011
Film d ecole: Making oF
court metrage realisé avec damien tournaire et rémi chapotot: Untitled from rore on Vimeo.
Publicité
Publicité
25 janvier 2011
24h de la BD 2011
Concours proposé par le festival de la BD d'Angoulème. le but étant de réaliser une BD de 22 planches+ 1 couverture+ la 4eme de couverture, sur un thème imposé, en 24h le thème de cette année: Popeye en format strip
</div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par soleil012345 à 00:01 - <a href="http://rorepro.canalblog.com/archives/2011/01/25/21597592.html#ob-comments"><span>Commentaires [<span id="comment-count-1173225">…</span><script> ob.commentCount(document.querySelector("#comment-count-1173225"), { resource: "http://rorepro.canalblog.com/api/comment-count/1173225", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://rorepro.canalblog.com/archives/2011/01/25/21597592.html">#</a>] </div> <div class="article_footer_tags"> Tags: <a href="/tag/video/"><span class="article_footer_tag">vidéo</span></a>, <a href="/tag/2d/"><span class="article_footer_tag">2D</span></a>, <a href="/tag/illustrations/"><span class="article_footer_tag">illustrations</span></a>, <a href="/tag/bd/"><span class="article_footer_tag">BD</span></a> </div> <h3 class="ob-Shares-title">Partager cet article</h3> <div class="ob-Shares ob-Shares--right ob-Shares--horizontal "> <div class="ob-Shares-facebookShare"> <div class="fb-share-button" data-href="http://rorepro.canalblog.com/archives/2011/01/25/21597592.html" data-layout="button_count"></div> </div> <div class="ob-Shares-twitter"> <a class="twitter-share-button" href="https://twitter.com/share" data-url="http://rorepro.canalblog.com/archives/2011/01/25/21597592.html" data-hashtags="vidéo,2D,illustrations,BD" data-text="24h de la BD 2011" data-lang="en" ></a> </div> <div class="ob-Shares-pinterest"> <a href="https://pinterest.com/pin/create/button/" data-pin-count="beside" data-pin-color="red" data-pin-config="beside" data-pin-description="24h de la BD 2011" data-pin-media="http://storage.canalblog.com/44/65/487091/61204875_p.jpg" data-pin-url="http://rorepro.canalblog.com/archives/2011/01/25/21597592.html" target="_BLANK" > <img src="https://assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" /> </a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=24h%20de%20la%20BD%202011&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Frorepro.canalblog.com%2Farchives%2F2011%2F01%2F25%2F21597592.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_1173225"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_1173225") printElement.addEventListener("click", function() { ob.printPost("24h de la BD 2011", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p style=\"color: black; font-size: 13px; font-family: arial, helvetica, sans-serif;\">Concours propos\u00e9 par le festival de la BD d'Angoul\u00e8me. le but \u00e9tant de r\u00e9aliser une BD de 22 planches+ 1 couverture+ la 4eme de couverture, sur un th\u00e8me impos\u00e9, en 24h<\/p>\r\n<p style=\"color: black; font-size: 13px; font-family: arial, helvetica, sans-serif;\">le th\u00e8me de cette ann\u00e9e: Popeye en format strip<\/p>\r\n<p style=\"color: black; font-size: 13px; font-family: arial, helvetica, sans-serif;\"><span class=\"Apple-style-span\" style=\"font-family: verdana, arial, helvetica, sans-serif;\"><a href=\"https:\/\/storage.canalblog.com\/44\/65\/487091\/61204875.jpg\" target=\"_blank\"><img style=\"border-style: initial; border-color: initial; border-width: 0px;\" src=\"https:\/\/storage.canalblog.com\/44\/65\/487091\/61204875_p.jpg\" alt=\"popeye_01\" width=\"150\" height=\"53\" border=\"0\" \/> <\/a><a href=\"https:\/\/storage.canalblog.com\/22\/07\/487091\/61204902.jpg\" target=\"_blank\"><img style=\"border-style: initial; border-color: initial; border-width: 0px;\" src=\"https:\/\/storage.canalblog.com\/22\/07\/487091\/61204902_p.jpg\" alt=\"popeye_02\" width=\"150\" height=\"53\" border=\"0\" \/> <\/a><a href=\"https:\/\/storage.canalblog.com\/61\/36\/487091\/61204914.jpg\" target=\"_blank\"><img style=\"border-style: initial; border-color: initial; border-width: 0px;\" src=\"https:\/\/storage.canalblog.com\/61\/36\/487091\/61204914_p.jpg\" alt=\"popeye_03\" width=\"150\" height=\"53\" border=\"0\" \/> <\/a><a href=\"https:\/\/storage.canalblog.com\/25\/26\/487091\/61204952.jpg\" target=\"_blank\"><img style=\"border-style: initial; border-color: initial; border-width: 0px;\" src=\"https:\/\/storage.canalblog.com\/25\/26\/487091\/61204952_p.jpg\" alt=\"popeye_04\" width=\"150\" height=\"53\" border=\"0\" \/> <\/a><a href=\"https:\/\/storage.canalblog.com\/96\/11\/487091\/61204964.jpg\" target=\"_blank\"><img style=\"border-style: initial; border-color: initial; border-width: 0px;\" src=\"https:\/\/storage.canalblog.com\/96\/11\/487091\/61204964_p.jpg\" alt=\"popeye_05\" width=\"150\" height=\"53\" border=\"0\" \/> <\/a><a href=\"https:\/\/storage.canalblog.com\/81\/05\/487091\/61204989.jpg\" target=\"_blank\"><img style=\"border-style: initial; border-color: initial; border-width: 0px;\" src=\"https:\/\/storage.canalblog.com\/81\/05\/487091\/61204989_p.jpg\" alt=\"popeye_06\" width=\"150\" height=\"53\" border=\"0\" \/> <\/a><a href=\"https:\/\/storage.canalblog.com\/92\/74\/487091\/61205000.jpg\" target=\"_blank\"><img style=\"border-style: initial; border-color: initial; border-width: 0px;\" src=\"https:\/\/storage.canalblog.com\/92\/74\/487091\/61205000_p.jpg\" alt=\"popeye_07\" width=\"150\" height=\"53\" border=\"0\" \/><\/a> <a href=\"https:\/\/storage.canalblog.com\/76\/34\/487091\/61208711.jpg\" target=\"_blank\"><img style=\"border-style: initial; border-color: initial; border-width: 0px;\" src=\"https:\/\/storage.canalblog.com\/76\/34\/487091\/61208711_p.jpg\" alt=\"popeye_08\" width=\"150\" height=\"53\" border=\"0\" \/><\/a> <a href=\"https:\/\/storage.canalblog.com\/28\/97\/487091\/61208715.jpg\" target=\"_blank\"><img style=\"border-style: initial; border-color: initial; border-width: 0px;\" src=\"https:\/\/storage.canalblog.com\/28\/97\/487091\/61208715_p.jpg\" alt=\"popeye_09\" width=\"150\" height=\"53\" border=\"0\" \/><\/a> <a href=\"https:\/\/storage.canalblog.com\/28\/86\/487091\/61208717.jpg\" target=\"_blank\"><img style=\"border-style: initial; border-color: initial; border-width: 0px;\" src=\"https:\/\/storage.canalblog.com\/28\/86\/487091\/61208717_p.jpg\" alt=\"popeye_10\" width=\"150\" height=\"53\" border=\"0\" \/><\/a> <a href=\"https:\/\/storage.canalblog.com\/47\/03\/487091\/61208718.jpg\" target=\"_blank\"><img style=\"border-style: initial; border-color: initial; border-width: 0px;\" src=\"https:\/\/storage.canalblog.com\/47\/03\/487091\/61208718_p.jpg\" alt=\"popeye_11\" width=\"150\" height=\"53\" border=\"0\" \/><\/a> <a href=\"https:\/\/storage.canalblog.com\/77\/99\/487091\/61208720.jpg\" target=\"_blank\"><img style=\"border-style: initial; border-color: initial; border-width: 0px;\" src=\"https:\/\/storage.canalblog.com\/77\/99\/487091\/61208720_p.jpg\" alt=\"popeye_12\" width=\"150\" height=\"53\" border=\"0\" \/><\/a> <a href=\"https:\/\/storage.canalblog.com\/23\/91\/487091\/61208721.jpg\" target=\"_blank\"><img style=\"border-style: initial; border-color: initial; border-width: 0px;\" src=\"https:\/\/storage.canalblog.com\/23\/91\/487091\/61208721_p.jpg\" alt=\"popeye_13\" width=\"150\" height=\"53\" border=\"0\" \/><\/a> <a href=\"https:\/\/storage.canalblog.com\/08\/53\/487091\/61211068.jpg\" target=\"_blank\"><img style=\"border-style: initial; border-color: initial; border-width: 0px;\" src=\"https:\/\/storage.canalblog.com\/08\/53\/487091\/61211068_p.jpg\" alt=\"popeye_15\" width=\"150\" height=\"53\" border=\"0\" \/> <\/a><a href=\"https:\/\/storage.canalblog.com\/88\/75\/487091\/61211075.jpg\" target=\"_blank\"><img style=\"border-style: initial; border-color: initial; border-width: 0px;\" src=\"https:\/\/storage.canalblog.com\/88\/75\/487091\/61211075_p.jpg\" alt=\"popeye_16\" width=\"150\" height=\"53\" border=\"0\" \/> <\/a><a href=\"https:\/\/storage.canalblog.com\/13\/57\/487091\/61211077.jpg\" target=\"_blank\"><img style=\"border-style: initial; border-color: initial; border-width: 0px;\" src=\"https:\/\/storage.canalblog.com\/13\/57\/487091\/61211077_p.jpg\" alt=\"popeye_17\" width=\"150\" height=\"53\" border=\"0\" \/> <\/a><a href=\"https:\/\/storage.canalblog.com\/55\/85\/487091\/61211079.jpg\" target=\"_blank\"><img style=\"border-style: initial; border-color: initial; border-width: 0px;\" src=\"https:\/\/storage.canalblog.com\/55\/85\/487091\/61211079_p.jpg\" alt=\"popeye_18\" width=\"150\" height=\"53\" border=\"0\" \/> <\/a><a href=\"https:\/\/storage.canalblog.com\/39\/67\/487091\/61211083.jpg\" target=\"_blank\"><img style=\"border-style: initial; border-color: initial; border-width: 0px;\" src=\"https:\/\/storage.canalblog.com\/39\/67\/487091\/61211083_p.jpg\" alt=\"popeye_14\" width=\"150\" height=\"53\" border=\"0\" \/> <\/a><a href=\"https:\/\/storage.canalblog.com\/55\/71\/487091\/61211092.jpg\" target=\"_blank\"><img style=\"border-style: initial; border-color: initial; border-width: 0px;\" src=\"https:\/\/storage.canalblog.com\/55\/71\/487091\/61211092_p.jpg\" alt=\"popeye_21\" width=\"150\" height=\"53\" border=\"0\" \/> <\/a><a href=\"https:\/\/storage.canalblog.com\/73\/93\/487091\/61211101.jpg\" target=\"_blank\"><img style=\"border-style: initial; border-color: initial; border-width: 0px;\" src=\"https:\/\/storage.canalblog.com\/73\/93\/487091\/61211101_p.jpg\" alt=\"popeye_22\" width=\"150\" height=\"53\" border=\"0\" \/> <\/a><a href=\"https:\/\/storage.canalblog.com\/80\/49\/487091\/61211110.jpg\" target=\"_blank\"><img style=\"border-style: initial; border-color: initial; border-width: 0px;\" src=\"https:\/\/storage.canalblog.com\/80\/49\/487091\/61211110_p.jpg\" alt=\"popeye_23\" width=\"150\" height=\"53\" border=\"0\" \/> <\/a><a href=\"https:\/\/storage.canalblog.com\/12\/15\/487091\/61211115.jpg\" target=\"_blank\"><img style=\"border-style: initial; border-color: initial; border-width: 0px;\" src=\"https:\/\/storage.canalblog.com\/12\/15\/487091\/61211115_p.jpg\" alt=\"4emecouv\" width=\"150\" height=\"53\" border=\"0\" \/><\/a><\/span><\/p>\r\n<p><span style=\"font-family: verdana, arial, helvetica, sans-serif; font-size: 10pt;\"><iframe src=\"http:\/\/player.vimeo.com\/video\/19214561?title=0&amp;byline=0&amp;portrait=0\" width=\"400\" height=\"300\" frameborder=\"0\"><\/iframe><p><a href=\"http:\/\/vimeo.com\/19214561\">Untitled<\/a> from <a href=\"http:\/\/vimeo.com\/user3090454\">rore<\/a> on <a href=\"http:\/\/vimeo.com\">Vimeo<\/a>.<\/p><\/span><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog") }) </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'facebook-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://assets.pinterest.com/js/pinit.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'pinterest-jssdk')); </script> <div class="rating-wrapper"> <div class="rating-wording">Vous aimez ?</div> <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-star" viewBox="0 0 26 28"> <path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path> </symbol> <linearGradient id="grad"> <stop offset="50%" stop-color="#ffc41f"/> <stop offset="50%" stop-color="#9f9f9f"/> </linearGradient> </defs> </svg> <form class="stars"> <input class="stars-input" type="radio" name="rating" value="5" id="rating-5-1173225" > <label class="stars-view stars-view-5-1173225 " for="rating-5-1173225" onclick="handleRate(1173225, 5, 0, 'stars-view-5-1173225', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="4" id="rating-4-1173225" > <label class="stars-view stars-view-4-1173225 " for="rating-4-1173225" onclick="handleRate(1173225, 4, 0, 'stars-view-4-1173225', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="3" id="rating-3-1173225" > <label class="stars-view stars-view-3-1173225 " for="rating-3-1173225" onclick="handleRate(1173225, 3, 0, 'stars-view-3-1173225', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="2" id="rating-2-1173225" > <label class="stars-view stars-view-2-1173225 " for="rating-2-1173225" onclick="handleRate(1173225, 2, 0, 'stars-view-2-1173225', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="1" id="rating-1-1173225" > <label class="stars-view stars-view-1-1173225 " for="rating-1-1173225" onclick="handleRate(1173225, 1, 0, 'stars-view-1-1173225', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-1173225"> 0 vote </div> </div> <script defer async> function setFullStar(halfStarElement) { halfStarElement.classList.add('star-chosen') } function setRaters(ratersElement, raters) { ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote` } function createToaster() { const toaster = document.createElement('div') toaster.classList.add('rating-toaster') document.body.appendChild(toaster) return toaster } function showToast(message, status) { const toaster = createToaster() toaster.textContent = message toaster.classList.add('show-rating-toaster') if (status === "success") { toaster.style.backgroundColor = "#E5F4EF" toaster.style.color = "#1D8C65" } else { toaster.style.backgroundColor = "#FFB5B5" toaster.style.color = "#6F0000" } setTimeout(() => { toaster.classList.remove('show-rating-toaster') }, 3000) } async function rate(postID, value, halfStarClass, node) { const res = await fetch(`/api/section-container/rate/${postID}/${value}`, { method: "POST", headers: { "Content-Type": "application/json", }, credentials: 'include', }) if (res.ok) { const data = await res.json() const ratersNumber = document.querySelector(`.rating-raters-${postID}`) setRaters(ratersNumber, data.raters) showToast("Votre vote est pris en compte","success") if (node.classList.contains("half-star")) { const halfStarElement = document.querySelector(`.${halfStarClass}`) setFullStar(halfStarElement) } } return res } function handleUserLogin() { return window.open( `${window.location.origin}/comments/fr/fetch/user`, "loginob", "width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0" ) } async function handleRate(postID, value, halfStar, halfStarClass, node) { const isPreview = /\/preview\/|\.preview\./.test(window.location.href) if (isPreview) { showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error") return } try { const rateResponse = await rate(postID, value, halfStarClass, node) if (rateResponse.status === 401) { const loginWindow = handleUserLogin() const checkWindowClosed = setInterval(() => { if (loginWindow && loginWindow.closed) { clearInterval(checkWindowClosed) const res = rate(postID, value, halfStarClass) if (res.status !== 200) { showToast("Une erreur est survenue lors du vote","error") } } }, 1000) } } catch (e) { showToast("Une erreur est survenue lors du vote","error") } } </script> </div> </div> <div class="ads_container-atf"> </div> <div class="article article_1173205"> <div class="date-header">29 octobre 2010</div> <a class="article_link" href="http://rorepro.canalblog.com/archives/2010/10/29/19205898.html"> <h2 class="article_title title">Particule Flow</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/C8T1QlXYryamDRcm1cYeFDLSG8c=/120x120/smart/filters:no_upscale()/http%3A%2F%2Fstorage.canalblog.com%2F02%2F70%2F689082%2F57551484_o.jpg" alt="Particule Flow"/> </div> <div class="article_snippet"> Un tutorial un peu plus compliqué sur 3dsmax: les particules.Je vais pas tout vous donner en détail, il vous suffira de regarder attentivement chaque image et aussi de chercher un peu sur le net. Je vais quand même vous montrer comment je fais un esprit... </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par soleil012345 à 00:01 - <a href="http://rorepro.canalblog.com/archives/2010/10/29/19205898.html#ob-comments"><span>Commentaires [<span id="comment-count-1173205">…</span><script> ob.commentCount(document.querySelector("#comment-count-1173205"), { resource: "http://rorepro.canalblog.com/api/comment-count/1173205", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://rorepro.canalblog.com/archives/2010/10/29/19205898.html">#</a>] </div> <div class="article_footer_tags"> Tags: <a href="/tag/3d/"><span class="article_footer_tag">3D</span></a>, <a href="/tag/tutoriel/"><span class="article_footer_tag">Tutoriel</span></a>, <a href="/tag/publicite/"><span class="article_footer_tag">publicité</span></a>, <a href="/tag/particules/"><span class="article_footer_tag">particules</span></a>, <a href="/tag/video/"><span class="article_footer_tag">vidéo</span></a> </div> <h3 class="ob-Shares-title">Partager cet article</h3> <div class="ob-Shares ob-Shares--right ob-Shares--horizontal "> <div class="ob-Shares-facebookShare"> <div class="fb-share-button" data-href="http://rorepro.canalblog.com/archives/2010/10/29/19205898.html" data-layout="button_count"></div> </div> <div class="ob-Shares-twitter"> <a class="twitter-share-button" href="https://twitter.com/share" data-url="http://rorepro.canalblog.com/archives/2010/10/29/19205898.html" data-hashtags="3D,Tutoriel,publicité,particules,vidéo" data-text="Particule Flow" data-lang="en" ></a> </div> <div class="ob-Shares-pinterest"> <a href="https://pinterest.com/pin/create/button/" data-pin-count="beside" data-pin-color="red" data-pin-config="beside" data-pin-description="Particule Flow" data-pin-media="http://storage.canalblog.com/02/70/689082/57551484_o.jpg" data-pin-url="http://rorepro.canalblog.com/archives/2010/10/29/19205898.html" target="_BLANK" > <img src="https://assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" /> </a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=Particule%20Flow&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Frorepro.canalblog.com%2Farchives%2F2010%2F10%2F29%2F19205898.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_1173205"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_1173205") printElement.addEventListener("click", function() { ob.printPost("Particule Flow", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\">Un tutorial un peu plus compliqu\u00e9 sur 3dsmax: les particules.<br \/>Je vais pas tout vous donner en d\u00e9tail, il vous suffira de regarder attentivement chaque image et aussi de chercher un peu sur le net. Je vais quand m\u00eame vous montrer comment je fais un esprit loup de neige dans un design 2D<\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\">1) ne vous amusez pas \u00e0 afficher toutes les particules dans votre vue 3D, sinon vous allez bouffer en rame! Pr\u00e9f\u00e9rez plut\u00f4t faire de temps en temps un rendu de l'image pour avoir une petite id\u00e9e, plut\u00f4t que d'alourdir votre fen\u00eatre de preview<br \/><a href=\"https:\/\/storage.canalblog.com\/02\/70\/689082\/57551484.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/02\/70\/689082\/57551484_p.jpg\" alt=\"01\" width=\"150\" height=\"60\" border=\"0\" \/><\/a><\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\">2) cr\u00e9ez un icone PFsource (entour\u00e9 en orange dans l'image) puis ouvrez la fen\u00eatre \"particule view\"...N'ayez crainte, l'arborescence qui s'affiche peut effrayer par sa complexit\u00e9 mais il n'en est rien. Bidouillez chacun des param\u00e8tres afin que vous compreniez la correspondance de chacun d'entre eux.<br \/>Vous remarquez que j'ai 2PFsource, un pour la tete, un autre pour le corps (qui sera une sorte de train\u00e9e derri\u00e8re la t\u00eate)<br \/><a href=\"https:\/\/storage.canalblog.com\/76\/36\/689082\/57551587.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/76\/36\/689082\/57551587_p.jpg\" alt=\"02\" width=\"150\" height=\"60\" border=\"0\" \/><\/a><\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\">3) Pour la t\u00eate du loup j'ai mod\u00e9lis\u00e9 grossi\u00e8rement une t\u00eate de loup. Celle ci sera l'\u00e9metteur des particules de la t\u00eate et de la train\u00e9e, le point de d\u00e9part qui va prendre la forme de la t\u00eate de loup. je colle ma t\u00eate de loup \u00e0 un dummy. Quand j'animerai mes particules je le ferai en bougeant ce dummy.<\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\"><a href=\"https:\/\/storage.canalblog.com\/41\/73\/689082\/57551661.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/41\/73\/689082\/57551661_p.jpg\" alt=\"03\" width=\"150\" height=\"60\" border=\"0\" \/><\/a><\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\">4) Maintenant je vais cr\u00e9er ma propre particule. ici se sera une spline de forme triangulaire. j'y met une texture avec une l\u00e9g\u00e8re transparence. Dans la fen\u00eatre de particule view je me sers de cette spline comme objet de particule<\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\"><a href=\"https:\/\/storage.canalblog.com\/90\/58\/689082\/57551741.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/90\/58\/689082\/57551741_p.jpg\" alt=\"04\" width=\"150\" height=\"60\" border=\"0\" \/><\/a><\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\">5) Dans cette scene j'ai anim\u00e9 plusieurs loups. Quand votre scene est aussi complexe\/lourde, pensez \u00e0 utiliser les layers. Autant de pr\u00e9cisieuses secondes gagn\u00e9e et de fatigue en moins.<\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\"><a href=\"https:\/\/storage.canalblog.com\/43\/53\/689082\/57551815.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/43\/53\/689082\/57551815_p.jpg\" alt=\"05\" width=\"150\" height=\"60\" border=\"0\" \/><\/a><\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\">6) j'ai plusieurs loups dans ma scene, donc un grand nombre de PFsource dans ma fenetre. Vu d'ici cela peut paraitre abstrait et complexe. En fait il s'agit juste du 1er loup dupliqu\u00e9.<\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\"><a href=\"https:\/\/storage.canalblog.com\/63\/10\/689082\/57551889.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/63\/10\/689082\/57551889_p.jpg\" alt=\"06\" width=\"150\" height=\"60\" border=\"0\" \/><\/a><\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\">7) Quand vous dupliquez vos loups, utilisez les instances \u00e0 chaque fois que vous le pouvez (\u00e9crit en italique dans la image). Vous gagnerez l\u00e0 encore en rame\/vitesse<\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\"><a href=\"https:\/\/storage.canalblog.com\/01\/59\/689082\/57551924.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/01\/59\/689082\/57551924_p.jpg\" alt=\"07\" width=\"150\" height=\"60\" border=\"0\" \/><\/a><\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\">8) Lors de mon rendu, comme mes particules sont semi transparente, j'ai besoin de les rendre en alpha... le probleme c'est qu'elles traversent le sol pour y disparaitre... l'alpha n'\u00e9tant pas la solution, j'utilise les ID mat\u00e9riaux<\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\"><a href=\"https:\/\/storage.canalblog.com\/60\/80\/689082\/57551976.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/60\/80\/689082\/57551976_p.jpg\" alt=\"08\" width=\"150\" height=\"60\" border=\"0\" \/><\/a><\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\">9) Au montage sous after effect je commence par un joli fond. un ciel bleu avec un peu de mati\u00e8re dedans (j'aime pas les effets trop lisse propres \u00e0 la 3D)<\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\"><a href=\"https:\/\/storage.canalblog.com\/12\/68\/689082\/57552014.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/12\/68\/689082\/57552014_p.jpg\" alt=\"09\" width=\"150\" height=\"60\" border=\"0\" \/><\/a><\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\">10) je pose ensuite mon d\u00e9cor: les montagnes, les sapins avec le sol, puis le surfer<\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\"><a href=\"https:\/\/storage.canalblog.com\/20\/51\/689082\/57552040.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/20\/51\/689082\/57552040_p.jpg\" alt=\"10\" width=\"150\" height=\"60\" border=\"0\" \/><\/a><\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\">11) Arrive enfin le tour des loups. je commence d'abord par transformer mon rendu idmateriaux en noir et blanc pour qu'il servent d'alpha<\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\"><a href=\"https:\/\/storage.canalblog.com\/35\/60\/689082\/57552096.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/35\/60\/689082\/57552096_p.jpg\" alt=\"11\" width=\"150\" height=\"60\" border=\"0\" \/><\/a><\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\">12) j'ajuste la teinte pour rendre la couleur des loups + harmonieuse avec le d\u00e9cor<\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\"><a href=\"https:\/\/storage.canalblog.com\/05\/98\/689082\/57552119.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/05\/98\/689082\/57552119_p.jpg\" alt=\"12\" width=\"150\" height=\"60\" border=\"0\" \/><\/a><\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\">13) je duplique cette couche pour rendre les loups moins transparent<\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\"><a href=\"https:\/\/storage.canalblog.com\/92\/93\/689082\/57552142.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/92\/93\/689082\/57552142_p.jpg\" alt=\"13\" width=\"150\" height=\"60\" border=\"0\" \/><\/a><\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\">14) j'ajoute des petites \u00e9toiles pour faire briller les cristaux de neige<\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\"><a href=\"https:\/\/storage.canalblog.com\/36\/48\/689082\/57552158.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/36\/48\/689082\/57552158_p.jpg\" alt=\"14\" width=\"150\" height=\"60\" border=\"0\" \/><\/a><\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\">15) je pose ensuite de l'ombre au sol. Ainsi ils s'int\u00e8grent mieux au d\u00e9cor<\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\"><a href=\"https:\/\/storage.canalblog.com\/60\/35\/689082\/57552186.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/60\/35\/689082\/57552186_p.jpg\" alt=\"15\" width=\"150\" height=\"60\" border=\"0\" \/><\/a><\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\">16) je passe \u00e0 la composition g\u00e9n\u00e9rale. J'ajoute des bandes noires pour + de dynamisme<\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\"><a href=\"https:\/\/storage.canalblog.com\/80\/65\/689082\/57552221.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/80\/65\/689082\/57552221_p.jpg\" alt=\"16\" width=\"150\" height=\"60\" border=\"0\" \/><\/a><\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\">17) je finis par des calques d'effets pour uniformiser le tout<\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\"><a href=\"https:\/\/storage.canalblog.com\/78\/89\/689082\/57552238.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/78\/89\/689082\/57552238_p.jpg\" alt=\"17\" width=\"150\" height=\"60\" border=\"0\" \/><\/a><\/p>\r\n<p style=\"text-align: center;\"><span style=\"font-family: arial, helvetica, sans-serif; font-size: 10pt;\"><iframe src=\"http:\/\/player.vimeo.com\/video\/15600256?title=0&byline=0&portrait=0\" frameborder=\"0\" width=\"400\" height=\"300\"><\/iframe><\/span><\/p>\r\n<p><a href=\"http:\/\/vimeo.com\/15600256\">oxbow<\/a> from <a href=\"http:\/\/vimeo.com\/user3090454\">rore<\/a> on <a href=\"http:\/\/vimeo.com\">Vimeo<\/a>.<\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog") }) </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'facebook-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://assets.pinterest.com/js/pinit.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'pinterest-jssdk')); </script> <div class="rating-wrapper"> <div class="rating-wording">Vous aimez ?</div> <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-star" viewBox="0 0 26 28"> <path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path> </symbol> <linearGradient id="grad"> <stop offset="50%" stop-color="#ffc41f"/> <stop offset="50%" stop-color="#9f9f9f"/> </linearGradient> </defs> </svg> <form class="stars"> <input class="stars-input" type="radio" name="rating" value="5" id="rating-5-1173205" > <label class="stars-view stars-view-5-1173205 " for="rating-5-1173205" onclick="handleRate(1173205, 5, 0, 'stars-view-5-1173205', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="4" id="rating-4-1173205" > <label class="stars-view stars-view-4-1173205 " for="rating-4-1173205" onclick="handleRate(1173205, 4, 0, 'stars-view-4-1173205', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="3" id="rating-3-1173205" > <label class="stars-view stars-view-3-1173205 " for="rating-3-1173205" onclick="handleRate(1173205, 3, 0, 'stars-view-3-1173205', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="2" id="rating-2-1173205" > <label class="stars-view stars-view-2-1173205 " for="rating-2-1173205" onclick="handleRate(1173205, 2, 0, 'stars-view-2-1173205', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="1" id="rating-1-1173205" > <label class="stars-view stars-view-1-1173205 " for="rating-1-1173205" onclick="handleRate(1173205, 1, 0, 'stars-view-1-1173205', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-1173205"> 0 vote </div> </div> <script defer async> function setFullStar(halfStarElement) { halfStarElement.classList.add('star-chosen') } function setRaters(ratersElement, raters) { ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote` } function createToaster() { const toaster = document.createElement('div') toaster.classList.add('rating-toaster') document.body.appendChild(toaster) return toaster } function showToast(message, status) { const toaster = createToaster() toaster.textContent = message toaster.classList.add('show-rating-toaster') if (status === "success") { toaster.style.backgroundColor = "#E5F4EF" toaster.style.color = "#1D8C65" } else { toaster.style.backgroundColor = "#FFB5B5" toaster.style.color = "#6F0000" } setTimeout(() => { toaster.classList.remove('show-rating-toaster') }, 3000) } async function rate(postID, value, halfStarClass, node) { const res = await fetch(`/api/section-container/rate/${postID}/${value}`, { method: "POST", headers: { "Content-Type": "application/json", }, credentials: 'include', }) if (res.ok) { const data = await res.json() const ratersNumber = document.querySelector(`.rating-raters-${postID}`) setRaters(ratersNumber, data.raters) showToast("Votre vote est pris en compte","success") if (node.classList.contains("half-star")) { const halfStarElement = document.querySelector(`.${halfStarClass}`) setFullStar(halfStarElement) } } return res } function handleUserLogin() { return window.open( `${window.location.origin}/comments/fr/fetch/user`, "loginob", "width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0" ) } async function handleRate(postID, value, halfStar, halfStarClass, node) { const isPreview = /\/preview\/|\.preview\./.test(window.location.href) if (isPreview) { showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error") return } try { const rateResponse = await rate(postID, value, halfStarClass, node) if (rateResponse.status === 401) { const loginWindow = handleUserLogin() const checkWindowClosed = setInterval(() => { if (loginWindow && loginWindow.closed) { clearInterval(checkWindowClosed) const res = rate(postID, value, halfStarClass) if (res.status !== 200) { showToast("Une erreur est survenue lors du vote","error") } } }, 1000) } } catch (e) { showToast("Une erreur est survenue lors du vote","error") } } </script> </div> </div> <div class="ads_container-atf"> </div> <div class="article article_1173216"> <div class="date-header">15 octobre 2010</div> <a class="article_link" href="http://rorepro.canalblog.com/archives/2010/10/15/19205727.html"> <h2 class="article_title title">Spline 3D</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/FZNK0-fmxSbE91ISgKF5U9VosQs=/120x120/smart/filters:no_upscale()/http%3A%2F%2Fstorage.canalblog.com%2F56%2F43%2F689082%2F57550837_o.jpg" alt="Spline 3D"/> </div> <div class="article_snippet"> Faire un ruban qui bouge, suit un chemin, se déroule etc...une technique en 3D s'impose alors, le "path deform" (si vous avez 3DSmax en français, bon courage pour trouver la traduction)Vous prenez une box, un cylindre ou une pyramide (pour faire des racines... </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par soleil012345 à 00:01 - <a href="http://rorepro.canalblog.com/archives/2010/10/15/19205727.html#ob-comments"><span>Commentaires [<span id="comment-count-1173216">…</span><script> ob.commentCount(document.querySelector("#comment-count-1173216"), { resource: "http://rorepro.canalblog.com/api/comment-count/1173216", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://rorepro.canalblog.com/archives/2010/10/15/19205727.html">#</a>] </div> <div class="article_footer_tags"> Tags: <a href="/tag/3d/"><span class="article_footer_tag">3D</span></a>, <a href="/tag/tutoriel/"><span class="article_footer_tag">Tutoriel</span></a>, <a href="/tag/publicite/"><span class="article_footer_tag">publicité</span></a>, <a href="/tag/video/"><span class="article_footer_tag">vidéo</span></a> </div> <h3 class="ob-Shares-title">Partager cet article</h3> <div class="ob-Shares ob-Shares--right ob-Shares--horizontal "> <div class="ob-Shares-facebookShare"> <div class="fb-share-button" data-href="http://rorepro.canalblog.com/archives/2010/10/15/19205727.html" data-layout="button_count"></div> </div> <div class="ob-Shares-twitter"> <a class="twitter-share-button" href="https://twitter.com/share" data-url="http://rorepro.canalblog.com/archives/2010/10/15/19205727.html" data-hashtags="3D,Tutoriel,publicité,vidéo" data-text="Spline 3D" data-lang="en" ></a> </div> <div class="ob-Shares-pinterest"> <a href="https://pinterest.com/pin/create/button/" data-pin-count="beside" data-pin-color="red" data-pin-config="beside" data-pin-description="Spline 3D" data-pin-media="http://storage.canalblog.com/56/43/689082/57550837_o.jpg" data-pin-url="http://rorepro.canalblog.com/archives/2010/10/15/19205727.html" target="_BLANK" > <img src="https://assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" /> </a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=Spline%203D&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Frorepro.canalblog.com%2Farchives%2F2010%2F10%2F15%2F19205727.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_1173216"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_1173216") printElement.addEventListener("click", function() { ob.printPost("Spline 3D", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\">Faire un ruban qui bouge, suit un chemin, se d\u00e9roule etc...<br \/>une technique en 3D s'impose alors, le \"path deform\" (si vous avez 3DSmax en fran\u00e7ais, bon courage pour trouver la traduction)<br \/>Vous prenez une box, un cylindre ou une pyramide (pour faire des racines ou des choses qui poussent le c\u00f4ne est tr\u00e8s bien aussi), vous ajoutez le modifier \"path deform\" puis vous allez chercher une spline qui a servi de chemin... Bon en fait vous comprendrez mieux en visualisant les images :<br \/><a href=\"https:\/\/storage.canalblog.com\/56\/43\/689082\/57550837.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/56\/43\/689082\/57550837_p.jpg\" alt=\"01\" width=\"150\" height=\"60\" border=\"0\" \/> <\/a><a href=\"https:\/\/storage.canalblog.com\/95\/64\/689082\/57550841.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/95\/64\/689082\/57550841_p.jpg\" alt=\"02\" width=\"150\" height=\"60\" border=\"0\" \/><\/a><\/p>\r\n<p style=\"text-align: center;\"><span style=\"font-family: arial, helvetica, sans-serif; font-size: 10pt;\"><iframe src=\"http:\/\/player.vimeo.com\/video\/15600054?title=0&byline=0&portrait=0\" frameborder=\"0\" width=\"400\" height=\"300\"><\/iframe><\/span><\/p>\r\n<p><a href=\"http:\/\/vimeo.com\/15600054\">skalli<\/a> from <a href=\"http:\/\/vimeo.com\/user3090454\">rore<\/a> on <a href=\"http:\/\/vimeo.com\">Vimeo<\/a>.<\/p>\r\n<p style=\"text-align: center;\"> <\/p>\r\n<p style=\"text-align: center;\"><span style=\"font-family: arial, helvetica, sans-serif; font-size: 10pt;\"><iframe src=\"http:\/\/player.vimeo.com\/video\/15423667?title=0&byline=0&portrait=0\" frameborder=\"0\" width=\"400\" height=\"300\"><\/iframe><\/span><\/p>\r\n<p><a href=\"http:\/\/vimeo.com\/15423667\">salvini<\/a> from <a href=\"http:\/\/vimeo.com\/user3090454\">rore<\/a> on <a href=\"http:\/\/vimeo.com\">Vimeo<\/a>.<\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog") }) </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'facebook-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://assets.pinterest.com/js/pinit.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'pinterest-jssdk')); </script> <div class="rating-wrapper"> <div class="rating-wording">Vous aimez ?</div> <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-star" viewBox="0 0 26 28"> <path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path> </symbol> <linearGradient id="grad"> <stop offset="50%" stop-color="#ffc41f"/> <stop offset="50%" stop-color="#9f9f9f"/> </linearGradient> </defs> </svg> <form class="stars"> <input class="stars-input" type="radio" name="rating" value="5" id="rating-5-1173216" > <label class="stars-view stars-view-5-1173216 " for="rating-5-1173216" onclick="handleRate(1173216, 5, 0, 'stars-view-5-1173216', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="4" id="rating-4-1173216" > <label class="stars-view stars-view-4-1173216 " for="rating-4-1173216" onclick="handleRate(1173216, 4, 0, 'stars-view-4-1173216', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="3" id="rating-3-1173216" > <label class="stars-view stars-view-3-1173216 " for="rating-3-1173216" onclick="handleRate(1173216, 3, 0, 'stars-view-3-1173216', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="2" id="rating-2-1173216" > <label class="stars-view stars-view-2-1173216 " for="rating-2-1173216" onclick="handleRate(1173216, 2, 0, 'stars-view-2-1173216', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="1" id="rating-1-1173216" > <label class="stars-view stars-view-1-1173216 " for="rating-1-1173216" onclick="handleRate(1173216, 1, 0, 'stars-view-1-1173216', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-1173216"> 0 vote </div> </div> <script defer async> function setFullStar(halfStarElement) { halfStarElement.classList.add('star-chosen') } function setRaters(ratersElement, raters) { ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote` } function createToaster() { const toaster = document.createElement('div') toaster.classList.add('rating-toaster') document.body.appendChild(toaster) return toaster } function showToast(message, status) { const toaster = createToaster() toaster.textContent = message toaster.classList.add('show-rating-toaster') if (status === "success") { toaster.style.backgroundColor = "#E5F4EF" toaster.style.color = "#1D8C65" } else { toaster.style.backgroundColor = "#FFB5B5" toaster.style.color = "#6F0000" } setTimeout(() => { toaster.classList.remove('show-rating-toaster') }, 3000) } async function rate(postID, value, halfStarClass, node) { const res = await fetch(`/api/section-container/rate/${postID}/${value}`, { method: "POST", headers: { "Content-Type": "application/json", }, credentials: 'include', }) if (res.ok) { const data = await res.json() const ratersNumber = document.querySelector(`.rating-raters-${postID}`) setRaters(ratersNumber, data.raters) showToast("Votre vote est pris en compte","success") if (node.classList.contains("half-star")) { const halfStarElement = document.querySelector(`.${halfStarClass}`) setFullStar(halfStarElement) } } return res } function handleUserLogin() { return window.open( `${window.location.origin}/comments/fr/fetch/user`, "loginob", "width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0" ) } async function handleRate(postID, value, halfStar, halfStarClass, node) { const isPreview = /\/preview\/|\.preview\./.test(window.location.href) if (isPreview) { showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error") return } try { const rateResponse = await rate(postID, value, halfStarClass, node) if (rateResponse.status === 401) { const loginWindow = handleUserLogin() const checkWindowClosed = setInterval(() => { if (loginWindow && loginWindow.closed) { clearInterval(checkWindowClosed) const res = rate(postID, value, halfStarClass) if (res.status !== 200) { showToast("Une erreur est survenue lors du vote","error") } } }, 1000) } } catch (e) { showToast("Une erreur est survenue lors du vote","error") } } </script> </div> </div> <div class="ads_container-atf"> </div> <div class="article article_1173201"> <div class="date-header">8 octobre 2010</div> <a class="article_link" href="http://rorepro.canalblog.com/archives/2010/10/08/19205616.html"> <h2 class="article_title title">Montage vidéo</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/5CRnOUZ8CxlzmF7921je_mUfnDs=/120x120/smart/filters:no_upscale()/http%3A%2F%2Fstorage.canalblog.com%2F96%2F26%2F689082%2F57550337_o.jpg" alt="Montage vidéo"/> </div> <div class="article_snippet"> Nétant pas une pro du montage (et là je m'adresse à tout ceux qui veulent apprendre à monter) il existe une astuce pour commencer à monter des petits films/courts métrage etc.. C'est de copier puis de réadapter. Pour la vente suivante (marque de sous... </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par soleil012345 à 00:01 - <a href="http://rorepro.canalblog.com/archives/2010/10/08/19205616.html#ob-comments"><span>Commentaires [<span id="comment-count-1173201">…</span><script> ob.commentCount(document.querySelector("#comment-count-1173201"), { resource: "http://rorepro.canalblog.com/api/comment-count/1173201", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://rorepro.canalblog.com/archives/2010/10/08/19205616.html">#</a>] </div> <div class="article_footer_tags"> Tags: <a href="/tag/tutoriel/"><span class="article_footer_tag">Tutoriel</span></a>, <a href="/tag/publicite/"><span class="article_footer_tag">publicité</span></a>, <a href="/tag/video/"><span class="article_footer_tag">vidéo</span></a> </div> <h3 class="ob-Shares-title">Partager cet article</h3> <div class="ob-Shares ob-Shares--right ob-Shares--horizontal "> <div class="ob-Shares-facebookShare"> <div class="fb-share-button" data-href="http://rorepro.canalblog.com/archives/2010/10/08/19205616.html" data-layout="button_count"></div> </div> <div class="ob-Shares-twitter"> <a class="twitter-share-button" href="https://twitter.com/share" data-url="http://rorepro.canalblog.com/archives/2010/10/08/19205616.html" data-hashtags="Tutoriel,publicité,vidéo" data-text="Montage vidéo" data-lang="en" ></a> </div> <div class="ob-Shares-pinterest"> <a href="https://pinterest.com/pin/create/button/" data-pin-count="beside" data-pin-color="red" data-pin-config="beside" data-pin-description="Montage vidéo" data-pin-media="http://storage.canalblog.com/96/26/689082/57550337_o.jpg" data-pin-url="http://rorepro.canalblog.com/archives/2010/10/08/19205616.html" target="_BLANK" > <img src="https://assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" /> </a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=Montage%20vid%C3%A9o&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Frorepro.canalblog.com%2Farchives%2F2010%2F10%2F08%2F19205616.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_1173201"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_1173201") printElement.addEventListener("click", function() { ob.printPost("Montage vid\u00e9o", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p style=\"font-family: arial, helvetica, sans-serif; font-size: 13px; color: black;\">N\u00e9tant pas une pro du montage (et l\u00e0 je m'adresse \u00e0 tout ceux qui veulent apprendre \u00e0 monter) il existe une astuce pour commencer \u00e0 monter des petits films\/courts m\u00e9trage etc.. C'est de copier puis de r\u00e9adapter. <br \/>Pour la vente suivante (marque de sous vetements f\u00e9minin) j'ai besoin d'une ambiance douce\/coquine. Je vais donc regarder des videos\/films o\u00f9 je peux retrouver ce genre d'ambiance. Je note les plans cam\u00e9ra qui m'interessent ainsi que le temps de chaque plans et leur enchainement. On filme ensuite la mannequin. Il faut bien penser \u00e0 filmer + que ce qu'on a besoin. Si on a besoin de 2 secondes d'une pose pr\u00e9cise, on va la filmer 4 secondes plusieurs fois d'affil\u00e9 et dans plusieurs angles. Au montage on prend les plans qui correspondent le plus a la video dont on s'inspire et on les pose betement dessus. Ensuite on rallonge ou raccouric les plans en fonction de la musique. En effet meme si la musique est dans la meme ambiance\/univers, il faut quand meme changer les plans, r\u00e9adapter le montage au son. Puis peaufiner votre montage en remplacant tel ou tel plans qui ne correspondraient pas.<br \/>Avec le temps et l'exp\u00e9rience on apprend \u00e0 faire nos propres montages et, plus tard encore, \u00e0 avoir notre propre style (mais l\u00e0 il faut beaucoup de travail)<br \/>1) voici la r\u00e9solution de la vid\u00e9o import\u00e9e<br \/><a href=\"https:\/\/storage.canalblog.com\/96\/26\/689082\/57550337.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/96\/26\/689082\/57550337_p.jpg\" alt=\"01\" width=\"150\" height=\"60\" border=\"0\" \/><\/a><br \/>2) je monte ma vid\u00e9o, puis j'accroche quelques plans avec quelques points de synchronime dans ma video. Ne vous amusez pas \u00e0 caler vos plans \u00e0 chaque fois sur un point de synchronisme dans la musique, vous allez perdre l'attention de votre public. Le montage est important, une belle 3D, bien anim\u00e9e, si elle est mal mont\u00e9e, perd toute sa valeur...vraiment toute! Alors qu'une 3D moche, mal anim\u00e9e, si elle est bien mont\u00e9e avec la musique, gagnera en qualit\u00e9. Il ne faut donc jamais n\u00e9gliger la post production. Si on a anim\u00e9 un superbe plan en 3D mais qu'il ne trouve pas sa place dans le montage, alors ignorez le, il ne fera que nuire \u00e0 l'ensemble. N'oubliez pas qu'une vid\u00e9o est un ensemble, pas une simple succession de plans.<br \/><a href=\"https:\/\/storage.canalblog.com\/41\/09\/689082\/57550481.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/41\/09\/689082\/57550481_p.jpg\" alt=\"02\" width=\"150\" height=\"60\" border=\"0\" \/><\/a><br \/>3) je finis par des effets. Pensez aussi \u00e0 renommer vos calques, vous vous y retrouverez mieux vous m\u00eames<br \/><a href=\"https:\/\/storage.canalblog.com\/15\/92\/689082\/57550515.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/15\/92\/689082\/57550515_p.jpg\" alt=\"03\" width=\"150\" height=\"60\" border=\"0\" \/><\/a><\/p>\r\n<p style=\"font-family: arial, helvetica, sans-serif; font-size: 13px; color: black;\"> <\/p>\r\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.vimeo.com\/15423592\"><span style=\"color: #000000; font-family: arial, helvetica, sans-serif; font-size: 10pt;\"><iframe src=\"http:\/\/player.vimeo.com\/video\/15423592?title=0&byline=0&portrait=0\" frameborder=\"0\" width=\"400\" height=\"300\"><\/iframe><\/span><\/a><\/p>\r\n<p><a href=\"http:\/\/vimeo.com\/15423592\">asarda<\/a> from <a href=\"http:\/\/vimeo.com\/user3090454\">rore<\/a> on <a href=\"http:\/\/vimeo.com\">Vimeo<\/a>.<\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog") }) </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'facebook-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://assets.pinterest.com/js/pinit.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'pinterest-jssdk')); </script> <div class="rating-wrapper"> <div class="rating-wording">Vous aimez ?</div> <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-star" viewBox="0 0 26 28"> <path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path> </symbol> <linearGradient id="grad"> <stop offset="50%" stop-color="#ffc41f"/> <stop offset="50%" stop-color="#9f9f9f"/> </linearGradient> </defs> </svg> <form class="stars"> <input class="stars-input" type="radio" name="rating" value="5" id="rating-5-1173201" > <label class="stars-view stars-view-5-1173201 " for="rating-5-1173201" onclick="handleRate(1173201, 5, 0, 'stars-view-5-1173201', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="4" id="rating-4-1173201" > <label class="stars-view stars-view-4-1173201 " for="rating-4-1173201" onclick="handleRate(1173201, 4, 0, 'stars-view-4-1173201', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="3" id="rating-3-1173201" > <label class="stars-view stars-view-3-1173201 " for="rating-3-1173201" onclick="handleRate(1173201, 3, 0, 'stars-view-3-1173201', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="2" id="rating-2-1173201" > <label class="stars-view stars-view-2-1173201 " for="rating-2-1173201" onclick="handleRate(1173201, 2, 0, 'stars-view-2-1173201', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="1" id="rating-1-1173201" > <label class="stars-view stars-view-1-1173201 " for="rating-1-1173201" onclick="handleRate(1173201, 1, 0, 'stars-view-1-1173201', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-1173201"> 0 vote </div> </div> <script defer async> function setFullStar(halfStarElement) { halfStarElement.classList.add('star-chosen') } function setRaters(ratersElement, raters) { ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote` } function createToaster() { const toaster = document.createElement('div') toaster.classList.add('rating-toaster') document.body.appendChild(toaster) return toaster } function showToast(message, status) { const toaster = createToaster() toaster.textContent = message toaster.classList.add('show-rating-toaster') if (status === "success") { toaster.style.backgroundColor = "#E5F4EF" toaster.style.color = "#1D8C65" } else { toaster.style.backgroundColor = "#FFB5B5" toaster.style.color = "#6F0000" } setTimeout(() => { toaster.classList.remove('show-rating-toaster') }, 3000) } async function rate(postID, value, halfStarClass, node) { const res = await fetch(`/api/section-container/rate/${postID}/${value}`, { method: "POST", headers: { "Content-Type": "application/json", }, credentials: 'include', }) if (res.ok) { const data = await res.json() const ratersNumber = document.querySelector(`.rating-raters-${postID}`) setRaters(ratersNumber, data.raters) showToast("Votre vote est pris en compte","success") if (node.classList.contains("half-star")) { const halfStarElement = document.querySelector(`.${halfStarClass}`) setFullStar(halfStarElement) } } return res } function handleUserLogin() { return window.open( `${window.location.origin}/comments/fr/fetch/user`, "loginob", "width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0" ) } async function handleRate(postID, value, halfStar, halfStarClass, node) { const isPreview = /\/preview\/|\.preview\./.test(window.location.href) if (isPreview) { showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error") return } try { const rateResponse = await rate(postID, value, halfStarClass, node) if (rateResponse.status === 401) { const loginWindow = handleUserLogin() const checkWindowClosed = setInterval(() => { if (loginWindow && loginWindow.closed) { clearInterval(checkWindowClosed) const res = rate(postID, value, halfStarClass) if (res.status !== 200) { showToast("Une erreur est survenue lors du vote","error") } } }, 1000) } } catch (e) { showToast("Une erreur est survenue lors du vote","error") } } </script> </div> </div> <div class="ads_container-atf"> <div class="ads-container half_page"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_c3bc9df"></div> </div> <div class="ads-container half_page"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_4d4cdce"></div> </div> </div> <div class="article article_1173200"> <div class="date-header">1 octobre 2010</div> <a class="article_link" href="http://rorepro.canalblog.com/archives/2010/10/01/19203880.html"> <h2 class="article_title title">Vidéo et 3D abstraite</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/LgK7enRvW7p5NquLzyp7UN9JpPQ=/120x120/smart/filters:no_upscale()/http%3A%2F%2Fstorage.canalblog.com%2F49%2F15%2F689082%2F57543510_o.jpg" alt="Vidéo et 3D abstraite"/> </div> <div class="article_snippet"> Il arrive parfois d'avoir des videos peu concluantes voire sales lors d'un shooting... Bref faut essayer de rattraper tout ça L'idée ici sera d'utiliser la 3D dans laquelle on va mettre les videos comme textures.1) on pose sa composition 3D 2) quand on... </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par soleil012345 à 00:01 - <a href="http://rorepro.canalblog.com/archives/2010/10/01/19203880.html#ob-comments"><span>Commentaires [<span id="comment-count-1173200">…</span><script> ob.commentCount(document.querySelector("#comment-count-1173200"), { resource: "http://rorepro.canalblog.com/api/comment-count/1173200", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://rorepro.canalblog.com/archives/2010/10/01/19203880.html">#</a>] </div> <div class="article_footer_tags"> Tags: <a href="/tag/3d/"><span class="article_footer_tag">3D</span></a>, <a href="/tag/tutoriel/"><span class="article_footer_tag">Tutoriel</span></a>, <a href="/tag/publicite/"><span class="article_footer_tag">publicité</span></a>, <a href="/tag/video/"><span class="article_footer_tag">vidéo</span></a> </div> <h3 class="ob-Shares-title">Partager cet article</h3> <div class="ob-Shares ob-Shares--right ob-Shares--horizontal "> <div class="ob-Shares-facebookShare"> <div class="fb-share-button" data-href="http://rorepro.canalblog.com/archives/2010/10/01/19203880.html" data-layout="button_count"></div> </div> <div class="ob-Shares-twitter"> <a class="twitter-share-button" href="https://twitter.com/share" data-url="http://rorepro.canalblog.com/archives/2010/10/01/19203880.html" data-hashtags="3D,Tutoriel,publicité,vidéo" data-text="Vidéo et 3D abstraite" data-lang="en" ></a> </div> <div class="ob-Shares-pinterest"> <a href="https://pinterest.com/pin/create/button/" data-pin-count="beside" data-pin-color="red" data-pin-config="beside" data-pin-description="Vidéo et 3D abstraite" data-pin-media="http://storage.canalblog.com/49/15/689082/57543510_o.jpg" data-pin-url="http://rorepro.canalblog.com/archives/2010/10/01/19203880.html" target="_BLANK" > <img src="https://assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" /> </a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=Vid%C3%A9o%20et%203D%20abstraite&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Frorepro.canalblog.com%2Farchives%2F2010%2F10%2F01%2F19203880.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_1173200"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_1173200") printElement.addEventListener("click", function() { ob.printPost("Vid\u00e9o et 3D abstraite", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\">Il arrive parfois d'avoir des videos peu concluantes voire sales lors d'un shooting... Bref faut essayer de rattraper tout \u00e7a <br \/>L'id\u00e9e ici sera d'utiliser la 3D dans laquelle on va mettre les videos comme textures.<br \/>1) on pose sa composition 3D <br \/><a href=\"https:\/\/storage.canalblog.com\/49\/15\/689082\/57543510.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/49\/15\/689082\/57543510_p.jpg\" alt=\"01\" width=\"150\" height=\"60\" border=\"0\" \/><\/a><br \/>2) quand on est content de son animation\/image fixe, on sort les diff\u00e9rentes passes de rendus qui vont nous \u00eatre utiles<br \/>(m\u00e9fiez vous, la passe de \"shadow\" ne se voit vraiment que lorsque on la met en alpha, notez que j'ai cliqu\u00e9 sur une petite ic\u00f4ne en noir et blanc dans la fenetre shadow)<br \/><a href=\"https:\/\/storage.canalblog.com\/54\/89\/689082\/57543570.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/54\/89\/689082\/57543570_p.jpg\" alt=\"02\" width=\"150\" height=\"60\" border=\"0\" \/><\/a><\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\">3)On passe ensuite au montage video. Je commence par faire un fond mati\u00e9r\u00e9<\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\"><a href=\"https:\/\/storage.canalblog.com\/11\/97\/689082\/57543600.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/11\/97\/689082\/57543600_p.jpg\" alt=\"03\" width=\"150\" height=\"60\" border=\"0\" \/><\/a><\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\">4) je pose la pass de diffus et son alpha<\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\"><a href=\"https:\/\/storage.canalblog.com\/63\/52\/689082\/57543632.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/63\/52\/689082\/57543632_p.jpg\" alt=\"04\" width=\"150\" height=\"60\" border=\"0\" \/><\/a><\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\">5) je me sert maintenant de la pass de MatID comme masque. Comme elle est color\u00e9e, je la met en noir et blanc en ne s\u00e9lectionnant que la couleur qui m'interesse<\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\"><a href=\"https:\/\/storage.canalblog.com\/44\/92\/689082\/57543712.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/44\/92\/689082\/57543712_p.jpg\" alt=\"06\" width=\"150\" height=\"60\" border=\"0\" \/><\/a><\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\">6) cette pass de matID etant mise en noir et blanc, je m'en sers d'alpha afin de ne mettre des effets que sur que la video<\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\"><a href=\"https:\/\/storage.canalblog.com\/36\/04\/689082\/57543743.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/36\/04\/689082\/57543743_p.jpg\" alt=\"05\" width=\"150\" height=\"60\" border=\"0\" \/><\/a><\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\">7) je rajoute la pass de shadow pour donner + de profondeur\/consistance \u00e0 mes \u00e9l\u00e9ments<\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\"><a href=\"https:\/\/storage.canalblog.com\/28\/20\/689082\/57543790.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/28\/20\/689082\/57543790_p.jpg\" alt=\"07\" width=\"150\" height=\"60\" border=\"0\" \/><\/a><\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\">8) je rajoute des videos de poudres color\u00e9es pour + de \"punch\"<\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\"><a href=\"https:\/\/storage.canalblog.com\/18\/60\/689082\/57543824.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/18\/60\/689082\/57543824_p.jpg\" alt=\"08\" width=\"150\" height=\"60\" border=\"0\" \/><\/a><\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\">9) j'ajoute ensuite la ZDepth (la profondeur de champs) Notez que la pass de zdeoth n'est pas visible mais prise en compte par le logiciel.<\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\"><a href=\"https:\/\/storage.canalblog.com\/63\/74\/689082\/57543875.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/63\/74\/689082\/57543875_p.jpg\" alt=\"09\" width=\"150\" height=\"60\" border=\"0\" \/><\/a><\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\">10) je vais maintenant sur la composition finale<\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\"><a href=\"https:\/\/storage.canalblog.com\/56\/26\/689082\/57543918.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/56\/26\/689082\/57543918_p.jpg\" alt=\"10\" width=\"150\" height=\"60\" border=\"0\" \/><\/a><\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\">11) je termine par des calques d'effets pour uniformiser le tout<\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\"><a href=\"https:\/\/storage.canalblog.com\/42\/62\/689082\/57543933.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/42\/62\/689082\/57543933_p.jpg\" alt=\"11\" width=\"150\" height=\"60\" border=\"0\" \/><\/a><\/p>\r\n<p style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\"> <\/p>\r\n<p style=\"text-align: center;\"><span style=\"font-family: arial, helvetica, sans-serif; font-size: 10pt;\"><iframe src=\"http:\/\/player.vimeo.com\/video\/15421195?title=0&byline=0&portrait=0\" frameborder=\"0\" width=\"400\" height=\"300\"><\/iframe><\/span><\/p>\r\n<p><a href=\"http:\/\/vimeo.com\/15421195\">ADIDAS<\/a> from <a href=\"http:\/\/vimeo.com\/user3090454\">rore<\/a> on <a href=\"http:\/\/vimeo.com\">Vimeo<\/a>.<\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog") }) </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'facebook-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://assets.pinterest.com/js/pinit.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'pinterest-jssdk')); </script> <div class="rating-wrapper"> <div class="rating-wording">Vous aimez ?</div> <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-star" viewBox="0 0 26 28"> <path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path> </symbol> <linearGradient id="grad"> <stop offset="50%" stop-color="#ffc41f"/> <stop offset="50%" stop-color="#9f9f9f"/> </linearGradient> </defs> </svg> <form class="stars"> <input class="stars-input" type="radio" name="rating" value="5" id="rating-5-1173200" > <label class="stars-view stars-view-5-1173200 " for="rating-5-1173200" onclick="handleRate(1173200, 5, 0, 'stars-view-5-1173200', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="4" id="rating-4-1173200" > <label class="stars-view stars-view-4-1173200 " for="rating-4-1173200" onclick="handleRate(1173200, 4, 0, 'stars-view-4-1173200', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="3" id="rating-3-1173200" > <label class="stars-view stars-view-3-1173200 " for="rating-3-1173200" onclick="handleRate(1173200, 3, 0, 'stars-view-3-1173200', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="2" id="rating-2-1173200" > <label class="stars-view stars-view-2-1173200 " for="rating-2-1173200" onclick="handleRate(1173200, 2, 0, 'stars-view-2-1173200', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="1" id="rating-1-1173200" > <label class="stars-view stars-view-1-1173200 " for="rating-1-1173200" onclick="handleRate(1173200, 1, 0, 'stars-view-1-1173200', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-1173200"> 0 vote </div> </div> <script defer async> function setFullStar(halfStarElement) { halfStarElement.classList.add('star-chosen') } function setRaters(ratersElement, raters) { ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote` } function createToaster() { const toaster = document.createElement('div') toaster.classList.add('rating-toaster') document.body.appendChild(toaster) return toaster } function showToast(message, status) { const toaster = createToaster() toaster.textContent = message toaster.classList.add('show-rating-toaster') if (status === "success") { toaster.style.backgroundColor = "#E5F4EF" toaster.style.color = "#1D8C65" } else { toaster.style.backgroundColor = "#FFB5B5" toaster.style.color = "#6F0000" } setTimeout(() => { toaster.classList.remove('show-rating-toaster') }, 3000) } async function rate(postID, value, halfStarClass, node) { const res = await fetch(`/api/section-container/rate/${postID}/${value}`, { method: "POST", headers: { "Content-Type": "application/json", }, credentials: 'include', }) if (res.ok) { const data = await res.json() const ratersNumber = document.querySelector(`.rating-raters-${postID}`) setRaters(ratersNumber, data.raters) showToast("Votre vote est pris en compte","success") if (node.classList.contains("half-star")) { const halfStarElement = document.querySelector(`.${halfStarClass}`) setFullStar(halfStarElement) } } return res } function handleUserLogin() { return window.open( `${window.location.origin}/comments/fr/fetch/user`, "loginob", "width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0" ) } async function handleRate(postID, value, halfStar, halfStarClass, node) { const isPreview = /\/preview\/|\.preview\./.test(window.location.href) if (isPreview) { showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error") return } try { const rateResponse = await rate(postID, value, halfStarClass, node) if (rateResponse.status === 401) { const loginWindow = handleUserLogin() const checkWindowClosed = setInterval(() => { if (loginWindow && loginWindow.closed) { clearInterval(checkWindowClosed) const res = rate(postID, value, halfStarClass) if (res.status !== 200) { showToast("Une erreur est survenue lors du vote","error") } } }, 1000) } } catch (e) { showToast("Une erreur est survenue lors du vote","error") } } </script> </div> </div> <div class="ads_container-atf"> </div> <div class="article article_1173191"> <div class="date-header">9 juillet 2010</div> <a class="article_link" href="http://rorepro.canalblog.com/archives/2010/07/09/18190728.html"> <h2 class="article_title title">"Hello Kitty"</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/UFEH3L6rUy-8O9UW6HHygrwot3o=/120x120/smart/filters:no_upscale()/http%3A%2F%2Fstorage.canalblog.com%2F61%2F40%2F689082%2F54011794_o.jpg" alt=""Hello Kitty""/> </div> <div class="article_snippet"> Il existe 2 sortes d'Hello Kitty. La 1ere, la plus connue, est la Kitty née de l'univers japonais, l'originelle, qui a gardé ses droits sur les produits dérivés tels que les bonbons et autres friandises nippones. Mais il existe une autre Hello Kitty.... </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par soleil012345 à 00:01 - <a href="http://rorepro.canalblog.com/archives/2010/07/09/18190728.html#ob-comments"><span>Commentaires [<span id="comment-count-1173191">…</span><script> ob.commentCount(document.querySelector("#comment-count-1173191"), { resource: "http://rorepro.canalblog.com/api/comment-count/1173191", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://rorepro.canalblog.com/archives/2010/07/09/18190728.html">#</a>] </div> <div class="article_footer_tags"> Tags: <a href="/tag/3d/"><span class="article_footer_tag">3D</span></a>, <a href="/tag/publicite/"><span class="article_footer_tag">publicité</span></a>, <a href="/tag/video/"><span class="article_footer_tag">vidéo</span></a> </div> <h3 class="ob-Shares-title">Partager cet article</h3> <div class="ob-Shares ob-Shares--right ob-Shares--horizontal "> <div class="ob-Shares-facebookShare"> <div class="fb-share-button" data-href="http://rorepro.canalblog.com/archives/2010/07/09/18190728.html" data-layout="button_count"></div> </div> <div class="ob-Shares-twitter"> <a class="twitter-share-button" href="https://twitter.com/share" data-url="http://rorepro.canalblog.com/archives/2010/07/09/18190728.html" data-hashtags="3D,publicité,vidéo" data-text="&quot;Hello Kitty&quot;" data-lang="en" ></a> </div> <div class="ob-Shares-pinterest"> <a href="https://pinterest.com/pin/create/button/" data-pin-count="beside" data-pin-color="red" data-pin-config="beside" data-pin-description="&quot;Hello Kitty&quot;" data-pin-media="http://storage.canalblog.com/61/40/689082/54011794_o.jpg" data-pin-url="http://rorepro.canalblog.com/archives/2010/07/09/18190728.html" target="_BLANK" > <img src="https://assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" /> </a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=%26quot%3BHello%20Kitty%26quot%3B&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Frorepro.canalblog.com%2Farchives%2F2010%2F07%2F09%2F18190728.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_1173191"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_1173191") printElement.addEventListener("click", function() { ob.printPost("\"Hello Kitty\"", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p style=\"text-align: center;\"><span style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 10pt;\">Il existe 2 sortes d'Hello Kitty. La 1ere, la plus connue, est la Kitty n\u00e9e de l'univers japonais, l'originelle, qui a gard\u00e9 ses droits sur les produits d\u00e9riv\u00e9s tels que les bonbons et autres friandises nippones.<\/span><br \/><span style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 10pt;\">Mais il existe une autre Hello Kitty. Visuellement c'est la m\u00eame, c'est juste que la marque d'origine a vendu ses droits \u00e0 Victoria couture, une marque anglaise tr\u00e8s haut de gamme (genre 100\u20ac le t-shirt). Quand on travaille pour Hello Kitty, on a toujours envie de faire bouger ce personnage dans un univers manga \u00e9dulcor\u00e9 et d\u00e9lirant... Malheureusement la marque anglaise n'appr\u00e9cie pas du tout qu'on les rattache \u00e0 cet univers dit \"manga\". Pourquoi? Tout simplement parce que leur cible de client\u00e8le sont les femmes de 25 \u00e0 40 ans. Forc\u00e9ment les paillettes passent mieux que les couleurs vives. Il a donc fallu trouver une id\u00e9e pour mettre les produits de la marque en avant tout en leur donnant un c\u00f4t\u00e9 \"hupp\u00e9\". Ma solution? une Kitty en 3D avec rendu 2D (rendu sp\u00e9cial int\u00e9gr\u00e9 dans le logiciel 3D, du nom de \"ink and paint\") en chef d'orchestre.<\/span><br \/><span style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 10pt;\">En image fixe, \u00e7a donne \u00e7a:<\/span><br \/><a style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\" href=\"https:\/\/storage.canalblog.com\/61\/40\/689082\/54011794.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/61\/40\/689082\/54011794_p.jpg\" alt=\"kitty_01\" width=\"150\" height=\"82\" border=\"0\" \/> <\/a><a style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\" href=\"https:\/\/storage.canalblog.com\/78\/39\/689082\/54011798.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/78\/39\/689082\/54011798_p.jpg\" alt=\"kitty_02\" width=\"150\" height=\"82\" border=\"0\" \/> <\/a><a style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\" href=\"https:\/\/storage.canalblog.com\/07\/00\/689082\/54011805.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/07\/00\/689082\/54011805_p.jpg\" alt=\"kitty_03\" width=\"150\" height=\"82\" border=\"0\" \/> <\/a><a style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\" href=\"https:\/\/storage.canalblog.com\/96\/53\/689082\/54011808.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/96\/53\/689082\/54011808_p.jpg\" alt=\"kitty_04\" width=\"150\" height=\"82\" border=\"0\" \/> <\/a><a style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\" href=\"https:\/\/storage.canalblog.com\/62\/94\/689082\/54011816.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/62\/94\/689082\/54011816_p.jpg\" alt=\"kitty_05\" width=\"150\" height=\"82\" border=\"0\" \/><\/a><br \/><br \/><iframe src=\"http:\/\/player.vimeo.com\/video\/12391929?title=0&byline=0&portrait=0\" frameborder=\"0\" width=\"400\" height=\"300\"><\/iframe><\/p>\r\n<p><a href=\"http:\/\/vimeo.com\/12391929\">hello kitty<\/a> from <a href=\"http:\/\/vimeo.com\/user3090454\">rore<\/a> on <a href=\"http:\/\/vimeo.com\">Vimeo<\/a>.<\/p>\r\n<p style=\"text-align: center;\"> <\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog") }) </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'facebook-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://assets.pinterest.com/js/pinit.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'pinterest-jssdk')); </script> <div class="rating-wrapper"> <div class="rating-wording">Vous aimez ?</div> <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-star" viewBox="0 0 26 28"> <path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path> </symbol> <linearGradient id="grad"> <stop offset="50%" stop-color="#ffc41f"/> <stop offset="50%" stop-color="#9f9f9f"/> </linearGradient> </defs> </svg> <form class="stars"> <input class="stars-input" type="radio" name="rating" value="5" id="rating-5-1173191" > <label class="stars-view stars-view-5-1173191 " for="rating-5-1173191" onclick="handleRate(1173191, 5, 0, 'stars-view-5-1173191', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="4" id="rating-4-1173191" > <label class="stars-view stars-view-4-1173191 " for="rating-4-1173191" onclick="handleRate(1173191, 4, 0, 'stars-view-4-1173191', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="3" id="rating-3-1173191" > <label class="stars-view stars-view-3-1173191 " for="rating-3-1173191" onclick="handleRate(1173191, 3, 0, 'stars-view-3-1173191', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="2" id="rating-2-1173191" > <label class="stars-view stars-view-2-1173191 " for="rating-2-1173191" onclick="handleRate(1173191, 2, 0, 'stars-view-2-1173191', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="1" id="rating-1-1173191" > <label class="stars-view stars-view-1-1173191 " for="rating-1-1173191" onclick="handleRate(1173191, 1, 0, 'stars-view-1-1173191', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-1173191"> 0 vote </div> </div> <script defer async> function setFullStar(halfStarElement) { halfStarElement.classList.add('star-chosen') } function setRaters(ratersElement, raters) { ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote` } function createToaster() { const toaster = document.createElement('div') toaster.classList.add('rating-toaster') document.body.appendChild(toaster) return toaster } function showToast(message, status) { const toaster = createToaster() toaster.textContent = message toaster.classList.add('show-rating-toaster') if (status === "success") { toaster.style.backgroundColor = "#E5F4EF" toaster.style.color = "#1D8C65" } else { toaster.style.backgroundColor = "#FFB5B5" toaster.style.color = "#6F0000" } setTimeout(() => { toaster.classList.remove('show-rating-toaster') }, 3000) } async function rate(postID, value, halfStarClass, node) { const res = await fetch(`/api/section-container/rate/${postID}/${value}`, { method: "POST", headers: { "Content-Type": "application/json", }, credentials: 'include', }) if (res.ok) { const data = await res.json() const ratersNumber = document.querySelector(`.rating-raters-${postID}`) setRaters(ratersNumber, data.raters) showToast("Votre vote est pris en compte","success") if (node.classList.contains("half-star")) { const halfStarElement = document.querySelector(`.${halfStarClass}`) setFullStar(halfStarElement) } } return res } function handleUserLogin() { return window.open( `${window.location.origin}/comments/fr/fetch/user`, "loginob", "width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0" ) } async function handleRate(postID, value, halfStar, halfStarClass, node) { const isPreview = /\/preview\/|\.preview\./.test(window.location.href) if (isPreview) { showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error") return } try { const rateResponse = await rate(postID, value, halfStarClass, node) if (rateResponse.status === 401) { const loginWindow = handleUserLogin() const checkWindowClosed = setInterval(() => { if (loginWindow && loginWindow.closed) { clearInterval(checkWindowClosed) const res = rate(postID, value, halfStarClass) if (res.status !== 200) { showToast("Une erreur est survenue lors du vote","error") } } }, 1000) } } catch (e) { showToast("Une erreur est survenue lors du vote","error") } } </script> </div> </div> <div class="ads_container-atf"> </div> <div class="article article_1173196"> <div class="date-header">2 juillet 2010</div> <a class="article_link" href="http://rorepro.canalblog.com/archives/2010/07/02/18190522.html"> <h2 class="article_title title">3D simple (texture animée)</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/wVnpBvFnIWTtxl5MYui_ZfhL4SY=/120x120/smart/filters:no_upscale()/http%3A%2F%2Fstorage.canalblog.com%2F51%2F03%2F689082%2F54011483_o.jpg" alt="3D simple (texture animée)"/> </div> <div class="article_snippet"> Pour cette bande annonce j'ai modélisé un Nabaztag. Comme j'ai voulu le faire chanter et lui faire cligner des yeux, j'ai créé sous after effect une petit vidéo simple d'un œil qui cligne et d'une bouche qui s'agrandit et se referme pour donner l'impression... </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par soleil012345 à 00:01 - <a href="http://rorepro.canalblog.com/archives/2010/07/02/18190522.html#ob-comments"><span>Commentaires [<span id="comment-count-1173196">…</span><script> ob.commentCount(document.querySelector("#comment-count-1173196"), { resource: "http://rorepro.canalblog.com/api/comment-count/1173196", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://rorepro.canalblog.com/archives/2010/07/02/18190522.html">#</a>] </div> <div class="article_footer_tags"> Tags: <a href="/tag/3d/"><span class="article_footer_tag">3D</span></a>, <a href="/tag/publicite/"><span class="article_footer_tag">publicité</span></a>, <a href="/tag/video/"><span class="article_footer_tag">vidéo</span></a> </div> <h3 class="ob-Shares-title">Partager cet article</h3> <div class="ob-Shares ob-Shares--right ob-Shares--horizontal "> <div class="ob-Shares-facebookShare"> <div class="fb-share-button" data-href="http://rorepro.canalblog.com/archives/2010/07/02/18190522.html" data-layout="button_count"></div> </div> <div class="ob-Shares-twitter"> <a class="twitter-share-button" href="https://twitter.com/share" data-url="http://rorepro.canalblog.com/archives/2010/07/02/18190522.html" data-hashtags="3D,publicité,vidéo" data-text="3D simple (texture animée)" data-lang="en" ></a> </div> <div class="ob-Shares-pinterest"> <a href="https://pinterest.com/pin/create/button/" data-pin-count="beside" data-pin-color="red" data-pin-config="beside" data-pin-description="3D simple (texture animée)" data-pin-media="http://storage.canalblog.com/51/03/689082/54011483_o.jpg" data-pin-url="http://rorepro.canalblog.com/archives/2010/07/02/18190522.html" target="_BLANK" > <img src="https://assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" /> </a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=3D%20simple%20%28texture%20anim%C3%A9e%29&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Frorepro.canalblog.com%2Farchives%2F2010%2F07%2F02%2F18190522.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_1173196"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_1173196") printElement.addEventListener("click", function() { ob.printPost("3D simple (texture anim\u00e9e)", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p style=\"text-align: center;\"><span style=\"font-size: 10pt;\">Pour cette bande annonce j'ai mod\u00e9lis\u00e9 un Nabaztag. Comme j'ai voulu le faire chanter et lui faire cligner des yeux, j'ai cr\u00e9\u00e9 sous after effect une petit vid\u00e9o simple d'un \u0153il qui cligne et d'une bouche qui s'agrandit et se referme pour donner l'impression de chanter. J'ai donc 2 textures anim\u00e9es: une bouche qui chante, un \u0153il (qui servira pour les deux yeux) qui cligne. <\/span><br \/><span style=\"font-size: 10pt;\">Faite les vid\u00e9os 2 fois+longues que le temps dont vous aurez besoin sous le logiciel 3D.<\/span><\/p>\r\n<p style=\"text-align: center;\"><span style=\"font-size: 10pt;\"><br \/><\/span><a style=\"font-size: 13px;\" href=\"https:\/\/storage.canalblog.com\/51\/03\/689082\/54011483.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/51\/03\/689082\/54011483_p.jpg\" alt=\"mindscape_01\" width=\"150\" height=\"82\" border=\"0\" \/> <\/a><a style=\"font-size: 13px;\" href=\"https:\/\/storage.canalblog.com\/60\/77\/689082\/54011490.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/60\/77\/689082\/54011490_p.jpg\" alt=\"mindscape_02\" width=\"150\" height=\"82\" border=\"0\" \/> <\/a><a style=\"font-size: 13px;\" href=\"https:\/\/storage.canalblog.com\/78\/00\/689082\/54011496.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/78\/00\/689082\/54011496_p.jpg\" alt=\"mindscape_03\" width=\"150\" height=\"82\" border=\"0\" \/> <\/a><a style=\"font-size: 13px;\" href=\"https:\/\/storage.canalblog.com\/98\/15\/689082\/54011500.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/98\/15\/689082\/54011500_p.jpg\" alt=\"mindscape_04\" width=\"150\" height=\"82\" border=\"0\" \/> <\/a><a style=\"font-size: 13px;\" href=\"https:\/\/storage.canalblog.com\/06\/56\/689082\/54011505.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/06\/56\/689082\/54011505_p.jpg\" alt=\"mindscape_05\" width=\"150\" height=\"82\" border=\"0\" \/> <\/a><a style=\"font-size: 13px;\" href=\"https:\/\/storage.canalblog.com\/56\/28\/689082\/54011508.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/56\/28\/689082\/54011508_p.jpg\" alt=\"mindscape_06\" width=\"150\" height=\"82\" border=\"0\" \/> <\/a><a style=\"font-size: 13px;\" href=\"https:\/\/storage.canalblog.com\/59\/18\/689082\/54011516.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/59\/18\/689082\/54011516_p.jpg\" alt=\"mindscape_07\" width=\"150\" height=\"82\" border=\"0\" \/> <\/a><br \/><br \/><\/p>\r\n<p style=\"text-align: center;\"><span style=\"font-family: arial, helvetica, sans-serif;\"><span class=\"Apple-style-span\" style=\"font-size: 11px;\"><iframe src=\"http:\/\/player.vimeo.com\/video\/12391960?title=0&byline=0&portrait=0\" frameborder=\"0\" width=\"400\" height=\"300\"><\/iframe><\/span><\/span><\/p>\r\n<p><a href=\"http:\/\/vimeo.com\/12391960\">Mindscape<\/a> from <a href=\"http:\/\/vimeo.com\/user3090454\">rore<\/a> on <a href=\"http:\/\/vimeo.com\">Vimeo<\/a>.<\/p>\r\n<p style=\"text-align: center;\"><span style=\"font-family: arial, helvetica, sans-serif;\"><span class=\"Apple-style-span\" style=\"font-size: 11px;\"><br \/><\/span><\/span><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog") }) </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'facebook-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://assets.pinterest.com/js/pinit.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'pinterest-jssdk')); </script> <div class="rating-wrapper"> <div class="rating-wording">Vous aimez ?</div> <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-star" viewBox="0 0 26 28"> <path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path> </symbol> <linearGradient id="grad"> <stop offset="50%" stop-color="#ffc41f"/> <stop offset="50%" stop-color="#9f9f9f"/> </linearGradient> </defs> </svg> <form class="stars"> <input class="stars-input" type="radio" name="rating" value="5" id="rating-5-1173196" > <label class="stars-view stars-view-5-1173196 " for="rating-5-1173196" onclick="handleRate(1173196, 5, 0, 'stars-view-5-1173196', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="4" id="rating-4-1173196" > <label class="stars-view stars-view-4-1173196 " for="rating-4-1173196" onclick="handleRate(1173196, 4, 0, 'stars-view-4-1173196', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="3" id="rating-3-1173196" > <label class="stars-view stars-view-3-1173196 " for="rating-3-1173196" onclick="handleRate(1173196, 3, 0, 'stars-view-3-1173196', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="2" id="rating-2-1173196" > <label class="stars-view stars-view-2-1173196 " for="rating-2-1173196" onclick="handleRate(1173196, 2, 0, 'stars-view-2-1173196', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="1" id="rating-1-1173196" > <label class="stars-view stars-view-1-1173196 " for="rating-1-1173196" onclick="handleRate(1173196, 1, 0, 'stars-view-1-1173196', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-1173196"> 0 vote </div> </div> <script defer async> function setFullStar(halfStarElement) { halfStarElement.classList.add('star-chosen') } function setRaters(ratersElement, raters) { ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote` } function createToaster() { const toaster = document.createElement('div') toaster.classList.add('rating-toaster') document.body.appendChild(toaster) return toaster } function showToast(message, status) { const toaster = createToaster() toaster.textContent = message toaster.classList.add('show-rating-toaster') if (status === "success") { toaster.style.backgroundColor = "#E5F4EF" toaster.style.color = "#1D8C65" } else { toaster.style.backgroundColor = "#FFB5B5" toaster.style.color = "#6F0000" } setTimeout(() => { toaster.classList.remove('show-rating-toaster') }, 3000) } async function rate(postID, value, halfStarClass, node) { const res = await fetch(`/api/section-container/rate/${postID}/${value}`, { method: "POST", headers: { "Content-Type": "application/json", }, credentials: 'include', }) if (res.ok) { const data = await res.json() const ratersNumber = document.querySelector(`.rating-raters-${postID}`) setRaters(ratersNumber, data.raters) showToast("Votre vote est pris en compte","success") if (node.classList.contains("half-star")) { const halfStarElement = document.querySelector(`.${halfStarClass}`) setFullStar(halfStarElement) } } return res } function handleUserLogin() { return window.open( `${window.location.origin}/comments/fr/fetch/user`, "loginob", "width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0" ) } async function handleRate(postID, value, halfStar, halfStarClass, node) { const isPreview = /\/preview\/|\.preview\./.test(window.location.href) if (isPreview) { showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error") return } try { const rateResponse = await rate(postID, value, halfStarClass, node) if (rateResponse.status === 401) { const loginWindow = handleUserLogin() const checkWindowClosed = setInterval(() => { if (loginWindow && loginWindow.closed) { clearInterval(checkWindowClosed) const res = rate(postID, value, halfStarClass) if (res.status !== 200) { showToast("Une erreur est survenue lors du vote","error") } } }, 1000) } } catch (e) { showToast("Une erreur est survenue lors du vote","error") } } </script> </div> </div> <div class="ads_container-atf"> </div> <div class="article article_1173193"> <div class="date-header">25 juin 2010</div> <a class="article_link" href="http://rorepro.canalblog.com/archives/2010/06/25/18190380.html"> <h2 class="article_title title">Melting Pot de techniques</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/sgAOpLi3q8ZGdVvWNvedUakMq_4=/120x120/smart/filters:no_upscale()/http%3A%2F%2Fstorage.canalblog.com%2F75%2F55%2F689082%2F54011068_o.jpg" alt="Melting Pot de techniques"/> </div> <div class="article_snippet"> Dans cette bande annonce j'ai utilisé plusieurs techniques: 3D illustration classique travaillée ensuite sous after effect et sa profondeur caméra: photomontage, composition simple: stop motion: L'appareil photo a été tourné sur lui même lors du shooting... </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par soleil012345 à 00:01 - <a href="http://rorepro.canalblog.com/archives/2010/06/25/18190380.html#ob-comments"><span>Commentaires [<span id="comment-count-1173193">…</span><script> ob.commentCount(document.querySelector("#comment-count-1173193"), { resource: "http://rorepro.canalblog.com/api/comment-count/1173193", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://rorepro.canalblog.com/archives/2010/06/25/18190380.html">#</a>] </div> <div class="article_footer_tags"> Tags: <a href="/tag/publicite/"><span class="article_footer_tag">publicité</span></a>, <a href="/tag/video/"><span class="article_footer_tag">vidéo</span></a>, <a href="/tag/astuces/"><span class="article_footer_tag">astuces</span></a> </div> <h3 class="ob-Shares-title">Partager cet article</h3> <div class="ob-Shares ob-Shares--right ob-Shares--horizontal "> <div class="ob-Shares-facebookShare"> <div class="fb-share-button" data-href="http://rorepro.canalblog.com/archives/2010/06/25/18190380.html" data-layout="button_count"></div> </div> <div class="ob-Shares-twitter"> <a class="twitter-share-button" href="https://twitter.com/share" data-url="http://rorepro.canalblog.com/archives/2010/06/25/18190380.html" data-hashtags="publicité,vidéo,astuces" data-text="Melting Pot de techniques" data-lang="en" ></a> </div> <div class="ob-Shares-pinterest"> <a href="https://pinterest.com/pin/create/button/" data-pin-count="beside" data-pin-color="red" data-pin-config="beside" data-pin-description="Melting Pot de techniques" data-pin-media="http://storage.canalblog.com/75/55/689082/54011068_o.jpg" data-pin-url="http://rorepro.canalblog.com/archives/2010/06/25/18190380.html" target="_BLANK" > <img src="https://assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" /> </a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=Melting%20Pot%20de%20techniques&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Frorepro.canalblog.com%2Farchives%2F2010%2F06%2F25%2F18190380.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_1173193"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_1173193") printElement.addEventListener("click", function() { ob.printPost("Melting Pot de techniques", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p style=\"text-align: center;\"><span style=\"font-size: 10pt;\">Dans cette bande annonce j'ai utilis\u00e9 plusieurs techniques:<\/span><br \/><strong><span style=\"font-size: 10pt;\"> 3D<\/span><\/strong><br \/><a style=\"font-size: 13px;\" href=\"https:\/\/storage.canalblog.com\/75\/55\/689082\/54011068.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/75\/55\/689082\/54011068_p.jpg\" alt=\"kodak01\" width=\"150\" height=\"83\" border=\"0\" \/><\/a><br \/><span style=\"font-size: 10pt;\"> <strong>illustration classique travaill\u00e9e ensuite sous after effect et sa profondeur cam\u00e9ra<\/strong>:<\/span><br \/><a style=\"font-size: 13px;\" href=\"https:\/\/storage.canalblog.com\/06\/65\/689082\/54011083.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/06\/65\/689082\/54011083_p.jpg\" alt=\"kodak02\" width=\"150\" height=\"83\" border=\"0\" \/> <\/a><a style=\"font-size: 13px;\" href=\"https:\/\/storage.canalblog.com\/99\/22\/689082\/54011087.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/99\/22\/689082\/54011087_p.jpg\" alt=\"kodak03\" width=\"150\" height=\"120\" border=\"0\" \/><\/a><br \/><br \/><span style=\"font-size: 10pt;\"><strong>photomontage, composition simple:<\/strong><\/span><br \/><a style=\"font-size: 13px;\" href=\"https:\/\/storage.canalblog.com\/04\/76\/689082\/54011092.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/04\/76\/689082\/54011092_p.jpg\" alt=\"kodak04\" width=\"150\" height=\"83\" border=\"0\" \/><\/a><br \/><br \/><span style=\"font-size: 10pt;\"><strong>stop motion:<\/strong><\/span><br \/><a style=\"font-size: 13px;\" href=\"https:\/\/storage.canalblog.com\/49\/15\/689082\/54011114.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/49\/15\/689082\/54011114_p.jpg\" alt=\"kodak05\" width=\"150\" height=\"83\" border=\"0\" \/> <\/a><a style=\"font-size: 13px;\" href=\"https:\/\/storage.canalblog.com\/93\/32\/689082\/54011122.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/93\/32\/689082\/54011122_p.jpg\" alt=\"kodak06\" width=\"150\" height=\"120\" border=\"0\" \/> <\/a><br \/><span style=\"font-size: 10pt;\">L'appareil photo a \u00e9t\u00e9 tourn\u00e9 sur lui m\u00eame lors du shooting<\/span><br \/><br \/><span style=\"font-size: 10pt;\"><strong>3D after effects:<\/strong><\/span><br \/><a style=\"font-size: 13px;\" href=\"https:\/\/storage.canalblog.com\/90\/91\/689082\/54011152.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/90\/91\/689082\/54011152_p.jpg\" alt=\"kodak09\" width=\"150\" height=\"83\" border=\"0\" \/> <\/a><a style=\"font-size: 13px;\" href=\"https:\/\/storage.canalblog.com\/81\/33\/689082\/54011159.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/81\/33\/689082\/54011159_p.jpg\" alt=\"kodak08\" width=\"150\" height=\"83\" border=\"0\" \/> <\/a><a style=\"font-size: 13px;\" href=\"https:\/\/storage.canalblog.com\/29\/48\/689082\/54011167.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/29\/48\/689082\/54011167_p.jpg\" alt=\"kodak10\" width=\"150\" height=\"120\" border=\"0\" \/><\/a><br \/><span style=\"font-size: 10pt;\">La photo a \u00e9t\u00e9 d\u00e9coup\u00e9e en plusieurs morceaux (10) puis dispos\u00e9s de fa\u00e7on \u00e0 ce que dans la vue cam\u00e9ra les morceaux se superposent \u00e0 leur place respectives<\/span><br \/><br \/><span style=\"font-size: 10pt;\"><strong>animation simple 2D<\/strong><\/span><br \/><a style=\"font-size: 13px;\" href=\"https:\/\/storage.canalblog.com\/31\/76\/689082\/54011214.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/31\/76\/689082\/54011214_p.jpg\" alt=\"kodak07\" width=\"150\" height=\"83\" border=\"0\" \/><\/a><br \/><span style=\"font-size: 10pt;\">Les 2 appareils photos tournent et sur eux m\u00eame en stop motion, les yeux clignent, les lettres vibrent.<\/span><br \/><br \/><span style=\"font-size: 10pt;\">Il ne manquent plus que de la vid\u00e9o... mais bon on n'avait aucun budget pour cette bande annonce, donc il a fallu trouver une id\u00e9e graphique et aller au + simple.<\/span><\/p>\r\n<p style=\"text-align: center;\"><span style=\"font-family: arial, helvetica, sans-serif;\"><span class=\"Apple-style-span\" style=\"font-size: 11px;\"><iframe src=\"http:\/\/player.vimeo.com\/video\/12390567?title=0&byline=0&portrait=0\" frameborder=\"0\" width=\"400\" height=\"300\"><\/iframe><\/span><\/span><\/p>\r\n<p><a href=\"http:\/\/vimeo.com\/12390567\">kodak<\/a> from <a href=\"http:\/\/vimeo.com\/user3090454\">rore<\/a> on <a href=\"http:\/\/vimeo.com\">Vimeo<\/a>.<\/p>\r\n<p style=\"text-align: center;\"><span style=\"font-family: arial, helvetica, sans-serif;\"><span class=\"Apple-style-span\" style=\"font-size: 11px;\"><br \/><\/span><\/span><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog") }) </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'facebook-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://assets.pinterest.com/js/pinit.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'pinterest-jssdk')); </script> <div class="rating-wrapper"> <div class="rating-wording">Vous aimez ?</div> <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-star" viewBox="0 0 26 28"> <path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path> </symbol> <linearGradient id="grad"> <stop offset="50%" stop-color="#ffc41f"/> <stop offset="50%" stop-color="#9f9f9f"/> </linearGradient> </defs> </svg> <form class="stars"> <input class="stars-input" type="radio" name="rating" value="5" id="rating-5-1173193" > <label class="stars-view stars-view-5-1173193 " for="rating-5-1173193" onclick="handleRate(1173193, 5, 0, 'stars-view-5-1173193', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="4" id="rating-4-1173193" > <label class="stars-view stars-view-4-1173193 " for="rating-4-1173193" onclick="handleRate(1173193, 4, 0, 'stars-view-4-1173193', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="3" id="rating-3-1173193" > <label class="stars-view stars-view-3-1173193 " for="rating-3-1173193" onclick="handleRate(1173193, 3, 0, 'stars-view-3-1173193', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="2" id="rating-2-1173193" > <label class="stars-view stars-view-2-1173193 " for="rating-2-1173193" onclick="handleRate(1173193, 2, 0, 'stars-view-2-1173193', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="1" id="rating-1-1173193" > <label class="stars-view stars-view-1-1173193 " for="rating-1-1173193" onclick="handleRate(1173193, 1, 0, 'stars-view-1-1173193', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-1173193"> 0 vote </div> </div> <script defer async> function setFullStar(halfStarElement) { halfStarElement.classList.add('star-chosen') } function setRaters(ratersElement, raters) { ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote` } function createToaster() { const toaster = document.createElement('div') toaster.classList.add('rating-toaster') document.body.appendChild(toaster) return toaster } function showToast(message, status) { const toaster = createToaster() toaster.textContent = message toaster.classList.add('show-rating-toaster') if (status === "success") { toaster.style.backgroundColor = "#E5F4EF" toaster.style.color = "#1D8C65" } else { toaster.style.backgroundColor = "#FFB5B5" toaster.style.color = "#6F0000" } setTimeout(() => { toaster.classList.remove('show-rating-toaster') }, 3000) } async function rate(postID, value, halfStarClass, node) { const res = await fetch(`/api/section-container/rate/${postID}/${value}`, { method: "POST", headers: { "Content-Type": "application/json", }, credentials: 'include', }) if (res.ok) { const data = await res.json() const ratersNumber = document.querySelector(`.rating-raters-${postID}`) setRaters(ratersNumber, data.raters) showToast("Votre vote est pris en compte","success") if (node.classList.contains("half-star")) { const halfStarElement = document.querySelector(`.${halfStarClass}`) setFullStar(halfStarElement) } } return res } function handleUserLogin() { return window.open( `${window.location.origin}/comments/fr/fetch/user`, "loginob", "width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0" ) } async function handleRate(postID, value, halfStar, halfStarClass, node) { const isPreview = /\/preview\/|\.preview\./.test(window.location.href) if (isPreview) { showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error") return } try { const rateResponse = await rate(postID, value, halfStarClass, node) if (rateResponse.status === 401) { const loginWindow = handleUserLogin() const checkWindowClosed = setInterval(() => { if (loginWindow && loginWindow.closed) { clearInterval(checkWindowClosed) const res = rate(postID, value, halfStarClass) if (res.status !== 200) { showToast("Une erreur est survenue lors du vote","error") } } }, 1000) } } catch (e) { showToast("Une erreur est survenue lors du vote","error") } } </script> </div> </div> <div class="ads_container-atf"> </div> <div class="article article_1173188"> <div class="date-header">18 juin 2010</div> <a class="article_link" href="http://rorepro.canalblog.com/archives/2010/06/18/18190226.html"> <h2 class="article_title title">Illustration pour animation</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/GhyurGfLO7BclTx4-WngekGmys0=/120x120/smart/filters:no_upscale()/http%3A%2F%2Fstorage.canalblog.com%2F47%2F61%2F689082%2F54010830_o.jpg" alt="Illustration pour animation"/> </div> <div class="article_snippet"> Quand on fait une illustration on travaille directement dans l'image la profondeur de champs. Pour de l'animation on va tout lisser avec des dessins au trait net, pour ensuite pouvoir les flouter en jouant sur la profondeur de champs automatique de la... </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par soleil012345 à 00:01 - <a href="http://rorepro.canalblog.com/archives/2010/06/18/18190226.html#ob-comments"><span>Commentaires [<span id="comment-count-1173188">…</span><script> ob.commentCount(document.querySelector("#comment-count-1173188"), { resource: "http://rorepro.canalblog.com/api/comment-count/1173188", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://rorepro.canalblog.com/archives/2010/06/18/18190226.html">#</a>] </div> <div class="article_footer_tags"> Tags: <a href="/tag/tutoriel/"><span class="article_footer_tag">Tutoriel</span></a>, <a href="/tag/publicite/"><span class="article_footer_tag">publicité</span></a>, <a href="/tag/video/"><span class="article_footer_tag">vidéo</span></a>, <a href="/tag/illustrations/"><span class="article_footer_tag">illustrations</span></a> </div> <h3 class="ob-Shares-title">Partager cet article</h3> <div class="ob-Shares ob-Shares--right ob-Shares--horizontal "> <div class="ob-Shares-facebookShare"> <div class="fb-share-button" data-href="http://rorepro.canalblog.com/archives/2010/06/18/18190226.html" data-layout="button_count"></div> </div> <div class="ob-Shares-twitter"> <a class="twitter-share-button" href="https://twitter.com/share" data-url="http://rorepro.canalblog.com/archives/2010/06/18/18190226.html" data-hashtags="Tutoriel,publicité,vidéo,illustrations" data-text="Illustration pour animation" data-lang="en" ></a> </div> <div class="ob-Shares-pinterest"> <a href="https://pinterest.com/pin/create/button/" data-pin-count="beside" data-pin-color="red" data-pin-config="beside" data-pin-description="Illustration pour animation" data-pin-media="http://storage.canalblog.com/47/61/689082/54010830_o.jpg" data-pin-url="http://rorepro.canalblog.com/archives/2010/06/18/18190226.html" target="_BLANK" > <img src="https://assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" /> </a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=Illustration%20pour%20animation&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Frorepro.canalblog.com%2Farchives%2F2010%2F06%2F18%2F18190226.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_1173188"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_1173188") printElement.addEventListener("click", function() { ob.printPost("Illustration pour animation", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p style=\"text-align: center;\"><span style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 10pt;\">Quand on fait une illustration on travaille directement dans l'image la profondeur de champs. Pour de l'animation on va tout lisser avec des dessins au trait net, pour ensuite pouvoir les flouter en jouant sur la profondeur de champs automatique de la cam\u00e9ra. Sous after effects il existe la vue cam\u00e9ra. Cette vue permet de mettre du flou au 1er plan, voire au second ou arri\u00e8re plan, en r\u00e9glant les param\u00e8tres de la cam\u00e9ra. Il faut dans ce cas s\u00e9parer chacun des \u00e9l\u00e9ments du dessin afin ensuite de les disposer sous after effects en vue 3D. (oui ce logiciel simule un effet 3D avec l'axe des Z, la profondeur)<\/span><br \/><a style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\" href=\"https:\/\/storage.canalblog.com\/47\/61\/689082\/54010830.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/47\/61\/689082\/54010830_p.jpg\" alt=\"dgjunior_01\" width=\"150\" height=\"83\" border=\"0\" \/> <\/a><a style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\" href=\"https:\/\/storage.canalblog.com\/98\/43\/689082\/54010840.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/98\/43\/689082\/54010840_p.jpg\" alt=\"dgjunior_02\" width=\"150\" height=\"83\" border=\"0\" \/><\/a><br \/><br \/><span style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 10pt;\">vue de la cam\u00e9ra avant d'avancer __vue de la cam\u00e9ra \u00e0 sa place finale<\/span><br \/><br \/><br \/><a style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\" href=\"https:\/\/storage.canalblog.com\/07\/77\/689082\/54010880.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/07\/77\/689082\/54010880_p.jpg\" alt=\"dgjunior_03\" width=\"450\" height=\"206\" border=\"0\" \/><\/a><br \/><span style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 10pt;\">Par exemple, l'element \"veste\" en vue cam\u00e9ra est a sa place, en vue du dessus et \u00e0 l'emplacement orang\u00e9, soit derriere les calques des sapins qui sont en 1er plan. Pour les autres univers (l\u00e0 c'etait l'univers for\u00eat) j'utilise le m\u00eame proc\u00e9d\u00e9. Ci-dessous quelques extraits de la bande annonce en image fixe:<\/span><br \/><a style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\" href=\"https:\/\/storage.canalblog.com\/72\/30\/689082\/54010927.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/72\/30\/689082\/54010927_p.jpg\" alt=\"dgjunior_04\" width=\"150\" height=\"83\" border=\"0\" \/> <\/a><a style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\" href=\"https:\/\/storage.canalblog.com\/59\/99\/689082\/54010932.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/59\/99\/689082\/54010932_p.jpg\" alt=\"dgjunior_05\" width=\"150\" height=\"83\" border=\"0\" \/> <\/a><a style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\" href=\"https:\/\/storage.canalblog.com\/29\/93\/689082\/54010949.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/29\/93\/689082\/54010949_p.jpg\" alt=\"dgjunior_06\" width=\"150\" height=\"83\" border=\"0\" \/> <\/a><a style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\" href=\"https:\/\/storage.canalblog.com\/88\/39\/689082\/54010952.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/88\/39\/689082\/54010952_p.jpg\" alt=\"dgjunior_07\" width=\"150\" height=\"83\" border=\"0\" \/> <\/a><a style=\"color: black; font-family: arial, helvetica, sans-serif; font-size: 13px;\" href=\"https:\/\/storage.canalblog.com\/08\/74\/689082\/54010960.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/08\/74\/689082\/54010960_p.jpg\" alt=\"dgjunior_08\" width=\"150\" height=\"83\" border=\"0\" \/><\/a><br \/><br \/><br \/><span style=\"font-family: arial, helvetica, sans-serif;\"><span class=\"Apple-style-span\" style=\"font-size: 11px;\"><iframe src=\"http:\/\/player.vimeo.com\/video\/12391748?title=0&byline=0&portrait=0\" frameborder=\"0\" width=\"400\" height=\"300\"><\/iframe><\/span><\/span><\/p>\r\n<p><a href=\"http:\/\/vimeo.com\/12391748\">DG JUNIOR<\/a> from <a href=\"http:\/\/vimeo.com\/user3090454\">rore<\/a> on <a href=\"http:\/\/vimeo.com\">Vimeo<\/a>.<\/p>\r\n<p style=\"text-align: center;\"><span style=\"font-family: arial, helvetica, sans-serif;\"><span class=\"Apple-style-span\" style=\"font-size: 11px;\"><br \/><\/span><\/span><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog") }) </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'facebook-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://assets.pinterest.com/js/pinit.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'pinterest-jssdk')); </script> <div class="rating-wrapper"> <div class="rating-wording">Vous aimez ?</div> <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-star" viewBox="0 0 26 28"> <path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path> </symbol> <linearGradient id="grad"> <stop offset="50%" stop-color="#ffc41f"/> <stop offset="50%" stop-color="#9f9f9f"/> </linearGradient> </defs> </svg> <form class="stars"> <input class="stars-input" type="radio" name="rating" value="5" id="rating-5-1173188" > <label class="stars-view stars-view-5-1173188 " for="rating-5-1173188" onclick="handleRate(1173188, 5, 0, 'stars-view-5-1173188', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="4" id="rating-4-1173188" > <label class="stars-view stars-view-4-1173188 " for="rating-4-1173188" onclick="handleRate(1173188, 4, 0, 'stars-view-4-1173188', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="3" id="rating-3-1173188" > <label class="stars-view stars-view-3-1173188 " for="rating-3-1173188" onclick="handleRate(1173188, 3, 0, 'stars-view-3-1173188', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="2" id="rating-2-1173188" > <label class="stars-view stars-view-2-1173188 " for="rating-2-1173188" onclick="handleRate(1173188, 2, 0, 'stars-view-2-1173188', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="1" id="rating-1-1173188" > <label class="stars-view stars-view-1-1173188 " for="rating-1-1173188" onclick="handleRate(1173188, 1, 0, 'stars-view-1-1173188', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-1173188"> 0 vote </div> </div> <script defer async> function setFullStar(halfStarElement) { halfStarElement.classList.add('star-chosen') } function setRaters(ratersElement, raters) { ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote` } function createToaster() { const toaster = document.createElement('div') toaster.classList.add('rating-toaster') document.body.appendChild(toaster) return toaster } function showToast(message, status) { const toaster = createToaster() toaster.textContent = message toaster.classList.add('show-rating-toaster') if (status === "success") { toaster.style.backgroundColor = "#E5F4EF" toaster.style.color = "#1D8C65" } else { toaster.style.backgroundColor = "#FFB5B5" toaster.style.color = "#6F0000" } setTimeout(() => { toaster.classList.remove('show-rating-toaster') }, 3000) } async function rate(postID, value, halfStarClass, node) { const res = await fetch(`/api/section-container/rate/${postID}/${value}`, { method: "POST", headers: { "Content-Type": "application/json", }, credentials: 'include', }) if (res.ok) { const data = await res.json() const ratersNumber = document.querySelector(`.rating-raters-${postID}`) setRaters(ratersNumber, data.raters) showToast("Votre vote est pris en compte","success") if (node.classList.contains("half-star")) { const halfStarElement = document.querySelector(`.${halfStarClass}`) setFullStar(halfStarElement) } } return res } function handleUserLogin() { return window.open( `${window.location.origin}/comments/fr/fetch/user`, "loginob", "width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0" ) } async function handleRate(postID, value, halfStar, halfStarClass, node) { const isPreview = /\/preview\/|\.preview\./.test(window.location.href) if (isPreview) { showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error") return } try { const rateResponse = await rate(postID, value, halfStarClass, node) if (rateResponse.status === 401) { const loginWindow = handleUserLogin() const checkWindowClosed = setInterval(() => { if (loginWindow && loginWindow.closed) { clearInterval(checkWindowClosed) const res = rate(postID, value, halfStarClass) if (res.status !== 200) { showToast("Une erreur est survenue lors du vote","error") } } }, 1000) } } catch (e) { showToast("Une erreur est survenue lors du vote","error") } } </script> </div> </div> <div class="ads_container-atf"> <div class="ads-container half_page"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_f0baf9c"></div> </div> <div class="ads-container half_page"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_cd5cd76"></div> </div> </div> <div class="ob-pagination"> <span class="ob-page ob-page-current " >1</span> <a href="/tag/video/2" class="ob-page ob-page-link " >2</a> <a href="/tag/video/2" class="ob-page ob-page-link ob-page-next" >></a> <a href="/tag/video/2" class="ob-page ob-page-link ob-page-last" >>></a> </div> </div> </div> <div class="right-zone"> <div class="side-zone"> <div class="ob-widgets"> <div class="ob-widget ob-widget_ownerAvatar"> <img class="ob-widget_ownerAvatar_img" src="https://image.canalblog.com/Ic3TOkv4d6-tQqJbNAP0Z0GIsdY=/150x150/smart/filters:no_upscale()/https%3A%2F%2Fprofilepics.canalblog.com%2Fprofilepics%2F4%2F1%2F418264.jpg" alt="Rore... Blog Professionnel" /> </div> <div class="ads-container half_page"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_f3d5e43"></div> </div> <div class="ob-widget ob-widget_contact-owner"> <div class="ob-h3 ob-widget_contact-owner_title ob-widget_title"> </div> <div class="ob-widget_contact-owner_link"> <a href="/contact">Contacter le propriétaire du blog</a> </div> </div> <div class="ob-widget ob-widget_search" > <div class="ob-h3 ob-widget_search_title ob-widget_title"> Recherche </div> <form action="/search" method="post"> <input type="text" name="q" placeholder="Recherche..." class="ob-widget_search_input" /> <input type="submit" value="Recherche" class="ob-widget_search_submit" /> </form> </div> <div class="ob-widget ob-widget_cloud-tags"> <div class="ob-h3 ob-widget_cloud-tags_title ob-widget_title"> Catégories </div> <ul class="ob-widget_cloud-tags_list"> <li class="ob-widget_cloud-tags_tag" data-count="34" > <a href="/tag/publicite/" title="publicité (34)" class="ob-widget_cloud-tags_link"> Publicité </a> </li> <li class="ob-widget_cloud-tags_tag" data-count="30" > <a href="/tag/3d/" title="3D (30)" class="ob-widget_cloud-tags_link"> 3D </a> </li> <li class="ob-widget_cloud-tags_tag" data-count="19" > <a href="/tag/tutoriel/" title="Tutoriel (19)" class="ob-widget_cloud-tags_link"> Tutoriel </a> </li> <li class="ob-widget_cloud-tags_tag" data-count="18" > <a href="/tag/video/" title="vidéo (18)" class="ob-widget_cloud-tags_link"> Vidéo </a> </li> <li class="ob-widget_cloud-tags_tag" data-count="17" > <a href="/tag/illustrations/" title="illustrations (17)" class="ob-widget_cloud-tags_link"> Illustrations </a> </li> <li class="ob-widget_cloud-tags_tag" data-count="15" > <a href="/tag/2d/" title="2D (15)" class="ob-widget_cloud-tags_link"> 2D </a> </li> <li class="ob-widget_cloud-tags_tag" data-count="6" > <a href="/tag/jeux%20videos/" title="jeux vidéos (6)" class="ob-widget_cloud-tags_link"> Jeux Vidéos </a> </li> <li class="ob-widget_cloud-tags_tag" data-count="6" > <a href="/tag/showreel/" title="showreel (6)" class="ob-widget_cloud-tags_link"> Showreel </a> </li> <li class="ob-widget_cloud-tags_tag" data-count="5" > <a href="/tag/bd/" title="BD (5)" class="ob-widget_cloud-tags_link"> Bd </a> </li> <li class="ob-widget_cloud-tags_tag" data-count="4" > <a href="/tag/ui/" title="UI (4)" class="ob-widget_cloud-tags_link"> Ui </a> </li> <li class="ob-widget_cloud-tags_tag" data-count="4" > <a href="/tag/astuces/" title="astuces (4)" class="ob-widget_cloud-tags_link"> Astuces </a> </li> <li class="ob-widget_cloud-tags_tag" data-count="3" > <a href="/tag/particules/" title="particules (3)" class="ob-widget_cloud-tags_link"> Particules </a> </li> <li class="ob-widget_cloud-tags_tag" data-count="3" > <a href="/tag/web%20design/" title="web design (3)" class="ob-widget_cloud-tags_link"> Web Design </a> </li> <li class="ob-widget_cloud-tags_tag" data-count="2" > <a href="/tag/croquis/" title="croquis (2)" class="ob-widget_cloud-tags_link"> Croquis </a> </li> <li class="ob-widget_cloud-tags_tag" data-count="2" > <a href="/tag/jeu%20de%20societe/" title="jeu de société (2)" class="ob-widget_cloud-tags_link"> Jeu De Société </a> </li> <li class="ob-widget_cloud-tags_tag" data-count="1" > <a href="/tag/graphisme/" title="Graphisme (1)" class="ob-widget_cloud-tags_link"> Graphisme </a> </li> <li class="ob-widget_cloud-tags_tag" data-count="1" > <a href="/tag/kickstarter/" title="Kickstarter (1)" class="ob-widget_cloud-tags_link"> Kickstarter </a> </li> <li class="ob-widget_cloud-tags_tag" data-count="1" > <a href="/tag/tron/" title="Tron (1)" class="ob-widget_cloud-tags_link"> Tron </a> </li> <li class="ob-widget_cloud-tags_tag" data-count="1" > <a href="/tag/bloobuzz/" title="bloobuzz (1)" class="ob-widget_cloud-tags_link"> Bloobuzz </a> </li> <li class="ob-widget_cloud-tags_tag" data-count="1" > <a href="/tag/jeu%20de%20carte/" title="jeu de carte (1)" class="ob-widget_cloud-tags_link"> Jeu De Carte </a> </li> <li class="ob-widget_cloud-tags_tag" data-count="1" > <a href="/tag/jeux%20videos/" title="jeux videos (1)" class="ob-widget_cloud-tags_link"> Jeux Videos </a> </li> <li class="ob-widget_cloud-tags_tag" data-count="1" > <a href="/tag/jeux%20videos%203d%202d/" title="jeux videos 3D 2D (1)" class="ob-widget_cloud-tags_link"> Jeux Videos 3D 2D </a> </li> <li class="ob-widget_cloud-tags_tag" data-count="1" > <a href="/tag/rails%20to%20gold%20jeux%20video%203d%20et%202d/" title="rails to gold jeux video 3D et 2D (1)" class="ob-widget_cloud-tags_link"> Rails To Gold Jeux Video 3D Et 2D </a> </li> <li class="ob-widget_cloud-tags_tag" data-count="1" > <a href="/tag/test/" title="test (1)" class="ob-widget_cloud-tags_link"> Test </a> </li> <li class="ob-widget_cloud-tags_tag" data-count="1" > <a href="/tag/vendanges%20recette%20mode%20d%27emploi%20vins%20domaine%20des%20deux%20ruisseaux/" title="vendanges recette mode d'emploi vins domaine des deux ruisseaux (1)" class="ob-widget_cloud-tags_link"> Vendanges Recette Mode D'emploi Vins Domaine Des Deux Ruisseaux </a> </li> <li class="ob-widget_cloud-tags_tag" data-count="1" > <a href="/tag/wendigo%20studios/" title="wendigo studios (1)" class="ob-widget_cloud-tags_link"> Wendigo Studios </a> </li> </ul> </div> <script> var generateFontSize = function({smallestCount, largestCount, smallestFontSize, largestFontSize, currentCount}) { return `${( ((currentCount - smallestCount) * (largestFontSize - smallestFontSize)) / (largestCount - smallestCount) ) + smallestFontSize}px` } var resizeTags = function(tags) { var smallestCount = tags[tags.length -1].dataset.count var largestCount = tags[0].dataset.count var smallestFontSize = 12 var largestFontSize = 50 tags.forEach(function(tag) { var currentCount = tag.dataset.count tag.style.fontSize = generateFontSize({ smallestCount, largestCount, smallestFontSize, largestFontSize, currentCount }) }) } var shuffleNodeList = function(nodeList) { for (var i = nodeList.children.length; i >= 0; i--) { nodeList.appendChild(nodeList.children[Math.random() * i | 0]) } } document.addEventListener("DOMContentLoaded", function() { var tags = document.querySelectorAll(".ob-widget_cloud-tags_tag") var tagsNodeList = document.querySelector(".ob-widget_cloud-tags_list") resizeTags(tags) shuffleNodeList(tagsNodeList) }) </script> </div> </div> </div> </div> </div> </div> <div class="ads-container super_leaderboard"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_5c7cad8"></div> </div> <script> document.addEventListener("DOMContentLoaded", function () { function createDropdownTrigger() { var trigger = document.createElement("span") trigger.classList.add("trigger") return trigger } function addTriggers() { var elementsToTriggers = document.querySelectorAll(".menu-main .branch > a, .menu-main .branch > span") elementsToTriggers.forEach(function (elementToTrigger) { elementToTrigger.insertAdjacentElement("afterend", createDropdownTrigger()) }) } addTriggers() }) </script> <div class="ob-footer ob-footer-padded" id="legals" > <ul> <li class="ob-footer-item"><a href="https://www.canalblog.com/" target="_blank">Créer un blog gratuit sur CanalBlog</a></li> <li class="ob-footer-item"><a href="/top">Top articles</a></li> <li class="ob-footer-item"><a href="/contact">Contact</a></li> <li class="ob-footer-item"><a href="https://www.canalblog.com/abuse/49721"> Signaler un abus </a></li> <li class="ob-footer-item"><a href="https://www.canalblog.com/cf/tos.cfm" target="_blank">C.G.U.</a></li> <li class="ob-footer-item"><a href="https://www.canalblog.com/cf/cookies.cfm" target="_blank">Cookies et données personnelles</a></li> <li class="ob-footer-item"><a href="javascript:Didomi.notice.show()">Préférences cookies</a></li> </ul> </div> <script defer async> document.addEventListener('DOMContentLoaded', function() { async function syncRating() { const isPreview = /\/preview\/|\.preview\./.test(window.location.href) if (isPreview) { return } const res = await fetch(`/api/section-container/rates`, { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ id: [1173214,1173225,1173205,1173216,1173201,1173200,1173191,1173196,1173193,1173188], }) }) if (res.ok) { const data = await res.json() Object.keys(data).forEach(function(key) { const postRate = data[key] const input = document.querySelector(`#rating-${Math.ceil(postRate.rate)}-${key}`) input.checked = true // check if it's half-star rate if (!Number.isInteger(postRate.rate)) { const label = document.querySelector(`.stars-view-${Math.ceil(postRate.rate)}-${key}`) label.classList.add("half-star") } const ratersEl = document.querySelector(`.rating-raters-${key}`) ratersEl.textContent = postRate.raters > 1 ? `${postRate.raters} votes` : `${postRate.raters} vote` }) } } syncRating() }) </script> <div id="_2fe0eba"></div><div id="_8f920a1"></div> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer', "GTM-WG3SK3P"); </script> </body> </html>
/http%3A%2F%2Fstorage.canalblog.com%2F44%2F65%2F487091%2F61204875_p.jpg)