SlideShare a Scribd company logo
1 of 68
Download to read offline
イラスト制作のためのIllustrator〜ベクターでもっと自由に描いてみよう〜
時間も予算もない!でも、空いているスペースをイラストで埋めたい!
皆さんだったらどうしますか?
そんな時に「自分で描いてみる」という選択肢が選べるといいですよね。
このセッションでは、Illustratorで気軽に挑戦できそうなイラスト作成の
テクニックをご紹介します。
今日お話させていただきます、はむこと申します。
印刷会社出身のフリーランスとしてDTPやイラスト制作を行っています。
セッションに入る前に、私が普段Illustratorを使ってどんな絵を描いてい
るか、少しだけご紹介します。
こちらは保育施設内の壁を装飾するためのグラフィックです。施主様の要
望に合わせてさまざまなモチーフを提案していきます。これらはすべて
Illustratorを使って制作しています。
こういった壁面のグラフィックは、大きいものだと幅が3m程度になった
りします。どれだけ拡大しても劣化しない、ベクターを扱うIllustratorな
らではの制作物という感じがしますね。
Kaleido Lab.に提供した作品です。Kaleidoとハイブリッドスクリーニン
グによる高精細な印刷実験などを行っています。CC2015以降は64,000%
までズームできるため、繊細なタッチも作業がしやすくなっています。
おしながきです。「Illustratorは使えるけど、絵を描くのは得意でない」と
いう方に向けてお話ししますが、既に使いこなしている方に向けて、効率
UPのための小技も盛り込んでいきます。
まずはIllustratorにおけるイラスト制作のポイント。2つご紹介します。
1つめは「パーツ単位で考える」こと。Photoshopのような「見たままを
描く」のが得意なペイント系アプリケーションとの大きな違いのひとつで
もあり、初心者さんがひっかかりやすい点と言ってもいいでしょう。
Illustratorで何かを描く際には、個別のパーツを組み立ててモチーフを形
作る必要があります。慣れないうちはパズルのような感覚で考えてみまし
ょう。
自由に好きなものを描けるようになってきたら、今度は「パーツのしくみ
を考える」ことに挑戦してみましょう。これは「自分のやりたいこと」に
Illustratorの機能をむすびつける、ということです。
例えば、「モチーフを敷き詰めたいな…」と思った時に、皆さんだったらど
んな方法を取りますか?いくつか方法は考えられますが、例えばパターン
の機能を使って解決する方法がありますよね。
では「モチーフに遠近感をつけたい」という時はどうでしょうか。
これもいくつか解決策がありますが、例えば効果の「3D回転」を利用す
る方法が考えられます。
このように、Illustratorには私達の「やりたいこと」を実現するための機
能がたくさん搭載されています。CC以降のバージョンアップで更に多機能
になっていますが、今回は「ブラシ」について掘り下げていきましょう。
Illustratorにはいくつかのブラシの機能がありますが、そのうち3つを「お
助け」ブラシとしてご紹介します。
まずは散布ブラシ。名称の通り、「ばらまく」ことが得意なブラシです。オ
プションで「ランダム」の要素を設定できるのが特徴です。ランダム要素
を活かすことで画面に出ている作例のようなブラシを作ることができます。
2つめは「登録オブジェクトをパスに沿って伸ばす」アートブラシです。
オプションで「ガイド間で伸縮」を設定すると、ブラシ適用時に伸ばした
くない部分・伸ばしたい部分を制御することができます。
3つめは飾り罫などで出番が多いパターンブラシ。「登録オブジェクトを繰
り返して敷き詰める」ブラシです。CCでコーナータイルを自動生成する
機能が搭載されたことで、もっと便利に使えるようになりました。
ではこれらのブラシをどう活用していくか?
実際の作例を見ながら使い方を考えてみましょう。
先程の壁面グラフィックから流用して再構成したイラストです。どんなと
ころにブラシ機能が使われているか想像してみましょう。
実際にデータのアウトライン表示で確認してみましょう。
木や葉っぱなどのパーツがほとんど線でできているのがわかりますね。修
正や変更に柔軟に対応できるよう、これらはすべてブラシを使って表現し
ています。
例として、葉っぱのブラシを作成してみましょう。線を引いて図のような
パーツを用意します。葉っぱの部分は線幅ツールを使って形を調整します。
できたパーツでアートブラシを作成します。「ガイド間で伸縮」を設定し
て、点線のガイドをドラッグして動かしましょう。これでガイドで挟まれ
ている内側の部分だけが伸びるようになります。
彩色方式は「淡彩」に設定しましょう。ブラシに登録するパーツをK100%
で作成し彩色方式で「淡彩」を設定すると、ブラシ適用時に線のカラーが
K100%の部分に反映されるようになります。
ブラシなので、色んな形の線に適用したり、線幅を変えてバリエーション
を作れます。淡彩を有効にしているのでカラーの変更もかんたんです。葉
っぱなどの植物はブラシでの表現と相性のよいモチーフのひとつです。
これもブラシで挑戦しやすいモチーフ、「うなぎ」です。最初から曲がりく
ねったうなぎを描くのはちょっと大変ですが、ブラシにしてしまえばそこ
まで難しくありません。
うなぎもほぼ線のみです。線幅ツールで線の形状を調整してあります。「ガ
イド間で伸縮」を有効にして、顔と尻尾の部分は伸びないようにしましょ
う。もとの色味を生かしたいので彩色方式は「なし」にしてあります。
ブラシを適用してみたら線の向きが逆になってしまった、という場合。パ
スの先頭か末尾のどちらかをペンツールでクリックしてみましょう。パス
の続きを描画する状態になることで、ストロークの向きが反転します。
3つのブラシを紹介しました。
葉っぱなどの植物、うなぎのブラシなど単純なものをご紹介しましたが、
もっと複雑なものには使えないのでしょうか?
これも、実際の作例を見てみましょう。
これもIllustratorで描いた作品のひとつです。いろいろな機能を使ってい
ますが、クマのぬいぐるみの部分にブラシの機能を活用しています。
毛皮の部分は、図のようなパーツをパターンブラシすることで表現してい
ます。「淡彩」を設定すると扱いもラクです。形に沿ってファーのようなパ
ーツを一本一本描くよりもかんたんで合理的です。
また、図のようなパーツを散布ブラシにして陰影の部分の表現に使ってい
ます。各項目にランダムを設定し、彩色方式は「淡彩」にしています。線
を引くだけで毛皮の部分に陰影のようなニュアンスを追加できます。
このような情報量の多いタッチは、「なにがどうなっていればそれらしく見
えるか」をまず分析し、それをどんな機能で再現できるかを考えるように
すると効率アップが図れます。
同じく情報量の多いタッチとして、アナログ風の表現はどうでしょうか。
いくつか方法はありますが、今回はブラシでかんたんに挑戦できる方法を
ご紹介します。
線で構成されたイラストに、ガサガサした質感のブラシを適用するだけで
も十分アナログ風になりますね。では、このブラシはどうやって用意すれ
ばいいのでしょうか?
Illustratorにはデフォルトでたくさんの素材がインストールされています。
ブラシパネルからも、いろいろな質感のブラシ素材を呼び出せますので活
用しましょう。
これはごく一部ですが、アナログ風のものだとこのようなブラシが登録さ
れています。使い勝手の良いものもありますので、まずはライブラリにど
んなものが登録されているか見ておくと良いでしょう。
「デフォルト素材もいいけれど、アナログ風のブラシも自分で作ってみたい
な」と言う時に活用できるのが、便利なモバイルアプリ「Adobe Capture
CC」です。
Adobe Capture CCでは写真から気軽に素材が作成できますが、Illustrator
CCを契約していれば、CCのライブラリを経由してデスクトップでもそれ
らの素材を活用することができます。
実際にIllustrator用のブラシを作ってみましょう。まずiPhoneなどのス
マートフォンでAdobe Capture CCを起動します。「ブラシ」、画面下の
「+」の順にタップしてブラシを新規作成します。
カメラが起動するので写真を撮影するか、カメラロールなどから画像を呼
び出します。画面上の丸いボタンを動かして透過させる箇所を決め、下側
のスライダを使って透過の具合を調整します。
ブラシにしたいパーツがうまく切り抜けそうな状態になったら、下側の緑
の丸ボタンをタップして次の画面に移ります。
切り抜き画面では、丸いハンドルを動かして切り抜き箇所を調整できます。
「次へ」をタップするとスタイルが選べるようになっているので、下に向か
ってスクロールしましょう。
一番下にIllustrator用のブラシのスタイルが3つ用意されています。どれ
を選んでもアートブラシが作成できます。
スタイルを選ぶと右側にチェックマークのアイコンが点灯するので「次へ」
をタップします。プレビューに切り替わりますが、更に調整したい場合は
「ブラシを編集」をタップしましょう。
「ブラシを編集」画面に切り替わります。最初は「切り抜き」の調整ができ
る画面になっています。
ここでは切り抜きの具合を再度調整できるほか、Illustratorのアートブラ
シの「ガイド間で伸縮」に相当する設定をすることができます。必要に応
じて設定しましょう。
「切り抜き」の隣の「調整」を選んでみましょう。ここでは素材の透過の具
合を再調整できます。
下側のスライダで透過の具合を再調整できます。「−」ボタンをタップして
から画面をなぞると、素材の不要な箇所を削除することができます。逆に
消しすぎた場合は「+」のボタンをタップしてからなぞってみましょう。
今度は「プリセット」の画面に切り替えてみましょう。
ここでは、Illustratorでブラシを最初に適用した時にどのくらいの太さに
するかを決めることができます。スライダを動かして調整しましょう。
全ての項目で調整作業が済んだら「次へ」をタップします。
再度プレビューを確認し、問題なければ「次へ」をタップします。登録画
面になるので、ブラシ名や保存ライブラリを決めましょう。「ブラシを保
存」をタップすると、すぐにIllustratorのライブラリに反映されます。
その他の素材でブラシをつくるとこんな感じになります。
これらはブラシ素材用にきちんと用意した画像ですが、実は何気ないスナ
ップ写真などでも面白いブラシが作れますのでやってみましょう。
左側は餃子、右側は布製のコースターの写真から形状を抽出してみました。
どちらも面白い質感が拾えそうですよね。
形状を抽出した時にざらっとした質感が残るものはアナログ風のブラシ素
材に向いています。これらの写真からこんなブラシが作成できました。
実際に作ったブラシを適用してみました。Adobe Capture CCで作成した
ブラシは最初から「淡彩」が有効になっていますので、カラーの変更もか
んたんです。
ブラシを設定した線を連続で描きたい場合、アピアランスパネルのパネル
メニューから「新規アートに基本アピアランスを適用」のチェックを外し
てみましょう。ペンタブレットを使った作業にも便利な設定です。
まとめです。
ブラシ単機能だとできることは限られていますが、その他の機能と組み合
わせるといろいろな表現ができることなどをご紹介させて頂きました。
線に適用できる設定とブラシの組み合わせ一覧です。黄色のアミの部分は
色に関する設定でいずれか一つ、青色のアミの部分は線に関する設定で複
数組み合わせることが可能です。
創作活動においても効率UPは決して「手抜き」ではありません。いろい
ろな機能を組み合わせて試行錯誤することで、もっと豊かな表現を目指せ
るといいですよね。
イラスト制作のためのIllustrator〜ベクターでもっと自由に描いてみよう〜

