CG基礎 日本文理大学 坪倉篤志 <配布資料-06> 先週 クイックマスク(p34-p42) 今週 写真の補正(p43-p47)

Slides:



Advertisements
Similar presentations
画像処理 05A1027 後藤航太. 研究課題は openLDAP についてでしたが 今回から画像処理に変更しました。 変更した理由 自分が持っていたイメージと実際の openLDAP が違ったので変更を決 めま した。 画像処理に興味を持ったので これからは画像処理を研究課題として やっていきます。
Advertisements

CG基礎 日本文理大学 坪倉篤志 <配布資料 -12 > 先週 レコード(続き) グラデーションツール (パターン) 今週 レコード(続き) グラデーションツール 小作品の作成.
WEB デザイン基礎実 験 担当:清水,田代 副手:浦辺,石井 ( 1 日目) NC-2 情報通信基礎実験.
BWD06-01 ~ 1 ~ Web デザイン基礎 坪倉、伊藤 日本文理大学 先週 – ガイダンス – Webの歴史 –HTML 基礎 今週 について(出席と課題提出) –HTML 画像、ハイパーリンク、文字書式.
Osaka Shoin Women ’ s University. 9/20/2005www.osaka-shoin.ac.jp 於: 三重県立久居農林高等学校 大阪樟蔭女子大学 学芸学部 被服学科 小林 政司 於: 三重県立久居農林高等学校 大阪樟蔭女子大学 学芸学部 被服学科 小林 政司 Color.
見る人に優しいホームページ作 り NTCommittee2 関東勉強会 ブルーミング 花井貴久子 2002 年 11 月 30 日.
ウェブページビルダーマニュアル 株式会社 SOIYAA.
初年次セミナー 第13回 2次元グラフィックス(1).
WebショップにおけるWebデザイン 甲斐 広大.
パネル型クエリ生成インタフェース画像検索システムの改良
ロボットビジョン(ロボットの視覚能力)のための デジタル画像処理
イメージCMを作ろう! 選択情報 課題⑦.
CG基礎 日本文理大学 坪倉篤志 <配布資料-13> 先週 レコード(続き) グラデーションツール 小作品の作成 今週 レイアウトの知識
Microsoft PowerPoint98 Netscape Communicator 4.06[ja]
第1章 第1節 情報のディジタル化のしくみ 4 音の表現 5 画像の表現
情報A 第12回授業 04情報のディジタル化 対応ファイル:12exp12.xls
情報処理入門A・B 第7回 ワープロソフト入門(2)
CG基礎 日本文理大学 坪倉篤志 <配布資料-02> 概要 先週の復習 第1回,コンピュータグラフィックス概要
技術者英語第3回(流れ) 14:45~ Windowsログイン 15:00~ ALCログイン 16:15 学習プリント提出、授業終了
タグの直接入力によるウェブページの制作 練習課題1~3
デスクトップを画像として保存する(1) ① デスクトップの画像をクリップボードへコピーする。
足立元/坪倉篤志 CG基礎 足立元/坪倉篤志 Contents 講義のガイダンス CGの歴史(ソフト/ハード)
情 報 の 表 現(3) 情報社会とコンピュータ 第10回.
CG作品展示サイト”Fragments” ~ 『閲覧しやすさ』と『デザイン性』を両立させた Webデザイン~
情報処理入門A・B 第8回 プレゼンテーション支援ツール
ただで使えるソフトウェア ーインストールとお絵かきー
色覚の多様性に配慮した案内サイン図表等用のカラーユニバーサルデザイン推奨配色セット
画像の作成と編集.
コンピュータ・リテラシ b 第12回 簡単な画像処理.
簡単な画像処理 通信教育学部 コンピュータ演習 遠藤美純.
デスクトップを画像として保存する(1) ① デスクトップの画像をクリップボードへコピーする。
CG基礎 日本文理大学 坪倉篤志 <配布資料-04> 先週 @Learnについて(出欠、課題) フォルダの設定の変更について
chtgkato.com から 本実習用HPへ 毎回出席カードを配ります。 レポート作成日(R)は出席を取りませんが、 振替実習を実施した場合は出席カードを提出して下さい。 実習を欠席した場合は、レポート作成日(R)に単独で実施するか、 該当実習を行っているグループに加わる。
CG基礎 日本文理大学 坪倉篤志 <配布資料-03> 先週 @Learnについて(出欠、課題) ペイントソフトの基本操作 ペイント、文字入力
映像技術演習 第8回:課題映像編集.
情報工学科 05A2301 樽美 澄香 (Tarumi Sumika)
イメージポスターを作ろう! 高校2年 情報選択②.
動画編集ツールによる作品制作とWebページによる紹介
 パワーポイントによる教材作成    校内研修提示資料.
