{"id":335,"date":"2013-01-22T13:09:36","date_gmt":"2013-01-22T12:09:36","guid":{"rendered":"http:\/\/studio.ican-design.fr\/?p=335"},"modified":"2023-01-18T17:06:20","modified_gmt":"2023-01-18T16:06:20","slug":"tutoriel-fumee-et-brumes-1-annee-game-design-web-design-animation","status":"publish","type":"post","link":"https:\/\/studio.ican-design.fr\/tutoriel-fumee-et-brumes-1-annee-game-design-web-design-animation\/","title":{"rendered":"Tutoriel Photoshop “fum\u00e9es et brumes” \/ 1\u00e8re ann\u00e9e"},"content":{"rendered":"

Ce tutoriel – partie d’un tutoriel plus long – a pour objet la cr\u00e9ation de fum\u00e9es et de brumes plus ou moins complexes avec Photoshop CC. Techniques utilis\u00e9es : brosse, mode de fusion, masque de fusion, masque d’\u00e9cr\u00eatage, filtre, rendu, nuage…<\/p>\n

Enseignant :<\/strong> Nicolas GERVAIS<\/a> – <\/strong>Design Graphique & Num\u00e9rique<\/p>\n

Visuelle de base<\/strong><\/p>\n

\"tutoriel<\/p>\n

Fum\u00e9e simple<\/h2>\n

Nous commencerons par cr\u00e9er des fum\u00e9es simples en utilisant une brosse douce et en g\u00e9rant l’opacit\u00e9 des calques. Puis nous affinerons nos r\u00e9glages avec des techniques plus complexes. L’utilisation d’une tablette graphique est recommand\u00e9e pour faciliter l’exercice et am\u00e9liorer le rendu.<\/p>\n

Cr\u00e9ez un nouveau calque, s\u00e9lectionnez l’outil pinceau, et appliquez une brosse douce : duret\u00e9 0% \/ Opacit\u00e9 50% \/ Flux 50% . Choisissez une couleur tr\u00e8s lumineuse pour votre fum\u00e9e en fonction de votre sujet (en l\u2019esp\u00e8ce une jaune tr\u00e8s clair).
\nDans le menu forme “F5”, augmentez le “pas”, activer la “dynamique de la forme” et la “diffusion” afin d’obtenir une dispersion pertinente et relativement al\u00e9atoire de la fum\u00e9e.
\nUtilisez votre stylet pour balayer la zone \u00e0 enfumer, ajoutez un flou gaussien, et diminuez l’opacit\u00e9 g\u00e9n\u00e9rale de votre calque (exemple de rendu ci-dessous).<\/p>\n

\"tutoriel<\/p>\n

Fum\u00e9e avanc\u00e9e<\/h2>\n

L’objectif est d’augmenter les “turbulences” de la fum\u00e9e pour la rendre encore plus r\u00e9aliste.
\nCr\u00e9ez un nouveau calque en \u00e9cr\u00eatage au-dessus de votre calque fum\u00e9e. Appliquez un filtre>rendu>nuage (couleurs premier plan et arri\u00e8re plan = noir et blanc ) et diminuez son opacit\u00e9 g\u00e9n\u00e9rale +\/- 50%, puis passez-le en mode “Produit”.
\nAjoutez un masque de fusion, s\u00e9lectionnez une brosse douce et estompez certaine zone de fum\u00e9e pour affiner votre rendu (rendu ci-dessous).<\/p>\n

\"brume03\"<\/p>\n

Brumes<\/h2>\n

Cr\u00e9ez un nouveau calque, s\u00e9lectionnez l’outil pinceau, mode a\u00e9rographe (accumulation), et appliquez une brosse douce : duret\u00e9 0% \/ Opacit\u00e9 100% \/ Flux 100% . Dans le menu forme F5, augmentez le pas, activation et ajustement de la dynamique de la forme (variation 100) et de la diffusion afin d’obtenir une dispersion pertinente et relativement al\u00e9atoire de la fum\u00e9e (voir capture ci-dessous).
\nChoisissez une couleur tr\u00e8s lumineuse pour votre fum\u00e9e en fonction de votre sujet (en l\u2019esp\u00e8ce une jaune tr\u00e8s clair).<\/p>\n

\"brume04\"<\/p>\n

Appliquez un flou directionnel, puis un flou gaussien et diminuez l’opacit\u00e9 g\u00e9n\u00e9rale du calque 50% (rendu ci-dessous).<\/p>\n

\"tutoriel<\/p>\n

Option : Cr\u00e9ez un nouveau calque en \u00e9cr\u00eatage au-dessus de votre calque fum\u00e9e. Appliquez un filtre>rendu>nuage (couleurs premier plan et arri\u00e8re plan = noir et blanc ) et diminuez son opacit\u00e9 g\u00e9n\u00e9rale 50%, puis passez-le en mode “Produit”.<\/p>\n

\"brume06\"<\/p>\n

N.B.
\nChaque r\u00e9glage est toujours \u00e0 ajuster en fonction de ses attentes et de sa composition.<\/p>\n","protected":false},"excerpt":{"rendered":"

Ce tutoriel – partie d’un tutoriel plus long – a pour objet la cr\u00e9ation de fum\u00e9es et de brumes plus ou moins complexes avec Photoshop CC. Techniques utilis\u00e9es : brosse, mode de fusion, masque de fusion, masque d’\u00e9cr\u00eatage, filtre, rendu, nuage…<\/p>\n","protected":false},"author":12,"featured_media":2111,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25,42,3,381,20,15],"tags":[43,44,45,46,47,48,49,50,51,52,53,54],"acf":[],"yoast_head":"\nTutoriel fum\u00e9e et brumes<\/title>\n<meta name=\"description\" content=\"Tutoriel sur la cr\u00e9ation de fum\u00e9es et brumes plus ou moins complexes avec Photoshop. Brosse, masque de fusion, masque d'\u00e9cr\u00eatage, filtre, rendu, nuage...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/studio.ican-design.fr\/tutoriel-fumee-et-brumes-1-annee-game-design-web-design-animation\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tutoriel fum\u00e9e et brumes\" \/>\n<meta property=\"og:description\" content=\"Tutoriel sur la cr\u00e9ation de fum\u00e9es et brumes plus ou moins complexes avec Photoshop. Brosse, masque de fusion, masque d'\u00e9cr\u00eatage, filtre, rendu, nuage...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/studio.ican-design.fr\/tutoriel-fumee-et-brumes-1-annee-game-design-web-design-animation\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio ICAN\" \/>\n<meta property=\"article:published_time\" content=\"2013-01-22T12:09:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-18T16:06:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2013\/01\/tutorielPSDfummeeICAN00.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"510\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Nicolas\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nicolas\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\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\":\"WebPage\",\"@id\":\"https:\/\/studio.ican-design.fr\/tutoriel-fumee-et-brumes-1-annee-game-design-web-design-animation\/\",\"url\":\"https:\/\/studio.ican-design.fr\/tutoriel-fumee-et-brumes-1-annee-game-design-web-design-animation\/\",\"name\":\"Tutoriel fum\u00e9e et brumes\",\"isPartOf\":{\"@id\":\"https:\/\/studio.ican-design.fr\/#website\"},\"datePublished\":\"2013-01-22T12:09:36+00:00\",\"dateModified\":\"2023-01-18T16:06:20+00:00\",\"author\":{\"@id\":\"https:\/\/studio.ican-design.fr\/#\/schema\/person\/b63c638049bff9f34019dcb9fe843656\"},\"description\":\"Tutoriel sur la cr\u00e9ation de fum\u00e9es et brumes plus ou moins complexes avec Photoshop. Brosse, masque de fusion, masque d'\u00e9cr\u00eatage, filtre, rendu, nuage...\",\"breadcrumb\":{\"@id\":\"https:\/\/studio.ican-design.fr\/tutoriel-fumee-et-brumes-1-annee-game-design-web-design-animation\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/studio.ican-design.fr\/tutoriel-fumee-et-brumes-1-annee-game-design-web-design-animation\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/studio.ican-design.fr\/tutoriel-fumee-et-brumes-1-annee-game-design-web-design-animation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/studio.ican-design.fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutoriel Photoshop “fum\u00e9es et brumes” \/ 1\u00e8re ann\u00e9e\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/studio.ican-design.fr\/#website\",\"url\":\"https:\/\/studio.ican-design.fr\/\",\"name\":\"Studio ICAN\",\"description\":\"D\u00e9couvrez les projets des \u00e9tudiants de l'ICAN : cr\u00e9ation num\u00e9rique, animation, game design, web design, cr\u00e9ation web, motion design\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/studio.ican-design.fr\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/studio.ican-design.fr\/#\/schema\/person\/b63c638049bff9f34019dcb9fe843656\",\"name\":\"Nicolas\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/studio.ican-design.fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ea0eb9183cdc62d47d12e7d4e5ec4a7f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ea0eb9183cdc62d47d12e7d4e5ec4a7f?s=96&d=mm&r=g\",\"caption\":\"Nicolas\"},\"sameAs\":[\"https:\/\/www.behance.net\/nicolasgervais\"],\"url\":\"https:\/\/studio.ican-design.fr\/author\/cd4vf9u296\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tutoriel fum\u00e9e et brumes","description":"Tutoriel sur la cr\u00e9ation de fum\u00e9es et brumes plus ou moins complexes avec Photoshop. Brosse, masque de fusion, masque d'\u00e9cr\u00eatage, filtre, rendu, nuage...","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:\/\/studio.ican-design.fr\/tutoriel-fumee-et-brumes-1-annee-game-design-web-design-animation\/","og_locale":"fr_FR","og_type":"article","og_title":"Tutoriel fum\u00e9e et brumes","og_description":"Tutoriel sur la cr\u00e9ation de fum\u00e9es et brumes plus ou moins complexes avec Photoshop. Brosse, masque de fusion, masque d'\u00e9cr\u00eatage, filtre, rendu, nuage...","og_url":"https:\/\/studio.ican-design.fr\/tutoriel-fumee-et-brumes-1-annee-game-design-web-design-animation\/","og_site_name":"Studio ICAN","article_published_time":"2013-01-22T12:09:36+00:00","article_modified_time":"2023-01-18T16:06:20+00:00","og_image":[{"width":825,"height":510,"url":"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2013\/01\/tutorielPSDfummeeICAN00.jpg","type":"image\/jpeg"}],"author":"Nicolas","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Nicolas","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/studio.ican-design.fr\/tutoriel-fumee-et-brumes-1-annee-game-design-web-design-animation\/","url":"https:\/\/studio.ican-design.fr\/tutoriel-fumee-et-brumes-1-annee-game-design-web-design-animation\/","name":"Tutoriel fum\u00e9e et brumes","isPartOf":{"@id":"https:\/\/studio.ican-design.fr\/#website"},"datePublished":"2013-01-22T12:09:36+00:00","dateModified":"2023-01-18T16:06:20+00:00","author":{"@id":"https:\/\/studio.ican-design.fr\/#\/schema\/person\/b63c638049bff9f34019dcb9fe843656"},"description":"Tutoriel sur la cr\u00e9ation de fum\u00e9es et brumes plus ou moins complexes avec Photoshop. Brosse, masque de fusion, masque d'\u00e9cr\u00eatage, filtre, rendu, nuage...","breadcrumb":{"@id":"https:\/\/studio.ican-design.fr\/tutoriel-fumee-et-brumes-1-annee-game-design-web-design-animation\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/studio.ican-design.fr\/tutoriel-fumee-et-brumes-1-annee-game-design-web-design-animation\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/studio.ican-design.fr\/tutoriel-fumee-et-brumes-1-annee-game-design-web-design-animation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/studio.ican-design.fr\/"},{"@type":"ListItem","position":2,"name":"Tutoriel Photoshop “fum\u00e9es et brumes” \/ 1\u00e8re ann\u00e9e"}]},{"@type":"WebSite","@id":"https:\/\/studio.ican-design.fr\/#website","url":"https:\/\/studio.ican-design.fr\/","name":"Studio ICAN","description":"D\u00e9couvrez les projets des \u00e9tudiants de l'ICAN : cr\u00e9ation num\u00e9rique, animation, game design, web design, cr\u00e9ation web, motion design","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/studio.ican-design.fr\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/studio.ican-design.fr\/#\/schema\/person\/b63c638049bff9f34019dcb9fe843656","name":"Nicolas","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/studio.ican-design.fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ea0eb9183cdc62d47d12e7d4e5ec4a7f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ea0eb9183cdc62d47d12e7d4e5ec4a7f?s=96&d=mm&r=g","caption":"Nicolas"},"sameAs":["https:\/\/www.behance.net\/nicolasgervais"],"url":"https:\/\/studio.ican-design.fr\/author\/cd4vf9u296\/"}]}},"_links":{"self":[{"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/posts\/335"}],"collection":[{"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/comments?post=335"}],"version-history":[{"count":5,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/posts\/335\/revisions"}],"predecessor-version":[{"id":8592,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/posts\/335\/revisions\/8592"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/media\/2111"}],"wp:attachment":[{"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/media?parent=335"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/categories?post=335"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/tags?post=335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}