More Related Content

What's hot

サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割Kenichi Suzuki
 
好みや多数決で決めない、デザインとの正しい付き合い方
好みや多数決で決めない、デザインとの正しい付き合い方好みや多数決で決めない、デザインとの正しい付き合い方
好みや多数決で決めない、デザインとの正しい付き合い方Yasuhisa Hasegawa
 
UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家
UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家
UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家Yoshiki Hayama
 
NTTデータはどうやってCCPMを導入したのか?
NTTデータはどうやってCCPMを導入したのか?NTTデータはどうやってCCPMを導入したのか?
NTTデータはどうやってCCPMを導入したのか?shibao800
 
プレゼン基礎講座 2016.11
プレゼン基礎講座 2016.11プレゼン基礎講座 2016.11
プレゼン基礎講座 2016.11智治 長沢
 
プロダクトの強い軸を作るプロダクトマネジメントフレームワーク
プロダクトの強い軸を作るプロダクトマネジメントフレームワークプロダクトの強い軸を作るプロダクトマネジメントフレームワーク
プロダクトの強い軸を作るプロダクトマネジメントフレームワークkumiko koshiro
 
「ユーザーを理解するって言うほどカンタンじゃないよね」 UXデザイン・UXリサーチをもう一度ちゃんと理解しよう!
「ユーザーを理解するって言うほどカンタンじゃないよね」 UXデザイン・UXリサーチをもう一度ちゃんと理解しよう!「ユーザーを理解するって言うほどカンタンじゃないよね」 UXデザイン・UXリサーチをもう一度ちゃんと理解しよう!
「ユーザーを理解するって言うほどカンタンじゃないよね」 UXデザイン・UXリサーチをもう一度ちゃんと理解しよう!Yoshiki Hayama
 
