<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Archives des Motion design - Alan Harnois</title>
	<atom:link href="https://www.harnois-alan.fr/category/motion-design/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.harnois-alan.fr/category/motion-design/</link>
	<description>Directeur Artistique - Identité visuelle &#38; Motion design</description>
	<lastBuildDate>Mon, 27 May 2024 10:54:14 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1</generator>

<image>
	<url>https://www.harnois-alan.fr/wp-content/uploads/2024/05/cropped-Alan_Harnois_Directeur_Artistique_favicon-min-32x32.png</url>
	<title>Archives des Motion design - Alan Harnois</title>
	<link>https://www.harnois-alan.fr/category/motion-design/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>&#x270d; Comment créer un bon storyboard pour une vidéo motion design.</title>
		<link>https://www.harnois-alan.fr/comment-creer-un-bon-storyboard-pour-une-video-motion-design/</link>
		
		<dc:creator><![CDATA[filprA_457281]]></dc:creator>
		<pubDate>Thu, 04 Jan 2024 15:04:10 +0000</pubDate>
				<category><![CDATA[Graphisme]]></category>
		<category><![CDATA[Motion design]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[digital]]></category>
		<category><![CDATA[storyboard]]></category>
		<guid isPermaLink="false">https://www.harnois-alan.fr/?p=2417</guid>

					<description><![CDATA[<p>Après le script vient le temps du storyboard. Une étape non-indispensable, il est vrai, mais fortement conseillée. Le storyboard, c&#8217;est avant tout pouvoir se projeter. Se projeter dans la mise en image du script, dans les mouvements et les animations de la vidéo motion design. Ce document permet de valider ce qui sera par la [&#8230;]</p>
<p>L’article <a href="https://www.harnois-alan.fr/comment-creer-un-bon-storyboard-pour-une-video-motion-design/">&#x270d; Comment créer un bon storyboard pour une vidéo motion design.</a> est apparu en premier sur <a href="https://www.harnois-alan.fr">Alan Harnois</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="2417" class="elementor elementor-2417">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-724a5b98 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="724a5b98" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-49a16fc3" data-id="49a16fc3" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-a6dc3a1 blog_image elementor-widget elementor-widget-image" data-id="a6dc3a1" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img fetchpriority="high" decoding="async" width="1024" height="1024" src="https://www.harnois-alan.fr/wp-content/uploads/2024/01/Inspilettre_Images_Blog_1-min-1024x1024.jpg" class="attachment-large size-large wp-image-2419" alt="Alan Harnois - Directeur artistique - Graphiste - Freelance - Blog - Comment créer un bon storyboard pour une vidéo motion design - Images - Principales" srcset="https://www.harnois-alan.fr/wp-content/uploads/2024/01/Inspilettre_Images_Blog_1-min-1024x1024.jpg 1024w, https://www.harnois-alan.fr/wp-content/uploads/2024/01/Inspilettre_Images_Blog_1-min-300x300.jpg 300w, https://www.harnois-alan.fr/wp-content/uploads/2024/01/Inspilettre_Images_Blog_1-min-150x150.jpg 150w, https://www.harnois-alan.fr/wp-content/uploads/2024/01/Inspilettre_Images_Blog_1-min-768x768.jpg 768w, https://www.harnois-alan.fr/wp-content/uploads/2024/01/Inspilettre_Images_Blog_1-min-600x600.jpg 600w, https://www.harnois-alan.fr/wp-content/uploads/2024/01/Inspilettre_Images_Blog_1-min.jpg 1080w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				</div>
				<div class="elementor-element elementor-element-c931a19 blog_texte elementor-widget elementor-widget-heading" data-id="c931a19" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Après le script vient le temps du storyboard. Une étape non-indispensable, il est vrai, mais fortement conseillée.</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-497a1fd elementor-widget elementor-widget-text-editor" data-id="497a1fd" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Le storyboard, c&rsquo;est avant tout pouvoir se projeter. Se projeter dans la mise en image du script, dans les mouvements et les animations de la vidéo motion design. Ce document permet de valider ce qui sera par la suite animé, il fait donc office de référence pour le reste du projet.</p><p><strong>» Alors, pour faire un bon storyboard axé motion design, suivez ce guide :</strong></p><p><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg" alt="&#x1f449;" /> Ce que doit contenir mon storyboard (checklist).<br /><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg" alt="&#x1f449;" /> Quelle forme doit revêtir mon storyboard ?<br /><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg" alt="&#x1f449;" /> Quelles étapes pour produire ce dernier ?<br /><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg" alt="&#x1f449;" /> Tips &amp; astuces.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-7318c6d blog_texte elementor-widget elementor-widget-heading" data-id="7318c6d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Ce que doit contenir mon storyboard (checklist) :​</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-de3265e elementor-widget elementor-widget-text-editor" data-id="de3265e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Il est toujours bon, avant même de commencer quoi que ce soit, de savoir ce que l&rsquo;on doit faire. Penser en amont, c&rsquo;est gagner du temps en aval. Pour cela, un bon storyboard motion design doit contenir des éléments essentiels et des éléments bonus, si vous souhaitez être encore plus précis. C&rsquo;est parti !</p>
<p><span style="text-decoration: underline;"><strong>Indispensable :<br></strong></span><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/2705.svg" alt="&#x2705;"> Le titre et le numéro de la version du storyboard.<br><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/2705.svg" alt="&#x2705;"> Les numéros de pages du document.<br><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/2705.svg" alt="&#x2705;"> La durée globale estimée de la vidéo.<br><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/2705.svg" alt="&#x2705;"> Les cases aux bonnes proportions pour y incorporer les écrans.<br><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/2705.svg" alt="&#x2705;"> Les images/écrans représentant ce que sera la vidéo plus tard.<br><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/2705.svg" alt="&#x2705;"> Une zone de texte pour écrire les indications de ce qui se passe à l&rsquo;écran.<br><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/2705.svg" alt="&#x2705;"> Une zone de texte pour écrire la voix off associée (si voix off).</p>
<p><span style="text-decoration: underline;"><strong>Bonus :</strong></span><br><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/2705.svg" alt="&#x2705;"> Le numéro de la scène sur chaque case.<br><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/2705.svg" alt="&#x2705;"> Le numéro du plan de la case.<br><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/2705.svg" alt="&#x2705;"> La durée du plan.</p>								</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-31f39dc elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="31f39dc" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-2e6a930" data-id="2e6a930" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-2522f56 blog_image elementor-widget elementor-widget-image" data-id="2522f56" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="1024" height="1024" src="https://www.harnois-alan.fr/wp-content/uploads/2024/01/Inspilettre_Images_Blog_2-min-1024x1024.jpg" class="attachment-large size-large wp-image-2422" alt="Alan Harnois - Directeur artistique - Graphiste - Freelance - Blog - Comment créer un bon storyboard pour une vidéo motion design - Images - A" srcset="https://www.harnois-alan.fr/wp-content/uploads/2024/01/Inspilettre_Images_Blog_2-min-1024x1024.jpg 1024w, https://www.harnois-alan.fr/wp-content/uploads/2024/01/Inspilettre_Images_Blog_2-min-300x300.jpg 300w, https://www.harnois-alan.fr/wp-content/uploads/2024/01/Inspilettre_Images_Blog_2-min-150x150.jpg 150w, https://www.harnois-alan.fr/wp-content/uploads/2024/01/Inspilettre_Images_Blog_2-min-768x768.jpg 768w, https://www.harnois-alan.fr/wp-content/uploads/2024/01/Inspilettre_Images_Blog_2-min-600x600.jpg 600w, https://www.harnois-alan.fr/wp-content/uploads/2024/01/Inspilettre_Images_Blog_2-min.jpg 1080w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-ca1cfdb blog_texte elementor-widget elementor-widget-heading" data-id="ca1cfdb" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><img decoding="async" role="img" class="emoji" alt="&#x1f449;" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg"> Quelle forme doit revêtir mon storyboard :</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-c17dd32 elementor-widget elementor-widget-text-editor" data-id="c17dd32" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Tant que le contenu y est, vous êtes plus libre dans la forme que vous souhaitez donner à votre storyboard. Vous pouvez décider d&rsquo;avoir un écran par page et de faire un storyboard slide par slide, ou bien, des mettre plusieurs écrans sur la même page pour avoir un storyboard plus compact.</p><p>Par convention, le storyboard représente plusieurs cases par pages. Avec mes années d&rsquo;expérience, je vous recommande six cases par page afin d&rsquo;avoir une page harmonieuse et lisible tout en n&rsquo;ayant pas de cases trop petites pour être visibles. </p>								</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-80707ef elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="80707ef" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-a462015" data-id="a462015" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-78e30eb blog_image elementor-widget elementor-widget-image" data-id="78e30eb" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="1024" height="1024" src="https://www.harnois-alan.fr/wp-content/uploads/2024/01/Inspilettre_Images_Blog_4-min-1024x1024.jpg" class="attachment-large size-large wp-image-2421" alt="Alan Harnois - Directeur artistique - Graphiste - Freelance - Blog - Comment créer un bon storyboard pour une vidéo motion design - Images - B" srcset="https://www.harnois-alan.fr/wp-content/uploads/2024/01/Inspilettre_Images_Blog_4-min-1024x1024.jpg 1024w, https://www.harnois-alan.fr/wp-content/uploads/2024/01/Inspilettre_Images_Blog_4-min-300x300.jpg 300w, https://www.harnois-alan.fr/wp-content/uploads/2024/01/Inspilettre_Images_Blog_4-min-150x150.jpg 150w, https://www.harnois-alan.fr/wp-content/uploads/2024/01/Inspilettre_Images_Blog_4-min-768x768.jpg 768w, https://www.harnois-alan.fr/wp-content/uploads/2024/01/Inspilettre_Images_Blog_4-min-600x600.jpg 600w, https://www.harnois-alan.fr/wp-content/uploads/2024/01/Inspilettre_Images_Blog_4-min.jpg 1080w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-08a6634 blog_texte elementor-widget elementor-widget-heading" data-id="08a6634" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><img decoding="async" role="img" class="emoji" alt="&#x1f449;" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg"> Quelles étapes pour produire ce dernier :</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-9c29c2a elementor-widget elementor-widget-text-editor" data-id="9c29c2a" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Maintenant que les bases sont acquises, il va falloir le produire ce fameux storyboard !<br />Pour ne rien oublier et être efficace, je vous propose ma méthodologie, que j&rsquo;applique pour créer de bons storyboards.</p><p><strong><span style="text-decoration: underline;"><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg" alt="&#x1f449;" /> Le script :</span></strong><br />Relire le script pour se réimprégner de ce dernier puis le découper en scènes afin d&rsquo;avoir une première idée du séquençage de la vidéo.</p><p><strong><span style="text-decoration: underline;"><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg" alt="&#x1f449;" /> Les recherches :</span></strong><br />L&rsquo;inspiration ne sort pas du chapeau. Au commencement sont les recherches, de vidéos, de visuels, de transitions, de couleurs, bref de tout ce qui peut vous nourrir pour votre création.</p><p><strong><span style="text-decoration: underline;"><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg" alt="&#x1f449;" /> Papier et crayon :</span></strong><br />Sur un carnet, j&rsquo;effectue une première esquisse du storyboard, en imaginant les transitions, les mouvements, les rythmes, les scènes-clés. </p><p><strong><span style="text-decoration: underline;"><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg" alt="&#x1f449;" /> Peaufiner :</span></strong><br />Je peaufine et effectue plusieurs versions, en itération, afin d&rsquo;affiner mes idées et la cohérence de la vidéo.</p><p><strong><span style="text-decoration: underline;"><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg" alt="&#x1f449;" /> Laisser le temps au temps :</span></strong><br />Rien ne sert de courir, il faut dormir. Dormir sur ses idées pour les laisser grandir. Prendre le temps de laisser de côté son travail permet, en tâche de fond dans notre cerveau, de développer nos idées. C&rsquo;est une étape cruciale !</p><p><strong><span style="text-decoration: underline;"><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg" alt="&#x1f449;" /> Digitaliser :</span></strong><br />Une fois le storyboard papier assez abouti, il est temps de le tester graphiquement sur ordinateur. Chercher, s&rsquo;inspirer à nouveau afin de trouver le design qui convient à la vidéo.</p><p><strong><span style="text-decoration: underline;"><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg" alt="&#x1f449;" /> Dormir et réitérer :</span></strong><br />Laisser reposer et itérer est la base de la création. Ne faut-il pas passer plusieurs couches pour avoir une belle peinture ? Ne faut-il pas attendre que la couche précédente seiche pour passer la suivante ? Alors on recommence les étapes jusqu&rsquo;à satisfaction.</p><p><strong><span style="text-decoration: underline;"><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg" alt="&#x1f449;" /> Mettre en forme le storyboard :</span></strong><br />Il est temps de monter le fichier du storyboard en assemblant les différents éléments (Images, indication, etc.) pour avoir le document final.</p>								</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-2c33621 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="2c33621" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-9127279" data-id="9127279" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-85eaa07 blog_image elementor-widget elementor-widget-image" data-id="85eaa07" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1024" height="1024" src="https://www.harnois-alan.fr/wp-content/uploads/2024/01/Inspilettre_Images_Blog_3-min-1024x1024.jpg" class="attachment-large size-large wp-image-2420" alt="Alan Harnois - Directeur artistique - Graphiste - Freelance - Blog - Comment créer un bon storyboard pour une vidéo motion design - Images - C" srcset="https://www.harnois-alan.fr/wp-content/uploads/2024/01/Inspilettre_Images_Blog_3-min-1024x1024.jpg 1024w, https://www.harnois-alan.fr/wp-content/uploads/2024/01/Inspilettre_Images_Blog_3-min-300x300.jpg 300w, https://www.harnois-alan.fr/wp-content/uploads/2024/01/Inspilettre_Images_Blog_3-min-150x150.jpg 150w, https://www.harnois-alan.fr/wp-content/uploads/2024/01/Inspilettre_Images_Blog_3-min-768x768.jpg 768w, https://www.harnois-alan.fr/wp-content/uploads/2024/01/Inspilettre_Images_Blog_3-min-600x600.jpg 600w, https://www.harnois-alan.fr/wp-content/uploads/2024/01/Inspilettre_Images_Blog_3-min.jpg 1080w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-f6f76ed blog_texte elementor-widget elementor-widget-heading" data-id="f6f76ed" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Tips &amp; Astuces&nbsp;:</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-382a6ad elementor-widget elementor-widget-text-editor" data-id="382a6ad" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Quelques conseils qui flottent ici et là pour parfaire votre storyboard :</p><ul><li>Réaliser vos designs définitifs sur vos écrans de storyboard, cela permet de mieux se projeter et de valider la direction artistique avant l&rsquo;étape d&rsquo;animation.</li><li><span style="font-size: 19.6px;">Ajouter quelques écrans « pleine page » après votre storyboard pour que votre design soit mis en avant. Si vous avez un beau design, c&rsquo;est l&rsquo;effet waouh garanti pour terminer votre présentation !</span></li><li>Créez-vous un document storyboard template que vous n&rsquo;aurez plus qu&rsquo;à remplir pour optimiser votre temps futur !</li><li>Brander votre document à votre image. Vous êtes professionnel, vous devez donc paraître professionnel.</li></ul>								</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-59bbbff elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="59bbbff" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-07d75c9" data-id="07d75c9" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-c32f6b3 blog_image elementor-widget elementor-widget-image" data-id="c32f6b3" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1024" height="1024" src="https://www.harnois-alan.fr/wp-content/uploads/2024/01/Inspilettre_Images_Blog_5-min-1024x1024.jpg" class="attachment-large size-large wp-image-2423" alt="Alan Harnois - Directeur artistique - Graphiste - Freelance - Blog - Comment créer un bon storyboard pour une vidéo motion design - Images - D" srcset="https://www.harnois-alan.fr/wp-content/uploads/2024/01/Inspilettre_Images_Blog_5-min-1024x1024.jpg 1024w, https://www.harnois-alan.fr/wp-content/uploads/2024/01/Inspilettre_Images_Blog_5-min-300x300.jpg 300w, https://www.harnois-alan.fr/wp-content/uploads/2024/01/Inspilettre_Images_Blog_5-min-150x150.jpg 150w, https://www.harnois-alan.fr/wp-content/uploads/2024/01/Inspilettre_Images_Blog_5-min-768x768.jpg 768w, https://www.harnois-alan.fr/wp-content/uploads/2024/01/Inspilettre_Images_Blog_5-min-600x600.jpg 600w, https://www.harnois-alan.fr/wp-content/uploads/2024/01/Inspilettre_Images_Blog_5-min.jpg 1080w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-78df3f0 blog_texte elementor-widget elementor-widget-heading" data-id="78df3f0" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Pour conclure&nbsp;:</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-17d83f2 elementor-widget elementor-widget-text-editor" data-id="17d83f2" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Créer un storyboard orienté motion design en suivant ces quelques astuces et méthodologie est donc accessible à toustes. Ce qui fera la différence cependant sera la qualité des écrans, du graphisme, des transitions et de la réflexion apportée au storyboard. Cette différence est bien souvent uniquement possible grâce aux professionnels du métier.</p>
<p><strong>» Ainsi, je serais ravi de vous apporter mon expertise pour vous accompagner dans la réalisation de votre vidéo motion design.</strong></p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		<p>L’article <a href="https://www.harnois-alan.fr/comment-creer-un-bon-storyboard-pour-une-video-motion-design/">&#x270d; Comment créer un bon storyboard pour une vidéo motion design.</a> est apparu en premier sur <a href="https://www.harnois-alan.fr">Alan Harnois</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>&#x1f4dd; Comment bien rédiger son script pour sa vidéo motion design.</title>
		<link>https://www.harnois-alan.fr/comment-bien-rediger-son-script-pour-sa-video-motion-design/</link>
		
		<dc:creator><![CDATA[filprA_457281]]></dc:creator>
		<pubDate>Mon, 04 Dec 2023 14:42:46 +0000</pubDate>
				<category><![CDATA[Conception Rédaction]]></category>
		<category><![CDATA[Graphisme]]></category>
		<category><![CDATA[Motion design]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[digital]]></category>
		<category><![CDATA[script]]></category>
		<guid isPermaLink="false">https://www.harnois-alan.fr/?p=2386</guid>

					<description><![CDATA[<p>Le script est la colonne vertébrale de votre vidéo. Pour éviter tout mal de dos, mieux vaut bien le rédiger. Il est à la base de la vidéo, véritable fondation du projet. Un script mal écrit, mal pensé et c&#8217;est toute la vidéo qui s&#8217;écroule. Que vous réalisiez une vidéo explicative, une présentation de produit ou [&#8230;]</p>
<p>L’article <a href="https://www.harnois-alan.fr/comment-bien-rediger-son-script-pour-sa-video-motion-design/">&#x1f4dd; Comment bien rédiger son script pour sa vidéo motion design.</a> est apparu en premier sur <a href="https://www.harnois-alan.fr">Alan Harnois</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="2386" class="elementor elementor-2386">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-724a5b98 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="724a5b98" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-49a16fc3" data-id="49a16fc3" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-a6dc3a1 blog_image elementor-widget elementor-widget-image" data-id="a6dc3a1" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1024" height="1024" src="https://www.harnois-alan.fr/wp-content/uploads/2023/12/Inspilettre_Images_Blog_1-1024x1024.jpg" class="attachment-large size-large wp-image-2388" alt="Alan Harnois - Directeur artistique - Graphiste - Freelance - Blog - Comment bien rédiger son script pour sa vidéo motion design - Images - Principale" srcset="https://www.harnois-alan.fr/wp-content/uploads/2023/12/Inspilettre_Images_Blog_1-1024x1024.jpg 1024w, https://www.harnois-alan.fr/wp-content/uploads/2023/12/Inspilettre_Images_Blog_1-300x300.jpg 300w, https://www.harnois-alan.fr/wp-content/uploads/2023/12/Inspilettre_Images_Blog_1-150x150.jpg 150w, https://www.harnois-alan.fr/wp-content/uploads/2023/12/Inspilettre_Images_Blog_1-768x768.jpg 768w, https://www.harnois-alan.fr/wp-content/uploads/2023/12/Inspilettre_Images_Blog_1-600x600.jpg 600w, https://www.harnois-alan.fr/wp-content/uploads/2023/12/Inspilettre_Images_Blog_1.jpg 1080w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				</div>
				<div class="elementor-element elementor-element-c931a19 blog_texte elementor-widget elementor-widget-heading" data-id="c931a19" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Le script est la colonne vertébrale de votre vidéo. Pour éviter tout mal de dos, mieux vaut bien le rédiger.</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-497a1fd elementor-widget elementor-widget-text-editor" data-id="497a1fd" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Il est à la base de la vidéo, véritable fondation du projet. Un script mal écrit, mal pensé et c&rsquo;est toute la vidéo qui s&rsquo;écroule. Que vous réalisiez une vidéo explicative, une présentation de produit ou une histoire de marque, un script soigneusement rédigé peut élever votre motion design sur de nouveaux sommets.</p><p><strong>» Pour écrire de belles fondations, quelques étapes sont nécessaires :</strong></p><p><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg" alt="&#x1f449;" /> Comprendre votre public et votre objectif (Checklist).<br /><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg" alt="&#x1f449;" /> Comment structurer votre script.<br /><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg" alt="&#x1f449;" /> Tips &amp; astuces.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-7318c6d blog_texte elementor-widget elementor-widget-heading" data-id="7318c6d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><img decoding="async" role="img" class="emoji" alt="&#x1f449;" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg"> Comprendre votre public et votre objectif (Checklist)&nbsp;:</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-de3265e elementor-widget elementor-widget-text-editor" data-id="de3265e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Avant de sauter, tête la première, dans le grand bain des mots en couchant votre stylo sur le papier, prenez le temps de vous poser quelques questions essentielles à la bonne rédaction de votre script.</p><p><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> À qui s&rsquo;adresse votre vidéo ?<br /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Quel ton adopter pour parler à votre cible ?<br /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Quels sont les problèmes qu&rsquo;elle rencontre et qu&rsquo;il faut résoudre ?<br /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Comment se sent votre cible vis à vis de ces problèmes ?<br /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Comment les résolvez-vous ? <br /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Quels sont vos avantages ?<br /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Quelle(s) action(s) votre cible doit-elle effectuer après avoir regardé la vidéo ?<br /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Où sera diffusée la vidéo ?<br /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Quels sont les + et les &#8211; de cette diffusion ? <br /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Quels sont les codes, les spécificités de ce(s) media(s) ?<br /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Quelle est la durée de la vidéo ?</p>								</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-31f39dc elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="31f39dc" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-2e6a930" data-id="2e6a930" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-2522f56 blog_image elementor-widget elementor-widget-image" data-id="2522f56" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1024" height="1024" src="https://www.harnois-alan.fr/wp-content/uploads/2023/12/Inspilettre_Images_Blog_2-min-2-1024x1024.jpg" class="attachment-large size-large wp-image-2396" alt="Alan Harnois - Directeur artistique - Graphiste - Freelance - Blog - Comment bien rédiger son script pour sa vidéo motion design - Images - A" srcset="https://www.harnois-alan.fr/wp-content/uploads/2023/12/Inspilettre_Images_Blog_2-min-2-1024x1024.jpg 1024w, https://www.harnois-alan.fr/wp-content/uploads/2023/12/Inspilettre_Images_Blog_2-min-2-300x300.jpg 300w, https://www.harnois-alan.fr/wp-content/uploads/2023/12/Inspilettre_Images_Blog_2-min-2-150x150.jpg 150w, https://www.harnois-alan.fr/wp-content/uploads/2023/12/Inspilettre_Images_Blog_2-min-2-768x768.jpg 768w, https://www.harnois-alan.fr/wp-content/uploads/2023/12/Inspilettre_Images_Blog_2-min-2-600x600.jpg 600w, https://www.harnois-alan.fr/wp-content/uploads/2023/12/Inspilettre_Images_Blog_2-min-2.jpg 1080w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-ca1cfdb blog_texte elementor-widget elementor-widget-heading" data-id="ca1cfdb" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Comment structurer votre script&nbsp;:</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-c17dd32 elementor-widget elementor-widget-text-editor" data-id="c17dd32" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Une fois que vous avez coché toutes les cases de l&rsquo;étape précédente, vous pouvez maintenant commencer à rédiger votre script&#8230; Mais comment faire ? Comment structurer son récit ? Des fondations qui supportent la maison, ça ne se construit pas d&rsquo;un coup de baguette magique.</p><p>Il existe plusieurs structures sur lesquelles vous baser pour rédiger un script. Lorsque nous parlons vidéo motion design et pour être sûr de viser juste, une structure sort du lot.</p><p><strong>» Contexte &gt; Problème &gt; Solution &gt; Preuve &gt; Call-to-action</strong></p><p><strong><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg" alt="&#x1f449;" /> </strong><span style="text-decoration: underline;"><strong>Contexte :</strong></span><br />Les premières secondes de votre vidéo sont cruciales. C&rsquo;est dans ce court laps de temps que la personne regardant votre vidéo va choisir, ou non, de continuer. Une bonne accroche pour « ferrer » votre spectateur.ice est donc indispensable. Trouvez une intrigue, questionnez, surprenez&#8230; Bref, attisez la curiosité, donnez envie d&rsquo;en savoir plus.</p><p><strong><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg" alt="&#x1f449;" /> </strong><span style="text-decoration: underline;"><strong>Problème :</strong></span><br />Le problème c&rsquo;est avant tout le besoin de votre cible que vous avez identifié. Vous exposez ce que vous proposez de résoudre. Le spectateur.ice doit donc se reconnaître comme sujet.e à ce problème. Si vous n&rsquo;avez rien à résoudre, vous n&rsquo;apportez aucune plus-value.</p><p><strong><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg" alt="&#x1f449;" /> </strong><span style="text-decoration: underline;"><strong>Solution :</strong></span><br />C&rsquo;est votre grand moment. Le moment où vous arrivez en sauveur. Le moment où vous apportez la solution au problème de votre cible. Le moment où cette dernière devient à l&rsquo;écoute de votre proposition de valeur/commerciale.</p><p><strong><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg" alt="&#x1f449;" /> </strong><span style="text-decoration: underline;"><strong>Preuve :</strong></span><br />Avancer c&rsquo;est bien, prouver c&rsquo;est mieux. Pour convaincre, vous allez donner vos arguments pour prouver vos dires. Vous allez offrir sur un plateau vos avantages, vos bénéfices et tout ce qui pourra convaincre que vous êtes la bonne personne pour résoudre leur problème. Vous et pas une autre.</p><p><strong><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg" alt="&#x1f449;" /> </strong><span style="text-decoration: underline;"><strong>Call-To-Action :</strong></span><br />Maintenant, vous n&rsquo;avez plus qu&rsquo;à les inciter à agir. Et pour cela, quoi de mieux que de leur mâcher le travail en leur disant ce qu&rsquo;ils/elles doivent faire ? Un bouton, une URL, un texte, bref, une action claire et simple à faire pour transformer l&rsquo;essai.</p>								</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-80707ef elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="80707ef" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-a462015" data-id="a462015" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-78e30eb blog_image elementor-widget elementor-widget-image" data-id="78e30eb" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1024" height="1024" src="https://www.harnois-alan.fr/wp-content/uploads/2023/12/Inspilettre_Images_Blog_3-min-1024x1024.jpg" class="attachment-large size-large wp-image-2397" alt="Alan Harnois - Directeur artistique - Graphiste - Freelance - Blog - Comment bien rédiger son script pour sa vidéo motion design - Images - B" srcset="https://www.harnois-alan.fr/wp-content/uploads/2023/12/Inspilettre_Images_Blog_3-min-1024x1024.jpg 1024w, https://www.harnois-alan.fr/wp-content/uploads/2023/12/Inspilettre_Images_Blog_3-min-300x300.jpg 300w, https://www.harnois-alan.fr/wp-content/uploads/2023/12/Inspilettre_Images_Blog_3-min-150x150.jpg 150w, https://www.harnois-alan.fr/wp-content/uploads/2023/12/Inspilettre_Images_Blog_3-min-768x768.jpg 768w, https://www.harnois-alan.fr/wp-content/uploads/2023/12/Inspilettre_Images_Blog_3-min-600x600.jpg 600w, https://www.harnois-alan.fr/wp-content/uploads/2023/12/Inspilettre_Images_Blog_3-min.jpg 1080w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-f6f76ed blog_texte elementor-widget elementor-widget-heading" data-id="f6f76ed" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Tips &amp; Astuces&nbsp;:</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-382a6ad elementor-widget elementor-widget-text-editor" data-id="382a6ad" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Quelques conseils qui flottent ici et là pour parfaire votre rédaction :</p>
<ul>
<li>150 mots, c&rsquo;est environ 1 min de voix off.</li>
<li>Évitez les introductions avec votre logo.</li>
<li>Poser une question en introduction est souvent une bonne idée pour « ferrer » le.a spectateur.ice.</li>
<li>Un seul problème à la fois. Trop de messages différents et rien n&rsquo;est retenu.</li>
<li>Rendez votre solution unique. Insistez sur le « pourquoi vous et pas un autre ».</li>
<li>Soyez clair.e dans le texte de votre CTA. Utiliser le « je » dans le texte, ex :&nbsp;« Je m&rsquo;abonne ! »</li>
<li>Utilisez de la voix off. L&rsquo;humain et la voix font toute la différence.</li>
<li>Mettez du sound design. Cela peut être un budget supplémentaire certes, mais la vidéo passera dans une toute autre dimension.<br></li>
<li>Apportez des détails de ton, de jeu, de ce qui se passe à l&rsquo;écran pour donner du corps à votre script.</li>
</ul>								</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-59bbbff elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="59bbbff" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-07d75c9" data-id="07d75c9" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-c32f6b3 blog_image elementor-widget elementor-widget-image" data-id="c32f6b3" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1024" height="1024" src="https://www.harnois-alan.fr/wp-content/uploads/2023/12/Inspilettre_Images_Blog_4-min-1024x1024.jpg" class="attachment-large size-large wp-image-2398" alt="Alan Harnois - Directeur artistique - Graphiste - Freelance - Blog - Comment bien rédiger son script pour sa vidéo motion design - Images - C" srcset="https://www.harnois-alan.fr/wp-content/uploads/2023/12/Inspilettre_Images_Blog_4-min-1024x1024.jpg 1024w, https://www.harnois-alan.fr/wp-content/uploads/2023/12/Inspilettre_Images_Blog_4-min-300x300.jpg 300w, https://www.harnois-alan.fr/wp-content/uploads/2023/12/Inspilettre_Images_Blog_4-min-150x150.jpg 150w, https://www.harnois-alan.fr/wp-content/uploads/2023/12/Inspilettre_Images_Blog_4-min-768x768.jpg 768w, https://www.harnois-alan.fr/wp-content/uploads/2023/12/Inspilettre_Images_Blog_4-min-600x600.jpg 600w, https://www.harnois-alan.fr/wp-content/uploads/2023/12/Inspilettre_Images_Blog_4-min.jpg 1080w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-78df3f0 blog_texte elementor-widget elementor-widget-heading" data-id="78df3f0" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Pour conclure&nbsp;:</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-17d83f2 elementor-widget elementor-widget-text-editor" data-id="17d83f2" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Rédiger un bon script n&rsquo;est donc pas si facile, mais en respectant quelques étapes simples, vous pouvez arriver à un résultat digne de ce nom.&nbsp;<span style="font-size: 19.6px; color: var( --e-global-color-text );">Cependant, vous n&rsquo;avez pas toujours les compétences (ou le temps), pour construire les fondations de votre maison où remédier à votre mal de dos. Il faut alors passer par des professionnels ayant plusieurs années d&rsquo;expertise dans le domaine afin de vous accompagner.</span></p>
<p><strong>» Ainsi, je serais ravi de vous apporter mon expertise pour rédiger votre script et réaliser votre vidéo motion design.</strong></p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		<p>L’article <a href="https://www.harnois-alan.fr/comment-bien-rediger-son-script-pour-sa-video-motion-design/">&#x1f4dd; Comment bien rédiger son script pour sa vidéo motion design.</a> est apparu en premier sur <a href="https://www.harnois-alan.fr">Alan Harnois</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>&#x1f308; Les transitions en motion design.</title>
		<link>https://www.harnois-alan.fr/transitions-motion-design/</link>
		
		<dc:creator><![CDATA[filprA_457281]]></dc:creator>
		<pubDate>Thu, 05 Oct 2023 15:03:56 +0000</pubDate>
				<category><![CDATA[Motion design]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[transitions]]></category>
		<guid isPermaLink="false">https://www.harnois-alan.fr/?p=2184</guid>

					<description><![CDATA[<p>Sans transition&#8230; Bonjour. Lorsque nous parlons Motion design, nous parlons vidéos, séquences ou encore enchaînement d&#8217;images, mais aussi et surtout&#8230; transitions. Elles sont essentielles à la construction d&#8217;une animation et servent à garder l&#8217;attention des spectateur.ice.s, à améliorer la fluidité du scénario, ou encore à induire une continuité narrative et, en finalité, à faciliter la [&#8230;]</p>
<p>L’article <a href="https://www.harnois-alan.fr/transitions-motion-design/">&#x1f308; Les transitions en motion design.</a> est apparu en premier sur <a href="https://www.harnois-alan.fr">Alan Harnois</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="2184" class="elementor elementor-2184">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-724a5b98 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="724a5b98" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-49a16fc3" data-id="49a16fc3" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-a6dc3a1 blog_image elementor-widget elementor-widget-image" data-id="a6dc3a1" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1024" height="1024" src="https://www.harnois-alan.fr/wp-content/uploads/2023/09/Instagram_A-min-1024x1024.jpg" class="attachment-large size-large wp-image-2253" alt="Alan Harnois - Directeur artistique - Graphiste - Freelance - Blog - Transitions motion design - Images - Principale" srcset="https://www.harnois-alan.fr/wp-content/uploads/2023/09/Instagram_A-min-1024x1024.jpg 1024w, https://www.harnois-alan.fr/wp-content/uploads/2023/09/Instagram_A-min-300x300.jpg 300w, https://www.harnois-alan.fr/wp-content/uploads/2023/09/Instagram_A-min-150x150.jpg 150w, https://www.harnois-alan.fr/wp-content/uploads/2023/09/Instagram_A-min-768x768.jpg 768w, https://www.harnois-alan.fr/wp-content/uploads/2023/09/Instagram_A-min-600x600.jpg 600w, https://www.harnois-alan.fr/wp-content/uploads/2023/09/Instagram_A-min.jpg 1500w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				</div>
				<div class="elementor-element elementor-element-c931a19 blog_texte elementor-widget elementor-widget-heading" data-id="c931a19" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Sans transition... Bonjour.</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-497a1fd elementor-widget elementor-widget-text-editor" data-id="497a1fd" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Lorsque nous parlons Motion design, nous parlons vidéos, séquences ou encore enchaînement d&rsquo;images, mais aussi et surtout&#8230; transitions. Elles sont essentielles à la construction d&rsquo;une animation et servent à garder l&rsquo;attention des spectateur.ice.s, à améliorer la fluidité du scénario, ou encore à induire une continuité narrative et, en finalité, à faciliter la compréhension de la vidéo.</p><p>Il n&rsquo;existe pas de bonne ou de meilleure transition que celle que vous choisissez pour les bonnes raisons. Le type de transition peut être déterminé par un besoin narratif, le temps que vous avez à la production, le besoin de modifier ou de mettre à jour la vidéo à postériori, etc.</p><p><strong>» Pour vous donner quelques idées de ce que le monde des transitions nous offre, c&rsquo;est par ici :</strong></p><p><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg" alt="&#x1f449;" /> Les fondus<br /><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg" alt="&#x1f449;" /> Le cut et le match cut<br /><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg" alt="&#x1f449;" /> Les mouvements de caméra<br /><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg" alt="&#x1f449;" /> Le zoom (et dézoom)<br /><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg" alt="&#x1f449;" /> L&rsquo;acteur de la transition<br /><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg" alt="&#x1f449;" /> Le morphing<br /><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg" alt="&#x1f449;" /> Les superpositions et reveals</p>								</div>
				</div>
				<div class="elementor-element elementor-element-7318c6d blog_texte elementor-widget elementor-widget-heading" data-id="7318c6d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" />  Les fondus&nbsp;:</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-de3265e elementor-widget elementor-widget-text-editor" data-id="de3265e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Les fondus sont encore et toujours des classiques indémodables de la transition. Plus souvent utilisés dans le montage de footages vidéos que dans le motion design pur, ils permettent de lier des plans entre eux, de créer des moments de pause ou de débuter et finir une vidéo. (Certains médias de diffusion publicitaire demandent de démarrer et terminer au noir la vidéo).</p><p>Les fondus au noir et au blanc s&rsquo;utilisent pour des changements de scènes, des pauses, des petites ellipses ou encore pour apporter du suspens. Le fondu au noir se préfère sur une palette de couleur sombre, là où le blanc se mariera avec les couleurs claires.</p><p>Le fondu simple, entre deux plans, revient à baisser l&rsquo;opacité du plan pour révéler le suivant ou à augmenter l&rsquo;opacité du second pour recouvrir le premier. En motion design, il est également possible d&rsquo;appliquer un fondu différent à plusieurs éléments de la scène pour donner du relief à la transition.</p>								</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-31f39dc elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="31f39dc" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-2e6a930" data-id="2e6a930" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-2522f56 blog_image elementor-widget elementor-widget-image" data-id="2522f56" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="750" height="750" src="https://www.harnois-alan.fr/wp-content/uploads/2023/09/Blog_14_A-min.gif" class="attachment-large size-large wp-image-2237" alt="Alan Harnois - Directeur artistique - Graphiste - Freelance - Blog - Transitions motion design - Images - A" />															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-ca1cfdb blog_texte elementor-widget elementor-widget-heading" data-id="ca1cfdb" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Le cut et le match cut&nbsp;:</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-c17dd32 elementor-widget elementor-widget-text-editor" data-id="c17dd32" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p style="font-variant-ligatures: normal; font-variant-caps: normal; font-family: Heebo, sans-serif; font-size: 19.6px; font-style: normal; font-weight: 400;">La transition la plus simple qu&rsquo;il soit. On coupe le plan pour passer directement au plan suivant. Ni plus, ni moins. C&rsquo;est la transition sans transition.</p><p style="font-variant-ligatures: normal; font-variant-caps: normal; font-family: Heebo, sans-serif; font-size: 19.6px; font-style: normal; font-weight: 400;">Il permet d&rsquo;enchaîner rapidement et sans fioriture pour garder du dynamisme dans le montage. Le cut peut-être utilisé pour les champs/contre-champs pour un dialogue par exemple ou encore pour un raccord entre deux plans, l&rsquo;un large et l&rsquo;autre rapproché.</p><p style="font-variant-ligatures: normal; font-variant-caps: normal; font-family: Heebo, sans-serif; font-size: 19.6px; font-style: normal; font-weight: 400;">Le match cut ajoute une dimension supplémentaire au cut, celle d&rsquo;apporter la dimension du mouvement ou de la forme. Un homme qui court sur la plage. cut. Une femme qui court dans les bois. Tous deux dans la même direction, à vitesse équivalente. La coupure s&rsquo;effectue au climax du mouvement.</p>								</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-80707ef elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="80707ef" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-a462015" data-id="a462015" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-78e30eb blog_image elementor-widget elementor-widget-image" data-id="78e30eb" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="750" height="750" src="https://www.harnois-alan.fr/wp-content/uploads/2023/09/Blog_14_B-min-2.gif" class="attachment-large size-large wp-image-2224" alt="Alan Harnois - Directeur artistique - Graphiste - Freelance - Blog - Transitions motion design - Images - B" />															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-f6f76ed blog_texte elementor-widget elementor-widget-heading" data-id="f6f76ed" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Les mouvements de caméra&nbsp;:</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-382a6ad elementor-widget elementor-widget-text-editor" data-id="382a6ad" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>La caméra, virtuelle ou réelle, nous offre une grande liberté de transitions, notamment plus complexes. Panoramique (la caméra pivote), travelling (la caméra se déplace) ou travelling compensé (travelling avant avec zoom optique)&#8230; Les possibilités sont nombreuses et nous pouvons laisser libre cours à notre imagination. <span style="color: var( --e-global-color-text ); font-size: 19.6px;">Attention cependant à ne pas perdre la compréhension des spectateur.ice.s.</span></p>								</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-b4801b7 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="b4801b7" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-cf2ba6d" data-id="cf2ba6d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-802b87f blog_image elementor-widget elementor-widget-image" data-id="802b87f" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="750" height="750" src="https://www.harnois-alan.fr/wp-content/uploads/2023/09/Blog_14_C-min.gif" class="attachment-large size-large wp-image-2231" alt="Alan Harnois - Directeur artistique - Graphiste - Freelance - Blog - Transitions motion design - Images - C" />															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-d9b81c1 blog_texte elementor-widget elementor-widget-heading" data-id="d9b81c1" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Le zoom (et dézoom)&nbsp;:</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-fed1763 elementor-widget elementor-widget-text-editor" data-id="fed1763" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Le zoom est très utile pour se focaliser sur un élément en particulier, nous permettre d&rsquo;entrer dans les détails ou de dynamiser un plan.</p><p>Qu&rsquo;il soit avant, arrière ou infini, nous pouvons passer d&rsquo;une scène à l&rsquo;autre en un simple mouvement.</p>								</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-59bbbff elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="59bbbff" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-07d75c9" data-id="07d75c9" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-c32f6b3 blog_image elementor-widget elementor-widget-image" data-id="c32f6b3" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="750" height="750" src="https://www.harnois-alan.fr/wp-content/uploads/2023/09/Blog_14_B-min.gif" class="attachment-large size-large wp-image-2216" alt="Alan Harnois - Directeur artistique - Graphiste - Freelance - Blog - Transitions motion design - Images - C" />															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-52aaded blog_texte elementor-widget elementor-widget-heading" data-id="52aaded" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><img decoding="async" role="img" class="emoji" alt="&#x1f449;" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg"> L'acteur de la transition&nbsp;:</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-6c11610 elementor-widget elementor-widget-text-editor" data-id="6c11610" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>L&rsquo;idée est simplement de choisir un calque ou un élément qui deviendra l&rsquo;acteur de la transition. Cela peut même être votre personnage principal. Ses actions et ses mouvements vont engendrer, par réaction, la transition des autres éléments de votre scène.</p>								</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-3bf73a5 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="3bf73a5" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-66771ba" data-id="66771ba" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-4743f43 blog_image elementor-widget elementor-widget-image" data-id="4743f43" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="750" height="750" src="https://www.harnois-alan.fr/wp-content/uploads/2023/10/Blog_14_E-min.gif" class="attachment-large size-large wp-image-2276" alt="Alan Harnois - Directeur artistique - Graphiste - Freelance - Blog - Transitions motion design - Images - E" />															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-49dd37a blog_texte elementor-widget elementor-widget-heading" data-id="49dd37a" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Le morphing&nbsp;:</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-a169250 elementor-widget elementor-widget-text-editor" data-id="a169250" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>L&rsquo;idée est simple, la réalisation l&rsquo;est moins. Le morphing passe d&rsquo;une forme à une autre et nécessite des qualités créatives et techniques assez avancées lorsque nous souhaitons un morphing digne de ce nom, car la réalisation de ce type de transition est complexe. Cependant, elle offre en récompense un territoire de jeu uniquement limité par notre imagination.</p>								</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-749930d elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="749930d" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-4b2b366" data-id="4b2b366" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-659028b blog_image elementor-widget elementor-widget-image" data-id="659028b" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="750" height="750" src="https://www.harnois-alan.fr/wp-content/uploads/2023/09/Blog_14_F-min-1.gif" class="attachment-large size-large wp-image-2233" alt="Alan Harnois - Directeur artistique - Graphiste - Freelance - Blog - Transitions motion design - Images - F" />															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-9b38897 blog_texte elementor-widget elementor-widget-heading" data-id="9b38897" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Les superpositions et reveals&nbsp;:</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-093c319 elementor-widget elementor-widget-text-editor" data-id="093c319" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Balayer l&rsquo;écran et le recouvrir pour révéler le plan suivant, tel est le principe de ce type de transitions. Qu&rsquo;elles soient par masque, par forme, par volet, ou encore par aplat, il suffit de recouvrir brièvement l&rsquo;écran pour que le tour soit joué. Très pratique dans le milieu télévisuel.</p>
<p>Nous pouvons même effectuer des reveals, étant tout simplement l&rsquo;utilisation d&rsquo;un footage vidéo, par exemple de l&rsquo;encre qui s&rsquo;étale, pour masquer et révéler le plan suivant.</p>								</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-927235d elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="927235d" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-c298633" data-id="c298633" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-bd0e01d blog_image elementor-widget elementor-widget-image" data-id="bd0e01d" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="750" height="750" src="https://www.harnois-alan.fr/wp-content/uploads/2023/09/Blog_14_G-min.gif" class="attachment-large size-large wp-image-2223" alt="Alan Harnois - Directeur artistique - Graphiste - Freelance - Blog - Transitions motion design - Images - G" />															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-78df3f0 blog_texte elementor-widget elementor-widget-heading" data-id="78df3f0" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Pour conclure&nbsp;:</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-17d83f2 elementor-widget elementor-widget-text-editor" data-id="17d83f2" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Véritables éléments clés d&rsquo;une vidéo, les transitions permettent une continuité narrative indispensable dans un univers où le storytelling prend toute la place. Bien choisir et bien réaliser ses transitions est une compétence à développer pour tout.e.s créateur.rice.s de vidéos motion design.</p>
<p><strong>» Sans transition&#8230; Au revoir.</strong></p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		<p>L’article <a href="https://www.harnois-alan.fr/transitions-motion-design/">&#x1f308; Les transitions en motion design.</a> est apparu en premier sur <a href="https://www.harnois-alan.fr">Alan Harnois</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>&#x2728; Pourquoi le motion design sublime l&#8217;identité de marque ?</title>
		<link>https://www.harnois-alan.fr/pourquoi-le-motion-design-sublime-identite-de-marque/</link>
		
		<dc:creator><![CDATA[filprA_457281]]></dc:creator>
		<pubDate>Thu, 06 Jul 2023 07:00:37 +0000</pubDate>
				<category><![CDATA[Brand design]]></category>
		<category><![CDATA[Motion design]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[digital]]></category>
		<category><![CDATA[identité de marque]]></category>
		<guid isPermaLink="false">http://localhost/wordpress/?p=910</guid>

					<description><![CDATA[<p>Sortir du lot, pour ne pas se noyer dans la foule. Dans un monde où le visuel prime, avoir une identité mémorable est primordiale pour une marque. Il est certain que les traditionnels logos, couleurs et typographies, ont encore et toujours un rôle majeur, cependant la fusion du motion et du brand design est devenue [&#8230;]</p>
<p>L’article <a href="https://www.harnois-alan.fr/pourquoi-le-motion-design-sublime-identite-de-marque/">&#x2728; Pourquoi le motion design sublime l&rsquo;identité de marque ?</a> est apparu en premier sur <a href="https://www.harnois-alan.fr">Alan Harnois</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="910" class="elementor elementor-910">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-724a5b98 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="724a5b98" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-49a16fc3" data-id="49a16fc3" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-a6dc3a1 blog_image elementor-widget elementor-widget-image" data-id="a6dc3a1" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1024" height="1024" src="https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_13-1024x1024.jpg" class="attachment-large size-large wp-image-919" alt="Alan Harnois - Directeur artistique - Graphiste - Freelance - Blog - le Motion design sublime l&apos;identité de marque - Images - Principale" srcset="https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_13-1024x1024.jpg 1024w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_13-300x300.jpg 300w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_13-150x150.jpg 150w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_13-768x768.jpg 768w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_13-600x600.jpg 600w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_13.jpg 1500w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				</div>
				<div class="elementor-element elementor-element-c931a19 blog_texte elementor-widget elementor-widget-heading" data-id="c931a19" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Sortir du lot, pour ne pas se noyer dans la foule.</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-497a1fd elementor-widget elementor-widget-text-editor" data-id="497a1fd" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Dans un monde où le visuel prime, avoir une identité mémorable est primordiale pour une marque. Il est certain que les traditionnels logos, couleurs et typographies, ont encore et toujours un rôle majeur, cependant la fusion du motion et du brand design est devenue un outil puissant pour captiver l&rsquo;audience. En ajoutant de l&rsquo;animation à votre identité de marque, vous provoquerez des émotions qui laisseront une forte impression&#8230; Et donc un souvenir de votre existence.</p><p><strong>» Mais alors, comment ça marche la fusion de la brand et du motion ?</strong></p><p>Tout s&rsquo;explique en 4 points :<br /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Les logotypes animés<br /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> L&rsquo;identité par le mouvement<br /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> L&rsquo;amélioration de l&rsquo;expérience utilisateur<br /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> L&rsquo;adaptation de la marque à l&rsquo;univers digital</p>								</div>
				</div>
				<div class="elementor-element elementor-element-7318c6d blog_texte elementor-widget elementor-widget-heading" data-id="7318c6d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Les logotypes animés&nbsp;:</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-de3265e elementor-widget elementor-widget-text-editor" data-id="de3265e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Comme vous le savez, le logo est l&rsquo;élément central d&rsquo;une identité. Le motion lui insuffle, par le mouvement, du sens et des émotions supplémentaires. D&rsquo;une animation subtile, aux changements ou à la transformation d&rsquo;un élément, les possibilités sont multiples pour renforcer la personnalité d&rsquo;une marque.</p><p>Le paysage du branding voit de plus en plus de logos pensés et créés en mouvement. C&rsquo;est le cas par exemple de l&rsquo;identité de <a class="a_link_b" style="text-decoration: underline;" href="https://design.studio/work/going" target="_blank" rel="noopener">Going créée par Design Studio</a> qui pousse même jusqu&rsquo;à penser cette dernière en mouvement.</p>								</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-8bec788 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="8bec788" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-4255f0f" data-id="4255f0f" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-d170151 blog_image elementor-widget elementor-widget-image" data-id="d170151" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="800" height="800" src="https://www.harnois-alan.fr/wp-content/uploads/2023/07/Blog_13_A-min.gif" class="attachment-large size-large wp-image-1452" alt="Alan Harnois - Directeur artistique - Graphiste - Freelance - Blog - le Motion design sublime l&apos;identité de marque - Images - A" />															</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-47f2e60" data-id="47f2e60" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-f6edf4c elementor-widget elementor-widget-heading" data-id="f6edf4c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Sublimons le logo Pringles.</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-bdb7722 elementor-widget elementor-widget-text-editor" data-id="bdb7722" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Donner vie au logo prend ici tout son sens, la personnalité de la marque est d&rsquo;autant plus explicite.</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-ca1cfdb blog_texte elementor-widget elementor-widget-heading" data-id="ca1cfdb" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> L'identité par le mouvement&nbsp;:</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-c17dd32 elementor-widget elementor-widget-text-editor" data-id="c17dd32" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Le motion design nous offre l&rsquo;unique opportunité de raconter des histoires, des histoires de marques. En combinant le visuel, le mouvement et le son, nous pouvons engendrer des émotions. Que ce soit une vidéo produit, pédagogique, promotionnelle, social media ou autre, l&rsquo;idée reste la même ; transporter votre public cible dans votre univers.</p><p>Avec des guidelines et des principes d&rsquo;animation précis, il est assuré de transmettre votre Storytelling, vos valeurs ou encore votre mission tout en étant reconnu au premier coup d&rsquo;œil. Le « motion language » doit aujourd&rsquo;hui, faire partie de votre identité.</p>								</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-e89985e elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="e89985e" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-2c60b23" data-id="2c60b23" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-186e15b blog_image elementor-widget elementor-widget-image" data-id="186e15b" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="750" height="750" src="https://www.harnois-alan.fr/wp-content/uploads/2023/07/Blog_13_B-min.gif" class="attachment-large size-large wp-image-1456" alt="Alan Harnois - Directeur artistique - Graphiste - Freelance - Blog - le Motion design sublime l&apos;identité de marque - Images - B" />															</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-008f586" data-id="008f586" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-a615277 elementor-widget elementor-widget-heading" data-id="a615277" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Chartons le mouvement.</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-7eb4d7b elementor-widget elementor-widget-text-editor" data-id="7eb4d7b" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Un exemple d&rsquo;animation d&rsquo;éléments texte+icône éditables pour garder une cohérence et gagner du temps.</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-f6f76ed blog_texte elementor-widget elementor-widget-heading" data-id="f6f76ed" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> L'amélioration de l'expérience utilisateur&nbsp;:</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-382a6ad elementor-widget elementor-widget-text-editor" data-id="382a6ad" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Le motion design joue un rôle central dans le façonnement des expériences utilisateurs (UX) sur les plateformes numériques. De la navigation sur le site Web aux interactions sur les applications mobiles, une conception du mouvement bien exécutée améliore la convivialité, donne du feedback et guide les utilisateur.ice.s. à travers des interactions transparentes.</p><p>Une conception « animée » réfléchie peut fournir des repères visuels, des transitions fluides et de délicieuses micro-interactions, améliorant ainsi l&rsquo;UX globale. En incorporant de l&rsquo;animation dans les points de contact de la marque, les entreprises peuvent se différencier, laissant aux utilisateurs une impression positive et favorisant la fidélité de leur audience.</p><p><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f514.png" alt="🔔" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Le motion design permet donc avant tout de simplifier et de fluidifier la vie et le parcours de vos utilisateur.ice.s sur vos supports numériques. Nul doute que cela fera des ravi.e.s.</p>								</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-3c64643 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="3c64643" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-78a131a" data-id="78a131a" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-b618b5e blog_image elementor-widget elementor-widget-image" data-id="b618b5e" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="800" height="800" src="https://www.harnois-alan.fr/wp-content/uploads/2023/07/Blog_13_C-min.gif" class="attachment-large size-large wp-image-1450" alt="Alan Harnois - Directeur artistique - Graphiste - Freelance - Blog - le Motion design sublime l&apos;identité de marque - Images - C" />															</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-83277a9" data-id="83277a9" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-9b16115 elementor-widget elementor-widget-heading" data-id="9b16115" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Connectons Pringles à l'utilisateur.ice.</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-48cfc6a elementor-widget elementor-widget-text-editor" data-id="48cfc6a" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>En animant la connexion de façon interactive, nous créons un échange et une émotion chez l&rsquo;utilisateur.ice.</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-ba8eca5 blog_texte elementor-widget elementor-widget-heading" data-id="ba8eca5" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> L'adaptation de la marque à l'univers digital&nbsp;:</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-2253b33 elementor-widget elementor-widget-text-editor" data-id="2253b33" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Avec l&rsquo;essor des médias sociaux, des contenus vidéos et des technologies diverses, le mouvement devient un outil essentiel pour les marques afin d&rsquo;engager leur public cible. Des courtes vidéos sur les réseaux sociaux aux interactions digitales en passant par les animations web (svg, html5, CSS, JavaScript), le motion design permet aux marques de créer un contenu adaptable et mémorable qui résonne sur différentes plateformes afin de rester pertinentes tout en se connectant avec les consommateurs dans un environnement numérique en constante évolution.</p>								</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-8e446aa elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="8e446aa" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-6a83486" data-id="6a83486" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-513cd36 blog_image elementor-widget elementor-widget-image" data-id="513cd36" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="800" height="800" src="https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_13_D-min.gif" class="attachment-large size-large wp-image-924" alt="Alan Harnois - Directeur artistique - Graphiste - Freelance - Blog - le Motion design sublime l&apos;identité de marque - Images - D" />															</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-42cb2cf" data-id="42cb2cf" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-5b97269 elementor-widget elementor-widget-heading" data-id="5b97269" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Motion-brandons Pringles.</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-2b84ee6 elementor-widget elementor-widget-text-editor" data-id="2b84ee6" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Peu importe le support ou le contenu animé, la marque adapte son identité.</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-78df3f0 blog_texte elementor-widget elementor-widget-heading" data-id="78df3f0" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Pour conclure&nbsp;:</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-17d83f2 elementor-widget elementor-widget-text-editor" data-id="17d83f2" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Des logos dynamiques à la narration en mouvement, le motion design permet aux marques de laisser des impressions durables et de forger des liens significatifs avec leur public cible. Alors que la technologie continue de progresser et que les attentes des consommateurs évoluent, exploiter la puissance du motion design dans l&rsquo;image de marque sera essentiel pour rester compétitif et mémorable à l&rsquo;ère numérique.</p><p><strong>» Quel que soit le format, il existe une possibilité de l&rsquo;animer.</strong></p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		<p>L’article <a href="https://www.harnois-alan.fr/pourquoi-le-motion-design-sublime-identite-de-marque/">&#x2728; Pourquoi le motion design sublime l&rsquo;identité de marque ?</a> est apparu en premier sur <a href="https://www.harnois-alan.fr">Alan Harnois</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>&#x1f4f8; Croisés sur la Croisette.</title>
		<link>https://www.harnois-alan.fr/festival-de-cannes/</link>
		
		<dc:creator><![CDATA[filprA_457281]]></dc:creator>
		<pubDate>Tue, 16 May 2023 07:00:30 +0000</pubDate>
				<category><![CDATA[Graphisme]]></category>
		<category><![CDATA[Motion design]]></category>
		<category><![CDATA[Cinéma]]></category>
		<category><![CDATA[Festival]]></category>
		<category><![CDATA[Récompenses]]></category>
		<guid isPermaLink="false">http://localhost/wordpress/?p=952</guid>

					<description><![CDATA[<p>Le tapis rouge brillera encore une fois de mille flashs. Les stars y défileront, les un•e•s après les autres. Le cinéma, lui, patientera longuement que tout le monde se réunisse au sein du Palais pour enfin être à l&#8217;honneur. En attendant que le défilé défile, oublions les vedettes et parlons de ce que nous ne [&#8230;]</p>
<p>L’article <a href="https://www.harnois-alan.fr/festival-de-cannes/">&#x1f4f8; Croisés sur la Croisette.</a> est apparu en premier sur <a href="https://www.harnois-alan.fr">Alan Harnois</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="952" class="elementor elementor-952">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-724a5b98 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="724a5b98" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-49a16fc3" data-id="49a16fc3" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-a6dc3a1 blog_image elementor-widget elementor-widget-image" data-id="a6dc3a1" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1024" height="1024" src="https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_10-1024x1024.jpg" class="attachment-large size-large wp-image-954" alt="Alan Harnois - Directeur artistique - Graphiste - Freelance - Blog - Festival de Cannes - Images - Principale" srcset="https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_10-1024x1024.jpg 1024w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_10-300x300.jpg 300w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_10-150x150.jpg 150w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_10-768x768.jpg 768w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_10-600x600.jpg 600w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_10.jpg 1500w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				</div>
				<div class="elementor-element elementor-element-c931a19 blog_texte elementor-widget elementor-widget-heading" data-id="c931a19" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Le tapis rouge brillera encore une fois de mille flashs.</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-497a1fd elementor-widget elementor-widget-text-editor" data-id="497a1fd" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Les stars y défileront, les un•e•s après les autres. Le cinéma, lui, patientera longuement que tout le monde se réunisse au sein du Palais pour enfin être à l&rsquo;honneur.</p><p>En attendant que le défilé défile, oublions les vedettes et parlons de ce que nous ne percevons bien souvent qu&rsquo;inconsciemment lorsque nous regardons un film, une vidéo ou un motion design. Réalisation, angle de caméra, direction de la photographie, colorimétrie, effets sonores &amp; musique ou encore cadrage, tous ces composants, bien réfléchis, peuvent avoir différents échos en nous et les professionnels du milieu en maîtrisent les codes. Un cadrage à l&rsquo;américaine, de la tête aux genoux pour laisser apparaître les revolvers des westerns de l&rsquo;époque. Une contre-plongée couplée à un contre-jour tranché pour rendre menaçant le plus doux des visages. Du Hans Zimmer sur une scène de cuisine pour une épique cuisson des haricots.</p><p>Explorer et jouer avec les multiples connaissances et astuces audiovisuelles à notre disposition nous permet de construire une image, un son, un univers, une histoire qui provoquent les sentiments recherchés aux spectateurs. Là, est toute la mission et l&rsquo;objectif que nous avons lorsque nous communiquons par le biais de la vidéo. Chaque jour, que ce soit sur un plateau ou à la maison, derrière une caméra ou sur un ordinateur, des personnes passionnées créent et animent pour transmettre des émotions.</p><p><strong>» Loin des tapis rouges, ils sont aujourd&rsquo;hui, eux aussi à l&rsquo;honneur.</strong></p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		<p>L’article <a href="https://www.harnois-alan.fr/festival-de-cannes/">&#x1f4f8; Croisés sur la Croisette.</a> est apparu en premier sur <a href="https://www.harnois-alan.fr">Alan Harnois</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>&#x26a1; Mise en lumières.</title>
		<link>https://www.harnois-alan.fr/video-mapping/</link>
		
		<dc:creator><![CDATA[filprA_457281]]></dc:creator>
		<pubDate>Mon, 17 Apr 2023 07:00:18 +0000</pubDate>
				<category><![CDATA[Motion design]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[projection]]></category>
		<category><![CDATA[vidéo]]></category>
		<category><![CDATA[Vidéo mapping]]></category>
		<guid isPermaLink="false">http://localhost/wordpress/?p=988</guid>

					<description><![CDATA[<p>Chagall s&#8217;étale sur la tôle. L&#8217;atelier des Lumières est recouvert de peintures et de musiques. Les images et les sons se diffusent et s&#8217;animent. L&#8217;immersion prend vie. » Là, est la force du vidéo mapping, une technique consistant à projeter du contenu visuel sur une surface en trois dimensions. Souvent utilisé pour des installations interactives et [&#8230;]</p>
<p>L’article <a href="https://www.harnois-alan.fr/video-mapping/">&#x26a1; Mise en lumières.</a> est apparu en premier sur <a href="https://www.harnois-alan.fr">Alan Harnois</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="988" class="elementor elementor-988">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-724a5b98 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="724a5b98" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-49a16fc3" data-id="49a16fc3" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-a6dc3a1 blog_image elementor-widget elementor-widget-image" data-id="a6dc3a1" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="900" height="900" src="https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_06.gif" class="attachment-large size-large wp-image-993" alt="Alan Harnois - Directeur artistique - Graphiste - Freelance - Blog - Vidéo Mapping - Images - A" />															</div>
				</div>
				<div class="elementor-element elementor-element-c931a19 blog_texte elementor-widget elementor-widget-heading" data-id="c931a19" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Chagall s'étale sur la tôle.</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-497a1fd blog_texte elementor-widget elementor-widget-text-editor" data-id="497a1fd" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><a class="a_link_b" style="text-decoration: underline;" href="https://www.atelier-lumieres.com/fr/chagall" target="_blank" rel="noopener">L&rsquo;atelier des Lumières est recouvert de peintures et de musiques.</a> Les images et les sons se diffusent et s&rsquo;animent. L&rsquo;immersion prend vie.</p><p><strong>» Là, est la force du vidéo mapping, une technique consistant à projeter du contenu visuel sur une surface en trois dimensions.</strong></p><p>Souvent utilisé pour des installations interactives et artistiques, pour du street art ou encore pour le milieu du théâtre et du spectacle, nous pouvons imaginer l&rsquo;utiliser pour redécorer des restaurants selon des thématiques, pour donner vie à des lieux d&rsquo;entreprises lors d&rsquo;événements ou encore pour éblouir et surprendre par une action marketing dans les rues la nuit&#8230; Les possibilités de jouer avec l&rsquo;environnement, ses structures et objets, offrent un terrain de jeux et d&rsquo;expérimentations qui sort le numérique des écrans.</p><p><strong>» Sortons, nous aussi.</strong></p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		<p>L’article <a href="https://www.harnois-alan.fr/video-mapping/">&#x26a1; Mise en lumières.</a> est apparu en premier sur <a href="https://www.harnois-alan.fr">Alan Harnois</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>&#x1f938;&#x200d;&#x2642;&#xfe0f; De l&#8217;animation dans l&#8217;animation ?</title>
		<link>https://www.harnois-alan.fr/duik-angela-plugin-after-effects/</link>
		
		<dc:creator><![CDATA[filprA_457281]]></dc:creator>
		<pubDate>Thu, 06 Apr 2023 07:00:01 +0000</pubDate>
				<category><![CDATA[Motion design]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[vidéo]]></category>
		<guid isPermaLink="false">http://localhost/wordpress/?p=997</guid>

					<description><![CDATA[<p>María Ángela Salazar Murillo. C&#8217;est en hommage à cette activiste colombienne que Duik 17 est nommé Duik Angela. La nouvelle version de l&#8217;outil After Effects de référence pour tout animateur de personnages complexes (et bien plus) est sortie. Chaque fois plus complet, les possibilités ne se limitent pas au rigging d&#8217;Êtres plus ou moins humanoïdes. Automatisations, [&#8230;]</p>
<p>L’article <a href="https://www.harnois-alan.fr/duik-angela-plugin-after-effects/">&#x1f938;&#x200d;&#x2642;&#xfe0f; De l&rsquo;animation dans l&rsquo;animation ?</a> est apparu en premier sur <a href="https://www.harnois-alan.fr">Alan Harnois</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="997" class="elementor elementor-997">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-724a5b98 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="724a5b98" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-49a16fc3" data-id="49a16fc3" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-a6dc3a1 blog_image elementor-widget elementor-widget-image" data-id="a6dc3a1" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="900" height="900" src="https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_05.gif" class="attachment-large size-large wp-image-1002" alt="Alan Harnois - Directeur artistique - Graphiste - Freelance - Blog - Duik Angela plugin After Effects - Images - A" />															</div>
				</div>
				<div class="elementor-element elementor-element-c931a19 blog_texte elementor-widget elementor-widget-heading" data-id="c931a19" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">María Ángela Salazar Murillo.</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-7f46d28 elementor-widget elementor-widget-text-editor" data-id="7f46d28" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>C&rsquo;est en hommage à cette activiste colombienne que Duik 17 est nommé <a class="a_link_b" style="text-decoration: underline;" href="https://rxlaboratory.org/tools/duik-angela/" target="_blank" rel="noopener">Duik Angela.</a></p><p>La nouvelle version de l&rsquo;outil After Effects de référence pour tout animateur de personnages complexes (et bien plus) est sortie. Chaque fois plus complet, les possibilités ne se limitent pas au rigging d&rsquo;Êtres plus ou moins humanoïdes. Automatisations, contrôles de caméra ou encore animations prédéfinies et lissages de clés sont aussi présents.</p><p><strong>» Alors à vos mains&#8230; Prêt.e.s ? Animez !</strong></p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		<p>L’article <a href="https://www.harnois-alan.fr/duik-angela-plugin-after-effects/">&#x1f938;&#x200d;&#x2642;&#xfe0f; De l&rsquo;animation dans l&rsquo;animation ?</a> est apparu en premier sur <a href="https://www.harnois-alan.fr">Alan Harnois</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
