機体のモックアップを作成する

機体のモックアップにロゴを配置し、位置を調整します。

チュートリアル

すべての手順がわかる短いチュートリアルビデオをご覧ください。

次に、Adobe Illustratorの無料体験版と練習用サンプルアセットをダウンロードします。

Illustrator

アセット

※クリックした先のページから「ライブラリに追加」ボタンを押すと、

アプリ内のCCライブラリにアセットが追加されます。

機体にロゴを配置してマスクを作成

サンプルアセットの「tutorial_05.ai」を開きます。

ロゴを機体の上に配置し、機体の白い部分をクリックしてコピーし(Mac:command+CまたはWin:control+C)、前⾯の同じ位置にペーストします(Mac:command+FまたはWin:control+F)。

その状態でShiftキーを押しながらロゴを選択し、右クリックメニューから「クリッピングマスクを作成」を選択すると、機体の形でロゴをマスクすることができます。

オブジェクトの重なりを確認する

現在、右図のように3つの機体のオブジェクトが重なっている状態です。

ロゴのサイズと位置を調整する

(C)のオブジェクトが選択されている状態で、右クリックメニューから「選択クリッピングマスク編集モード」を選択し、ロゴの⼤きさや位置を調整します。⼤きさと位置が決まったら、右クリックメニューから「編集モードを解除」を選択します。

一番下にある機体(A)を選択し、塗りを「なし」にします。続けて、一番上の機体(C)を選択し、右クリックメニューから「重ね順>最背⾯へ」を選択します。

窓を追加する

機体オブジェクトすべて選びショートカットキーcommand + 2Macまたはcontrol + 2Winロックかけます

 

楕円ツールshiftキー押しながら描きますshift + optionキー押しながらドラッグ複製作りさらにショートカットキーcommand + DMacまたはcontrol + DWin12繰り返しコピーます。

 

右端選択ドア近くまで移動ますすべて選択コントロールバー中央分布クリックする間隔均等することできます。

その他のチュートリアル

デザイナー、有馬 智之さんの作品を使ったロゴデザインシリーズの続きをご覧ください。

ロゴをラフデザインする

ロゴのディテールをデザインする

フォントの見た目をアレンジする

カラフルなグラデーションで着色する

機体のモックアップを作成する

人型ピクトグラムを作成する

コップ型ピクトグラムを作成する

デザインとレビューを共有する

アートディレクター/デザイナー

有馬 智之

1985年生まれ。2009年、日本デザインセンター入社。コンピューティングとタイポグラフィを軸に、グラフィック、Web、UI等複数の領域におけるアートディレクションとコンサルティングに従事。著書に「いいデザイナーは、見ためのよさから考えない」(星海社)がある。

そうロゴできたら名刺Webサイトトップページ作っ現実落とし込んときどう見える検証ます

Illustrator

Creative Cloudロゴ

すべての人に「つくる力」を

写真、ビデオ、グラフィックデザイン、イラストなど、あらゆる創造力に応えるツールが揃っています。