高山建志 五十嵐健夫 テクスチャ合成の新たな応用と展開 k 情報処理 vol.53 No.6 June 2012 pp
高度情報演習1A “テーマC” 実践 画像処理プログラミング 〜画像認識とCGによる画像生成〜 第三回 演習課題 画像中からの物体抽出処理(色情報を手がかりとして) 芝浦工業大学 工学部 情報工学科 青木 義満 2006/05/08.
デザインとサイトイメージ (色・文字・構図)
経営工学基礎演習a PowerPointの利用.
ホームページ作成・更新講座 夏のコンピュータ学習会 画像
長岡技科大オープンハウス 岐阜高専4年電子制御工学科 森 永二郎.
顔部品の検出システムの構築 指導教員 廉田浩 教授 1DS04188W  田中 甲太郎.
サッカーのユニフォームのデザインが人に与える影響いついての研究
A B C D E 曲1 曲2 曲3 曲4 曲5 理 由 鑑賞の振り返り 年  組  番 氏名.
色覚の多様性に配慮した案内サイン図表等用のカラーユニバーサルデザイン推奨配色セット
行列による画像処理 デジタル表現論 担当者:劉 雪峰 2017年6月1日.
画像処理工学 2013年1月23日 担当教員 北川 輝彦.
【実践ワーク1】 新しいスライドを挿入しましょう。
情報スキル活用  第5週 基礎技術-5  その2 : 他のページへのリンク.
イメージポスターを作ろう! 情報C 課題.
明日の授業でも作成を継続する予定です 2017/11/13、2017/11/14
学校の絵葉書を作ろう! 情報C 実習.
情報スキル活用  第6週    基礎技術のまとめ  復習.
情報スキル活用 第3週 基礎技術ー3 : 学部・学科紹介のページ作成.
情報処理基礎 2006年 7月 13日.
VIII. 空間情報表現.
コンピュータ プレゼンテーション.
長岡技術科学大学 オープンハウス2006 『美人フィルタ』
画像の情報量 Copyright(C)2008 Tsutomu Ohara All rights reserved.
情報スキル活用 第4週 基礎技術-4 : その1(タグのまとめ).
色合い:下図のように色を表す     RGB のうち 1 つは 0、1つは 255 である     色度座標の R-G-B の 3 角形の辺上を移動する
情報基礎演習I(プログラミング) 6月8日 水曜5限 江草由佳
シニアPCマザーズ 平成29年度第5回会員相互勉強会 2017年11月24日(金) 13:30~ 於:雁宿公民館 発表者:吉田恭子
Microsoft SharePoint Online の Web サイトを カスタマイズする方法
画像の情報量 Copyright(C)2008 Tsutomu Ohara All rights reserved.
サンプル見出し テキスト 1 行目 テキスト 2 行目 テキスト 3 行目 (中級) 図の背後でタイトルを移動させるアニメーション効果
Presentation transcript:

日本文理大学 坪倉篤志 http://www.nbu.ac.jp/~tsubokura CG基礎 日本文理大学 坪倉篤志 http://www.nbu.ac.jp/~tsubokura <配布資料-06> 先週 クイックマスク(p34-p42) 今週 写真の補正(p43-p47) チャンネル(p49-p56) 色について(P154-P168) 今日は忙しいです!! 頑張りましょ~~~

