ウェブデザインに使えるイラストのチュートリアルいろいろ

イラストをうまく使ったウェブサイトはたくさんありますね。

例えば、SilverbackとかMailChimpなどは、とてもわかりやすいイラストをうまく使ったウェブサイトの例なのではないでしょうか?

一度見ると、『あぁ、あのゴリラのイラストのサイトね。』なんて覚えてもらえる確率が高まります。

イラストをうまく使う事でウェブサイトによりインパクトを与える事ができるのではないでしょうか?

noupeさんでまとめられていた『30+ Outstanding Character Illustrations in Modern Web Design』なんかのまとめも、すごく参考になります。

今回は、そんなイラストをきれいに描くために使えるチュートリアルをいろいろまとめてみました。

Drunken Monkey Photoshop Tutorial

ジャッキーチェンの酔拳をモチーフにした、かっこいいカンフーモンキーのキャラクターを描くチュートリアル。かなり細かく解説してくれています。

Drunken Monkey Photoshop Tutorial

Digital manga illustration

かわいらしい女の子のキャラクターを描くチュートリアル。

Digital manga illustration

Primitive Art Man Cartoon

ちょっぴりシュールな老人を描くチュートリアルが公開されています。

Primitive Art Man Cartoon

How to Create a Web Site Mascot

いろいろな場面で使えそうな男の子のキャラクター。

How to Create a Web Site Mascot

StudioQube Painting Tutorial

これはかなりレベル高いですね…。絵心ある方は是非、挑戦してみてください。

StudioQube Painting Tutorial

How to Illustrate a LeBron James Cartoon Character

バスケットボール選手レブロン・ジェームスをモチーフにしたキャラクター。似顔絵キャラクターの作り方が解説されています。

How to Illustrate a LeBron James Cartoon Character

Drawing Vector-Looking Cat Illustration Using Photoshop

ちょっぴりシュールな猫のキャラクター。

Drawing Vector-Looking Cat Illustration Using Photoshop

Character Illustration

悪魔っぽいけど、かわいらしいキャラクターです。

Character Illustration

Create a Twitter Style Bird Mascot

Twitterバードのイラスト

Create a Twitter Style Bird Mascot

Creating vector characters in Illustrator

なんだかわかりませんが…。かわいらしいキャラクター

Creating vector characters in Illustrator

How to Create a Cute Bunny Vector Character

ウサギのイラストを描くチュートリアル。

How to Create a Cute Bunny Vector Character

How to Create a Cute Hippo Character!

カバのイラストもかわいらしいですね。

How to Create a Cute Hippo Character!

Create a Cute Panda Bear Face Icon

お目めぱっちりのパンダのキャラクター。

Create a Cute Panda Bear Face Icon

Create a Cute Furry Vector Monster in Illustrator

ムック?みたいなモンスター。

Create a Cute Furry Vector Monster in Illustrator

How to Create a Killer Chainsaw Bunny Character

ハードなチェーンソーを持った殺人鬼のキャラクター

How to Create a Killer Chainsaw Bunny Character

How to Create a Cartoon Character with Expressive Lines

印象的な男の子のキャラクター

How to Create a Cartoon Character with Expressive Lines

How to Illustrate a Cute Emo Kid

バンドGorillazのジャケットに出てきそうなイラスト。

How to Illustrate a Cute Emo Kid

Create a Vector Pirate Cartoon Character from a Hand Drawn Sketch

かわいらしい海賊のイラスト

Create a Vector Pirate Cartoon Character from a Hand Drawn Sketch

How to Create a Stinking Zombie Flesh-Eater in Illustrator

ゾンビのイラストはあまり使い道無いかも…。

How to Create a Stinking Zombie Flesh-Eater in Illustrator

How to Create a Vector Illustration and Prepare it for Micro-Stock Sale

マップを持った男の子のイラスト。

How to Create a Vector Illustration and Prepare it for Micro-Stock Sale

How to Create a Rocketing, Vector Aircraft Shuttle

なんだか懐かしい昔のアニメに出てきそうなタイプの飛行機のイラスト

How to Create a Rocketing, Vector Aircraft Shuttle

Create a Character Mascot with Adobe Illustrator CS4

男性のキャラクターマスコット

Create a Character Mascot with Adobe Illustrator CS4

How to Create a Landscape Wallpaper for your Desktop

夕日がきれいな風景のイラスト

How to Create a Landscape Wallpaper for your Desktop

Create a Super Happy Octopus Character

宇宙人みたいなキャラクター

Create a Super Happy Octopus Character

How to Turn a Sketch into a Fat Cat Vector Illustration

怒っている猫?のイラストみたいです。

How to Turn a Sketch into a Fat Cat Vector Illustration

Illustrator Tutorial – Create a Gang of Vector Ninjas

かわいらしい忍者のキャラクター

Illustrator Tutorial – Create a Gang of Vector Ninjas

Tutorial: Creating convincing characters

シュールな女の子のイラスト

Tutorial: Creating convincing characters

デザインblogランキング

コメント 3 Comments »   はてなブックマーク   del.icio.us

この記事に関連する記事



3 Responses to “ウェブデザインに使えるイラストのチュートリアルいろいろ”

  1. よしだ Says:

    余談なんですが、RSSにパーマネントURLがついていないのは敢えてですか…?

  2. メモ(Design関係) « clouds-flow Says:

    […] ウェブデザインに使えるイラストのチュートリアルいろいろ […]

  3. イラストレーターチュートリアルのまとめ その2 | Nutspress Says:

    […] 40 Adobe Illustrator Text Effect Tutorials Top Places to Find Quality Illustrator Tutorials Online ウェブデザインに使えるイラストのチュートリアルいろいろ Floral n Veins […]

この記事に対するコメントを残す




この記事のトラックバックURL

広告掲載のお問い合わせはこちら

検索

Google

カテゴリーアーカイブ

最近の記事

タグ・クラウド

月別アーカイブ

Agile Media Network パートナーブログ