前橋工科大学 - 工学デザイン実習 IIIc 2024
画像生成AI実践 2: 展示に向けて – 生成した画像のレイアウト
![](https://scontent-nrt1-2.xx.fbcdn.net/v/t39.30808-6/441336686_10219954942224401_8457126001295975887_n.jpg?_nc_cat=107&ccb=1-7&_nc_sid=5f2048&_nc_ohc=0jbfe_YqCRoQ7kNvgEnCyGy&_nc_ht=scontent-nrt1-2.xx&oh=00_AYBaRNp3ndcdocFZNm1Xq_08cYWsokzCphHgtvScDEZrKQ&oe=66503947)
本日の内容
- AIで生成した画像を展示に向けてレイアウトする
- Figmaの紹介とインストール
- 生成した画像をグリッド状に配置してみる
生成した画像をレイアウトする
- 第1課題「生成コレクション」 (課題確認)
- 生成した多く画像を整然とレイアウトする必要あり
- Illustrator? → 有料、もし持っている人はどんどん利用
- 無料で作業するには -> Figmaを使う
Figma
![](https://upload.wikimedia.org/wikipedia/commons/thumb/3/33/Figma-logo.svg/800px-Figma-logo.svg.png)
- ブラウザベースのコラボレーション・ツール
- デスクトップ版やモバイル版もあり
- もともとはインターフェイス (UI) のデザインに特化していたが、グラフィクスデザインツールとしても使用可能
- コラボレーション機能
- 学生であれば無料で使用可能!
- ただし資格認定を受ける必要あり
教育用Figma | クラスルーム向け無料ツール
![](https://yoppa.org/wp-content/uploads/2024/05/Screenshot-2024-05-20-052643.png)
- 教育用Figmaのページにアクセス
- 「資格認定を受ける」のボタンをクリック
- 大学のemailのGoogleアカウントでログイン
- 画面の指示に従って、登録を進めていく
制作用テンプレート
- 制作用のFigmaテンプレートを用意しました!
- 制作用テンプレート(4Kサイズ)
![](https://yoppa.org/wp-content/uploads/2024/05/Screenshot-2024-05-20-055546.png)
課題作例
「生成コレクション – 貝殻」
![](https://yoppa.org/wp-content/uploads/2024/07/Shells-1024x585.jpg)
本日の実習
- Figmaのテンプレートを使用して、7×4 (= 28枚) で構成される「生成コレクション」を作成
- できれば自分で考案したテーマに沿って生成したイメージで
- もし画像が無い場合は下記のサンプルファイルを使用
来週までの課題
- Figmaを使用して、7×4の「生成コレクション」を完成させる
- 画像は自分で設定したテーマに沿って生成した画像で構成すること
- なぜそのテーマにしたのか簡単に説明できるように準備
- 次回の実習の開始時間までに作成しておくこと
アンケート
- 本日の実習に参加した方はアンケートに回答してください
- アンケート