Web Design Facts

WEBデザインに関する内容(フォントやベクター画像、フォトショアクション、モックアップなど)をまとめています。

Web Design Facts

Web Design Facts

初心者~プロまで誰でも使える!レトロ&ヴィンテージ風Illustratorチュートリアル25選【ロゴ/エフェクト/2018】

f:id:mamegoro:20180521121557j:plain

チュートリアルは、手順通りに作成すればオシャレで高品質なデザインが簡単に出来るとともに、ツールの使用方法や機能も覚える事が出来、一石二鳥です。

実際チュートリアルで作成したものを実務でそのまま使うという事は中々難しいですが、チュートリアルで使用し、覚えた機能を活用するという場面は多くあるかと思います。

そこで本日はIllustratorを使ったレトロかつヴィンテージ風のロゴ、エフェクト、文字、タイポグラフィ作成テクニックを紹介しているサイトをご紹介します。
初心者の方、プロの方、どなたでも活用出来るかと思います。
ぜひ気になったチュートリアルがあれば真似て作ってみてください。

※ご紹介するサイトは英語のサイトになります。基本的な操作は変わりませんが詳しく説明をご覧になりたい方は、PC chromeブラウザで右クリック「日本語に翻訳」項目を選択し、ページ翻訳をすると分かりやすいかもしれません。


レトロスタイル風のテキストエフェクトを簡単に作る方法

f:id:mamegoro:20180521121452j:plain

アピアランスパネルを使用して、アウトライン化せずにフォントにフォントにスタイルをかけるテクニックチュートリアル。
後から文字やフォントを変更したり、塗りつぶしや線の太さを変えたり出来るので便利。
作成しておいて保存しておけばいつでも使えるので良いですね。

チュートリアルはこちら

ヴィンテージ風ロゴデザイン作成チュートリアル

f:id:mamegoro:20180521121800j:plain

レトロなタイポグラフィロゴを作成する方法を紹介しています。

チュートリアルはこちら

電球をイメージしたテキストエフェクト作成チュートリアル

f:id:mamegoro:20180521121811j:plain

ブレンド機能やアピアランス、変形機能を上手く使い電球風のテキストエフェクトを作成する方法を紹介しています。

チュートリアルはこちら

木目調のテキストエフェクト作成チュートリアル

f:id:mamegoro:20180521121818j:plain

木目調のテキストエフェクトを簡単に作る方法を紹介しています。
覚えておくと簡単にそれっぽいタイポグラフィが作成出来るので便利でしょう。

チュートリアルはこちら

動物をテーマにしたグラフィックを作成するチュートリアル

f:id:mamegoro:20180521121828j:plain

ライオンをテーマに簡単に動物をテーマにしたグラフィック・タイポグラフィを作成する方法について紹介しています。

チュートリアルはこちら

Tシャツのデザインにぴったりなベクター画像・テクスチャ作成チュートリアル

f:id:mamegoro:20180521121504j:plain

Illustratorで簡単なベクター画像やテクスチャを作成し、Tシャツのデザインにぴったりなデザインを作成するチュートリアル。
パスファインダーパネルを活用して図形を調整してデザインを作成しています。

チュートリアルはこちら

Illustratorのシェイプ形成ツールで複雑な図形を作成するチュートリアル

f:id:mamegoro:20180521121433j:plain

Illustratorのシェイプ形成ツールを使用し、複合図形を素早く作成するチュートリアルです。
交差オブジェクトを合成、抽出、消去することで簡単に複雑な図形を作成しています。
パスファインダー周りの使用方法や機能が覚えられて、とてもいいチュートリアルになっています。

チュートリアルはこちら

Illustratorのペンツールで手書き文字を素早くパス化するチュートリアル

f:id:mamegoro:20180521121441j:plain

スキャナで取り込んだ手書き文字を、ペンツールを使用して素早くパス化するチュートリアルです。
これを覚えればかなりの時短になり、作業効率が抜群にアップしそうです。

チュートリアルはこちら

レトロカーの鳥瞰図作成チュートリアル

f:id:mamegoro:20180521121510j:plain

レトロな1950年代風のアメ車を上から見下ろしたように作成するIllustratorチュートリアル。
グラデーションや、ブレンド、パスファインダーの機能を主に使用しています。

チュートリアルはこちら

簡単に作れるアイコンセット作成チュートリアル

f:id:mamegoro:20180521121520j:plain