“UXデザイン”のキモ『ユーザーインタビュー』の具体的テクニックを詳解!| UXデザイン基礎セミナー 第2回
“UXデザイン”のキモ『ユーザーインタビュー』の具体的テクニックを詳解!| UXデザイン基礎セミナー 第2回“UXデザイン”のキモ『ユーザーインタビュー』の具体的テクニックを詳解!| UXデザイン基礎セミナー 第2回
“UXデザイン”のキモ『ユーザーインタビュー』の具体的テクニックを詳解!| UXデザイン基礎セミナー 第2回Yoshiki Hayama
 
UXデザインのはじめの一歩を体験しよう! ユーザーインタビュー、ユーザー心理分析の基本:DevLOVE関西
UXデザインのはじめの一歩を体験しよう! ユーザーインタビュー、ユーザー心理分析の基本:DevLOVE関西UXデザインのはじめの一歩を体験しよう! ユーザーインタビュー、ユーザー心理分析の基本:DevLOVE関西
UXデザインのはじめの一歩を体験しよう! ユーザーインタビュー、ユーザー心理分析の基本:DevLOVE関西Yoshiki Hayama
 
ウェブデザインに応用する4つの基本原則
ウェブデザインに応用する4つの基本原則ウェブデザインに応用する4つの基本原則
ウェブデザインに応用する4つの基本原則Tomoyuki Arasuna
 
