{"id":3276,"date":"2026-09-07T15:47:57","date_gmt":"2026-09-07T13:47:57","guid":{"rendered":"https:\/\/lucasgoret.com\/?page_id=3276"},"modified":"2026-09-09T19:52:23","modified_gmt":"2026-09-09T17:52:23","slug":"initiation-sound-design","status":"publish","type":"page","link":"https:\/\/lucasgoret.com\/index.php\/initiation-sound-design\/","title":{"rendered":"2 COURS &#8211; Initiation Sound Design"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3276\" class=\"elementor elementor-3276\">\n\t\t\t\t<div class=\"elementor-element elementor-element-039eb39 e-flex e-con-boxed e-con e-parent\" data-id=\"039eb39\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68e7544 elementor-widget elementor-widget-html\" data-id=\"68e7544\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\nSOUND DESIGN \u2014 COURS 01\nVersion Elementor compl\u00e8te\nPuzzle 3D : studio noir + labels persistants + entr\u00e9e anim\u00e9e anticip\u00e9e\nAucun CSS WordPress suppl\u00e9mentaire requis.\n========================================================= -->\n\n<style>\n#sd26{\n  --bg:#f3f3ef;--panel:#fff;--panel-soft:#e9e9e4;--text:#111214;\n  --muted:#686a70;--soft:#8d8f96;--line:rgba(17,18,20,.11);\n  --accent:#625cff;--accent-soft:rgba(98,92,255,.10);\n  width:100%;min-height:100vh;background:var(--bg)!important;color:var(--text)!important;\n  font-family:Inter,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Arial,sans-serif!important;\n}\n#sd26.sd-dark{\n  --bg:#090a0c;--panel:#15161a;--panel-soft:#101114;--text:#f4f4f6;\n  --muted:#a9aab0;--soft:#74767d;--line:rgba(255,255,255,.11);\n  --accent:#9793ff;--accent-soft:rgba(151,147,255,.13);\n}\n#sd26,#sd26 *{box-sizing:border-box}\n#sd26 h1,#sd26 h2,#sd26 h3,#sd26 p{margin-top:0!important}\n#sd26 div,#sd26 section,#sd26 article,#sd26 header,#sd26 footer,#sd26 nav,\n#sd26 span,#sd26 p,#sd26 h1,#sd26 h2,#sd26 h3,#sd26 strong,#sd26 em,\n#sd26 a,#sd26 summary,#sd26 button{color:inherit!important}\n#sd26 a{text-decoration:none}\n#sd26 img{display:block;max-width:100%}\n#sd26 .sd-shell{width:min(1160px,calc(100% - 64px));margin:0 auto}\n\n\/* NAV G\u00c9N\u00c9RALE *\/\n#sd26 .sd-coursebar{width:100%;overflow-x:auto;background:#050505!important;border-bottom:1px solid rgba(255,255,255,.09);scrollbar-width:none}\n#sd26 .sd-coursebar::-webkit-scrollbar{display:none}\n#sd26 .sd-coursebar-inner{width:min(1500px,calc(100% - 40px));min-width:1050px;margin:auto;display:grid;grid-template-columns:repeat(7,1fr)}\n#sd26 a.sd-coursebar-item{text-decoration:none!important}\n#sd26 .sd-coursebar-item{position:relative;min-height:108px;padding:20px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}\n#sd26 .sd-coursebar-item strong{color:#fff!important;font-size:13px;font-weight:800}\n#sd26 .sd-coursebar-item span{margin-top:4px;color:#fff!important;font-size:13px}\n#sd26 .sd-coursebar-item:after{content:\"\";position:absolute;bottom:15px;left:50%;width:0;height:2px;background:var(--accent)!important;transform:translateX(-50%);transition:width .25s ease}\n#sd26 .sd-coursebar-item:hover:after,#sd26 .sd-coursebar-item.is-current:after{width:42px}\n\n\/* STICKY BAR *\/\n#sd26 .sd-top-wrap{position:sticky;top:12px;z-index:100;padding-top:12px}\n#sd26 .sd-top{width:min(1160px,calc(100% - 64px));min-height:62px;margin:auto;padding:9px 11px 9px 17px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);border-radius:19px;background:var(--panel)!important;box-shadow:0 8px 30px rgba(0,0,0,.05);opacity:.97}\n#sd26 .sd-brand{display:flex;align-items:center;gap:12px}\n#sd26 .sd-dot{width:10px;height:10px;border-radius:99px;background:var(--accent)!important;box-shadow:0 0 0 6px var(--accent-soft)}\n#sd26 .sd-brand-title{display:block;font-size:13px;font-weight:750}\n#sd26 .sd-brand-sub{display:block;margin-top:5px;color:var(--soft)!important;font-size:10px;text-transform:uppercase;letter-spacing:.12em}\n#sd26 .sd-theme{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line)!important;border-radius:13px;background:transparent!important;cursor:pointer;font-size:18px}\n\n\/* HERO *\/\n#sd26 .sd-hero{padding:clamp(100px,12vw,165px) 0 clamp(85px,9vw,125px)}\n#sd26 .sd-hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.45fr);gap:70px;align-items:end}\n#sd26 .sd-kicker{display:flex;align-items:center;gap:12px;margin-bottom:29px;color:var(--muted)!important;font-size:11px;font-weight:750;letter-spacing:.15em;text-transform:uppercase}\n#sd26 .sd-kicker:before{content:\"\";width:35px;height:1px;background:var(--accent)!important}\n#sd26 .sd-hero h1{margin:0!important;color:var(--text)!important;font-size:clamp(65px,10vw,138px)!important;line-height:.82!important;letter-spacing:-.075em!important;font-weight:700!important}\n#sd26 .sd-hero h1 span{color:var(--accent)!important}\n#sd26 .sd-lead{max-width:720px;margin:45px 0 0!important;color:var(--muted)!important;font-size:clamp(19px,2vw,25px)!important;line-height:1.52!important;letter-spacing:-.02em}\n#sd26 .sd-meta{display:grid;gap:11px}\n#sd26 .sd-meta-card{padding:19px;border:1px solid var(--line);border-radius:17px;background:var(--panel)!important}\n#sd26 .sd-meta-label{display:block;margin-bottom:6px;color:var(--soft)!important;font-size:10px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}\n#sd26 .sd-meta-value{font-size:14px;font-weight:700}\n\n\/* NAV INTERNE *\/\n#sd26 .sd-nav{display:flex;gap:5px;margin-bottom:22px;padding:7px;overflow-x:auto;scrollbar-width:none;border:1px solid var(--line);border-radius:17px;background:var(--panel)!important}\n#sd26 .sd-nav::-webkit-scrollbar{display:none}\n#sd26 .sd-nav a{flex:0 0 auto;padding:10px 12px;border-radius:10px;color:var(--muted)!important;font-size:12px;font-weight:650}\n#sd26 .sd-nav a:hover{color:var(--text)!important;background:var(--accent-soft)!important}\n\n\/* STRUCTURE *\/\n#sd26 .sd-section{padding:clamp(78px,9vw,118px) 0;scroll-margin-top:105px}\n#sd26 .sd-section + .sd-section{border-top:1px solid var(--line)}\n#sd26 .sd-head{display:grid;grid-template-columns:145px 1fr;gap:36px;margin-bottom:clamp(42px,6vw,72px)}\n#sd26 .sd-index{padding-top:8px;color:var(--accent)!important;font-size:11px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}\n#sd26 .sd-head h2{max-width:900px;margin:0!important;color:var(--text)!important;font-size:clamp(40px,6vw,76px)!important;line-height:.98!important;letter-spacing:-.052em!important;font-weight:650!important}\n#sd26 .sd-head .sd-intro{max-width:790px;margin:22px 0 0!important;color:var(--muted)!important;font-size:clamp(17px,1.55vw,21px)!important;line-height:1.65!important}\n#sd26 .sd-reading{max-width:780px}\n#sd26 .sd-reading p{margin:0 0 1.35em!important;color:var(--muted)!important;font-size:clamp(16px,1.3vw,19px)!important;line-height:1.82!important}\n#sd26 .sd-reading strong{color:var(--text)!important;font-weight:720}\n#sd26 .sd-two{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(38px,7vw,82px);align-items:start}\n#sd26 .sd-statement{padding:clamp(28px,4.5vw,48px);border:1px solid rgba(98,92,255,.23);border-radius:25px;background:var(--accent-soft)!important;font-size:clamp(27px,3.8vw,46px)!important;line-height:1.12!important;letter-spacing:-.04em;font-weight:620}\n#sd26 .sd-aside{padding:20px 22px;border-left:2px solid var(--accent);border-radius:0 13px 13px 0;background:var(--accent-soft)!important}\n#sd26 .sd-aside p{margin:0!important;color:var(--text)!important;font-size:14px!important;line-height:1.7!important}\n\n\/* MEDIA *\/\n#sd26 .sd-media{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--panel)!important}\n#sd26 .sd-video{position:relative;width:100%;aspect-ratio:16\/9;background:#000!important}\n#sd26 .sd-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}\n#sd26 .sd-media-caption{padding:14px 17px;color:var(--muted)!important;font-size:12px;line-height:1.55}\n#sd26 .sd-media-caption strong{color:var(--text)!important}\n#sd26 .sd-img{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--panel-soft)!important}\n#sd26 .sd-img-cover img{width:100%;aspect-ratio:4\/3;object-fit:cover}\n#sd26 .sd-credit{padding:10px 13px;color:var(--soft)!important;font-size:10px;line-height:1.45}\n\n\/* DETAILS *\/\n#sd26 details.sd-more{margin-top:18px;border-top:1px solid var(--line)}\n#sd26 details.sd-more>summary{position:relative;padding:18px 35px 18px 0;cursor:pointer;list-style:none;color:var(--muted)!important;font-size:12px;font-weight:700;letter-spacing:.03em}\n#sd26 details.sd-more>summary::-webkit-details-marker{display:none}\n#sd26 details.sd-more>summary:after{content:\"\u2193\";position:absolute;right:4px;top:17px;color:var(--accent)!important;font-size:15px;transition:transform .2s ease}\n#sd26 details.sd-more[open]>summary:after{transform:rotate(180deg)}\n#sd26 .sd-more-body{padding:8px 0 26px}\n\n\/* HISTOIRE *\/\n#sd26 .sd-history{display:grid}\n#sd26 .sd-era{display:grid;grid-template-columns:120px minmax(0,1fr);gap:32px;padding:0 0 55px}\n#sd26 .sd-era:last-child{padding-bottom:0}\n#sd26 .sd-era-mark{color:var(--accent)!important;font-size:11px;font-weight:750;letter-spacing:.07em}\n#sd26 .sd-era-main{padding-left:32px;border-left:1px solid var(--line)}\n#sd26 .sd-era-main h3{margin:0 0 14px!important;color:var(--text)!important;font-size:clamp(24px,2.7vw,34px)!important;letter-spacing:-.035em;font-weight:680!important}\n#sd26 .sd-era-main>p{max-width:780px;margin:0 0 1em!important;color:var(--muted)!important;font-size:16px!important;line-height:1.8!important}\n#sd26 .sd-history-media{margin-top:25px;max-width:840px}\n#sd26 .sd-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}\n#sd26 .sd-gallery figure{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--panel)!important}\n#sd26 .sd-gallery img{width:100%;aspect-ratio:4\/3;object-fit:contain;padding:9px;background:#f5f2e9!important}\n#sd26 .sd-gallery figcaption{padding:10px 12px 12px;color:var(--muted)!important;font-size:10px;line-height:1.45}\n#sd26 .sd-media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}\n#sd26 .sd-foley-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:22px;align-items:start}\n\n\/* VID\u00c9OS COMPACTES *\/\n#sd26 .sd-compact-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%}\n#sd26 .sd-compact-video .sd-media{border-radius:13px}\n#sd26 .sd-compact-video .sd-video{border-radius:12px;overflow:hidden}\n#sd26 .sd-analysis-label{margin-bottom:9px;color:var(--soft)!important;font-size:10px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}\n#sd26 .sd-exercise{max-width:850px;margin-bottom:42px;padding:28px 30px;border:1px solid rgba(98,92,255,.23);border-radius:19px;background:var(--accent-soft)!important}\n#sd26 .sd-exercise small{display:block;margin-bottom:10px;color:var(--accent)!important;font-size:10px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}\n#sd26 .sd-exercise p{margin:0!important;color:var(--text)!important;font-size:clamp(18px,2vw,24px)!important;line-height:1.55!important}\n\n\/* VOCABULAIRE *\/\n#sd26 .sd-defs{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}\n#sd26 .sd-def{padding:25px;border:1px solid var(--line);border-radius:18px;background:var(--panel)!important}\n#sd26 .sd-def small{display:block;margin-bottom:17px;color:var(--accent)!important;font-size:10px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}\n#sd26 .sd-def h3{margin:0 0 10px!important;font-size:21px!important}\n#sd26 .sd-def p{margin:0!important;color:var(--muted)!important;font-size:14px!important;line-height:1.72!important}\n#sd26 .sd-subhead{margin:65px 0 28px!important;font-size:clamp(27px,3.5vw,42px)!important;line-height:1.08!important;letter-spacing:-.04em;font-weight:650!important}\n#sd26 .sd-listen{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}\n#sd26 .sd-listen-card{padding:22px;border-top:2px solid var(--accent);border-radius:0 0 15px 15px;background:var(--panel)!important}\n#sd26 .sd-listen-card h3{margin:0 0 10px!important;font-size:18px!important}\n#sd26 .sd-listen-card p{margin:0!important;color:var(--muted)!important;font-size:13px!important;line-height:1.65!important}\n#sd26 .sd-soundcloud{margin-top:22px;overflow:hidden;border:1px solid var(--line);border-radius:19px;background:var(--panel)!important}\n#sd26 .sd-soundcloud-head{padding:17px 18px 13px}\n#sd26 .sd-soundcloud-head small{display:block;margin-bottom:5px;color:var(--accent)!important;font-size:9px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}\n#sd26 .sd-soundcloud-head p{margin:0!important;color:var(--muted)!important;font-size:13px!important;line-height:1.55!important}\n#sd26 .sd-soundcloud iframe{display:block;width:100%;height:300px;border:0}\n#sd26 .sd-qualify{display:grid;grid-template-columns:repeat(2,1fr);gap:0 46px;border-top:1px solid var(--line)}\n#sd26 .sd-q{padding:16px 0;border-bottom:1px solid var(--line)}\n#sd26 .sd-q strong{display:block;margin-bottom:5px;color:var(--text)!important;font-size:14px}\n#sd26 .sd-q span{display:block;max-width:520px;color:var(--muted)!important;font-size:14px;line-height:1.72;letter-spacing:-.005em}\n#sd26 .sd-lexicon{border-top:1px solid var(--line)}\n#sd26 .sd-term{border-bottom:1px solid var(--line)}\n#sd26 .sd-term summary{display:grid;grid-template-columns:150px 1fr 24px;gap:20px;align-items:center;padding:20px 0;cursor:pointer;list-style:none}\n#sd26 .sd-term summary::-webkit-details-marker{display:none}\n#sd26 .sd-term-name{font-size:15px;font-weight:720}\n#sd26 .sd-term-desc{color:var(--muted)!important;font-size:13px;line-height:1.55}\n#sd26 .sd-term-arrow{color:var(--accent)!important}\n#sd26 .sd-term[open] .sd-term-arrow{transform:rotate(180deg)}\n#sd26 .sd-term-content{padding:0 0 26px 170px}\n#sd26 .sd-mini-videos{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}\n#sd26 .sd-mini-videos.three{grid-template-columns:repeat(3,1fr)}\n\n\n#sd26 .sd-schaeffer-note{\n  max-width:820px;margin:-12px 0 28px!important;color:var(--muted)!important;\n  font-size:15px!important;line-height:1.75!important;\n}\n#sd26 .sd-schaeffer-note a{\n  color:var(--text)!important;text-decoration:underline;text-decoration-color:var(--accent);\n  text-decoration-thickness:1px;text-underline-offset:3px;\n}\n\n\/* BRUIT\/MUSIQUE *\/\n#sd26 .sd-reveal{max-width:930px;margin-top:34px;border-top:1px solid var(--line)}\n#sd26 .sd-reveal summary{position:relative;padding:20px 35px 20px 0;cursor:pointer;list-style:none;color:var(--muted)!important;font-size:13px;font-weight:700}\n#sd26 .sd-reveal summary::-webkit-details-marker{display:none}\n#sd26 .sd-reveal summary:after{content:\"\u2193\";position:absolute;right:5px;color:var(--accent)!important}\n#sd26 .sd-reveal[open] summary:after{transform:rotate(180deg)}\n#sd26 .sd-reveal-content{max-width:780px;padding:13px 0 15px}\n#sd26 .sd-reveal-content p{margin:0 0 1.3em!important;color:var(--muted)!important;font-size:16px!important;line-height:1.8!important}\n\n\/* =========================================================\n   PUZZLE 3D \u2014 CORRIG\u00c9\n   ========================================================= *\/\n#sd26 .sd-puzzle-intro{padding-bottom:clamp(28px,3.5vw,48px)!important}\n\n#sd26 .sd-puzzle-section{\n  position:relative;width:100%;height:265vh;min-height:1580px;margin-top:-6px;\n  background:#09090b!important;border-top:1px solid rgba(255,255,255,.08);\n  border-bottom:1px solid rgba(255,255,255,.08);scroll-margin-top:0;\n}\n#sd26 .sd-puzzle-stage{\n  position:sticky;top:0;width:100%;height:100vh;min-height:620px;overflow:hidden;\n  background:radial-gradient(circle at 50% 48%,rgba(145,139,255,.22) 0%,rgba(92,88,180,.12) 24%,rgba(19,20,27,.34) 46%,transparent 67%),linear-gradient(180deg,#0b0c10 0%,#08090c 100%)!important;\n}\n#sd26 .sd-puzzle-kicker{\n  position:absolute;left:clamp(28px,5vw,76px);top:clamp(34px,5vh,62px);z-index:10;\n  color:#918bff!important;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;\n}\n#sd26 .sd-puzzle-world{position:absolute;inset:0;z-index:2}\n#sd26 .sd-puzzle-world canvas{position:absolute;inset:0;width:100%;height:100%;display:block}\n#sd26 .sd-puzzle-overlay{position:absolute;inset:0;z-index:7;width:100%;height:100%;pointer-events:none}\n#sd26 .sd-puzzle-title{\n  position:absolute;left:50%;top:50%;z-index:9;transform:translate(-50%,-50%) translateY(16px) scale(.97);\n  color:#f4f4f6!important;white-space:nowrap;opacity:0;\n  font-size:clamp(60px,6.9vw,108px)!important;line-height:.84!important;letter-spacing:-.068em!important;font-weight:760!important;\n  pointer-events:none;\n}\n#sd26 .sd-puzzle-title span{color:#918bff!important}\n#sd26 .sd-puzzle-label{position:absolute;z-index:12;width:165px;transform:translateY(-50%);pointer-events:none;opacity:1!important}\n#sd26 .sd-puzzle-label.left{left:clamp(20px,5vw,75px);text-align:right}\n#sd26 .sd-puzzle-label.right{right:clamp(20px,5vw,75px);text-align:left}\n#sd26 .sd-puzzle-label.top{top:25%}\n#sd26 .sd-puzzle-label.mid{top:50%}\n#sd26 .sd-puzzle-label.bot{top:75%}\n\n\n\/* VUE FINALE \u2014 labels lisibles et hi\u00e9rarchie plus \u00e9l\u00e9gante *\/\n#sd26 .sd-puzzle-label.left{left:clamp(34px,6vw,96px)}\n#sd26 .sd-puzzle-label.right{right:clamp(34px,6vw,96px)}\n#sd26 .sd-puzzle-label.top{top:22%}\n#sd26 .sd-puzzle-label.mid{top:50%}\n#sd26 .sd-puzzle-label.bot{top:78%}\n\n#sd26 .sd-puzzle-music,\n#sd26 .sd-puzzle-foley{\n  transition:top .12s linear;\n}\n\n#sd26 .sd-puzzle-num{margin-bottom:6px;color:#9e99ff!important;font-size:10px;font-weight:800;letter-spacing:.14em;text-shadow:0 0 18px rgba(145,139,255,.25)}\n#sd26 .sd-puzzle-name{color:#f4f4f6!important;font-size:12px;font-weight:800;letter-spacing:.15em;text-shadow:0 1px 16px rgba(0,0,0,.7)}\n#sd26 .sd-puzzle-hint{\n  position:absolute;left:50%;bottom:clamp(22px,4vh,44px);z-index:10;transform:translateX(-50%);\n  color:#666873!important;white-space:nowrap;font-size:9px;font-weight:750;letter-spacing:.18em;text-transform:uppercase;pointer-events:none;\n}\n#sd26 .sd-puzzle-hint:before{content:\"\";display:inline-block;width:25px;height:1px;margin:0 12px 3px 0;background:#918bff!important}\n#sd26 .sd-puzzle-fallback{display:none;position:absolute;left:50%;top:50%;z-index:5;transform:translate(-50%,-50%);white-space:nowrap;color:#f4f4f6!important;font-size:clamp(64px,10vw,140px)!important;line-height:.82!important;letter-spacing:-.075em!important;font-weight:760!important}\n#sd26 .sd-puzzle-fallback span{color:#918bff!important}\n#sd26 .sd-puzzle-stage.sd-puzzle-failed .sd-puzzle-fallback{display:block}\n#sd26 .sd-puzzle-stage.sd-puzzle-failed .sd-puzzle-label,\n#sd26 .sd-puzzle-stage.sd-puzzle-failed .sd-puzzle-hint{display:none}\n\n\/* WORKFLOW *\/\n#sd26 .sd-workflow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}\n#sd26 .sd-step{min-height:235px;padding:21px;border:1px solid var(--line);border-radius:17px;background:var(--panel)!important}\n#sd26 .sd-step-num{display:block;margin-bottom:48px;color:var(--accent)!important;font-size:10px;font-weight:750;letter-spacing:.12em}\n#sd26 .sd-step h3{margin:0 0 10px!important;font-size:18px!important}\n#sd26 .sd-step p{margin:0!important;color:var(--muted)!important;font-size:13px!important;line-height:1.65!important}\n#sd26 .sd-final{margin:85px 0 45px;padding:clamp(34px,5vw,62px);border:1px solid var(--line);border-radius:27px;background:var(--panel)!important}\n#sd26 .sd-final small{display:block;margin-bottom:18px;color:var(--accent)!important;font-size:10px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}\n#sd26 .sd-final h2{max-width:750px;margin:0!important;font-size:clamp(37px,5.5vw,64px)!important;line-height:1!important;letter-spacing:-.05em!important;font-weight:650!important}\n#sd26 .sd-footer{display:flex;justify-content:space-between;gap:20px;padding:26px 0 45px;border-top:1px solid var(--line);color:var(--soft)!important;font-size:11px}\n\n\n\/* PARALLAX \u00c9DITORIAL \u2014 l\u00e9ger, mais perceptible *\/\n#sd26 [data-sd-parallax]{will-change:transform;transform:translate3d(0,0,0)}\n#sd26 .sd-hero-word{display:inline-block}\n\n#sd26 .sd-hero h1 .sd-hero-sound{color:var(--text)!important}\n#sd26 .sd-hero h1 .sd-hero-design{color:var(--accent)!important}\n\n@media(prefers-reduced-motion:reduce){\n  #sd26 [data-sd-parallax]{transform:none!important}\n}\n\n\/* MOTION *\/\n#sd26 .sd-reveal-on-scroll{opacity:1;transform:none}\n#sd26.sd-motion-ready .sd-reveal-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}\n#sd26.sd-motion-ready .sd-reveal-on-scroll.is-visible{opacity:1;transform:none}\n\n\/* RESPONSIVE *\/\n@media(max-width:950px){\n  #sd26 .sd-hero-grid,#sd26 .sd-two,#sd26 .sd-foley-grid{grid-template-columns:1fr}\n  #sd26 .sd-meta{grid-template-columns:repeat(3,1fr)}\n  #sd26 .sd-listen{grid-template-columns:repeat(2,1fr)}\n  #sd26 .sd-workflow{grid-template-columns:repeat(2,1fr)}\n  #sd26 .sd-gallery{grid-template-columns:repeat(2,1fr)}\n  #sd26 .sd-mini-videos.three{grid-template-columns:repeat(2,1fr)}\n  #sd26 .sd-compact-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}\n}\n@media(max-width:650px){\n  #sd26 .sd-shell{width:calc(100% - 30px)}\n  #sd26 .sd-top{width:calc(100% - 20px)}\n  #sd26 .sd-brand-sub{display:none}\n  #sd26 .sd-hero{padding:88px 0 65px}\n  #sd26 .sd-hero h1{font-size:clamp(58px,19vw,88px)!important}\n  #sd26 .sd-meta,#sd26 .sd-defs,#sd26 .sd-listen,#sd26 .sd-media-grid,#sd26 .sd-gallery,\n  #sd26 .sd-mini-videos,#sd26 .sd-mini-videos.three,#sd26 .sd-qualify,#sd26 .sd-workflow,\n  #sd26 .sd-compact-video-grid{grid-template-columns:1fr}\n  #sd26 .sd-head{grid-template-columns:1fr;gap:10px}\n  #sd26 .sd-era{grid-template-columns:1fr;gap:10px}\n  #sd26 .sd-era-main{padding-left:18px}\n  #sd26 .sd-term summary{grid-template-columns:95px 1fr 18px;gap:12px}\n  #sd26 .sd-term-content{padding-left:0}\n  #sd26 .sd-footer{flex-direction:column}\n  #sd26 .sd-puzzle-section{height:238vh;min-height:1320px}\n  #sd26 .sd-puzzle-label{width:92px}\n  #sd26 .sd-puzzle-label.left{left:10px}\n  #sd26 .sd-puzzle-label.right{right:10px}\n  #sd26 .sd-puzzle-num,#sd26 .sd-puzzle-name{font-size:8px}\n  #sd26 .sd-puzzle-name{letter-spacing:.10em}\n  #sd26 .sd-puzzle-title{font-size:clamp(46px,13.5vw,72px)!important}\n}\n@media(prefers-reduced-motion:reduce){\n  #sd26 *,#sd26 *:before,#sd26 *:after{transition:none!important;scroll-behavior:auto!important}\n  #sd26 .sd-reveal-on-scroll{opacity:1!important;transform:none!important}\n  #sd26 .sd-puzzle-section{height:100vh;min-height:650px}\n}\n<\/style>\n\n<div id=\"sd26\">\n\n<nav class=\"sd-coursebar\" aria-label=\"Navigation g\u00e9n\u00e9rale de la formation\">\n  <div class=\"sd-coursebar-inner\">\n    <a class=\"sd-coursebar-item is-current\" href=\"https:\/\/lucasgoret.com\/index.php\/initiation-sound-design\/\" aria-current=\"page\"><strong>INITIATION<\/strong><span>Sound Design<\/span><\/a>\n    <a class=\"sd-coursebar-item\" href=\"https:\/\/lucasgoret.com\/index.php\/audition-forme-donde\/\"><strong>AUDITION<\/strong><span>Forme d'onde<\/span><\/a>\n    <a class=\"sd-coursebar-item\" href=\"https:\/\/lucasgoret.com\/index.php\/audition-multipiste\/\"><strong>AUDITION<\/strong><span>Multipiste<\/span><\/a>\n    <a class=\"sd-coursebar-item\" href=\"https:\/\/lucasgoret.com\/index.php\/premiere-pro-mixage\/\"><strong>PREMI\u00c8RE PRO<\/strong><span>Mixage<\/span><\/a>\n    <a class=\"sd-coursebar-item\" href=\"https:\/\/lucasgoret.com\/index.php\/lenregistrement-prise-de-son\/\"><strong>L\u2019ENREGISTREMENT<\/strong><span>Prise de son<\/span><\/a>\n    <a class=\"sd-coursebar-item\" href=\"https:\/\/lucasgoret.com\/index.php\/audio-branding\/\"><strong>AUDIO<\/strong><span>BRANDING<\/span><\/a>\n    <a class=\"sd-coursebar-item\" href=\"https:\/\/lucasgoret.com\/index.php\/cours-exercices\/\"><strong>EXERCICES<\/strong><span>Astuces<\/span><\/a>\n  <\/div>\n<\/nav>\n\n<div class=\"sd-top-wrap\">\n  <div class=\"sd-top\">\n    <div class=\"sd-brand\">\n      <span class=\"sd-dot\"><\/span>\n      <span><span class=\"sd-brand-title\">Sound Design<\/span><span class=\"sd-brand-sub\">Cours 01 \u00b7 Fondamentaux<\/span><\/span>\n    <\/div>\n    <button class=\"sd-theme\" id=\"sd26-theme\" type=\"button\" aria-label=\"Changer le th\u00e8me\">\u263e<\/button>\n  <\/div>\n<\/div>\n\n<header class=\"sd-hero\">\n  <div class=\"sd-shell\">\n    <div class=\"sd-hero-grid\">\n      <div>\n        <div class=\"sd-kicker\">Formation \u00b7 Chapitre 01<\/div>\n        <h1 class=\"sd-hero-title\"><span class=\"sd-hero-word sd-hero-sound\" data-sd-parallax=\"-0.082\">Sound<\/span><br><span class=\"sd-hero-word sd-hero-design\" data-sd-parallax=\"0.068\">Design.<\/span><\/h1>\n        <p class=\"sd-lead\">Comprendre le son comme un langage, d\u00e9velopper une intention et construire une bande-son coh\u00e9rente au service de l\u2019image.<\/p>\n      <\/div>\n      <div class=\"sd-meta\">\n        <div class=\"sd-meta-card\"><span class=\"sd-meta-label\">Cours<\/span><span class=\"sd-meta-value\">01 \u2014 Fondamentaux<\/span><\/div>\n        <div class=\"sd-meta-card\"><span class=\"sd-meta-label\">Discipline<\/span><span class=\"sd-meta-value\">Sound Design<\/span><\/div>\n        <div class=\"sd-meta-card\"><span class=\"sd-meta-label\">Objectif<\/span><span class=\"sd-meta-value\">\u00c9couter \u00b7 Analyser \u00b7 Concevoir<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/header>\n\n<div class=\"sd-shell\">\n\n<nav class=\"sd-nav\">\n  <a href=\"#sd-avant\">Avant-propos<\/a><a href=\"#sd-histoire\">Histoire<\/a><a href=\"#sd-basculement\">Le basculement<\/a>\n  <a href=\"#sd-intention\">Intention<\/a><a href=\"#sd-justesse\">Justesse du son<\/a><a href=\"#sd-analyse\">Analyse<\/a>\n  <a href=\"#sd-vocab\">Vocabulaire<\/a><a href=\"#sd-bruit\">Bruit \/ Musique<\/a><a href=\"#sd-synthese\">Construction<\/a><a href=\"#sd-workflow\">M\u00e9thode<\/a>\n<\/nav>\n\n<section class=\"sd-section\" id=\"sd-avant\">\n  <div class=\"sd-head\">\n    <div class=\"sd-index\">01 \u2014 Introduction<\/div>\n    <div><h2>Avant-propos<\/h2><p class=\"sd-intro\">Une discipline transversale situ\u00e9e \u00e0 la rencontre de la narration, de la technique et de la perception.<\/p><\/div>\n  <\/div>\n  <div class=\"sd-two\">\n    <div class=\"sd-statement\">Le design sonore est l\u2019art d\u2019utiliser le son pour produire une \u00e9motion.<\/div>\n    <div class=\"sd-reading\">\n      <p>Le <strong>sound design<\/strong>, ou design sonore ou encore conception sonore, s\u2019applique \u00e0 de nombreux domaines diff\u00e9rents.<\/p>\n      <p>Son champ d\u2019action peut r\u00e9unir plusieurs disciplines : bruitage, montage son, ambiances, musique, acoustique, traitement et mise en espace.<\/p>\n      <div class=\"sd-aside\"><p>Le point commun n\u2019est pas un outil ou une technique particuli\u00e8re : c\u2019est l\u2019intention qui guide l\u2019utilisation du son.<\/p><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"sd-section\" id=\"sd-histoire\">\n  <div class=\"sd-head\">\n    <div class=\"sd-index\">02 \u2014 Rep\u00e8res<\/div>\n    <div><h2>Br\u00e8ve histoire<br>du sound design<\/h2><p class=\"sd-intro\">Bien avant les banques de sons et les stations audionum\u00e9riques, il fallait d\u00e9j\u00e0 donner une r\u00e9alit\u00e9 sonore aux images et aux r\u00e9cits.<\/p><\/div>\n  <\/div>\n  <div class=\"sd-history\">\n\n    <article class=\"sd-era\">\n      <div class=\"sd-era-mark\">XIXe si\u00e8cle<\/div>\n      <div class=\"sd-era-main\">\n        <h3>Le th\u00e9\u00e2tre : fabriquer le son \u00e0 la main<\/h3>\n        <p>Avant que le son puisse \u00eatre reproduit par enregistrement, les effets n\u00e9cessaires au th\u00e9\u00e2tre \u00e9taient fabriqu\u00e9s <strong>m\u00e9caniquement, en direct<\/strong>.<\/p>\n        <p>Le principe ressemble d\u00e9j\u00e0 au sound design moderne : <strong>d\u00e9tourner des objets<\/strong> pour produire une illusion cr\u00e9dible. Une plaque de m\u00e9tal devient le tonnerre, des blocs de bois des chevaux, du sable dans une bo\u00eete la pluie...<\/p>\n        <details class=\"sd-more\"><summary>Voir les machines \u00e0 sons du th\u00e9\u00e2tre<\/summary><div class=\"sd-more-body\">\n          <div class=\"sd-gallery\">\n            <figure><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.props.eric-hart.com\/wp-content\/uploads\/2010\/12\/thundersteed.png\" alt=\"Effets m\u00e9caniques de th\u00e9\u00e2tre\"><figcaption>Tonnerre et chevaux.<\/figcaption><\/figure>\n            <figure><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.props.eric-hart.com\/wp-content\/uploads\/2010\/12\/rainwind.png\" alt=\"Machines \u00e0 pluie et vent\"><figcaption>Pluie et vent.<\/figcaption><\/figure>\n            <figure><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.props.eric-hart.com\/wp-content\/uploads\/2010\/12\/horsetrotter.png\" alt=\"Horse Trotter\"><figcaption>Horse Trotter.<\/figcaption><\/figure>\n          <\/div>\n        <\/div><\/details>\n      <\/div>\n    <\/article>\n\n    <article class=\"sd-era\">\n      <div class=\"sd-era-mark\">Cin\u00e9ma muet<\/div>\n      <div class=\"sd-era-main\">\n        <h3>Le son \u00e9tait d\u00e9j\u00e0 pr\u00e9sent<\/h3>\n        <p>\u00ab Muet \u00bb ne signifie pas silencieux. Les projections sont tr\u00e8s t\u00f4t accompagn\u00e9es de musique jou\u00e9e en direct, puis parfois de bruitages r\u00e9alis\u00e9s \u00e0 proximit\u00e9 ou derri\u00e8re l\u2019\u00e9cran.<\/p>\n        <details class=\"sd-more\"><summary>Voir un exemple<\/summary><div class=\"sd-more-body\"><div class=\"sd-media sd-history-media\"><div class=\"sd-video\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/lltaf3C-fMw?start=5&rel=0\" title=\"Cin\u00e9ma muet\" allowfullscreen><\/iframe><\/div><\/div><\/div><\/details>\n      <\/div>\n    <\/article>\n\n    <article class=\"sd-era\">\n      <div class=\"sd-era-mark\">Ann\u00e9es 1930<\/div>\n      <div class=\"sd-era-main\">\n        <h3>Jack Foley et l\u2019art du bruitage<\/h3>\n        <div class=\"sd-foley-grid\">\n          <div class=\"sd-img sd-img-cover\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.irishamerica.com\/wp-content\/uploads\/2012\/01\/Jack-Foley.jpg\" alt=\"Jack Foley\"><div class=\"sd-credit\">Jack Foley.<\/div><\/div>\n          <div>\n            <p>Avec le d\u00e9veloppement du cin\u00e9ma parlant, le bruitage devient une \u00e9tape essentielle. Le travail de <strong>Jack Foley<\/strong> donnera son nom \u00e0 la discipline : aujourd\u2019hui encore, un bruiteur est un <em>Foley artist<\/em>.<\/p>\n            <p>Le principe : ne pas chercher n\u00e9cessairement l\u2019objet que l\u2019on voit, mais <strong>l\u2019objet qui sonne juste<\/strong>. Un studio Foley ressemble volontiers \u00e0 un grenier m\u00e9thodiquement chaotique \u2014 une forme de <strong>prestidigitation acoustique<\/strong>.<\/p>\n          <\/div>\n        <\/div>\n        <details class=\"sd-more\"><summary>Voir le m\u00e9tier en action<\/summary><div class=\"sd-more-body\">\n          <div class=\"sd-media-grid\">\n            <div class=\"sd-media\"><div class=\"sd-video\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/20UISl1e81U?rel=0\" title=\"Foley\" allowfullscreen><\/iframe><\/div><\/div>\n            <div class=\"sd-media\"><div class=\"sd-video\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/4pudAmh6CRw?start=212&rel=0\" title=\"Track Stars\" allowfullscreen><\/iframe><\/div><div class=\"sd-media-caption\"><em>Track Stars: The Unseen Heroes of Movie Sound<\/em>.<\/div><\/div>\n          <\/div>\n        <\/div><\/details>\n      <\/div>\n    <\/article>\n\n    <article class=\"sd-era\">\n      <div class=\"sd-era-mark\">Ann\u00e9es 1970<\/div>\n      <div class=\"sd-era-main\">\n        <h3>Walter Murch : penser la bande-son comme un ensemble<\/h3>\n        <p>Avec <em>Le Parrain<\/em> puis <em>Apocalypse Now<\/em>, le travail sonore prend une dimension globale : il ne s\u2019agit plus seulement de compl\u00e9ter ce que l\u2019on voit, mais de construire une v\u00e9ritable \u00e9criture sonore.<\/p>\n        <details class=\"sd-more\"><summary>\u00c9couter Walter Murch<\/summary><div class=\"sd-more-body\"><div class=\"sd-media sd-history-media\"><div class=\"sd-video\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/FkutX3DWfUc?rel=0\" title=\"Walter Murch\" allowfullscreen><\/iframe><\/div><\/div><\/div><\/details>\n      <\/div>\n    <\/article>\n\n    <article class=\"sd-era\">\n      <div class=\"sd-era-mark\">Star Wars<\/div>\n      <div class=\"sd-era-main\">\n        <h3>Ben Burtt : cr\u00e9er des sons qui n\u2019existent pas<\/h3>\n        <p>La science-fiction pose une question passionnante : comment faire croire \u00e0 des objets, des cr\u00e9atures ou des technologies que personne n\u2019a jamais entendus ?<\/p>\n        <details class=\"sd-more\"><summary>Interview + petite histoire du laser<\/summary><div class=\"sd-more-body\"><div class=\"sd-media-grid\">\n          <div class=\"sd-media\"><div class=\"sd-video\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/tZj1mYLC7h0?rel=0\" title=\"Ben Burtt\" allowfullscreen><\/iframe><\/div><\/div>\n          <div class=\"sd-media\"><div class=\"sd-video\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/AI4GPUouK1s?rel=0\" title=\"Laser Star Wars\" allowfullscreen><\/iframe><\/div><\/div>\n        <\/div><\/div><\/details>\n      <\/div>\n    <\/article>\n\n  <\/div>\n<\/section>\n\n<section class=\"sd-section sd-reveal-on-scroll\" id=\"sd-basculement\">\n  <div class=\"sd-head\">\n    <div class=\"sd-index\">03 \u2014 Le basculement<\/div>\n    <div><h2>Quand le son<br>devient \u00e9criture.<\/h2><p class=\"sd-intro\">\u00c0 partir des ann\u00e9es 1970, le travail sonore ne consiste plus seulement \u00e0 reproduire ce que montre l\u2019image. Il devient capable de raconter, de sugg\u00e9rer et de modifier notre perception d\u2019une sc\u00e8ne.<\/p><\/div>\n  <\/div>\n  <div class=\"sd-two\">\n    <div class=\"sd-reading\">\n      <p>Dans <em>Le Parrain<\/em>, <strong>le travail sonore de Walter Murch joue un r\u00f4le d\u00e9terminant dans la construction du film.<\/strong><\/p>\n      <p>Dans cette sc\u00e8ne, il fait un <strong>choix sonore audacieux pour l\u2019\u00e9poque<\/strong>.<\/p>\n      <p><strong>\u00c9coutez attentivement l\u2019\u00e9volution du son, sa relation avec l\u2019image et la mani\u00e8re dont il influence votre perception de la sc\u00e8ne.<\/strong><\/p>\n    <\/div>\n    <div class=\"sd-media\"><div class=\"sd-video\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/ppjyB2MpxBU?rel=0\" title=\"Le Parrain\" allowfullscreen><\/iframe><\/div><div class=\"sd-media-caption\"><strong>Le Parrain \u2014 1972<\/strong><br>Sc\u00e8ne du restaurant.<\/div><\/div>\n  <\/div>\n<\/section>\n\n<section class=\"sd-section\" id=\"sd-intention\">\n  <div class=\"sd-head\">\n    <div class=\"sd-index\">04 \u2014 Intention<\/div>\n    <div><h2>L\u2019intention<br>du sound design<\/h2><p class=\"sd-intro\">Le son ne se contente pas de confirmer l\u2019image. Il peut orienter son sens, d\u00e9voiler ce qu\u2019elle ne montre pas et modifier profond\u00e9ment ce que l\u2019on ressent.<\/p><\/div>\n  <\/div>\n  <div class=\"sd-two\">\n    <div class=\"sd-statement\">Le sound design est l\u2019\u00e9criture ma\u00eetris\u00e9e du son.<\/div>\n    <div class=\"sd-reading\">\n      <p>Le son \u00e0 l\u2019image a pour r\u00f4le de <strong>sublimer l\u2019image, r\u00e9v\u00e9ler ce qu\u2019elle ne dit pas et en accentuer les contours<\/strong> afin de cr\u00e9er une \u00e9motion.<\/p>\n      <p>Le sound design consiste alors \u00e0 mettre l\u2019ensemble de la bande-son \u2014 <strong>musique, ambiances, bruitages et dialogues<\/strong> \u2014 au service de l\u2019\u00e9motion recherch\u00e9e, en les pensant comme un tout coh\u00e9rent.<\/p>\n      <p>Le choix de la musique est primordial car elle peut donner un sens totalement diff\u00e9rent \u00e0 une sc\u00e8ne et guider inconsciemment les \u00e9motions du spectateur.<\/p>\n    <\/div>\n  <\/div>\n  <div class=\"sd-media sd-reveal-on-scroll\" style=\"max-width:900px;margin-top:48px\"><div class=\"sd-video\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/iSkJFs7myn0?rel=0\" title=\"Influence de la musique\" allowfullscreen><\/iframe><\/div><div class=\"sd-media-caption\"><strong>M\u00eame image, autre musique.<\/strong> Observer comment la bande-son change le sens de la sc\u00e8ne.<\/div><\/div>\n<\/section>\n\n<section class=\"sd-section\" id=\"sd-justesse\">\n  <div class=\"sd-head\">\n    <div class=\"sd-index\">05 \u2014 Construction<\/div>\n    <div><h2>La justesse du son<\/h2><p class=\"sd-intro\">Un son n\u2019a pas besoin d\u2019\u00eatre strictement r\u00e9aliste pour \u00eatre juste. Il doit d\u2019abord \u00eatre cr\u00e9dible dans l\u2019univers du film.<\/p><\/div>\n  <\/div>\n  <div class=\"sd-two\">\n    <div class=\"sd-statement\">L\u2019essentiel n\u2019est pas que le son soit r\u00e9el, mais qu\u2019il paraisse juste.<\/div>\n    <div class=\"sd-reading\">\n      <p>Le sound designer cr\u00e9e un <strong>\u00e9quilibre coh\u00e9rent<\/strong> entre bruitages, ambiances, dialogues et musique.<\/p>\n      <p>Lorsque le son ne correspond pas au geste, \u00e0 la mati\u00e8re ou au mouvement, l\u2019action perd imm\u00e9diatement en cr\u00e9dibilit\u00e9.<\/p>\n      <p>Un \u00e9v\u00e9nement peut \u00eatre constitu\u00e9 de <strong>plusieurs couches<\/strong> : attaque, masse, d\u00e9tail, r\u00e9sonance. Ensemble, elles peuvent produire un son \u00ab plus vrai que vrai \u00bb.<\/p>\n      <p>On recherche donc souvent la <strong>cr\u00e9dibilit\u00e9<\/strong> plut\u00f4t que le r\u00e9alisme. Un bon sound design reste au service de l\u2019image et de l\u2019histoire.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"sd-section\" id=\"sd-analyse\">\n  <div class=\"sd-head\">\n    <div class=\"sd-index\">06 \u2014 Analyse<\/div>\n    <div><h2>Analyser le son<\/h2><p class=\"sd-intro\">On \u00e9coute d\u2019abord ce que le son raconte de l\u2019image.<\/p><\/div>\n  <\/div>\n  <div class=\"sd-exercise\"><small>Exercice<\/small><p>Dans les extraits suivants, quelles sont les intentions du son ? Pourquoi ces choix, et qu\u2019apportent-ils de particulier \u00e0 l\u2019image ?<\/p><\/div>\n  <div class=\"sd-compact-video-grid\">\n    <div class=\"sd-compact-video\"><div class=\"sd-analysis-label\">Extrait 01<\/div><div class=\"sd-media\"><div class=\"sd-video\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/LwPpwLy4UIU?rel=0\" title=\"Analyse 1\" allowfullscreen><\/iframe><\/div><\/div><\/div>\n    <div class=\"sd-compact-video\"><div class=\"sd-analysis-label\">Extrait 02<\/div><div class=\"sd-media\"><div class=\"sd-video\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/M0iSCfmIdqg?rel=0\" title=\"Analyse 2\" allowfullscreen><\/iframe><\/div><\/div><\/div>\n    <div class=\"sd-compact-video\"><div class=\"sd-analysis-label\">Extrait 03<\/div><div class=\"sd-media\"><div class=\"sd-video\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/8DajVKAkL50?start=1&rel=0\" title=\"Analyse 3\" allowfullscreen><\/iframe><\/div><\/div><\/div>\n    <div class=\"sd-compact-video\"><div class=\"sd-analysis-label\">Extrait 04<\/div><div class=\"sd-media\"><div class=\"sd-video\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/vKW-Gd_S_xc?start=1&rel=0\" title=\"Analyse 4\" allowfullscreen><\/iframe><\/div><\/div><\/div>\n  <\/div>\n<\/section>\n\n<section class=\"sd-section\" id=\"sd-vocab\">\n  <div class=\"sd-head\">\n    <div class=\"sd-index\">07 \u2014 Vocabulaire<\/div>\n    <div><h2>Le vocabulaire<br>du sound design<\/h2><p class=\"sd-intro\">Savoir nommer ce que l\u2019on entend permet de mieux analyser, expliquer et construire le son, mais aussi d\u2019en parler et d\u2019\u00e9changer autour du son dans un milieu professionnel.<\/p><\/div>\n  <\/div>\n\n  <h3 class=\"sd-subhead\">Situer le son dans la narration<\/h3>\n  <div class=\"sd-defs\">\n    <article class=\"sd-def\"><small>Cat\u00e9gorie 01<\/small><h3>Son di\u00e9g\u00e9tique<\/h3><p>Son dont l\u2019origine appartient physiquement \u00e0 l\u2019univers de la s\u00e9quence : dialogues, radio, bruitages, moteur, coups de feu\u2026<\/p><\/article>\n    <article class=\"sd-def\"><small>Cat\u00e9gorie 02<\/small><h3>Son extradi\u00e9g\u00e9tique<\/h3><p>Son dont l\u2019origine est ext\u00e9rieure au monde repr\u00e9sent\u00e9 : musique de film, narration ou certains \u00e9l\u00e9ments destin\u00e9s uniquement au spectateur.<\/p><\/article>\n  <\/div>\n\n  <h3 class=\"sd-subhead\">Quatre attitudes d\u2019\u00e9coute<\/h3>\n  <p class=\"sd-schaeffer-note\"><a href=\"https:\/\/fr.wikipedia.org\/wiki\/Pierre_Schaeffer\" target=\"_blank\" rel=\"noopener\">Pierre Schaeffer<\/a>, p\u00e8re de la <a href=\"https:\/\/fr.wikipedia.org\/wiki\/Musique_concr%C3%A8te\" target=\"_blank\" rel=\"noopener\">musique concr\u00e8te<\/a>, propose une conception de l\u2019\u00e9coute en quatre domaines, ou attitudes d\u2019\u00e9coute.<\/p>\n  <div class=\"sd-listen\">\n    <article class=\"sd-listen-card\"><h3>Ou\u00efr<\/h3><p>Percevoir par l\u2019oreille. Une \u00e9coute brute et passive du son.<\/p><\/article>\n    <article class=\"sd-listen-card\"><h3>\u00c9couter<\/h3><p>Reconna\u00eetre le son comme l\u2019indice de sa cause.<\/p><\/article>\n    <article class=\"sd-listen-card\"><h3>Entendre<\/h3><p>\u00c9couter un son de fa\u00e7on analytique, le qualifier comme un objet physique.<\/p><\/article>\n    <article class=\"sd-listen-card\"><h3>Comprendre<\/h3><p>Saisir son sens, son message ou l\u2019\u00e9motion qu\u2019il v\u00e9hicule.<\/p><\/article>\n  <\/div>\n\n  <div class=\"sd-soundcloud\">\n    <div class=\"sd-soundcloud-head\"><small>Exercice d\u2019\u00e9coute<\/small><p>Choisissez un son. Essayez de <strong>l\u2019entendre<\/strong> : d\u00e9crivez-le sans commencer par nommer sa source.<\/p><\/div>\n    <iframe loading=\"lazy\" allow=\"autoplay\" title=\"Playlist Sound Design\" src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/playlists\/1432366033&auto_play=false&show_artwork=true&show_user=true&show_comments=false&show_playcount=true\"><\/iframe>\n  <\/div>\n\n  <h3 class=\"sd-subhead\">Qualifier un son<\/h3>\n  <div class=\"sd-qualify\">\n    <div class=\"sd-q\"><strong>Timbre \u00b7 mati\u00e8re<\/strong><span>Doux\/rugueux, brillant\/sombre, clair\/\u00e9touff\u00e9, chaud\/froid, m\u00e9tallique\/m\u00e9canique\/organique, \u00e9pais\/fin, simple\/complexe.<\/span><\/div>\n    <div class=\"sd-q\"><strong>Action<\/strong><span>Fracasser, gratter, frotter, caresser, taper, vrombir, souffler, p\u00e9tarader.<\/span><\/div>\n    <div class=\"sd-q\"><strong>Espace<\/strong><span>Proche\/lointain, droite\/gauche, haut\/bas, sec\/r\u00e9verb\u00e9rant, dehors\/dedans.<\/span><\/div>\n    <div class=\"sd-q\"><strong>Fr\u00e9quence<\/strong><span>Aigu ou grave.<\/span><\/div>\n    <div class=\"sd-q\"><strong>Amplitude \u00b7 intensit\u00e9<\/strong><span>Forte ou faible.<\/span><\/div>\n    <div class=\"sd-q\"><strong>Densit\u00e9<\/strong><span>Beaucoup ou peu de son.<\/span><\/div>\n    <div class=\"sd-q\"><strong>Dur\u00e9e<\/strong><span>Court, long, continu.<\/span><\/div>\n    <div class=\"sd-q\"><strong>Attaque<\/strong><span>Forte \u2014 marteau, percussion \u2014 ou faible \u2014 violon, vent.<\/span><\/div>\n    <div class=\"sd-q\"><strong>Emotion<\/strong><span>Bucolique, piquant, comique, agressif, relaxant, stressant\u2026<\/span><\/div>\n    <div class=\"sd-q\"><strong>Variation<\/strong><span>Passage d\u2019un \u00e9tat \u00e0 un autre.<\/span><\/div>\n  <\/div>\n\n  <h3 class=\"sd-subhead\">Quelques formes courantes en sound design<\/h3>\n  <div class=\"sd-lexicon\">\n    <details class=\"sd-term\"><summary><span class=\"sd-term-name\">Drone<\/span><span class=\"sd-term-desc\">Texture de son vivante et \u00e9volutive qui caract\u00e9rise et renforce l\u2019atmosph\u00e8re, atonal.<\/span><span class=\"sd-term-arrow\">\u2193<\/span><\/summary><div class=\"sd-term-content\"><div class=\"sd-mini-videos three\">\n      <div class=\"sd-media\"><div class=\"sd-video\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/yWJ7xzZehqQ?start=2259&rel=0\" title=\"Drone 1\" allowfullscreen><\/iframe><\/div><\/div>\n      <div class=\"sd-media\"><div class=\"sd-video\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/1zkoprENdAo?start=503&rel=0\" title=\"Drone 2\" allowfullscreen><\/iframe><\/div><\/div>\n      <div class=\"sd-media\"><div class=\"sd-video\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/-J2WI92-9rY?start=2486&rel=0\" title=\"Drone 3\" allowfullscreen><\/iframe><\/div><\/div>\n    <\/div><\/div><\/details>\n    <details class=\"sd-term\"><summary><span class=\"sd-term-name\">Rumble<\/span><span class=\"sd-term-desc\">Texture proche du drone mais tr\u00e8s grave et profonde.<\/span><span class=\"sd-term-arrow\">\u2193<\/span><\/summary><div class=\"sd-term-content\"><div class=\"sd-mini-videos\"><div class=\"sd-media\"><div class=\"sd-video\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/926a-7b9EIs?rel=0\" title=\"Rumble 1\" allowfullscreen><\/iframe><\/div><\/div><div class=\"sd-media\"><div class=\"sd-video\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/ljV66SeMW6k?start=13&rel=0\" title=\"Rumble 2\" allowfullscreen><\/iframe><\/div><\/div><\/div><\/div><\/details>\n    <details class=\"sd-term\"><summary><span class=\"sd-term-name\">BRAAM<\/span><span class=\"sd-term-desc\">Son puissant, grave et profond, utilis\u00e9 pour cr\u00e9er de la tension et renforcer l\u2019impact dramatique d\u2019une sc\u00e8ne.<\/span><span class=\"sd-term-arrow\">\u2193<\/span><\/summary><div class=\"sd-term-content\"><div class=\"sd-media\"><div class=\"sd-video\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/sZ8KWuI1p9w?rel=0\" title=\"BRAAM\" allowfullscreen><\/iframe><\/div><\/div><\/div><\/details>\n    <details class=\"sd-term\"><summary><span class=\"sd-term-name\">Woosh<\/span><span class=\"sd-term-desc\">Son fendant l\u2019air rapidement pour accentuer le dynamisme.<\/span><span class=\"sd-term-arrow\">\u2193<\/span><\/summary><div class=\"sd-term-content\"><div class=\"sd-media\"><div class=\"sd-video\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/iPToKmyZi74?start=6&rel=0\" title=\"Woosh\" allowfullscreen><\/iframe><\/div><\/div><\/div><\/details>\n    <details class=\"sd-term\"><summary><span class=\"sd-term-name\">Impact<\/span><span class=\"sd-term-desc\">Sons d\u2019impacts divers.<\/span><span class=\"sd-term-arrow\">\u2193<\/span><\/summary><div class=\"sd-term-content\"><div class=\"sd-media\"><div class=\"sd-video\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/ZeFsDTJuxIo?start=7&rel=0\" title=\"Impact\" allowfullscreen><\/iframe><\/div><\/div><\/div><\/details>\n    <details class=\"sd-term\"><summary><span class=\"sd-term-name\">Riser<\/span><span class=\"sd-term-desc\">Son long et tr\u00e8s progressif amenant \u00e0 une rupture brutale.<\/span><span class=\"sd-term-arrow\">\u2193<\/span><\/summary><div class=\"sd-term-content\"><div class=\"sd-media\"><div class=\"sd-video\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/TBeypuok9lE?start=19&rel=0\" title=\"Riser\" allowfullscreen><\/iframe><\/div><\/div><\/div><\/details>\n    <details class=\"sd-term\"><summary><span class=\"sd-term-name\">Atmosph\u00e8re<\/span><span class=\"sd-term-desc\">Nappe de sons d\u2019ambiance, agr\u00e9ables et m\u00e9ditatifs, tonal.<\/span><span class=\"sd-term-arrow\">\u2193<\/span><\/summary><div class=\"sd-term-content\"><div class=\"sd-media\"><div class=\"sd-video\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/KemRxx-DrQg?rel=0\" title=\"Atmosph\u00e8re\" allowfullscreen><\/iframe><\/div><\/div><\/div><\/details>\n    <details class=\"sd-term\"><summary><span class=\"sd-term-name\">Ambiance<\/span><span class=\"sd-term-desc\">Son ambiant de ville, for\u00eat, plage, etc\u2026<\/span><span class=\"sd-term-arrow\">\u2193<\/span><\/summary><div class=\"sd-term-content\"><div class=\"sd-aside\"><p>Une ambiance construit le monde sonore g\u00e9n\u00e9ral dans lequel viennent s\u2019inscrire les \u00e9v\u00e9nements plus pr\u00e9cis.<\/p><\/div><\/div><\/details>\n    <details class=\"sd-term\"><summary><span class=\"sd-term-name\">Glitch<\/span><span class=\"sd-term-desc\">Sons de bugs ou d\u00e9faillances \u00e9lectriques \/ \u00e9lectroniques.<\/span><span class=\"sd-term-arrow\">\u2193<\/span><\/summary><div class=\"sd-term-content\"><div class=\"sd-media\"><div class=\"sd-video\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/cwnzygvHhGM?rel=0\" title=\"Glitch\" allowfullscreen><\/iframe><\/div><\/div><\/div><\/details>\n  <\/div>\n<\/section>\n\n<section class=\"sd-section\" id=\"sd-bruit\">\n  <div class=\"sd-head\">\n    <div class=\"sd-index\">08 \u2014 Perception<\/div>\n    <div><h2>Bruit ?<br>\u2026 Musique ?<\/h2><p class=\"sd-intro\">\u00c9coutez chaque extrait. Pour vous : bruit ou musique ?<\/p><\/div>\n  <\/div>\n  <div class=\"sd-compact-video-grid\">\n    <div class=\"sd-compact-video\"><div class=\"sd-analysis-label\">\u00c9coute 01<\/div><div class=\"sd-media\"><div class=\"sd-video\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/gXOIkT1-QWY?rel=0\" title=\"Bruit musique 1\" allowfullscreen><\/iframe><\/div><\/div><\/div>\n    <div class=\"sd-compact-video\"><div class=\"sd-analysis-label\">\u00c9coute 02<\/div><div class=\"sd-media\"><div class=\"sd-video\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/dud4D6PeHqQ?rel=0\" title=\"Bruit musique 2\" allowfullscreen><\/iframe><\/div><\/div><\/div>\n    <div class=\"sd-compact-video\"><div class=\"sd-analysis-label\">\u00c9coute 03<\/div><div class=\"sd-media\"><div class=\"sd-video\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/lu9tX8YisPI?rel=0\" title=\"Bruit musique 3\" allowfullscreen><\/iframe><\/div><\/div><\/div>\n    <div class=\"sd-compact-video\"><div class=\"sd-analysis-label\">\u00c9coute 04<\/div><div class=\"sd-media\"><div class=\"sd-video\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/bUHZqVeqoXY?start=27&rel=0\" title=\"Bruit musique 4\" allowfullscreen><\/iframe><\/div><\/div><\/div>\n  <\/div>\n  <details class=\"sd-reveal\"><summary>Une fa\u00e7on de voir les choses<\/summary><div class=\"sd-reveal-content\">\n    <p><strong>Un son<\/strong> est une sensation auditive engendr\u00e9e par une vibration m\u00e9canique de l\u2019air ou d\u2019une autre mati\u00e8re.<\/p>\n    <p><strong>Un bruit<\/strong> se d\u00e9finit comme un son non d\u00e9sir\u00e9, souvent caract\u00e9ris\u00e9 par une notion de chaos.<\/p>\n    <p><strong>La musique<\/strong> peut se d\u00e9finir comme l\u2019organisation harmonieuse et rythmique de sons.<\/p>\n    <p>Pourtant, la fronti\u00e8re entre bruit et musique est floue, particuli\u00e8rement lorsqu\u2019il s\u2019agit de sound design. Un bruit peut \u00eatre tr\u00e8s musical, tandis qu\u2019une musique peut vite devenir du bruit lorsqu\u2019elle n\u2019est pas d\u00e9sir\u00e9e.<\/p>\n  <\/div><\/details>\n<\/section>\n\n<\/div><!-- \/sd-shell avant puzzle -->\n\n<div class=\"sd-shell\">\n  <section class=\"sd-section sd-puzzle-intro\" id=\"sd-synthese\">\n    <div class=\"sd-head\">\n      <div class=\"sd-index\">09 \u2014 Construction<\/div>\n      <div><h2>Construction<br>d\u2019un ensemble<\/h2><p class=\"sd-intro\">Les diff\u00e9rents \u00e9l\u00e9ments de la bande-son prennent leur sens lorsqu\u2019ils sont pens\u00e9s, hi\u00e9rarchis\u00e9s et assembl\u00e9s comme un tout coh\u00e9rent.<\/p><\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<section class=\"sd-puzzle-section\" id=\"sd-puzzle-animation\" aria-label=\"Construction visuelle de la bande-son\">\n  <div class=\"sd-puzzle-stage\" id=\"sdPuzzleStage\">\n\n    <div class=\"sd-puzzle-title\">Sound <span>Design.<\/span><\/div>\n    <div class=\"sd-puzzle-fallback\">Sound <span>Design.<\/span><\/div>\n\n    <div class=\"sd-puzzle-label right top\" data-i=\"0\"><div class=\"sd-puzzle-num\">01<\/div><div class=\"sd-puzzle-name\">EFFETS<\/div><\/div>\n    <div class=\"sd-puzzle-label left top\" data-i=\"1\"><div class=\"sd-puzzle-num\">02<\/div><div class=\"sd-puzzle-name\">TRAITEMENTS<\/div><\/div>\n    <div class=\"sd-puzzle-label right mid sd-puzzle-music\" data-i=\"2\"><div class=\"sd-puzzle-num\">03<\/div><div class=\"sd-puzzle-name\">MUSIQUE<\/div><\/div>\n    <div class=\"sd-puzzle-label left mid sd-puzzle-foley\" data-i=\"3\"><div class=\"sd-puzzle-num\">04<\/div><div class=\"sd-puzzle-name\">BRUITAGES<\/div><\/div>\n    <div class=\"sd-puzzle-label right bot\" data-i=\"4\"><div class=\"sd-puzzle-num\">05<\/div><div class=\"sd-puzzle-name\">AMBIANCES<\/div><\/div>\n    <div class=\"sd-puzzle-label left bot\" data-i=\"5\"><div class=\"sd-puzzle-num\">06<\/div><div class=\"sd-puzzle-name\">DIALOGUES<\/div><\/div>\n\n    <div class=\"sd-puzzle-world\" id=\"sdPuzzleWorld\"><\/div>\n    <svg class=\"sd-puzzle-overlay\" aria-hidden=\"true\"><g id=\"sdPuzzleLines\"><\/g><\/svg>\n    <div class=\"sd-puzzle-hint\">Faites d\u00e9filer pour assembler<\/div>\n  <\/div>\n<\/section>\n<div class=\"sd-shell\"><div style=\"padding:12px 0 28px;color:var(--soft)!important;font-size:10px;text-align:right\">Outil p\u00e9dagogique \u00b7 \u00a9 2026 Lucas Goret \u00b7 Tous droits r\u00e9serv\u00e9s.<\/div><\/div>\n\n<div class=\"sd-shell\">\n\n<section class=\"sd-section\" id=\"sd-workflow\">\n  <div class=\"sd-head\">\n    <div class=\"sd-index\">10 \u2014 M\u00e9thode<\/div>\n    <div><h2>Concr\u00e9tiser<br>ses id\u00e9es.<\/h2><p class=\"sd-intro\">Il faut donc proc\u00e9der avec m\u00e9thode : s\u00e9lectionner et combiner les diff\u00e9rents \u00e9l\u00e9ments sonores en suivant une logique de construction coh\u00e9rente et rigoureuse.<\/p><\/div>\n  <\/div>\n  <div class=\"sd-workflow\">\n    <article class=\"sd-step\"><span class=\"sd-step-num\">01<\/span><h3>Observer<\/h3><p>Lire l\u2019image, son rythme, son mouvement et sa dramaturgie.<\/p><\/article>\n    <article class=\"sd-step\"><span class=\"sd-step-num\">02<\/span><h3>Ressentir<\/h3><p>Comprendre le sens de la sc\u00e8ne et l\u2019\u00e9motion.<\/p><\/article>\n    <article class=\"sd-step\"><span class=\"sd-step-num\">03<\/span><h3>Chercher<\/h3><p>Enregistrer, t\u00e9l\u00e9charger ou synth\u00e9tiser les mat\u00e9riaux sonores.<\/p><\/article>\n    <article class=\"sd-step\"><span class=\"sd-step-num\">04<\/span><h3>Construire<\/h3><p>Monter, synchroniser, transformer et superposer.<\/p><\/article>\n    <article class=\"sd-step\"><span class=\"sd-step-num\">05<\/span><h3>Mixer<\/h3><p>Cr\u00e9er une hi\u00e9rarchie et replacer chaque son au service de l\u2019image.<\/p><\/article>\n  <\/div>\n  <div class=\"sd-media\" style=\"margin-top:38px\"><div class=\"sd-video\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/MwksKUJSZ9s?rel=0\" title=\"Workflow du sound design\" allowfullscreen><\/iframe><\/div><div class=\"sd-media-caption\"><strong>Workflow du sound design<\/strong> \u00b7 De l\u2019id\u00e9e \u00e0 la r\u00e9alisation.<\/div><\/div>\n<\/section>\n\n<section class=\"sd-final\"><h2>\u00c9couter.<br>Comprendre.<br>Fabriquer.<\/h2><\/section>\n<footer class=\"sd-footer\"><span>Sound Design \u00b7 Cours 01<\/span><span>\u00a9 2026 Lucas Goret \u00b7 Tous droits r\u00e9serv\u00e9s.<\/span><\/footer>\n\n<\/div>\n<\/div>\n\n<script>\n(function(){\n  var page=document.getElementById(\"sd26\");\n  if(!page||page.dataset.init===\"1\")return;\n  page.dataset.init=\"1\";\n\n  var button=document.getElementById(\"sd26-theme\");\n  if(button){\n    var saved=null;\n    try{saved=localStorage.getItem(\"sd26-theme\")}catch(e){}\n    if(saved===\"dark\"||(!saved&&window.matchMedia&&window.matchMedia(\"(prefers-color-scheme: dark)\").matches)){\n      page.classList.add(\"sd-dark\");button.textContent=\"\u2600\";\n    }\n    button.addEventListener(\"click\",function(){\n      page.classList.toggle(\"sd-dark\");\n      var dark=page.classList.contains(\"sd-dark\");\n      button.textContent=dark?\"\u2600\":\"\u263e\";\n      try{localStorage.setItem(\"sd26-theme\",dark?\"dark\":\"light\")}catch(e){}\n    });\n  }\n\n  page.querySelectorAll('.sd-nav a[href^=\"#\"]').forEach(function(link){\n    link.addEventListener(\"click\",function(e){\n      var target=document.querySelector(link.getAttribute(\"href\"));\n      if(!target)return;\n      e.preventDefault();target.scrollIntoView({behavior:\"smooth\",block:\"start\"});\n    });\n  });\n\n  var reduced=window.matchMedia&&window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n  if(!reduced)page.classList.add(\"sd-motion-ready\");\n\n  \/* Parallaxe \u00e9ditorial : le layout reste celui de la V9 *\/\n  page.querySelectorAll(\".sd-head h2\").forEach(function(el){\n    if(!el.hasAttribute(\"data-sd-parallax\"))el.setAttribute(\"data-sd-parallax\",\"-0.022\");\n  });\n  page.querySelectorAll(\".sd-head .sd-intro\").forEach(function(el){\n    if(!el.hasAttribute(\"data-sd-parallax\"))el.setAttribute(\"data-sd-parallax\",\"0.013\");\n  });\n  page.querySelectorAll(\".sd-subhead\").forEach(function(el){\n    if(!el.hasAttribute(\"data-sd-parallax\"))el.setAttribute(\"data-sd-parallax\",\"-0.012\");\n  });\n\n  var parallaxNodes=[].slice.call(page.querySelectorAll(\"[data-sd-parallax]\"));\n\n  if(!reduced&&parallaxNodes.length){\n    var paraTick=false;\n    function updateEditorialParallax(){\n      var vh=window.innerHeight||document.documentElement.clientHeight;\n      parallaxNodes.forEach(function(el){\n        var r=el.getBoundingClientRect();\n        if(r.bottom>0&&r.top<vh){\n          var speed=parseFloat(el.getAttribute(\"data-sd-parallax\"))||0;\n          var delta=(r.top+r.height\/2)-(vh\/2);\n          var y=delta*speed;\n          var max=Math.abs(speed)>=.06?48:(Math.abs(speed)>=.02?26:17);\n          y=Math.max(-max,Math.min(max,y));\n          el.style.transform=\"translate3d(0,\"+y.toFixed(2)+\"px,0)\";\n        }\n      });\n      paraTick=false;\n    }\n    window.addEventListener(\"scroll\",function(){\n      if(!paraTick){\n        requestAnimationFrame(updateEditorialParallax);\n        paraTick=true;\n      }\n    },{passive:true});\n    window.addEventListener(\"resize\",updateEditorialParallax,{passive:true});\n    updateEditorialParallax();\n  }\n\n  var reveal=[].slice.call(page.querySelectorAll(\".sd-reveal-on-scroll\"));\n  if(!reduced&&\"IntersectionObserver\" in window){\n    var io=new IntersectionObserver(function(entries){\n      entries.forEach(function(entry){\n        if(entry.isIntersecting){entry.target.classList.add(\"is-visible\");io.unobserve(entry.target)}\n      });\n    },{threshold:.12,rootMargin:\"0px 0px -6% 0px\"});\n    reveal.forEach(function(el){io.observe(el)});\n  }else{reveal.forEach(function(el){el.classList.add(\"is-visible\")})}\n})();\n<\/script>\n\n<script type=\"module\">\n(async()=>{\n  const section=document.getElementById(\"sd-puzzle-animation\");\n  const stage=document.getElementById(\"sdPuzzleStage\");\n  const host=document.getElementById(\"sdPuzzleWorld\");\n  const lines=document.getElementById(\"sdPuzzleLines\");\n  if(!section||!stage||!host||!lines||stage.dataset.ready)return;\n\n  const reduced=window.matchMedia&&window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\n  let THREE;\n  try{\n    THREE=await import(\"https:\/\/cdn.jsdelivr.net\/npm\/three@0.180.0\/+esm\");\n  }catch(err){\n    console.error(\"Three.js:\",err);\n    stage.classList.add(\"sd-puzzle-failed\");\n    return;\n  }\n\n  stage.dataset.ready=\"1\";\n\n  const scene=new THREE.Scene();\n  const camera=new THREE.OrthographicCamera(-6,6,4.5,-4.5,.1,100);\n  camera.position.set(7.2,5.8,10);\n  camera.lookAt(0,0,0);\n\n  const renderer=new THREE.WebGLRenderer({antialias:true,alpha:true,powerPreference:\"high-performance\"});\n  renderer.setPixelRatio(Math.min(window.devicePixelRatio||1,1.6));\n  renderer.outputColorSpace=THREE.SRGBColorSpace;\n  renderer.toneMapping=THREE.ACESFilmicToneMapping;\n  renderer.toneMappingExposure=1.14;\n  host.appendChild(renderer.domElement);\n\n  scene.add(new THREE.HemisphereLight(0xd8d9e5,0x07080c,1.35));\n  const key=new THREE.DirectionalLight(0xffffff,4.4);key.position.set(4.5,7.5,8.5);scene.add(key);\n  const topFill=new THREE.DirectionalLight(0xbfc4ff,2.1);topFill.position.set(-1,8,3);scene.add(topFill);\n  const rim=new THREE.DirectionalLight(0x918bff,3.0);rim.position.set(-5,2,-4);scene.add(rim);\n  const violetFill=new THREE.PointLight(0x817aff,3.2,18,1.7);violetFill.position.set(-3,-1.5,5);scene.add(violetFill);\n  const whiteKick=new THREE.PointLight(0xffffff,2.1,16,1.8);whiteKick.position.set(3.8,1.5,6);scene.add(whiteKick);\n  const backGlow=new THREE.PointLight(0x6f68ff,2.0,18,2);backGlow.position.set(0,1,-4);scene.add(backGlow);\n\n  const world=new THREE.Group();scene.add(world);world.rotation.set(-.16,.58,.02);\n  const dark=new THREE.MeshPhysicalMaterial({\n    color:0x242630,roughness:.34,metalness:.18,clearcoat:.26,clearcoatRoughness:.44\n  });\n  const purple=new THREE.MeshPhysicalMaterial({\n    color:0x8f88ff,roughness:.31,metalness:.10,clearcoat:.20,clearcoatRoughness:.38\n  });\n\n  function box(g,sx,sy,sz,x,y,z,mat){\n    const m=new THREE.Mesh(new THREE.BoxGeometry(sx,sy,sz),mat);\n    m.position.set(x,y,z);g.add(m);\n  }\n  function U(mat){const g=new THREE.Group();box(g,2.25,.72,.72,0,.82,0,mat);box(g,.72,2.05,.72,-.765,0,0,mat);box(g,.72,1.45,.72,.765,.30,0,mat);return g}\n  function C(mat){const g=new THREE.Group();box(g,.72,2.25,.72,-.78,0,0,mat);box(g,1.75,.72,.72,.12,.76,0,mat);box(g,1.55,.72,.72,.02,-.76,0,mat);return g}\n  function Hook(mat){const g=new THREE.Group();box(g,2.15,.72,.72,0,.78,0,mat);box(g,.72,2.10,.72,.72,0,0,mat);box(g,1.25,.72,.72,.22,-.10,0,mat);return g}\n  function Step(mat){const g=new THREE.Group();box(g,.72,2.15,.72,-.72,0,0,mat);box(g,1.35,.72,.72,.12,.72,0,mat);box(g,.72,1.45,.72,.72,.32,0,mat);return g}\n  function L(mat){const g=new THREE.Group();box(g,.72,2.15,.72,-.58,0,0,mat);box(g,1.65,.72,.72,.28,-.72,0,mat);return g}\n  function Arch(mat){const g=new THREE.Group();box(g,2.10,.72,.72,0,.78,0,mat);box(g,.72,1.85,.72,-.70,0,mat);box(g,.72,1.85,.72,.70,0,mat);return g}\n\n  const parts=[U(dark),Arch(purple),Hook(dark),C(dark),L(purple),Step(dark)];\n  parts[0].rotation.set(0,0,Math.PI);\n  parts[1].rotation.set(0,Math.PI\/2,0);\n  parts[2].rotation.set(Math.PI\/2,0,0);\n  parts[3].rotation.set(0,0,Math.PI);\n  parts[4].rotation.set(0,Math.PI\/2,Math.PI\/2);\n  parts[5].rotation.set(Math.PI\/2,0,0);\n\n  const endQuat=parts.map(p=>p.quaternion.clone());\n  const startPos=[\n    new THREE.Vector3(2.55,2.25,-.15),new THREE.Vector3(-2.55,2.25,.25),\n    new THREE.Vector3(2.55,0,.10),new THREE.Vector3(-2.55,0,-.05),\n    new THREE.Vector3(2.55,-2.25,.20),new THREE.Vector3(-2.55,-2.25,.05)\n  ];\n  const endPos=[\n    new THREE.Vector3(.52,.72,-.78),new THREE.Vector3(-.64,.52,.72),\n    new THREE.Vector3(.78,-.05,.20),new THREE.Vector3(-.70,-.10,-.15),\n    new THREE.Vector3(.40,-.86,.45),new THREE.Vector3(-.38,-.78,.62)\n  ];\n  const offsets=[\n    new THREE.Euler(-.28,.46,-.18),new THREE.Euler(.34,-.42,.16),\n    new THREE.Euler(-.22,.52,.20),new THREE.Euler(.28,-.48,-.18),\n    new THREE.Euler(-.30,.40,.22),new THREE.Euler(.26,-.44,-.20)\n  ];\n  const startQuat=endQuat.map((q,i)=>new THREE.Quaternion().setFromEuler(offsets[i]).multiply(q.clone()));\n  parts.forEach((p,i)=>{p.position.copy(startPos[i]);p.quaternion.copy(startQuat[i]);world.add(p)});\n\n  const labels=[...stage.querySelectorAll(\".sd-puzzle-label\")];\n  const title=stage.querySelector(\".sd-puzzle-title\");\n  const hint=stage.querySelector(\".sd-puzzle-hint\");\n  const v=new THREE.Vector3();\n\n  const clamp=v=>Math.max(0,Math.min(1,v));\n  const smooth=t=>t*t*(3-2*t);\n  const ease=t=>t<.5?4*t*t*t:1-Math.pow(-2*t+2,3)\/2;\n  const map=(v,a,b)=>clamp((v-a)\/(b-a));\n\n  let target=reduced?1:0;\n  let current=target;\n  let active=true;\n\n  function resize(){\n    const w=stage.clientWidth,h=stage.clientHeight;\n    renderer.setSize(w,h,false);\n    const aspect=w\/h;\n    const size=w<650?6.35:5.4;\n    camera.left=-size*aspect;camera.right=size*aspect;camera.top=size;camera.bottom=-size;\n    camera.updateProjectionMatrix();\n  }\n  if(\"ResizeObserver\" in window)new ResizeObserver(resize).observe(stage);\n  else window.addEventListener(\"resize\",resize);\n  resize();\n\n  function updateTarget(){\n    if(reduced){target=1;return}\n    const rect=section.getBoundingClientRect();\n    const vh=window.innerHeight||document.documentElement.clientHeight;\n\n    \/*\n      D\u00e9part d\u00e8s que le haut de la s\u00e9quence entre par le bas de l\u2019\u00e9cran.\n      Toute la hauteur de la s\u00e9quence sert ensuite \u00e0 l\u2019assemblage :\n      le premier tiers est volontairement lent pour donner la sensation\n      de \u201cpatiner\u201d l\u00e9g\u00e8rement sur l\u2019animation.\n    *\/\n    \/* On r\u00e9serve volontairement la fin de la section \u00e0 un plateau final :\n       l'assemblage se termine avant la sortie, puis la vue finale reste fig\u00e9e. *\/\n    const travel=Math.max(1,rect.height);\n    const raw=(vh-rect.top)\/travel;\n    target=clamp(raw\/0.82);\n  }\n  window.addEventListener(\"scroll\",updateTarget,{passive:true});\n  updateTarget();\n\n  function drawLines(){\n    lines.innerHTML=\"\";\n    const rr=stage.getBoundingClientRect();\n    labels.forEach(l=>{\n      const i=+l.dataset.i;\n      parts[i].getWorldPosition(v);v.project(camera);\n      const ax=(v.x*.5+.5)*stage.clientWidth;\n      const ay=(-v.y*.5+.5)*stage.clientHeight;\n      const lr=l.getBoundingClientRect();\n      const right=l.classList.contains(\"right\");\n      const lx=right?lr.left-rr.left:lr.right-rr.left;\n      const ly=lr.top-rr.top+lr.height\/2;\n      const elbow=right?lx-38:lx+38;\n      const ns=\"http:\/\/www.w3.org\/2000\/svg\";\n      const p=document.createElementNS(ns,\"path\");\n      p.setAttribute(\"d\",`M ${lx} ${ly} L ${elbow} ${ly} L ${ax} ${ay}`);\n      p.setAttribute(\"fill\",\"none\");p.setAttribute(\"stroke\",\"#848697\");\n      p.setAttribute(\"stroke-width\",\"1\");p.setAttribute(\"opacity\",\".78\");\n      lines.appendChild(p);\n      const c=document.createElementNS(ns,\"circle\");\n      c.setAttribute(\"cx\",ax);c.setAttribute(\"cy\",ay);c.setAttribute(\"r\",\"4\");\n      c.setAttribute(\"fill\",\"#9a94ff\");c.setAttribute(\"opacity\",\".95\");\n      lines.appendChild(c);\n    });\n  }\n\n  function tick(){\n    if(!active)return;\n    current+=(target-current)*(reduced?1:.09);\n\n    parts.forEach((p,i)=>{\n      const stagger=i*.010;\n      const raw=clamp((current-stagger)\/.995);\n      const t=smooth(raw);\n      \/* courbe l\u00e9g\u00e8rement retenue au d\u00e9part, puis convergence progressive *\/\n      const mt=ease(Math.pow(t,1.24));\n      p.position.lerpVectors(startPos[i],endPos[i],mt);\n      const arc=Math.sin(Math.PI*t);\n      const signs=[1,-1,-1,1,1,-1];\n      p.position.z+=arc*.55*signs[i];\n      p.position.y+=arc*.12*(i%2===0?1:-1);\n      p.quaternion.copy(startQuat[i]).slerp(endQuat[i],ease(t));\n    });\n\n    world.rotation.y=.58-current*.08;\n    world.rotation.x=-.16+current*.025;\n\n    const tt=map(current,.82,.95);\n    title.style.opacity=String(tt);\n    title.style.transform=`translate(-50%,-50%) translateY(${16*(1-tt)}px) scale(${.97+.03*tt})`;\n\n    \/* Les l\u00e9gendes restent presque fixes :\n       MUSIQUE et BRUITAGES se d\u00e9calent juste assez pour d\u00e9gager le titre final. *\/\n    const musicLabel=stage.querySelector(\".sd-puzzle-music\");\n    const foleyLabel=stage.querySelector(\".sd-puzzle-foley\");\n    if(musicLabel) musicLabel.style.top=(50-(6*tt))+\"%\";\n    if(foleyLabel) foleyLabel.style.top=(50+(6*tt))+\"%\";\n\n    labels.forEach(l=>l.style.opacity=\"1\");\n    hint.style.opacity=String(1-map(current,.025,.18));\n\n    renderer.render(scene,camera);\n    drawLines();\n    requestAnimationFrame(tick);\n  }\n  tick();\n\n  window.addEventListener(\"pagehide\",()=>{active=false;try{renderer.dispose()}catch(e){}},{once:true});\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>INITIATIONSound Design AUDITIONForme d&#8217;onde AUDITIONMultipiste PREMI\u00c8RE PROMixage L\u2019ENREGISTREMENTPrise de son AUDIOBRANDING EXERCICESAstuces Sound DesignCours 01 \u00b7 Fondamentaux \u263e Formation \u00b7 Chapitre 01 SoundDesign. Comprendre le son comme un langage, d\u00e9velopper une intention et construire une bande-son coh\u00e9rente au service de l\u2019image. Cours01 \u2014 Fondamentaux DisciplineSound Design Objectif\u00c9couter \u00b7 Analyser \u00b7 Concevoir Avant-proposHistoireLe basculement IntentionJustesse du [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3276","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lucasgoret.com\/index.php\/wp-json\/wp\/v2\/pages\/3276","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lucasgoret.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lucasgoret.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lucasgoret.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lucasgoret.com\/index.php\/wp-json\/wp\/v2\/comments?post=3276"}],"version-history":[{"count":55,"href":"https:\/\/lucasgoret.com\/index.php\/wp-json\/wp\/v2\/pages\/3276\/revisions"}],"predecessor-version":[{"id":3539,"href":"https:\/\/lucasgoret.com\/index.php\/wp-json\/wp\/v2\/pages\/3276\/revisions\/3539"}],"wp:attachment":[{"href":"https:\/\/lucasgoret.com\/index.php\/wp-json\/wp\/v2\/media?parent=3276"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}