Photoshop(フォトショップ) Illustrator(イラストレーター) FLASH簡単画像作成 -4ページ目

Illustrator パターンを利用した文字 簡単作成

第1工程

まず、最初にパターンを作成します。
画像は、3mmの水色の長方形ツールの中に黄色の●型のオブジェクトを配置しました。
完了後、編集⇒パターン設定を実行しスウォッチパレットに追加します。

Photoshop(フォトショップ) Illustrator(イラストレーター) FLASH簡単画像作成

第2工程

文字ツールを利用して、お好きなフォントで文字を入力します。
入力が完了しましたら、
文字⇒アウトラインの作成を選択します。
②アウトライン完了後オブジェクト→複合パス⇒作成を選択します。
※画像の文字は「96px」にて作成してます。


Photoshop(フォトショップ) Illustrator(イラストレーター) FLASH簡単画像作成

第3工程

『第2工程』にて作成した文字を選択し、 ウィンドウ→スウォッチ選択し表示させます。
『第1工程』で作成したパターンを選択すれば着色が完了します。

Photoshop(フォトショップ) Illustrator(イラストレーター) FLASH簡単画像作成

最終工程

次に、水玉の位置を変更する為、

オブジェクト→重ね順⇒背面へを実行します。
②次に、オブジェクトが選択しオブジェクト→クリッピングマスク⇒作成を選択すれば、水玉の位置を自由に移動・リサイズが可能となります。

Photoshop(フォトショップ) Illustrator(イラストレーター) FLASH簡単画像作成

Illustrator オシャレに文字をカットしデザインする スリットロゴ

第1工程

文字ツールを利用して、お好きなフォントを入力します。
入力が完了しましたら、
文字⇒アウトラインの作成を選択します。
②アウトライン完了後オブジェクト→複合パス⇒作成を選択します。
③好きな色で、文字を着色します。
④着色後、オブジェクト→ロック⇒選択し文字を選択できないようにします。
※画像の文字は「96px」にて作成してます。

Photoshop(フォトショップ) Illustrator(イラストレーター) FLASH簡単画像作成

第2工程

長方形ツールにてボーダーラインを作成し、文字の上に配置します。
配置が完了後、文字オブジェクトと同様に
オブジェクト→複合パス⇒作成を選択します。

Photoshop(フォトショップ) Illustrator(イラストレーター) FLASH簡単画像作成

第3工程

オブジェクト→すべてをロック解除にてロックを解除します。
選択→すべてを選択を実行します。
③オブジェクトが選択完了後、ウィンドウ→パスファインダ⇒「前面オブジェクトで型抜きを表示します。

Photoshop(フォトショップ) Illustrator(イラストレーター) FLASH簡単画像作成

最終工程

ダイレクト選択ツールを選択し回転等、文字をアレンジすれば完了です。
選択→すべてを選択を実行します。
③オブジェクトが選択完了後、ウィンドウ→パスファインダ⇒「前面オブジェクトで型抜きを表示します。

Photoshop(フォトショップ) Illustrator(イラストレーター) FLASH簡単画像作成

Illustrator 上下に分かれた文字色 簡単作成

第1工程

文字ツールを利用して、お好きなフォント・色で文字を入力します。
入力が完了しましたら、
文字⇒アウトラインの作成を選択します。
※画像の文字は「96px」にて作成してます。


Photoshop(フォトショップ) Illustrator(イラストレーター) FLASH簡単画像作成

第2工程

アウトライン完了後オブジェクト→複合パス⇒作成を選択します。

Photoshop(フォトショップ) Illustrator(イラストレーター) FLASH簡単画像作成

第3工程

①複合パス完了後、文字を選択し着色しペンツールにて境界線の元となるオブジェクトを作成します。
※文字と同じ幅が良いです。
②作成後、選択→すべて選択を実行し、コピーします。画像では1つに見えますが、オブジェクトは重なって表示されてます。

Photoshop(フォトショップ) Illustrator(イラストレーター) FLASH簡単画像作成

第4工程

ウインドウ⇒パスファインダを選択し、
オブジェクトを選択した状態で、パスファインダ→「前面オブジェクトで型抜き」を実行します。
②完了したら、オブジェクト→隠す⇒選択を実行しオブジェクトを一時的に隠します。
隠すことで、後ろに重なったオブジェクトが選択できます。
③再度、オブジェクトを選択し、パスファインダ→「交差」を実行します。
オフセット: -0.8mm 角の形状: タイマー 角の比率: 1.3

Photoshop(フォトショップ) Illustrator(イラストレーター) FLASH簡単画像作成

最終工程

最後に、オブジェクト⇒すべてを表示を実行すれば完了です。

Photoshop(フォトショップ) Illustrator(イラストレーター) FLASH簡単画像作成