おかんでもわかるUXデザイン Ver.0.4
おかんでもわかるUXデザイン Ver.0.4おかんでもわかるUXデザイン Ver.0.4
おかんでもわかるUXデザイン Ver.0.4Yu Morita
 
アジャイルコーチが現場で学んだプロダクトオーナーの実際と勘所 POの二番目に大事なことと
アジャイルコーチが現場で学んだプロダクトオーナーの実際と勘所 POの二番目に大事なこととアジャイルコーチが現場で学んだプロダクトオーナーの実際と勘所 POの二番目に大事なことと
アジャイルコーチが現場で学んだプロダクトオーナーの実際と勘所 POの二番目に大事なこととYasui Tsutomu
 
JIRA / Confluence の 必須プラグインはこれだ
JIRA / Confluence の必須プラグインはこれだJIRA / Confluence の必須プラグインはこれだ
JIRA / Confluence の 必須プラグインはこれだNarichika Kajihara
 
Connecting The Dots - 長期のキャリアビジョンなくてもUXデザイナー20年やれた
Connecting The Dots - 長期のキャリアビジョンなくてもUXデザイナー20年やれたConnecting The Dots - 長期のキャリアビジョンなくてもUXデザイナー20年やれた
Connecting The Dots - 長期のキャリアビジョンなくてもUXデザイナー20年やれたYoshiki Hayama
 