先週の復習 @learnの利用について 講義用フォルダの作成 講義用フォルダに講義資料・素材のコピー フォルダの設定について レイヤー 出席 課題の提出 講義用フォルダの作成 講義用フォルダに講義資料・素材のコピー フォルダの設定について レイヤー 描画モード 色調補正/バリエーション 覆い焼きツール シャープ/アンシャープマスク クイックマスク、マスク領域の調整、マスクレイヤー

第9回写真の修正(p43-48) 目的:スキャナやデジカメで撮った写真画像の修正 ゴミ取り レベル補正(機能についてメモを取りなさい) 取り込み時のノイズやレベル補正 ゴミ取り スタンプツール サンプリングポイント(コピー元)の指定(Alt+Click)→ブラシで塗る レベル補正(機能についてメモを取りなさい)  レベル:明るさ カラーバランス、色合いに対しては影響は無い ヒストグラム 自動設定:           と           を基準にして全体のレベルを調整

第9回写真の修正 色調補正 画像修正 フィルター:シャープ効果 スナップショット 各色の と と に対して補正 色相( ): 各色の         と         と         に対して補正 色相(      ): 色相環(Hue Circle): マンセルの色相環:アルバート・マンセル(1905年) 明度(         ):色の明るさを(黒の度合い) 彩度(         ):色の鮮やかさ、色の純度(白の度合い) スポイトツール ブラシツールのモード 画像修正 フィルター:シャープ効果 スナップショット

配色 色の見え方・感じ方 寒色、暖色 進出色・後退色 参考Webサイト 坂本邦夫の『基礎からわかるホームページの配色』 http://www.webcolordesign.com/ カラー配色辞典 http://fkm.sakura.ne.jp/cool.html 色の基礎知識 http://www.colordream.net/howto.htm 色の見え方・感じ方 寒色、暖色 寒色 色合いから涼しさや寒さを感じる色。  青 系統を中心とした色。クールなデザインやシャープなデザイン、冬の寒さを表現する場合、夏の涼しさを求める場合に用いる。 暖色 色合いから暖かさや暑さを感じる色。 赤  系統を中心とした色。情熱的なデザインやほのぼのとしたデザイン、夏の暑さを表現する場合や冬に暖かさを求める場合に多く使う 中性色   緑 系・ 紫  系・  無彩  色など寒暖の感じがあいまいな色 進出色・後退色 進出色  明度  と  彩度  が  高く 、  暖色  系の色は進出して大きく見えます。 後退色 明度 と彩度 が  低く  、  寒色  系の色は後退して小さく見えます。

配色 柔らかい色・硬い色 興奮色・沈静色 重い色・軽い色 柔らかい色   高明  度・  低彩  度の白っぽい色は柔らかく見え、さらに 暖色 系のほうが柔らかく見えます。 硬い色   低 明 度・  高 彩 度の黒っぽい色や、寒色系のはっきりした色は硬く感じます。 興奮色・沈静色 興奮色  赤  ・ 燈 ・ 黄 等の あざやか な色は強烈な刺激を感じます。暖色系で高彩度の色、中でも純色はもっとも興奮感を与えます。 沈静色  青 や 青緑 等の寒色は冷たい感じがするので落ち着きを感じます。寒色系で低彩度の色は沈静間を与えます。 重い色・軽い色 重い色 主に 明度 が  低い 色を指します。 軽い色 主に 明度 が  高い 色を指します。

配色(色の対比) 色相対比 隣りあう 色が影響しあって 色相 差が発生すること。隣の色に影響し、少し色がずれて見える。 色相対比   隣りあう  色が影響しあって  色相  差が発生すること。隣の色に影響し、少し色がずれて見える。 明度対比 周りの色の  明暗  の影響を受けて、明度差が強調されること。実際の色よりも明るく、または暗く見えること。ポスターや  看板  、  標識  等ではコレをうまく利用されている。 彩度対比 周りの色に影響され、  彩度  に差が大きく見えることを指す 周りの色が鈍いとき、中の図は   鮮やか  見える。 周りの色が鮮やかなときは、中の図は   あせて  見える。

