17
合成写真アイディアを紹介するサイト
概要
背景と目的
背景: いつも見慣れている学内の空間を、自分たちの手で「非日常なクリエイティブ空間」に変形させられないかと考えた。
目的: 自分たちで撮影したリアルな写真に、デジタルな「合成」を加え、現実と非現実が混ざり合う10枚のビジュアルアートを制作する。それを、Webギャラリーで公開し、見た人を「あっ」と驚かせる体験を作ることを目指す。
成果物の仕様
webサイト（GitHubを用いて公開）
制作ツール
Visual Studio Code（html、css）、Photo Shop、、iPhone、Gemini(写真編集、htmlコード確認に使用)
メンバー
新甫楓佳 写真撮影・編集・サイトの構成
稲吉うた 写真撮影・編集・サイトの構成
進捗記録
2026.07.13
今日したこと
2026.07.06
今日したこと
2026.06.29
課題点
- どういう写真にするのか
- どんな雰囲気のサイトにするのか
2026.06.22
今回制作したプロトタイプ
サイトマップ(作成者：稲吉うた)
サイトのワイヤーフレーム(作成者：新甫楓佳)
プロトタイプの説明
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
テーマ候補
- アイドル名のロゴを考える
- 合成写真
- イラレで色々デザインしてそれを冊子にする
成果物の仕様
参考リンク
この演習を通して身につけたいスキル
- illustrator・photoshop・AI
- たくさんのアイデアが出てくる