20分程度で作ることが出来る、レトロ風アイコンセット作成チュートリアル。
基本的な図形の作成から円弧ツール、塗りブラシツールなどを主に使用しています。

チュートリアルはこちら

レトロ風アイソメ図イラスト作成チュートリアル

f:id:mamegoro:20180521121527j:plain

計算して作成しないと作るのが難しいアイソメ図を、指定された角度や大きさに縮小、シアー、回転を使用して平面図を立体に変更し、アイソメ図イラストを作成するチュートリアルです。
中々アイソメ図を作成するチュートリアルはないので、勉強になります。

チュートリアルはこちら

アメコミ風デザイン作成チュートリアル

f:id:mamegoro:20180521121538j:plain

レトロなアメコミ風のデザインを作成するチュートリアル。

チュートリアルはこちら

ヴィンテージブックカバー作成チュートリアル

f:id:mamegoro:20180521121550j:plain

木目調スタイルのテクスチャと、フォントを使用し、ヴィンテージ風な色合いを出したブックカバーを作成するチュートリアルです。

チュートリアルはこちら

ヴィンテージレトロ風ロゴ作成チュートリアル

f:id:mamegoro:20180521121557j:plain

カフェのロゴやボトルなどにピッタリなロゴデザイン作成チュートリアル。
簡単にオシャレなロゴが作成出来ます。

チュートリアルはこちら

IllustratorとPhotoshopを使った少し凝ったロゴデザイン作成チュートリアル

f:id:mamegoro:20180521121612j:plain

アメリカ1950年代風のIllustratorとPhotoshopを使用した少し凝ったデザインのロゴ作成チュートリアル。

チュートリアルはこちら

レトロなバッジ・エンブレム作成チュートリアル

f:id:mamegoro:20180521121620j:plain

Illustratorでロゴを作成し、Photoshopでヴィンテージ要素を加えた加工をするチュートリアル。
Illustratorでのバッジ作成、Photoshopでのヴィンテージ加工は覚えておいて損はなし。

チュートリアルはこちら

Illustratorスピログラフデザイン作成チュートリアル

f:id:mamegoro:20180521121630j:plain

Illustratorでスピログラフデザインを作成する為の簡単なテクニックを紹介しているチュートリアル。
パスの変形とライブペイントを上手く組み合わせて、簡単にキレイなスピログラフを作成する方法を紹介しています。

チュートリアルはこちら

万華鏡風効果作成チュートリアル

f:id:mamegoro:20180521121643j:plain

Illustratorでベクター画像を作成し、Photoshopでペンツールを使い万華鏡のような効果を作成するチュートリアルです。

チュートリアルはこちら

三角を組み合わせたタイル風パターンデザイン作成チュートリアル

f:id:mamegoro:20180521121656j:plain

複数の色の四角形、三角形のみを組み合わせたパターンデザイン作成チュートリアルです。

チュートリアルはこちら

鉛筆のパターンブラシを作成するチュートリアル

f:id:mamegoro:20180521121710j:plain

Illustratorを使った鉛筆のパターンブラシを作成するチュートリアル。
簡単なグリッドを設定して、手作りのブラシで簡単なテキストエフェクトを作成する方法を紹介しています。

チュートリアルはこちら

シンメトリーアートを作成するチュートリアル

f:id:mamegoro:20180521121719j:plain

左右対称のバランスのとれた文字や図形を作成するチュートリアル。
パスファインダーで図形を作成し、線などを微調整する方法など、細かく解説しています。

チュートリアルはこちら

シンメトリーベクター画像作成チュートリアル

f:id:mamegoro:20180521121726j:plain

図形とテクスチャを組み合わせたベクター画像作成チュートリアル。

チュートリアルはこちら

ヴィンテージベクター画像テクスチャ作成チュートリアル

f:id:mamegoro:20180521121733j:plain

ヴィンテージ風キャラクターを作成するチュートリアル。
ハーフトーンパターンを効果的に使用しるので、勉強になります。

チュートリアルはこちら

キャラクターキット作成チュートリアル

f:id:mamegoro:20180521121741j:plain

様々な要素・パーツなど、キャラクターキットを作成するキットチュートリアルです。
ゼロからパーツや要素を作る方法について紹介してます。

チュートリアルはこちら

タイポグラフィ作成チュートリアル

f:id:mamegoro:20180521121753j:plain

グランジエフェクトを使いつつ、タイポグラフィを作る方法を紹介しています。

チュートリアルはこちら

PAGE TOP