人にうれしいAIのUXデザイン - Googleの「People + AI Guidebook」をひもとく:DevLOVE X
人にうれしいAIのUXデザイン - Googleの「People + AI Guidebook」をひもとく:DevLOVE X人にうれしいAIのUXデザイン - Googleの「People + AI Guidebook」をひもとく:DevLOVE X
人にうれしいAIのUXデザイン - Googleの「People + AI Guidebook」をひもとく:DevLOVE XYoshiki Hayama
 
モデリングもしないでアジャイルとは何事だ
モデリングもしないでアジャイルとは何事だモデリングもしないでアジャイルとは何事だ
モデリングもしないでアジャイルとは何事だIwao Harada
 
Halo2 におけるHFSM(階層型有限状態マシン) 【ビヘイビアツリー解説】
Halo2 におけるHFSM(階層型有限状態マシン)  【ビヘイビアツリー解説】Halo2 におけるHFSM(階層型有限状態マシン)  【ビヘイビアツリー解説】
Halo2 におけるHFSM(階層型有限状態マシン) 【ビヘイビアツリー解説】Youichiro Miyake
 
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~Tomoyuki Arasuna
 
安藤研鬼十則V1
安藤研鬼十則V1安藤研鬼十則V1
安藤研鬼十則V1Masaya Ando
 

What's hot (20)

サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割
 
好みや多数決で決めない、デザインとの正しい付き合い方
好みや多数決で決めない、デザインとの正しい付き合い方好みや多数決で決めない、デザインとの正しい付き合い方
好みや多数決で決めない、デザインとの正しい付き合い方
 
UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家
UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家
UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家
 
楽しいShaderToy
楽しいShaderToy楽しいShaderToy
楽しいShaderToy
 
NTTデータはどうやってCCPMを導入したのか?
NTTデータはどうやってCCPMを導入したのか?NTTデータはどうやってCCPMを導入したのか?
NTTデータはどうやってCCPMを導入したのか?
 
プレゼン基礎講座 2016.11
プレゼン基礎講座 2016.11プレゼン基礎講座 2016.11
プレゼン基礎講座 2016.11
 
プロダクトの強い軸を作るプロダクトマネジメントフレームワーク
プロダクトの強い軸を作るプロダクトマネジメントフレームワークプロダクトの強い軸を作るプロダクトマネジメントフレームワーク
プロダクトの強い軸を作るプロダクトマネジメントフレームワーク
 
「ユーザーを理解するって言うほどカンタンじゃないよね」 UXデザイン・UXリサーチをもう一度ちゃんと理解しよう!
「ユーザーを理解するって言うほどカンタンじゃないよね」 UXデザイン・UXリサーチをもう一度ちゃんと理解しよう!「ユーザーを理解するって言うほどカンタンじゃないよね」 UXデザイン・UXリサーチをもう一度ちゃんと理解しよう!
「ユーザーを理解するって言うほどカンタンじゃないよね」 UXデザイン・UXリサーチをもう一度ちゃんと理解しよう!
 
“UXデザイン”のキモ『ユーザーインタビュー』の具体的テクニックを詳解!| UXデザイン基礎セミナー 第2回
“UXデザイン”のキモ『ユーザーインタビュー』の具体的テクニックを詳解!| UXデザイン基礎セミナー 第2回“UXデザイン”のキモ『ユーザーインタビュー』の具体的テクニックを詳解!| UXデザイン基礎セミナー 第2回
“UXデザイン”のキモ『ユーザーインタビュー』の具体的テクニックを詳解!| UXデザイン基礎セミナー 第2回
 
