{"id":5836,"date":"2018-03-28T10:30:58","date_gmt":"2018-03-28T08:30:58","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=5836"},"modified":"2022-11-16T16:48:50","modified_gmt":"2022-11-16T15:48:50","slug":"animation-logo-photoshop","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/animation-logo-photoshop\/","title":{"rendered":"Comment cr\u00e9er un logo anim\u00e9 avec Photoshop&nbsp;?"},"content":{"rendered":"<p>Vous souhaite <a href=\"https:\/\/graphiste.com\/categories\/logo\/projects\">cr\u00e9er un logo<\/a> anim\u00e9 pour le placer au d\u00e9but d&#8217;une vid\u00e9o ou encore pour en faire un GIF&nbsp;?<\/p>\n<p>L&#8217;animation de logo est tout \u00e0 fait possible avec Photoshop&nbsp;!<\/p>\n<p>Voici comment proc\u00e9der en quelques \u00e9tapes simples.<\/p>\n<h2>Faire un logo anim\u00e9 sur Photoshop<\/h2>\n<p>Pour commencer, il nous faut importer (ou cr\u00e9er directement dans Photoshop) les diff\u00e9rents \u00e9l\u00e9ments de votre logo. Chacun d&#8217;entre eux doit \u00eatre un calque ind\u00e9pendant.<\/p>\n<p>Pour bien illustrer les diff\u00e9rentes possibilit\u00e9s d&#8217;animations, nous allons utiliser un logo simpliste compos\u00e9 de&nbsp;:<\/p>\n<ul>\n<li>Un rectangle transparents au contour noir ;<\/li>\n<li>Un rond rouge ;<\/li>\n<li>Un rectangle noir ;<\/li>\n<li>Des traits rouges ;<\/li>\n<li>Le texte &#8220;mon&#8221; ;<\/li>\n<li>Le mot &#8220;logo&#8221;.<\/li>\n<\/ul>\n<p>Chacun de ces \u00e9l\u00e9ments constitue un calque \u00e0 part enti\u00e8re&nbsp;:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5840\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/03\/logo-animation-photoshop-1.jpg\" alt=\"animation d'un logo avec Photoshop\" width=\"700\" height=\"437\" \/><\/p>\n<p>\u00c0 pr\u00e9sent, il faut convertir tous ces \u00e9l\u00e9ments en <em>objets dynamique<\/em>. Pour ce faire, faites un clic droit sur chaque calque et s\u00e9lectionnez &#8220;Convertir en objet dynamique&#8221;&nbsp;:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5838\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/03\/logo-animation-photoshop-2.png\" alt=\"animation d'un logo avec Photoshop\" width=\"523\" height=\"756\" \/><\/p>\n<p>Ceci fait, cliquez sur &#8220;Fen\u00eatre&#8221; dans le menu principal et choisissez &#8220;Montage&#8221;&nbsp;:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5839\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/03\/logo-animation-photoshop-3.png\" alt=\"animation d'un logo avec Photoshop\" width=\"356\" height=\"778\" \/><\/p>\n<p>Dans le panneau qui appara\u00eet en dessous de votre image, cliquez sur &#8220;Cr\u00e9er un montage vid\u00e9o&#8221; pour faire appara\u00eetre vos diff\u00e9rents calques&nbsp;:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5844\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/03\/logo-animation-photoshop-4.gif\" alt=\"animation d'un logo avec Photoshop\" width=\"594\" height=\"486\" \/><\/p>\n<p>Nous allons maintenant pouvoir animer notre logo. Au pr\u00e9alable, il est pr\u00e9f\u00e9rable de masquer tous les calques (\u00e0 l&#8217;aide de l&#8217;ic\u00f4ne en forme d\u2019\u0153il), sauf celui sur lequel vous souhaitez travailler en premier.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-5841 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/03\/logo-animation-photoshop-5.jpg\" alt=\"animation d'un logo avec Photoshop\" width=\"1419\" height=\"880\" \/><\/p>\n<h2>La transformation<\/h2>\n<p>Nous allons commencer par aborder la fonctionnalit\u00e9 &#8220;Transformation&#8221; et les diff\u00e9rentes possibilit\u00e9s qu&#8217;elle offre.<\/p>\n<p>Faites glisser le curseur jusqu&#8217;\u00e0 3 secondes environ, d\u00e9roulez ensuite le calque que vous souhaitez animer et cliquer sur &#8220;Transformation&#8221;.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5845\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/03\/logo-animation-photoshop-6.gif\" alt=\"animation d'un logo avec Photoshop\" width=\"614\" height=\"502\" \/><\/p>\n<p>Revenez en arri\u00e8re avec le curseur (autour d&#8217;1 seconde) et appuyez sur Ctrl + T (ou Cmd + T sur Mac) pour s\u00e9lectionner l&#8217;objet. Nous pouvons maintenant d\u00e9placer le rectangle au dessus du cadre.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5846\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/03\/logo-animation-photoshop-7.gif\" alt=\"animation d'un logo avec Photoshop\" width=\"614\" height=\"502\" \/><\/p>\n<p>En cliquant sur lecture, vous constatez que la forme descend progressivement jusqu&#8217;\u00e0 sa position d&#8217;origine.<\/p>\n<p>Nous allons ensuite utiliser la transformation pour faire varier la taille d&#8217;un objet (ici, le rond rouge). Le principe est le m\u00eame&nbsp;: utilisez Ctrl + T (ou Cmd + T) pour s\u00e9lectionner le calque et ajustez sa taille.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5847\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/03\/logo-animation-photoshop-8.gif\" alt=\"animation d'un logo avec Photoshop\" width=\"594\" height=\"486\" \/><\/p>\n<p>Vous remarquerez que nous avons \u00e0 la fois modifi\u00e9 la taille ET la position du cercle (ce qui lui donne un effet de mouvement et de grossissement).<\/p>\n<p>Enfin, il est possible d&#8217;appliquer un dernier effet de transformation&nbsp;: la rotation. Apr\u00e8s avoir s\u00e9lectionn\u00e9 le calque avec Ctrl + T, il suffit de jouer avec la petite fl\u00e8che courb\u00e9e pour faire tourner l&#8217;\u00e9l\u00e9ment.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5848\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/03\/logo-animation-photoshop-9.gif\" alt=\"animation d'un logo avec Photoshop\" width=\"594\" height=\"486\" \/><\/p>\n<p>Une fois de plus, nous avons cumul\u00e9 deux effets (d\u00e9placement et rotation).<\/p>\n<h2>L&#8217;opacit\u00e9<\/h2>\n<p>Pour animer un logo sur Photoshop, on peut aussi jouer sur l\u2019opacit\u00e9 pour faire appara\u00eetre des \u00e9l\u00e9ments.<\/p>\n<p>Pour ce faire, dans la fen\u00eatre de montage, placez le curseur sur 3 secondes, cliquez sur le calque qui vous int\u00e9resse et cochez cette fois-ci l&#8217;option &#8220;Opacit\u00e9&#8221;.<\/p>\n<p>Ramenez le curseur quelques secondes plus t\u00f4t et r\u00e9duisez l&#8217;opacit\u00e9 \u00e0 z\u00e9ro \u00e0 l&#8217;aide de la r\u00e9glette dans le panneau &#8220;Calques&#8221;.<\/p>\n<p>Dans notre exemple, nous allons faire appara\u00eetre progressivement le petit rectangle noir derri\u00e8re le texte &#8220;mon&#8221;&nbsp;:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5849\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/03\/logo-animation-photoshop-10.gif\" alt=\"animation d'un logo avec Photoshop\" width=\"646\" height=\"398\" \/><\/p>\n<p>Pour terminer, nous allons m\u00e9langer transformation et opacit\u00e9 pour animer notre dernier calque (ici, la forme bas\u00e9e sur des traits rouges).<\/p>\n<p>Comme toujours, s\u00e9lectionnez le calque qui vous int\u00e9resse dans le volet de montage. Placez le curseur \u00e0 3 sec et cliquez sur &#8220;Transformation&#8221; avant de ramener le curseur quelques secondes plus t\u00f4t.<\/p>\n<p>Appuyez ensuite sur Ctrl + T (ou Cmd + T) et r\u00e9duisez la largeur du calque. Tapez 0 % dans le champ &#8220;L&#8221; dans la barre d&#8217;outils pour le faire presque dispara\u00eetre.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5851\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/03\/logo-animation-photoshop-12.gif\" alt=\"animation d'un logo avec Photoshop\" width=\"620\" height=\"508\" \/><\/p>\n<p>Appliquez ensuite un effet d&#8217;opacit\u00e9 comme vu pr\u00e9c\u00e9demment. \u00c0 pr\u00e9sent, l&#8217;\u00e9l\u00e9ment anim\u00e9 se d\u00e9ploie depuis son centre de mani\u00e8re fluide&nbsp;:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5850\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/03\/logo-animation-photoshop-11.gif\" alt=\"animation d'un logo avec Photoshop\" width=\"620\" height=\"508\" \/><\/p>\n<p>Avant de passer \u00e0 l&#8217;exportation, vous pouvez si vous le souhaitez retirer l&#8217;arri\u00e8re-plan (en d\u00e9cochant le petit \u0153il \u00e0 c\u00f4t\u00e9 du calque &#8220;Arri\u00e8re-plan&#8221;) et obtenir un fond transparent&nbsp;:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5854\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/03\/animer-logo-photoshop.png\" alt=\"animer un logo photoshop\" width=\"700\" height=\"523\" \/><\/p>\n<h2>Exporter votre logo anim\u00e9<\/h2>\n<p>Pour exporter votre logo anim\u00e9 flambant neuf, deux options s&#8217;offrent \u00e0 vous&nbsp;: vid\u00e9o ou GIF anim\u00e9.<\/p>\n<p>Pour la premi\u00e8re, cliquez sur Fichier &gt; Exportation &gt; Rendu vid\u00e9o. S\u00e9lectionnez les options suivantes dans la fen\u00eatre qui s&#8217;ouvre&nbsp;:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-5842 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/03\/logo-animation-photoshop-13-e1521809011111.jpg\" alt=\"animation d'un logo avec Photoshop\" width=\"700\" height=\"357\" \/><\/p>\n<p>Vous n&#8217;avez plus qu&#8217;\u00e0 appuyer sur &#8220;Rendu&#8221;.<\/p>\n<p>Pour exporter votre logo sous la forme d&#8217;un GIF, rendez-vous dans Fichier &gt; Exportation &gt; Enregistrer pour le web. Une fen\u00eatre s&#8217;ouvre&nbsp;:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5843\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/03\/logo-animation-photoshop-14.jpg\" alt=\"animation d'un logo avec Photoshop\" width=\"700\" height=\"522\" \/><\/p>\n<p>Vous pouvez, si vous le souhaitez, ajuster la qualit\u00e9, les couleurs, etc. Cliquez ensuite sur &#8220;Enregistrer&#8221;.<\/p>\n<p>\u00c7a y est, votre logo anim\u00e9 est termin\u00e9&nbsp;:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5852\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/03\/logo-animation-photoshop-15.gif\" alt=\"animation d'un logo avec Photoshop\" width=\"504\" height=\"360\" \/><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vous souhaite cr\u00e9er un logo anim\u00e9 pour le placer au d\u00e9but d&#8217;une vid\u00e9o ou encore pour en faire un GIF&nbsp;? L&#8217;animation de logo est tout \u00e0 fait possible avec Photoshop&nbsp;! Voici comment proc\u00e9der en quelques \u00e9tapes simples. Faire un logo anim\u00e9 sur Photoshop Pour commencer, il nous faut importer (ou cr\u00e9er directement dans Photoshop) les [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5856,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[109],"tags":[107],"class_list":["post-5836","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-photoshop","tag-tutoriel"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Comment cr\u00e9er un logo anim\u00e9 avec Photoshop ?<\/title>\n<meta name=\"description\" content=\"Vous souhaite animer un logo pour le placer au d\u00e9but d&#039;une vid\u00e9o ou encore pour en faire un GIF ? L&#039;animation de logo est tout \u00e0 fait possible avec Photoshop ! Voici comment proc\u00e9der en quelques \u00e9tapes simples.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/graphiste.com\/blog\/animation-logo-photoshop\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment cr\u00e9er un logo anim\u00e9 avec Photoshop ?\" \/>\n<meta property=\"og:description\" content=\"Vous souhaite animer un logo pour le placer au d\u00e9but d&#039;une vid\u00e9o ou encore pour en faire un GIF ? L&#039;animation de logo est tout \u00e0 fait possible avec Photoshop ! Voici comment proc\u00e9der en quelques \u00e9tapes simples.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphiste.com\/blog\/animation-logo-photoshop\/\" \/>\n<meta property=\"og:site_name\" content=\"Graphiste.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/graphistesfreelances\" \/>\n<meta property=\"article:published_time\" content=\"2018-03-28T08:30:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-16T15:48:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/03\/animer-un-logo-photoshop-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"423\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Laura Michaud\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:site\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Laura Michaud\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/graphiste.com\/blog\/animation-logo-photoshop\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/animation-logo-photoshop\/\"},\"author\":{\"name\":\"Laura Michaud\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2\"},\"headline\":\"Comment cr\u00e9er un logo anim\u00e9 avec Photoshop&nbsp;?\",\"datePublished\":\"2018-03-28T08:30:58+00:00\",\"dateModified\":\"2022-11-16T15:48:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/animation-logo-photoshop\/\"},\"wordCount\":797,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/animation-logo-photoshop\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/03\/animer-un-logo-photoshop-1.jpg\",\"keywords\":[\"Tutoriel\"],\"articleSection\":[\"Photoshop\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/graphiste.com\/blog\/animation-logo-photoshop\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphiste.com\/blog\/animation-logo-photoshop\/\",\"url\":\"https:\/\/graphiste.com\/blog\/animation-logo-photoshop\/\",\"name\":\"Comment cr\u00e9er un logo anim\u00e9 avec Photoshop ?\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/animation-logo-photoshop\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/animation-logo-photoshop\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/03\/animer-un-logo-photoshop-1.jpg\",\"datePublished\":\"2018-03-28T08:30:58+00:00\",\"dateModified\":\"2022-11-16T15:48:50+00:00\",\"description\":\"Vous souhaite animer un logo pour le placer au d\u00e9but d'une vid\u00e9o ou encore pour en faire un GIF ? L'animation de logo est tout \u00e0 fait possible avec Photoshop ! Voici comment proc\u00e9der en quelques \u00e9tapes simples.\",\"breadcrumb\":{\"@id\":\"https:\/\/graphiste.com\/blog\/animation-logo-photoshop\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphiste.com\/blog\/animation-logo-photoshop\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/animation-logo-photoshop\/#primaryimage\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/03\/animer-un-logo-photoshop-1.jpg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/03\/animer-un-logo-photoshop-1.jpg\",\"width\":850,\"height\":423,\"caption\":\"animer un logo avec photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphiste.com\/blog\/animation-logo-photoshop\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/graphiste.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Photographie\",\"item\":\"https:\/\/graphiste.com\/blog\/photographie\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Photoshop\",\"item\":\"https:\/\/graphiste.com\/blog\/photographie\/photoshop\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Comment cr\u00e9er un logo anim\u00e9 avec Photoshop ?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/graphiste.com\/blog\/#website\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"name\":\"Graphiste.com\",\"description\":\"graphiste\",\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/graphiste.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\",\"name\":\"Graphiste.com\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"width\":1,\"height\":1,\"caption\":\"Graphiste.com\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/graphistesfreelances\",\"https:\/\/x.com\/Graphistecom\",\"https:\/\/www.linkedin.com\/company\/graphiste-com\/\",\"https:\/\/fr.pinterest.com\/Graphiste_Com\",\"https:\/\/www.instagram.com\/graphiste_com\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2\",\"name\":\"Laura Michaud\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g\",\"caption\":\"Laura Michaud\"},\"description\":\"Laura connait tous les meilleurs outils pour g\u00e9rer des projets et une entreprise. Cr\u00e9ative, c'est aussi une sp\u00e9cialiste des outils de cr\u00e9ation graphique pour faire briller une entreprise.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/michaudlaura\/\"],\"url\":\"https:\/\/graphiste.com\/blog\/author\/laura\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comment cr\u00e9er un logo anim\u00e9 avec Photoshop ?","description":"Vous souhaite animer un logo pour le placer au d\u00e9but d'une vid\u00e9o ou encore pour en faire un GIF ? L'animation de logo est tout \u00e0 fait possible avec Photoshop ! Voici comment proc\u00e9der en quelques \u00e9tapes simples.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/graphiste.com\/blog\/animation-logo-photoshop\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment cr\u00e9er un logo anim\u00e9 avec Photoshop ?","og_description":"Vous souhaite animer un logo pour le placer au d\u00e9but d'une vid\u00e9o ou encore pour en faire un GIF ? L'animation de logo est tout \u00e0 fait possible avec Photoshop ! Voici comment proc\u00e9der en quelques \u00e9tapes simples.","og_url":"https:\/\/graphiste.com\/blog\/animation-logo-photoshop\/","og_site_name":"Graphiste.com","article_publisher":"https:\/\/www.facebook.com\/graphistesfreelances","article_published_time":"2018-03-28T08:30:58+00:00","article_modified_time":"2022-11-16T15:48:50+00:00","og_image":[{"width":850,"height":423,"url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/03\/animer-un-logo-photoshop-1.jpg","type":"image\/jpeg"}],"author":"Laura Michaud","twitter_card":"summary_large_image","twitter_creator":"@Graphistecom","twitter_site":"@Graphistecom","twitter_misc":{"\u00c9crit par":"Laura Michaud","Dur\u00e9e de lecture estim\u00e9e":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/graphiste.com\/blog\/animation-logo-photoshop\/#article","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/animation-logo-photoshop\/"},"author":{"name":"Laura Michaud","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2"},"headline":"Comment cr\u00e9er un logo anim\u00e9 avec Photoshop&nbsp;?","datePublished":"2018-03-28T08:30:58+00:00","dateModified":"2022-11-16T15:48:50+00:00","mainEntityOfPage":{"@id":"https:\/\/graphiste.com\/blog\/animation-logo-photoshop\/"},"wordCount":797,"commentCount":0,"publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"image":{"@id":"https:\/\/graphiste.com\/blog\/animation-logo-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/03\/animer-un-logo-photoshop-1.jpg","keywords":["Tutoriel"],"articleSection":["Photoshop"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/graphiste.com\/blog\/animation-logo-photoshop\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/graphiste.com\/blog\/animation-logo-photoshop\/","url":"https:\/\/graphiste.com\/blog\/animation-logo-photoshop\/","name":"Comment cr\u00e9er un logo anim\u00e9 avec Photoshop ?","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/graphiste.com\/blog\/animation-logo-photoshop\/#primaryimage"},"image":{"@id":"https:\/\/graphiste.com\/blog\/animation-logo-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/03\/animer-un-logo-photoshop-1.jpg","datePublished":"2018-03-28T08:30:58+00:00","dateModified":"2022-11-16T15:48:50+00:00","description":"Vous souhaite animer un logo pour le placer au d\u00e9but d'une vid\u00e9o ou encore pour en faire un GIF ? L'animation de logo est tout \u00e0 fait possible avec Photoshop ! Voici comment proc\u00e9der en quelques \u00e9tapes simples.","breadcrumb":{"@id":"https:\/\/graphiste.com\/blog\/animation-logo-photoshop\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphiste.com\/blog\/animation-logo-photoshop\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/animation-logo-photoshop\/#primaryimage","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/03\/animer-un-logo-photoshop-1.jpg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/03\/animer-un-logo-photoshop-1.jpg","width":850,"height":423,"caption":"animer un logo avec photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/graphiste.com\/blog\/animation-logo-photoshop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/graphiste.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Photographie","item":"https:\/\/graphiste.com\/blog\/photographie\/"},{"@type":"ListItem","position":3,"name":"Photoshop","item":"https:\/\/graphiste.com\/blog\/photographie\/photoshop\/"},{"@type":"ListItem","position":4,"name":"Comment cr\u00e9er un logo anim\u00e9 avec Photoshop ?"}]},{"@type":"WebSite","@id":"https:\/\/graphiste.com\/blog\/#website","url":"https:\/\/graphiste.com\/blog\/","name":"Graphiste.com","description":"graphiste","publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/graphiste.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/graphiste.com\/blog\/#organization","name":"Graphiste.com","url":"https:\/\/graphiste.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","width":1,"height":1,"caption":"Graphiste.com"},"image":{"@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/graphistesfreelances","https:\/\/x.com\/Graphistecom","https:\/\/www.linkedin.com\/company\/graphiste-com\/","https:\/\/fr.pinterest.com\/Graphiste_Com","https:\/\/www.instagram.com\/graphiste_com\/"]},{"@type":"Person","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2","name":"Laura Michaud","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g","caption":"Laura Michaud"},"description":"Laura connait tous les meilleurs outils pour g\u00e9rer des projets et une entreprise. Cr\u00e9ative, c'est aussi une sp\u00e9cialiste des outils de cr\u00e9ation graphique pour faire briller une entreprise.","sameAs":["https:\/\/www.linkedin.com\/in\/michaudlaura\/"],"url":"https:\/\/graphiste.com\/blog\/author\/laura\/"}]}},"_links":{"self":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/5836","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/comments?post=5836"}],"version-history":[{"count":0,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/5836\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media\/5856"}],"wp:attachment":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media?parent=5836"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/categories?post=5836"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/tags?post=5836"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}