AudioAndVisual/ImageGeneration をテンプレートにして作成

開始行:
*イメージの生成 //画像・映像の生成 //RIGHT:[[音楽と映像 TOPへ>AudioAndVisual]] //#clear ~ 人は音声を発することはできますが、「光」を発することはで... ~ **身振り ペンをもつこともできない乳児が最初に発信する視覚情報、そ... 　脳科学の分野で、近年ミラーニューロンという概念が話題に... 　さて、身振りという視覚情報の中でも最も重要なのは、「手... 　蛇足ですが、視覚情報には照明が必要です。身振りも当然「... ~ ~ **画材 次に、人間が最も古くから一般的に用いているイメージ生成の... ~ ***鉛筆・色鉛筆 鉛筆は、我々にとっては、筆記具として最もなじみ深い存在で... 　一方色鉛筆は、色彩表現に用いられる画材のとして最もポピ... 　芯の形成は、鉛筆の場合、微粉砕された黒鉛と粘土を練り合... -[[Wikipedia:鉛筆]] -[[YouTube 鉛筆の製造工程>https://www.youtube.com/watch?v... ~ ***パステル パステルは少量のメディウムに顔料を混ぜ圧力をかけて固めた... 　メディウムの濃度の差で、ソフト・セミハード・ハードに分... 　パステルはメディウムが少ないため、色が鮮やかで、そのも... 　尚、オイルパステルは、1925年に「クレパス」の名前で登場... -[[Wikipedia:パステル]] -[[Wikipedia:オイルパステル]] ~ ***インクとペン インクの原型は、油煙を膠やゴム質などのメディウムに混合し... 　ヨーロッパで発達したペンは（鳥の羽根(pan) に由来する）... 　ペンの形態には、一定の太さで描くのに適した標準的な「か... -[[GoogleImage:カラーインク]] -[[GoogleImage:丸ペン Gペン ペン先]] ~ ***絵具と筆 水彩・アクリル・油彩などに大きく分類されるのですが、基本... 　水彩絵具は、18世紀後半からイギリスを中心に広まったもの... 　アクリル絵の具は、ビニル絵具などと同様に合成樹脂をメデ... 　油絵具は、植物性の乾性油をメディウムとするもので、一般... 　さて、筆ですが、これは中国では文字の歴史とともに、ヨー... -[[The Making えのぐができるまで>https://www.youtube.com/... //-[[絵の具のできるまで>https://www.youtube.com/watch?v=g... -[[GoogleImage:絵筆]] ~ ***マーカーその他 上記以外にも現在多くの画材があって、俗にマジック・フェル... -[[筆記具一覧>https://ja.wikipedia.org/wiki/Category:%E7%... -[[GoogleImage:マーカー]] -[[GoogleImage:ドローイングペン]] -[[GoogleImage:インスタントレタリング]] ~ ***キャンバス・紙 キャンバスは、麻布にニカワを塗って乾燥させ、その上に白く... -[[Wikipedia:キャンバス]] -参考：[[GoogleImage:shaped canvas]] 　紙は、一般に和紙と洋紙とに分けられますが、絵を描く場合... -[[Wikipedia:紙]] //参考資料 ： Wikipedia, 画材大全(1996),美術出版社 　さて、ここで紹介したような画材は、今日どこでも手に入る... ~ ~ **コンピュータによるイメージの生成 いわゆる CG（コンピュータ・グラフィックス）は、従来の画材... 数式がつくりだす抽象的なパターン、生物・物理・化学におけ... CGの歴史は、サザランド（1963）によるスケッチパッド（対話... -[[GoogleImage:Sketchpad Sutherland]] ~ ***形状記述 によるイメージ生成 頭で思い描いた形を、ペンタブやマウスを用いて対話形式で作... これは、皆さんが普通に2D・３Dのソフトを使用して行うイメー... -''[[ペイント系ツール>RasterGraphics]]''｜RasterGraphics 画面を画素（ピクセル）の2次元的な集合と考え、各画素に色情... [[RasterGraphics]] -''[[ドロー系ツール>VectorGraphics]]''｜VectorGraphics 画面を図形（オブジェクト）の集合と考え、図形単位に頂点座... 　文字も含むすべての図形要素について、拡大・縮小における... [[VectorGraphics]] -''[[3DCGツール>Blender]]'' ３次元すなわち（x,y,z）の軸をもつ架空の世界でデータを定義... 　3次元空間内でのデータの移動・回転・拡大・縮小、視点をカ... 　さらに、その位置・回転・サイズなどのデータを時間という... 　3DCGアニメーションには、全体の動きを骨格の動きとして定... -[[Wikipedia:3次元コンピュータグラフィックス]] -[[Google:Blender]] -[[Google:Unreal Engine]] -[[Google:Unity]] ~ ***手続き記述によるイメージ生成 手順(計算規則)を記述して、コンピュータに自動的に形を生成... コンピュータ・グラフィックスには、何らかの造形的規則と生... 　数学者の（美的）実験から発見されたジュリア集合やマンデ... -[[GoogleImage:fractal figure]]　[[フラクタル図形>https:/... -[[GoogleImage:recursive tree]] -[[GoogleImage:mandelbrot set]] -[[GoogleImage:julia set]] 同様の発想で、剰余や三角関数のもつ周期性を利用した幾何学... そのプログラムに何らかの工夫をこらすことで思いがけない変... こうした発想はもちろん音楽の領域でも応用されていて、 語の... さて、こうした手続記述型の発想法には大きく二つのタイプが... 前者の典型的な例は数理曲線や再帰図形などですが、これらは... -[[GoogleImage:mathematical curves]]　数理曲線 -[[GoogleImage:lissajous figure]]　リサージュ図形 後者は、いわゆる複雑系の現象のシミュレーション、例えばフ... 　多くの要素が絡みあう複雑な系（Complex System）において... 　たばこの煙に例えて言えば、たばこの先から一直線に上昇し... 　コンピュータで要素間の関係に規則を与えて、そのふるまい... 　ただしこの場合の条件の与えかたは難しく、その試行錯誤は... -[[YouTube:boids craig reynolds]]　Craig Reynolds ボイド -[[GoogleImage:カオス図形]] いずれにせよ、こうした発想法の最大の特徴は、「何ができる... -参考 --[[GenerativeArt]] 手続き記述型の造形 --[[p5.js]]による手続き記述型グラフィックスの例 ~ ~ **プリンタ・ディスプレイ コンピュータで生成された静止画や動画は、最終的にプリンタ... ~ ***2Dプリンタ プリンタにはインクジェット式（染料系と顔料系）、レーザー... -[[Wikipedeia:プリンター]] ~ ***ディスプレイ テレビ、PC、スマートフォンなど、画面出力にはラスタスキャ... -[[Wikipedeia:液晶ディスプレイ]] -[[Wikipedeia:有機エレクトロルミネッセンス]] -[[Wikipedeia:ディスプレイ (コンピュータ)]] プリンタの出力も画像の出力も基本的には平面ですが、音響の... ~ ***3Dプリンタ 3Dデータ（主として.stl 形式）をもとに立体を造形する装置で... -[[Wikipedeia:3Dプリンター]] -[[3Dデータ共有サイト Thingiverse>https://www.thingiverse... -[[美術品の3Dデータ micropasts>http://micropasts.org/]] -[[NASAが運営する3Dデータサイト >https://nasa3d.arc.nasa.... -[[画像のアップで３D化>http://3dp.rocks/lithophane/]] ~ ~ **デジタル造形時代の覚書 さて、コンピュータによる画像・映像の生成について概観した... 私が、コンピュータというものと出会った時、それはまだ「画... かつて、動画はもとより、大きなサイズの画像や色数の多い画... しかし、このコンピュータに依存した今日の制作の環境では、... 第一に、ツールは手段であって目的ではないということ。優れ... 第二に、画面に向かう前にしっかりした設計（スケッチ）が必... 第三に、「何を伝えたいのか」を忘れてはならないということ... 最後に、CGもひとつの手段であってその領分があるということ... ~ ~ ***付記 -''手品師の動作'' 手品師が、指差し動作やまなざす動作によって観客の意識をタ... -''洋紙'' 欧米の図書館で問題となっているように、従来の洋紙はそれに... -''ツール'' 「競争原理が優先する現場」を離れれば、もともとモノ作りの... ~ ~

