1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
|
---
import MosaicBackground from "../component/MosaicBackground.astro";
import VideoAuto from "../component/VideoAuto.astro";
import Base from "../layout/Base.astro";
---
<Base>
<header>
<h1>Arnaud Hergès</h1>
<div class="tags">
<p class="tag">batteur</p>
<p class="tag">-</p>
<p class="tag">compositeur</p>
<p class="tag">-</p>
<p class="tag">producteur</p>
<p class="tag">-</p>
<p class="tag">références</p>
<p class="tag">-</p>
<p class="tag">contact</p>
</div>
</header>
<main>
<section class="batteur" data-scroll>
<MosaicBackground height="400">
<img src="/batteur/old2.webp" />
<img src="/batteur/old3.jpg" />
<VideoAuto src="/batteur/video/bb.webm" thumb="/batteur/bb.webp" />
<img src="/batteur/dark_scene.webp" />
<VideoAuto src="/batteur/video/balance.webm" thumb="/batteur/balance.webp" />
<img src="/batteur/black_and_white.webp" />
<img src="/batteur/old.webp" />
<img src="/batteur/mid_rock.webp" />
<img src="/batteur/mid_outdoor.webp" />
<img src="/batteur/mid_rock2.webp" />
<img src="/batteur/recent.webp" />
<VideoAuto src="/batteur/video/solo.webm" thumb="/batteur/solo.webp" />
</MosaicBackground>
<div class="content">
<div class="content__header">
<h2>Batteur</h2>
<h3>Studio & Live</h3>
</div>
<p>
À tous les âges, sur tous les kits et avec toutes les coupes de cheveux, cela fait 40 ans
que la batterie m’accompagne et me suit pour agrémenter vos concerts et vos séances des
meilleures rythmiques possibles.
</p>
<p>
Quelque soit le style, sur partition ou sur séquence, au clic ou au feeling, ce sont plus
de 800 concerts en salles, événements et festivals ainsi que des dizaines de titres déjà
enregistrés en studio.
</p>
<p>
Jamais rassasié, je suis toujours disponible pour de futurs projets, en studio ou en live.
Contactez-moi pour en parler !
</p>
</div>
</section>
<section class="producteur">
<div class="blur">
<div class="content">
<div class="text">
<div>
<h2>Compositeur - Producteur</h2>
<h3>Artistes, médias, publicité, cinéma & audiovisuel</h3>
</div>
<div>
<p>
Mon travail s’articule principalement autour de la relation entre la section
rythmique et le lead. La mélodie et le rythme sont pour moi les deux aspects les
plus importants. L’habillage, le choix des arrangements et instruments, des textures
ainsi que la programmation et les traitements viennent ensuite.
</p>
<p>
C’est cette vision que j’apporte au quotidien sur les projets que l’on me confie,
que ce soit pour des artistes, groupes, médias, agences, entreprises, éditeurs et
labels pour leurs singles, EP's, albums, documentaires, jeux vidéos, films ou
éléments de communication.
</p>
</div>
<div>
<p>
Visitez mon studio, <a href="https://entreesortie.net/">Entrée Sortie Production</a
>.
</p>
</div>
</div>
<img src="/producteur.webp" />
</div>
</div>
</section>
<section class="ref" data-scroll>
<MosaicBackground height="250">
<img src="/ref/angie.webp" />
<img src="/ref/apanapana_records.webp" />
<img src="/ref/arte.webp" />
<img src="/ref/bb2.webp" />
<img src="/ref/bvs.webp" />
<img src="/ref/charlotte.webp" />
<img src="/ref/compagnie_imaginaire.webp" />
<img src="/ref/complice_music.webp" />
<img src="/ref/divine_acajou.webp" />
<img src="/ref/epsilon_escape.webp" />
<img src="/ref/violet_dreams.webp" />
<img src="/ref/green_warrior.webp" />
<img src="/ref/indigo.webp" />
<img src="/ref/havas_event.webp" />
<img src="/ref/if_de_minuit.webp" />
<img src="/ref/juliette.webp" />
<img src="/ref/l_oreal.webp" />
<img src="/ref/lio.webp" />
<img src="/ref/lunii.webp" />
<img src="/ref/lvmh.webp" />
<img src="/ref/onb.webp" />
<img src="/ref/mediawan.webp" />
<img src="/ref/nouvelle_samaritaine.webp" />
<img src="/ref/musicbox.webp" />
<img src="/ref/origins.webp" />
<img src="/ref/papooses.webp" />
<img src="/ref/paradoxes.webp" />
<img src="/ref/prodjv.webp" />
<img src="/ref/superchild.webp" />
<img src="/ref/sybel.webp" />
<img src="/ref/talia1.webp" />
<img src="/ref/talia2.webp" />
<img src="/ref/ulicoys.webp" />
<img src="/ref/virtuel_audio.webp" />
<img src="/ref/france_tv.webp" />
<img src="/ref/virgin_music.webp" />
<img src="/ref/wtpl.webp" />
<img src="/ref/steel_division_normandy_44.webp" />
</MosaicBackground>
<div class="content">
<div class="content__header">
<h2 class="no-mb">Références</h2>
</div>
<p>Mon parcours artistique s’est forgé autour d'expériences et de rencontres multiples.</p>
<p>
Fils d’un père compositeur, je débute par une formation classique qui s’achèvera par un
diplôme de fin d’études au CNR de Rueil-Malmaison à l’âge de 13 ans.
</p>
<p>
Je deviens musicien professionnel à 20 ans en accompagnant et enregistrant pour des
artistes et groupes avant de me lancer dans la composition et l’arrangement. À cette même
période, je fais même un détour par le management d’artistes et le booking pour en savoir
plus sur « l’envers du décor ».
</p>
<p>
La suite logique a été l’ouverture de mon propre studio il y a un peu moins de 10 ans avec
tous les outils et le matériel nécessaire pour produire en toute autonomie mes propres
sons mais aussi ceux des artistes, éditeurs, labels, médias, entreprises qui font appel à
mes services et compétences.
</p>
<p>
Merci à tous ceux qui m’ont fait et me font confiance et à votre disposition pour discuter
de votre prochain projet !
</p>
</div>
</section>
</main>
<script is:inline defer>
const sections = document.querySelectorAll("section[data-scroll]");
document.addEventListener("scroll", () => {
sections.forEach((section) => {
const rect = section.getBoundingClientRect();
if (
section.top + window.scrollY > window.scrollY ||
rect.bottom + +window.scrollY < window.scrollY
)
return;
const content = section.querySelector(".content");
if (content == null || !(content instanceof HTMLElement))
throw new Error(`Invalid section ${section}`);
const ratio = (window.scrollY - rect.top) / (rect.bottom - rect.top);
content.style.top = `${65 - ratio * 20}%`;
});
});
</script>
</Base>
|
