BeatToolJP
音声素材 ”sample pack” のWeb配信
Keywords：WebDesign/ SoundDesign/"Sample Pack"/ R&B/Soul/Hiphop
プロジェクトの概要
これは何？
サンプルパック(鍵盤などを演奏した音源やドラムの叩いた音が入っているファイル)やサンプル楽器を制作し、それらを配布するサイトを立ち上げるプロジェクト
サンプルパック参考音源
背景・目的
- コンピューターの進化により気軽に楽曲制作が行える時代が訪れている
- 近年のR&B.Soul.Hiphopのサンプルやサンプル楽器はコードごとに分類されていないなど痒い所に手が届かず使いにくいものが多い
- 殆どが海外の有料のものあり、試しにくい状態である
- そのためサンプルパックやサンプル楽器を制作し誰でも楽曲の中に組み込み易くすることを目的とする
- 近年の例
- サンプリング
ターゲット（誰のために）
- 音楽制作に興味がある人
- 音楽制作を行なっている人
プロジェクトで使用するツール
- Illustrator
- Github
- Atom
- Ableton Live(DAW)
- Apollo Twin
- 楽器
調査
Web
- teenageengineeringアイコンを利用しメニューを作っている
- Spliceモノトーンでまとめいることで様々なジャケットの色に対応
- ドロップシャドウの利用
上記の調査を踏まえたコンセプト - メニューをアイコンで表示
- 色を少なくし追加されるコンテンツに左右されないサイト
- ドロップシャドウ.スムーズスクロールなどを利用し現代的な作り
- 日本のサイトだとわかりやすく、シンプルだが簡素ではないサイト
サンプルパック
- ファイル形式はwav形式が多い
- 量子化ビット数は24bitが多く採用されている
- サンプリングレートは44.1kHzや44.8kHzなど製作者によって異なる
- 上記の調査を踏まえ量子化ビット数は24bitを採用し、サンプリングレートは環境に左右されず利用できるように44.1kHzを採用する事とした
制作物
ロゴ
Webサイト
- トップページ
トップページはサンプルパックが一覧として表示されることでアクセスした際に目的のものが探しやすい構成とした - サンプルパック個別ページ
個別ページの背景は各サンプルパックのジャケットに合わせた色を設定し表示することで、よりサンプルパックの印象が伝わるように制作サイトリンク
サンプルパック
GuitarPack/BassPack/DrumKitPack/RhodesPack/TexturePack
サンプル楽器
ジャケットの制作はデジタルで行うがR&B, Soul, HipHop のイメージで制作を行うためデジタルの中にもアナログ感のある粒子などの要素を加え制作を行なった。
MellowElectricBass/MuteGuitar
プロジェクト管理
スケジュール
- 進行管理表（ガントチャート形式）へのリンク
ToDo
- サンプルパックのジャケット制作
- サンプル録音
- サイト制作
進捗・記録
2020.7.17
- 概要集制
- サイトサンプルパック個別ページ制作
- プロジェクト副題変更
2020.7.10
- 概要集制作
- サイトトップページ改良
2020.7.3
専攻別プレゼン
2020.6.26
サイト実装する物
- Scroll 滑らかjs
- 画像hover時に白く
- Drop shadow
- スライドライブラリ(Jquery)
2020.6.19
サイト全体イメージ案
2020.6.12
jquery利用し波形表示
参考
2020.6.5
- サイト全体イメージのためにメニュバーアイコンの制作
- html.css構造整理
2020.5.29
- 雛形ページをもとにレイアウト整備
- 前回のアドバイスを元にサイト内リンクをidへの統一
- 調査peaks.js サンプルをサイトにのせる際波形を表示するjavascript
2020.5.22
- 学科サイトメイン写真撮影
- 調査
teenageengineering同系色でまとめている
Spliceモノトーンでまとめいることで様々なジャケットの色に対応 - 説明記入
- アイデア ジャケット写真基調に作成
- 雛形ページ追加
2020.5.15
- プロジェクトタイトル入力
- サンプル楽器ジャケット試作を行い全体の方向の模索
- サイトマップ
2020.5.8
- サーバー取得 Testページ
- testページ制作
- 説明ページ制作
2020.5.1
- サイトレイアウト考案
- html.css.javascriptで制作
- 楽器ごとのパックで制作
2020.4.24
アイデア
- 音楽制作に利用するサンプルパックの制作とそれらを公開するサイトの制作
- サンプラーで利用できる楽器の制作(exs24/sampler/kontakt)
- IRデータ(インパルスレスポンス)を制作それらを公開するサイト)
lookon.jpg
logo1.png
mock2g.jpg
mock.jpg
aboutsite.jpg
icon.png
visu2.jpg
visu.jpg
visu.jpeg
sample2.png
map.jpg
test1.png
名称未設定-1.jpg