終了行:
*イメージの生成 //画像・映像の生成 //RIGHT:[[音楽と映像 TOPへ>AudioAndVisual]] //#clear ~ 人は音声を発することはできますが、「光」を発することはで... ~ **身振り ペンをもつこともできない乳児が最初に発信する視覚情報、そ... 　脳科学の分野で、近年ミラーニューロンという概念が話題に... 　さて、身振りという視覚情報の中でも最も重要なのは、「手... 　蛇足ですが、視覚情報には照明が必要です。身振りも当然「... ~ ~ **画材 次に、人間が最も古くから一般的に用いているイメージ生成の... ~ ***鉛筆・色鉛筆 鉛筆は、我々にとっては、筆記具として最もなじみ深い存在で... 　一方色鉛筆は、色彩表現に用いられる画材のとして最もポピ... 　芯の形成は、鉛筆の場合、微粉砕された黒鉛と粘土を練り合... -[[Wikipedia:鉛筆]] -[[YouTube 鉛筆の製造工程>https://www.youtube.com/watch?v... ~ ***パステル パステルは少量のメディウムに顔料を混ぜ圧力をかけて固めた... 　メディウムの濃度の差で、ソフト・セミハード・ハードに分... 　パステルはメディウムが少ないため、色が鮮やかで、そのも... 　尚、オイルパステルは、1925年に「クレパス」の名前で登場... -[[Wikipedia:パステル]] -[[Wikipedia:オイルパステル]] ~ ***インクとペン インクの原型は、油煙を膠やゴム質などのメディウムに混合し... 　ヨーロッパで発達したペンは（鳥の羽根(pan) に由来する）... 　ペンの形態には、一定の太さで描くのに適した標準的な「か... -[[GoogleImage:カラーインク]] -[[GoogleImage:丸ペン Gペン ペン先]] ~ ***絵具と筆 水彩・アクリル・油彩などに大きく分類されるのですが、基本... 　水彩絵具は、18世紀後半からイギリスを中心に広まったもの... 　アクリル絵の具は、ビニル絵具などと同様に合成樹脂をメデ... 　油絵具は、植物性の乾性油をメディウムとするもので、一般... 　さて、筆ですが、これは中国では文字の歴史とともに、ヨー... -[[The Making えのぐができるまで>https://www.youtube.com/... //-[[絵の具のできるまで>https://www.youtube.com/watch?v=g... -[[GoogleImage:絵筆]] ~ ***マーカーその他 上記以外にも現在多くの画材があって、俗にマジック・フェル... -[[筆記具一覧>https://ja.wikipedia.org/wiki/Category:%E7%... -[[GoogleImage:マーカー]] -[[GoogleImage:ドローイングペン]] -[[GoogleImage:インスタントレタリング]] ~ ***キャンバス・紙 キャンバスは、麻布にニカワを塗って乾燥させ、その上に白く... -[[Wikipedia:キャンバス]] -参考：[[GoogleImage:shaped canvas]] 　紙は、一般に和紙と洋紙とに分けられますが、絵を描く場合... -[[Wikipedia:紙]] //参考資料 ： Wikipedia, 画材大全(1996),美術出版社 　さて、ここで紹介したような画材は、今日どこでも手に入る... ~ ~ **コンピュータによるイメージの生成 いわゆる CG（コンピュータ・グラフィックス）は、従来の画材... 数式がつくりだす抽象的なパターン、生物・物理・化学におけ... CGの歴史は、サザランド（1963）によるスケッチパッド（対話... -[[GoogleImage:Sketchpad Sutherland]] ~ ***形状記述 によるイメージ生成 頭で思い描いた形を、ペンタブやマウスを用いて対話形式で作... これは、皆さんが普通に2D・３Dのソフトを使用して行うイメー... -''[[ペイント系ツール>RasterGraphics]]''｜RasterGraphics 画面を画素（ピクセル）の2次元的な集合と考え、各画素に色情... [[RasterGraphics]] -''[[ドロー系ツール>VectorGraphics]]''｜VectorGraphics 画面を図形（オブジェクト）の集合と考え、図形単位に頂点座... 　文字も含むすべての図形要素について、拡大・縮小における... [[VectorGraphics]] -''[[3DCGツール>Blender]]'' ３次元すなわち（x,y,z）の軸をもつ架空の世界でデータを定義... 　3次元空間内でのデータの移動・回転・拡大・縮小、視点をカ... 　さらに、その位置・回転・サイズなどのデータを時間という... 　3DCGアニメーションには、全体の動きを骨格の動きとして定... -[[Wikipedia:3次元コンピュータグラフィックス]] -[[Google:Blender]] -[[Google:Unreal Engine]] -[[Google:Unity]] ~ ***手続き記述によるイメージ生成 手順(計算規則)を記述して、コンピュータに自動的に形を生成... コンピュータ・グラフィックスには、何らかの造形的規則と生... 　数学者の（美的）実験から発見されたジュリア集合やマンデ... -[[GoogleImage:fractal figure]]　[[フラクタル図形>https:/... -[[GoogleImage:recursive tree]] -[[GoogleImage:mandelbrot set]] -[[GoogleImage:julia set]] 同様の発想で、剰余や三角関数のもつ周期性を利用した幾何学... そのプログラムに何らかの工夫をこらすことで思いがけない変... こうした発想はもちろん音楽の領域でも応用されていて、 語の... さて、こうした手続記述型の発想法には大きく二つのタイプが... 前者の典型的な例は数理曲線や再帰図形などですが、これらは... -[[GoogleImage:mathematical curves]]　数理曲線 -[[GoogleImage:lissajous figure]]　リサージュ図形 後者は、いわゆる複雑系の現象のシミュレーション、例えばフ... 　多くの要素が絡みあう複雑な系（Complex System）において... 　たばこの煙に例えて言えば、たばこの先から一直線に上昇し... 　コンピュータで要素間の関係に規則を与えて、そのふるまい... 　ただしこの場合の条件の与えかたは難しく、その試行錯誤は... -[[YouTube:boids craig reynolds]]　Craig Reynolds ボイド -[[GoogleImage:カオス図形]] いずれにせよ、こうした発想法の最大の特徴は、「何ができる... -参考 --[[GenerativeArt]] 手続き記述型の造形 --[[p5.js]]による手続き記述型グラフィックスの例 ~ ~ **プリンタ・ディスプレイ コンピュータで生成された静止画や動画は、最終的にプリンタ... ~ ***2Dプリンタ プリンタにはインクジェット式（染料系と顔料系）、レーザー... -[[Wikipedeia:プリンター]] ~ ***ディスプレイ テレビ、PC、スマートフォンなど、画面出力にはラスタスキャ... -[[Wikipedeia:液晶ディスプレイ]] -[[Wikipedeia:有機エレクトロルミネッセンス]] -[[Wikipedeia:ディスプレイ (コンピュータ)]] プリンタの出力も画像の出力も基本的には平面ですが、音響の... ~ ***3Dプリンタ 3Dデータ（主として.stl 形式）をもとに立体を造形する装置で... -[[Wikipedeia:3Dプリンター]] -[[3Dデータ共有サイト Thingiverse>https://www.thingiverse... -[[美術品の3Dデータ micropasts>http://micropasts.org/]] -[[NASAが運営する3Dデータサイト >https://nasa3d.arc.nasa.... -[[画像のアップで３D化>http://3dp.rocks/lithophane/]] ~ ~ **デジタル造形時代の覚書 さて、コンピュータによる画像・映像の生成について概観した... 私が、コンピュータというものと出会った時、それはまだ「画... かつて、動画はもとより、大きなサイズの画像や色数の多い画... しかし、このコンピュータに依存した今日の制作の環境では、... 第一に、ツールは手段であって目的ではないということ。優れ... 第二に、画面に向かう前にしっかりした設計（スケッチ）が必... 第三に、「何を伝えたいのか」を忘れてはならないということ... 最後に、CGもひとつの手段であってその領分があるということ... ~ ~ ***付記 -''手品師の動作'' 手品師が、指差し動作やまなざす動作によって観客の意識をタ... -''洋紙'' 欧米の図書館で問題となっているように、従来の洋紙はそれに... -''ツール'' 「競争原理が優先する現場」を離れれば、もともとモノ作りの... ~ ~

ページ名: