17
Wild imaginations.
メインビジュアル、あるいは
プロジェクトの最新の状態を視覚的に掲載
概要
背景と目的
背景: いつも見慣れている学内の見慣れてきた空間を、自分たちの手で「非日常なクリエイティブ空間」に変形させられないかと考えた。
目的: 自分たちで撮影したリアルな写真に、デジタルな「合成」を加え、現実と非現実が混ざり合う10枚のビジュアルアートを制作する。それを、Webギャラリーで公開し、見た人を「あっ」と驚かせる体験を作ることを目指す。
成果物の仕様
webサイト（GitHubを用いて公開）
制作ツール
Visual Studio Code（html、css）
メンバー
グループの場合は役割分担を明記
進捗記録
2026.06.15
現状分析
- 韓国のアパレルサイトtaebleのような綺麗なタイル状のレイアウト
課題定義
- 1. 公開方法→GitHub
- 2.名前→
- 3. 分量とサイズ→写真は全て1：1。掲載枚数は10枚
- 4.構成→トップページ、ギャラリー、
- 5.素材の入手、生成→1７号館横の芝生、綺麗なコンクリートを背景に撮影する
- 6.制作方法→Visual Studio Codeを用いてHTML、CSS（1部JavaScript）作成する
制作上のアイデア（課題ごとに複数のアイデア）
- 2. サイト名（１７）。一番うまくできた写真を大きく配置する。（できれば）合成前の写真と合成後の写真をスライドで切り替わるようにする。
- 3. 見る媒体によって写真の表示枚数が変わるようにするスマホでは1枚、PCでは3枚
2026.06.08
テーマ候補
- photo idea紹介サイト
- 好きなアーティストの攻略ブック
- 今までの自分のライブ参戦まとめサイト
成果物の仕様
この演習を通して身につけたいスキル
- Illustrator
- Photoshop
- HTML、CSS
参考リンク
photo idea → https://pin.it/3jidiSbwU
