ロゴデザインマスターコース|Adobe Illustrator(イラストレーター)【完全版】

はじめてAdobe Illustrator(イラレ)でロゴデザインをスタートする人が、ロゴの基礎から学習し「Photoshop CC」のモックアップを活用した画像書き出しまで含めてできるようになるコースです。

4.29 (208 reviews)
Udemy
platform
日本語
language
Graphic Design
category
1,932
students
6 hours
content
May 2022
last update
$84.99
regular price

What you will learn

ロゴデザインの作り方

下絵写真をPhotoshop CCで切り抜いてトレース用画像にする方法

Adobe Illustrator CCでデッサン下絵をトレース(ペンツールでベクターデータにする)する方法

イラレでトレースして仕上げたロゴデザインをロゴデザインテンプレートに配置する方法

ロゴデザインテンプレート(Illustrator)をPDF、JPG、PNGに一括書き出しする方法

ロゴデザインをPhotoshop CCにベクトルスマートオブジェクトでモックアップ画像にする方法

納品用にロゴデータを最適化する方法

Description

当講座は専門レベルのコースです。必ず「下記条件」をクリアできる方のみ受講ください。

■【重要】受講に必要なソフトとスキルレベル

  • Adobe CCをサブスクしている(体験版可)

  • Adobe Illustrator CC中級以上(イラレ初心者の方は、本当に技術が身につくIllustrator超初心者用講座を受けてからこのコースに挑戦してください
    ※ イラレ初心者の方は私のプロフィールページ(写真クリック)をご覧ください。別途、イラレ超初心者用の専門コースご用意してあります。

  • Adobe Photoshop CC(バージョンがCC以上でなければ「最新データ」のモックアップ素材が正常に使えないのでご注意ください)

  • Adobe Acrobat DC(Adobe CCに含まれてます)

  • パソコンの基本操作ができる

モックアップ画像のPhotoshopデータはAdobe Photoshop CC以上で動作確認済みです。

ただし、「CS」以下の旧バージョンでの動作保証はありません。Photoshopはバージョンダウン保存できません。あらかじめご了承ください。

Illustratorは中級レベル程度(基本操作+ペンツールでトレースができる)を身につけてからこのコースを受講ください。


■ コース内容

まず「ロゴデザインとは?」から学習がスタートします。

次にロゴデザインで使っても良いFONT(書体データ)を把握します。

商標出願もOKですので、知ってるだけで効率的なロゴデザインが実現します。


さらにロゴデザインの学習のため「架空の企業(テントー)」からの『ロゴデザイン』の依頼を受けます。ヒアリングシートで情報を整理し、クライアントが求めるロゴデザインのイメージを固めます。

次に手書きでラフにロゴを紙にデッサンしデザインします。

その下書きを「スマホ」で撮影し『Adobe CC』のスマホアプリでPhotoshop CCのCCライブラリにクラウドで同期します。

Photoshop CCで、Illustrator側でのトレースに最適な画像サイズに「切り抜き」します。さらに「トーンカーブ」で画像を鮮明にします。


そして、いよいよ「Adobe Illustrator」で手書きのロゴデザインをIllustratorでトレースします。

ここでラフな下絵を元にして正確で完璧なロゴを完成させる手法を公開します。

実は多くのプロデザイナーの納品データは「不正確(左右上下非対称、歪みなどがある)」なものが多いです。

これはデザインの引出しが多くても、肝心のIllustratorの基礎基本のオペレーション技術が足りないからです。

そこで「1ミリ」の誤差もゆるされない「特許図面」の製図技術を使います。これにより完全完璧な製図でデザインを仕上げます。


ロゴデザインのトレースが仕上がったら、Adobe Photoshop CCにベクターデータの「ロゴデザインデータ」をベクトルスマートオブジェクトのままIllustratorからPhotoshopレイヤーに配置します。

そして「モックアップ画像(ロゴが使われているイメージ写真)」をWEB用に書き出し保存します。高画質で書き出し保存する方法がわかります。

Photoshop初心者の方も、モックアップを書き出せるように「モックアップ」のテンプレートをご用意しました。

このレクチャーを受講することでUdemyからモックアップ用テンプレート(Photoshop CC用)がダウンロードできます。

さらにロゴデザイン用のIllustratorデータ「テンプレート」もダウンロードできます。背面から照明を当てたようなレイヤー効果がかかっています。そこにロゴデザインを配置するだけで「あなたのロゴ」の魅力が際立ちます。

さらに、効率的なワークフローをレクチャーを実習しながら実践します。

あなたは、このレクチャーをこなすことでIllustratorの「複数アートボード」の生成および複数同時に「PDF、JPG、PNG」を書き出すことができるようになります。

さらに、モックアップもPDFにマージ(結合)し「ページ物」データを今後は半自動で書き出し生成できるようになります。

クライアントは一つのPDFデータを確認するだけで良くなます。あなたもクライアントもWINWINになります。


このコースであなたはロゴをIllustrator CCでトレースし「ロゴデザイン用テンプレート」に配置します。

Adobe Photoshop CCのモックアップテンプレートに「オリジナルロゴ」を配置し『モックアップ画像』を書き出します。

WEB用画像の書き出しですので、そのままウェブサイトやWordPressに使うこともできます。

Screenshots

ロゴデザインマスターコース|Adobe Illustrator(イラストレーター)【完全版】 - Screenshot_01ロゴデザインマスターコース|Adobe Illustrator(イラストレーター)【完全版】 - Screenshot_02ロゴデザインマスターコース|Adobe Illustrator(イラストレーター)【完全版】 - Screenshot_03ロゴデザインマスターコース|Adobe Illustrator(イラストレーター)【完全版】 - Screenshot_04

Content

ロゴデザインとは?

ロゴマークとは?
ロゴマークのレイアウト
タグラインとは?
シンボルとロゴタイプの間隔
タグラインが入った場合の隙間の取り方
ロゴタイプ先頭文字を省略してはいけない
Q&Aの使い方(質問、メッセージ送信方法)

ロゴデザイン作成ソフトについて

ロゴデザイン作成ソフトはイラレ最強
ロゴデザインにInkscapeなどはどうか?
【注意】aiファイルとロゴ作成アプリ

ロゴデザインで使えるフォントの研究

ロゴデザイン、商標登録禁止フォントが多い
ロゴデザインのフォント問題解決方法
【記事】ロゴデザインとフォントについて
フォントを使えるようにする方法
お問い合わせとヘルプの使い方
まとめてフォントを使えるようにする方法
有名ロゴと同じ欧文フォント
フォントが利用できない場合
【記事】フォントが利用できない場合
その他の用途にも安心

使ってたフォントが提供終了した時の対処方法

フォント提供終了後の対応
提供終了前と終了後の「利用規約」について
DTPなど後から文字を何度も治す必要がある場合
サポートの利用方法
まとめとお問い合わせ先

ロゴデザインの種類

ロゴデザインの種類(資料)のダウンロードはこちら
ロゴデザインの種類について
頭文字ロゴ
ワードロゴ
抽象ロゴ(シンボルロゴ)
ピクチャーロゴ
エンブレムロゴ
キャラクターロゴ
WEB系ロゴ
筆文字ロゴ

ロゴデザイン「アイデア」の生み方&作り方

Illustratorデータのダウンロードはこちら
シアー
オフセット
パスの伸縮
パスを伸ばす(NとX)
分割|長方形を重ねる
複合パスの解除と適用
分割|パスファインダとシェイプ形成ツール
図形で囲む(下準備
図形で囲む(Aデザイン)
図形で囲む(Nデザイン)
整理します
単純図形化
部分的図形化|複合パス解除-(B)
部分的図形化|(AとQ)
部分的図形化|(i)
自由変形ツール|デザインアレンジ
連続回転コピー|ロゴデザインのアレンジ方法
直線の曲線化と曲線の直線化
連結(GとT)
連結(FとG)
連結(LとZとL)
整列(等間隔にする方法)
反転コピー、回転コピー
パスで文字を切る|Aを塗り分け
パスで文字を切る|(QとS)
サークル文字

【イラレ用】ロゴデザイン用テンプレート素材はこちら

ロゴデザイン用テンプレートはこちら!
アートボードの解説
下絵レイヤーの使い方
ガイドレイヤーの使い方
背景レイヤーの使い方
照明のような効果を与えるレイヤー
アートボードのコピー方法
ガイドごとアートボードコピーする方法

てんとう虫ロゴのヒアリング

ヒアリングシートのダウンロード
ヒアリングシート
ロゴデザインのヒアリング内容

てんとう虫ロゴのデッサン

てんとう虫ロゴのデッサン

スマホからPhotoshopに写真をクラウド経由で渡す方法

PC側のCCライブラリに新規ライブラリを追加する
スマホアプリAdobeCCで写真をクラウドにUPする方法
CCライブラリからPhotoshopでロゴデザイン下絵を加工する

【てんとう虫】ロゴのトレース

テントー.psdのダウンロードはこちら!
トレースするデータについて
下絵の配置
【トレース】真円を入れる(線幅固定方法)【後半騒音あり】
【トレース】真円で目玉を入れる
【トレース】ガイドを円中心に入れる方法
【トレース】片側だけ先に作る
【トレース】リフレクトコピーする
【着色】色をつける

【てんとう虫】ロゴタイプの作成

ロゴタイプ用フォントを中央配置する
【裏技】商標、ロゴデザイン利用可能文字だけ表示する方法
文字間調整(オプティカルカーニング)
文字間隔調整(トラッキング)
文字間隔調整(カーニング)
文字のアウトライン化
グループ解除
ロゴタイプのデザイン
ロゴタイプをレイアウトしてチェック
【裏技】文字の太さを後から修正する方法
【裏技】選択オブジェクトだけ同時変形する方法
模様だけ複数同時拡大縮小する方法
データ整理

【てんとう虫】テンプレートに配置し画像化する方法

ロゴデザイン用Illustratorテンプレートのプレゼントはこちら!
アートボードを見る
ロゴを配置する
アートボードを完全コピーする方法
アレンジして2パターン作る
PNG画像一括書き出しする方法
jpeg画像の一括書き出し方法
複数PDFを別名一括書き出しする方法
複数PDFをマージ(結合)し1つにする方法

ロゴデザイン用モックアップ

モックアップデータのプレゼントはこちら!
ロゴデザインのモックアップとは?商用利用フリー写真サイトも教えます
帽子モックアップの中身を更新する方法
PhotoshopからPNG、JPGを書き出す方法
WEB用に保存の使い方
モックアップにロゴを追加し更新する
さらにPhotoshopからモックアップを書き出す
【Photoshop】バッグのモックアップにロゴを入れる方法
【Photoshop】JPG書き出しする
ロゴを差し替えます
さらにJPG書き出し(ロゴパターン2)
【裏技】モックアップ画像もPDF結合する方法

【Photoshop】モックアップサイトの利用方法

Photoshop用モックアップサイトのURLはこちら!
【Photoshop】モックアップサイトの使い方
20 素材選びとダウンロード方法
30 素材の使い方

ロゴデザイン納品用Illustratorデータの作り方

データ内容を確認する
別名保存
パスのアウトライン化
シェイプ形成ツールで仕上げる方法
パスファインダーでロゴデザインを仕上げる方法
完成

ボーナスレクチャー

ボーナスレクチャー

Reviews

white
September 14, 2021
大変良い講座でした。講座自体ボリュームがあり、細かい動作の度にキーボードのどこを押すのか繰り返し説明してくださるので、ショートカットキーを自然と覚えることができました。illustratorは苦手意識がありましたが、この講座を受けたあとには、直感的に操作できるようになりました。とても有益な時間を過ごさせていただきました。復習の意味で繰り返し動画を観たいと思います。
M
August 16, 2021
実践的でとてもよい。ソフトを使ってロゴを作成した後工程に説明を多くさいている点でほかのイラレハウツー口座とは一線を画しています。作品をどう見せるか、使用していくか、というノウハウのためにイラレ以外の知識やツールの説明が多いので自分の知りたいことが知れてよかった。

Charts

Price

ロゴデザインマスターコース|Adobe Illustrator(イラストレーター)【完全版】 - Price chart

Rating

ロゴデザインマスターコース|Adobe Illustrator(イラストレーター)【完全版】 - Ratings chart

Enrollment distribution

ロゴデザインマスターコース|Adobe Illustrator(イラストレーター)【完全版】 - Distribution chart
3937466
udemy ID
3/25/2021
course created date
7/19/2021
course indexed date
Bot
course submited by