SlideShare uma empresa Scribd logo
1 de 34
Baixar para ler offline
デザイン
補助スライド
実習講義
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 の基本操作
・前景抽出ツールを使った画像切り抜き
・パスツールを使った画像切り抜き
・遠近法ツール
・画像補正
・エフェクト
・コンテンツ配置
おわり

Mais conteúdo relacionado

Destaque

FPGAのトレンドをまとめてみた
FPGAのトレンドをまとめてみたFPGAのトレンドをまとめてみた
FPGAのトレンドをまとめてみた
Takefumi MIYOSHI
 

Destaque (14)

2048 on FPGA
2048 on FPGA2048 on FPGA
2048 on FPGA
 
2013年度夏学期 東京大学情報シケプリ Part1: 概要
2013年度夏学期 東京大学情報シケプリ Part1: 概要2013年度夏学期 東京大学情報シケプリ Part1: 概要
2013年度夏学期 東京大学情報シケプリ Part1: 概要
 
NPCA System Scan 2014 @hakatashi 解説スライド
NPCA System Scan 2014 @hakatashi 解説スライドNPCA System Scan 2014 @hakatashi 解説スライド
NPCA System Scan 2014 @hakatashi 解説スライド
 
ソースコードをAAに変換するやつやってみた
ソースコードをAAに変換するやつやってみたソースコードをAAに変換するやつやってみた
ソースコードをAAに変換するやつやってみた
 
FPGAことはじめ
FPGAことはじめFPGAことはじめ
FPGAことはじめ
 
私のファミコンのfpsは530000です。もちろんフルパワーで(以下略
私のファミコンのfpsは530000です。もちろんフルパワーで(以下略私のファミコンのfpsは530000です。もちろんフルパワーで(以下略
私のファミコンのfpsは530000です。もちろんフルパワーで(以下略
 
$30で始めるFPGA
$30で始めるFPGA$30で始めるFPGA
$30で始めるFPGA
 
増え続ける情報に対応するためのFPGA基礎知識
増え続ける情報に対応するためのFPGA基礎知識増え続ける情報に対応するためのFPGA基礎知識
増え続ける情報に対応するためのFPGA基礎知識
 
FPGAのトレンドをまとめてみた
FPGAのトレンドをまとめてみたFPGAのトレンドをまとめてみた
FPGAのトレンドをまとめてみた
 
Gpu vs fpga
Gpu vs fpgaGpu vs fpga
Gpu vs fpga
 
PythonとPyCoRAMでお手軽にFPGAシステムを開発してみよう
PythonとPyCoRAMでお手軽にFPGAシステムを開発してみようPythonとPyCoRAMでお手軽にFPGAシステムを開発してみよう
PythonとPyCoRAMでお手軽にFPGAシステムを開発してみよう
 
Pynq祭り資料
Pynq祭り資料Pynq祭り資料
Pynq祭り資料
 
FPGAX2016 ドキュンなFPGA
FPGAX2016 ドキュンなFPGAFPGAX2016 ドキュンなFPGA
FPGAX2016 ドキュンなFPGA
 
2値化CNN on FPGAでGPUとガチンコバトル(公開版)
2値化CNN on FPGAでGPUとガチンコバトル(公開版)2値化CNN on FPGAでGPUとガチンコバトル(公開版)
2値化CNN on FPGAでGPUとガチンコバトル(公開版)
 

Semelhante a npca 2013年度夏合宿 デザイン実習講義 補助スライド

正しいマインドマップの使い方・描き方 2回目
正しいマインドマップの使い方・描き方 2回目正しいマインドマップの使い方・描き方 2回目
正しいマインドマップの使い方・描き方 2回目
webcampusschoo
 

Semelhante a npca 2013年度夏合宿 デザイン実習講義 補助スライド (10)

Creative Cloud デザインツールの便利な8つの機能 - ADC MEETUP ROUND 08 SESSION2 -
Creative Cloud デザインツールの便利な8つの機能 - ADC MEETUP ROUND 08 SESSION2 -Creative Cloud デザインツールの便利な8つの機能 - ADC MEETUP ROUND 08 SESSION2 -
Creative Cloud デザインツールの便利な8つの機能 - ADC MEETUP ROUND 08 SESSION2 -
 
[IBIS2017 講演] ディープラーニングによる画像変換
[IBIS2017 講演] ディープラーニングによる画像変換[IBIS2017 講演] ディープラーニングによる画像変換
[IBIS2017 講演] ディープラーニングによる画像変換
 
シーケンサーの使い方と映像基礎
シーケンサーの使い方と映像基礎シーケンサーの使い方と映像基礎
シーケンサーの使い方と映像基礎
 
ゼロから深層学習を学ぶ方法 - CMS大阪夏祭り2017
ゼロから深層学習を学ぶ方法 - CMS大阪夏祭り2017ゼロから深層学習を学ぶ方法 - CMS大阪夏祭り2017
ゼロから深層学習を学ぶ方法 - CMS大阪夏祭り2017
 
正しいマインドマップの使い方・描き方 2回目
正しいマインドマップの使い方・描き方 2回目正しいマインドマップの使い方・描き方 2回目
正しいマインドマップの使い方・描き方 2回目
 
開発Tips集
開発Tips集開発Tips集
開発Tips集
 
画像処理入門
画像処理入門画像処理入門
画像処理入門
 
今から始めるPhotoshopによるWeb制作-初期設定編
今から始めるPhotoshopによるWeb制作-初期設定編今から始めるPhotoshopによるWeb制作-初期設定編
今から始めるPhotoshopによるWeb制作-初期設定編
 
深層学習の新しい応用と、 それを支える計算機の進化 - Preferred Networks CEO 西川徹 (SEMICON Japan 2022 Ke...
深層学習の新しい応用と、 それを支える計算機の進化 - Preferred Networks CEO 西川徹 (SEMICON Japan 2022 Ke...深層学習の新しい応用と、 それを支える計算機の進化 - Preferred Networks CEO 西川徹 (SEMICON Japan 2022 Ke...
深層学習の新しい応用と、 それを支える計算機の進化 - Preferred Networks CEO 西川徹 (SEMICON Japan 2022 Ke...
 
「Inkscapeで折り図を描く」の歩き方
「Inkscapeで折り図を描く」の歩き方「Inkscapeで折り図を描く」の歩き方
「Inkscapeで折り図を描く」の歩き方
 

npca 2013年度夏合宿 デザイン実習講義 補助スライド