配色デザイン本が全国の書店で発売中!

Illustrator 綺麗なグラデーションで文字や図形を繋げる!ブレンドツールの使い方

2年生

2022.06.092024.05.27

今回は、グラデーションで文字や図形をブレンドする（繋げる）方法をご紹介します!

完成形はコチラ↓

目次

作業手順
完成!
まとめ

作業手順

まず、色の違う文字や図形を斜めに並べます。

この時、文字の色は白で線はピンクと紫にしています

次に、文字を選択した状態で

オブジェクト→ブレンド→作成

をクリックします。

するとこのような感じになります!

次に、

オブジェクト→ブレンド→ブレンドオプション

をクリックします。

最後に、ブレンドオプションの

距離を10px

にします。

ここのpx数は自分の作りたいデザインに合わせて変えて下さい!

完成!

完成です!

まとめ

今回はブレンドツールを使って綺麗なグラデーションで文字や画像を繋げる方法をご紹介しました!

是非デザインに取り入れてみてください♪

こばやし

こばやし

デザイン本が全国の書店で発売中です!

頑張って作ったので、手に取って頂けたら嬉しいです!

デザイン本発売中!

デザイン本発売中!

Amazonはこちら

楽天はこちら

コメント

見出し（hタグ）


<h1>見出し（優先度①）</h1>
<h2>見出し（優先度②）</h2>
<h3>見出し（優先度③）</h3>
<h4>見出し（優先度④）</h4>
<h5>見出し（優先度⑤）</h5>
<h6>見出し（優先度⑥）</h6>

箇条書き（ul・ol・liタグ）

数字ありリスト


<ol>
<li>りんご</li>
<li>ごりら</li>
<li>らっぱ</li>
</ol>

数字なしリスト


<ul>
<li>りんご</li>
<li>ごりら</li>
<li>らっぱ</li>
</ul>

丸（数字）を消す。
CSSでul（またはol）に対して「list-style:none;」を指定


ul{
	list-style: none;/*ドットを消す*/
}

画像（imgタグ）


<img src="画像がある場所（相対パスまたは絶対パスで指定）" alt="画像の説明">

リンクタグ（aタグ）


<a href="リンク先">このテキストがリンクになる</a>


<!--別タブで開く-->
<a href="リンク先" target="_blank">このテキストがリンクになる</a>

タイトルとURLをコピーしました