npca 2013年度夏合宿 デザイン実習講義 補助スライド
DESCRIPTION
13/08/21に実施したnpca部員向けの講義「デザイン実習」の補助スライドです。TRANSCRIPT
デザイン補助スライド実習講義13/08/23 NPCA夏合宿講義 NPCA OB 高橋光輝 (@hakatashi)
今日やること
・部員の画像編集技術の底上げを狙います。 ・あらゆる場面で必要となる基礎技術の習得 ・見栄えの良いデザインのためのTips
今日やること
・Inkscape の基本操作・ベジエ曲線を使った複雑な図形作成・GIMPの基本操作・前景抽出ツールを使った画像切り抜き・パスツールを使った画像切り抜き・遠近法ツール・画像補正・エフェクト・コンテンツ配置
完成目標
元画像
child.jpg path.jpg fence.jpg
foter で検索 foter で検索 博多市撮影
今日やること
・Inkscape の基本操作・ベジエ曲線を使った複雑な図形作成・GIMPの基本操作・前景抽出ツールを使った画像切り抜き・パスツールを使った画像切り抜き・遠近法ツール・画像補正・エフェクト・コンテンツ配置
今日やること
・Inkscape の基本操作・ベジエ曲線を使った複雑な図形作成・GIMPの基本操作・前景抽出ツールを使った画像切り抜き・パスツールを使った画像切り抜き・遠近法ツール・画像補正・エフェクト・コンテンツ配置
ベジエ曲線とは?・任意の曲線を数式で表現するための方法の一つ・制御点を元に最も自然な曲線を自動で引いてくれる
ベジエ曲線とは?
A B
ベジエ曲線とは?
A B
直線
ベジエ曲線とは?
A B
一次ベジエ曲線
制御点
ベジエ曲線とは?
A B
一次ベジエ曲線
制御点
ベジエ曲線とは?
A B
二次ベジエ曲線
ベジエ曲線とは?
A B
二次ベジエ曲線
A, B の接線をそれぞれ独立に設定することができる
ベジエ曲線とは?
A B
二次ベジエ曲線
一般的な表示方法
アンカー
ハンドル
アンカー
ハンドル
パス
・重要なのは、表示方法が変わっても、制御点 2つによって曲線が決定されることを忘れないこと。・隣り合っているハンドル同士の位置関係を常に意識する。
・ベジエ曲線は、2つの点の間を結ぶもっとも美しい曲線を自動で計算してくれるツールです。・アンカーは必要最小限にし、可能な限り自動で補完する。
ベジエ曲線とは?
今日やること
・Inkscape の基本操作・ベジエ曲線を使った複雑な図形作成・GIMPの基本操作・前景抽出ツールを使った画像切り抜き・パスツールを使った画像切り抜き・遠近法ツール・画像補正・エフェクト・コンテンツ配置
レイヤーとは?
・可能な限り元画像を破壊しないで完成品を作るための概念
レイヤーとは?
レイヤーという概念のない画像編集ソフト
レイヤーとは?
レイヤーという概念のない画像編集ソフト
レイヤーとは?
レイヤーという概念のない画像編集ソフト
レイヤーとは?
レイヤーという概念のない画像編集ソフト
灘
レイヤーとは?
レイヤーという概念のない画像編集ソフト
灘
レイヤーとは?
レイヤーという概念のある画像編集ソフト
灘
灘レイヤー 2 レイヤー 3レイヤー 1
レイヤーとは?
レイヤーという概念のある画像編集ソフト
灘
灘レイヤー 2 レイヤー 3レイヤー 1
レイヤーとは?
レイヤーという概念のある画像編集ソフト
開成
開成レイヤー 2 レイヤー 3レイヤー 1
レイヤーとは?
レイヤーという概念のある画像編集ソフト
開成
開成レイヤー 2 レイヤー 3レイヤー 1
エフェクト
今日やること
・Inkscape の基本操作・ベジエ曲線を使った複雑な図形作成・GIMPの基本操作・前景抽出ツールを使った画像切り抜き・パスツールを使った画像切り抜き・遠近法ツール・画像補正・エフェクト・コンテンツ配置
今日やること
・Inkscape の基本操作・ベジエ曲線を使った複雑な図形作成・GIMPの基本操作・前景抽出ツールを使った画像切り抜き・パスツールを使った画像切り抜き・遠近法ツール・画像補正・エフェクト・コンテンツ配置
今日やること
・Inkscape の基本操作・ベジエ曲線を使った複雑な図形作成・GIMPの基本操作・前景抽出ツールを使った画像切り抜き・パスツールを使った画像切り抜き・遠近法ツール・画像補正・エフェクト・コンテンツ配置
今日やること
・Inkscape の基本操作・ベジエ曲線を使った複雑な図形作成・GIMPの基本操作・前景抽出ツールを使った画像切り抜き・パスツールを使った画像切り抜き・遠近法ツール・画像補正・エフェクト・コンテンツ配置
今日やること
・Inkscape の基本操作・ベジエ曲線を使った複雑な図形作成・GIMPの基本操作・前景抽出ツールを使った画像切り抜き・パスツールを使った画像切り抜き・遠近法ツール・画像補正・エフェクト・コンテンツ配置
今日やること
・Inkscape の基本操作・ベジエ曲線を使った複雑な図形作成・GIMPの基本操作・前景抽出ツールを使った画像切り抜き・パスツールを使った画像切り抜き・遠近法ツール・画像補正・エフェクト・コンテンツ配置
おわり