UXデザインのはじめの一歩を体験しよう! ユーザーインタビュー、ユーザー心理分析の基本:DevLOVE関西
UXデザインのはじめの一歩を体験しよう! ユーザーインタビュー、ユーザー心理分析の基本:DevLOVE関西UXデザインのはじめの一歩を体験しよう! ユーザーインタビュー、ユーザー心理分析の基本:DevLOVE関西
UXデザインのはじめの一歩を体験しよう! ユーザーインタビュー、ユーザー心理分析の基本:DevLOVE関西
 
ウェブデザインに応用する4つの基本原則
ウェブデザインに応用する4つの基本原則ウェブデザインに応用する4つの基本原則
ウェブデザインに応用する4つの基本原則
 
おかんでもわかるUXデザイン Ver.0.4
おかんでもわかるUXデザイン Ver.0.4おかんでもわかるUXデザイン Ver.0.4
おかんでもわかるUXデザイン Ver.0.4
 
アジャイルコーチが現場で学んだプロダクトオーナーの実際と勘所 POの二番目に大事なことと
アジャイルコーチが現場で学んだプロダクトオーナーの実際と勘所 POの二番目に大事なこととアジャイルコーチが現場で学んだプロダクトオーナーの実際と勘所 POの二番目に大事なことと
アジャイルコーチが現場で学んだプロダクトオーナーの実際と勘所 POの二番目に大事なことと
 
JIRA / Confluence の 必須プラグインはこれだ
JIRA / Confluence の必須プラグインはこれだJIRA / Confluence の必須プラグインはこれだ
JIRA / Confluence の 必須プラグインはこれだ
 
Connecting The Dots - 長期のキャリアビジョンなくてもUXデザイナー20年やれた
Connecting The Dots - 長期のキャリアビジョンなくてもUXデザイナー20年やれたConnecting The Dots - 長期のキャリアビジョンなくてもUXデザイナー20年やれた
Connecting The Dots - 長期のキャリアビジョンなくてもUXデザイナー20年やれた
 
人にうれしいAIのUXデザイン - Googleの「People + AI Guidebook」をひもとく:DevLOVE X
人にうれしいAIのUXデザイン - Googleの「People + AI Guidebook」をひもとく:DevLOVE X人にうれしいAIのUXデザイン - Googleの「People + AI Guidebook」をひもとく:DevLOVE X
人にうれしいAIのUXデザイン - Googleの「People + AI Guidebook」をひもとく:DevLOVE X
 
モデリングもしないでアジャイルとは何事だ
モデリングもしないでアジャイルとは何事だモデリングもしないでアジャイルとは何事だ
モデリングもしないでアジャイルとは何事だ
 
Halo2 におけるHFSM(階層型有限状態マシン) 【ビヘイビアツリー解説】
Halo2 におけるHFSM(階層型有限状態マシン)  【ビヘイビアツリー解説】Halo2 におけるHFSM(階層型有限状態マシン)  【ビヘイビアツリー解説】
Halo2 におけるHFSM(階層型有限状態マシン) 【ビヘイビアツリー解説】
 
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
 
安藤研鬼十則V1
安藤研鬼十則V1安藤研鬼十則V1
安藤研鬼十則V1
 

Viewers also liked

【デザイン・ノイズ論】~ Webデザインにおけるノイズ的手法を考える ~
【デザイン・ノイズ論】~ Webデザインにおけるノイズ的手法を考える ~【デザイン・ノイズ論】~ Webデザインにおけるノイズ的手法を考える ~
【デザイン・ノイズ論】~ Webデザインにおけるノイズ的手法を考える ~玄 中野
 
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道schoowebcampus
 
いまさら訊けないWebフォント入門
いまさら訊けないWebフォント入門いまさら訊けないWebフォント入門
いまさら訊けないWebフォント入門Yuki Ishikawa
 
コンバージョン心理学によるウェブ・デザイン
コンバージョン心理学によるウェブ・デザインコンバージョン心理学によるウェブ・デザイン
コンバージョン心理学によるウェブ・デザインToshihiko Yamakami
 
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザインアクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン力也 伊原
 
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】schoowebcampus
 