配色(色相配色) まとまりやすい配色 あいまいな配色 目立つ配色 同一  色相配色(色相環上の角度0度) 色相が同じ色、 同系 色。全体のイメージが統一され、おとなしく無難な配色 類似  色相配色(色相環上の角度30~45度) 色相が近いのでまとまりやすく、自然な  調和  配色 あいまいな配色 中差  色相配色(色相環上の角度60~105度) 明るい彩度が 高め の色を組み合わせると、スポーティな感じ 目立つ配色 反対  色相配色(色相環上の角度120~150度) 色を組み合わせるときに、色相差が大きいほど「  コンストラスト  (色の対比)」が強くなる。

配色(色相配色・トーン(色調)) 目立つ配色 補色  配色(色相環上の角度165~180度) 色相環で 正反対 に位置する補色は、最もコンストラストが強い組み合わせ ハレーション 彩度が高い(純色)反対色や補色の組み合わせには「ハレーション」と呼ばれる色の ちらつき を起こす組み合わせがある。ちらつきを押さえる為に、色の間に  無彩色  を配置したり、  明度差   を広げる場合がある。 トーン(色調) 異なる 色相 の組み合わせでも、 彩度 と 明度 をそろえると、タイプの似た色に見える。トーンを揃えると、まとまりのある配色になる。トーン(色調)は色のイメージや、明るい、さわやかな、優しい、重い等の感情効果を表す

チャンネル(p49~ 本日は再編集・再調整可能な制作方法を中心 ロゴ作成※ 調整レイヤーとトーンカーブ 画像補完方式:バイキュービック法にて フィルターを用いた背景の作成:雲模様 ロゴ作成: レイヤー効果の組み合わせ: 解像度 調整レイヤーとトーンカーブ マスク チャンネルマスク ロゴと花の合成

チャンネル ロゴ作成 雲模様:フィルターの利用 レイヤー効果の組み合わせ 解像度 レイヤー効果 効果/シャドゥ(内側) べベルとエンボス ドロップシャドウ 解像度 画像解像度: ppi: dpi:

チャンネル 調整レイヤーとトーンカーブ 調整レイヤー トーンカーブ: マスク チャンネル: マスクチャンネル: ロゴと花の合成 トーンカーブ 標準チャンネル: RGB: R: G: B CMYK: C: M: Y: K: アルファチャンネル: マスクチャンネル: ロゴと花の合成 入力 出力

提出課題 提出課題06-2.今日修正した街の画像を提出用にjpg/gif形式に変換し提出 通常保存:Photoshop形式 psdファイル 提出用:Web用に保存→jpg/gifファイル 提出課題06-2.今日作成したロゴを提出用にjpg/gif形式に変換し提出

次回の予定:提出課題/復習課題 Photoshopを用いた制作の復習と実力を見るための制作課題 課題2種類(下記の何れかを選択し、実施しなさい) 提出課題 下記のテーマに沿ってポスターの制作をしなさい テーマ:観光案内 用いるスキル、合成、レイヤー、マスク、ロゴ 素材:講義よう素材より、又は各自で撮影した映像(著作権、肖像権を十分に注意) キャンバスのサイズ 1280×1024(pixel)以上:方向については指定無し 復習課題 これまでの講義について来れなかった部分等のある学生 テキストに記載している課題の再演習と作品制作 課題の名称をメールに明記すること:白熊等 提出 作品タイトル、作品概要 作品ファイル名 学籍番号.ファイル形式 提出〆切  次回授業終了時 再提出〆切 6月5日(月) 17:00(厳守) フリーワークショップ、工房G等で制作 6月6日の講義に、作品展示会を予定 皆さんで投票いたします。見せっこをしましょう