グッドパッチのデザインカルチャーの作り方
グッドパッチのデザインカルチャーの作り方グッドパッチのデザインカルチャーの作り方
グッドパッチのデザインカルチャーの作り方Satoru MURAKOSHI
 
SketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケSketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケAsami Yamamoto
 
CAMPFIRE DESIGN #1 「デザインの力」でビジネスにコミットする
CAMPFIRE DESIGN #1 「デザインの力」でビジネスにコミットするCAMPFIRE DESIGN #1 「デザインの力」でビジネスにコミットする
CAMPFIRE DESIGN #1 「デザインの力」でビジネスにコミットするYahoo!デベロッパーネットワーク
 
デザイナーこそ覚えておきたいCSS最新事情! あなたの知らないfont-familyのイマ
デザイナーこそ覚えておきたいCSS最新事情! あなたの知らないfont-familyのイマデザイナーこそ覚えておきたいCSS最新事情! あなたの知らないfont-familyのイマ
デザイナーこそ覚えておきたいCSS最新事情! あなたの知らないfont-familyのイマYasunobu Ikeda
 
UXの考え方とアプローチ
UXの考え方とアプローチUXの考え方とアプローチ
UXの考え方とアプローチMasaya Ando
 
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドラインコーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドラインHiroyuki Makishita
 
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...swwwitch inc.
 
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司schoowebcampus
 
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえようノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえようSasaki Kouhei
 
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?Ryoji Fujishita
 
色彩センスのいらない配色講座
色彩センスのいらない配色講座色彩センスのいらない配色講座
色彩センスのいらない配色講座Mariko Yamaguchi
 

Viewers also liked (17)

【デザイン・ノイズ論】~ Webデザインにおけるノイズ的手法を考える ~
【デザイン・ノイズ論】~ Webデザインにおけるノイズ的手法を考える ~【デザイン・ノイズ論】~ Webデザインにおけるノイズ的手法を考える ~
【デザイン・ノイズ論】~ Webデザインにおけるノイズ的手法を考える ~
 
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
 
いまさら訊けないWebフォント入門
いまさら訊けないWebフォント入門いまさら訊けないWebフォント入門
いまさら訊けないWebフォント入門
 
コンバージョン心理学によるウェブ・デザイン
コンバージョン心理学によるウェブ・デザインコンバージョン心理学によるウェブ・デザイン
コンバージョン心理学によるウェブ・デザイン
 
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザインアクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
 
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
 
グッドパッチのデザインカルチャーの作り方
グッドパッチのデザインカルチャーの作り方グッドパッチのデザインカルチャーの作り方
グッドパッチのデザインカルチャーの作り方
 
SketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケSketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケ
 
CAMPFIRE DESIGN #1 「デザインの力」でビジネスにコミットする
CAMPFIRE DESIGN #1 「デザインの力」でビジネスにコミットするCAMPFIRE DESIGN #1 「デザインの力」でビジネスにコミットする
CAMPFIRE DESIGN #1 「デザインの力」でビジネスにコミットする
 
デザイナーこそ覚えておきたいCSS最新事情! あなたの知らないfont-familyのイマ
デザイナーこそ覚えておきたいCSS最新事情! あなたの知らないfont-familyのイマデザイナーこそ覚えておきたいCSS最新事情! あなたの知らないfont-familyのイマ
デザイナーこそ覚えておきたいCSS最新事情! あなたの知らないfont-familyのイマ
 
UXの考え方とアプローチ
UXの考え方とアプローチUXの考え方とアプローチ
UXの考え方とアプローチ
 
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドラインコーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
 
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
 
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
 
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえようノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
 
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?
 
色彩センスのいらない配色講座
色彩センスのいらない配色講座色彩センスのいらない配色講座
色彩センスのいらない配色講座
 

イラスト制作のためのIllustrator〜ベクターでもっと自由に描いてみよう〜