テキスト編集&サイズ可変ができるリボンのグラフィックスタイル

テキスト編集&サイズ可変ができるリボンのグラフィックスタイル 文房具,飾り,見出し,イラレ,フリー,イラスト,アピアランス,商用利用,無料 グラフィックスタイル・アピアランス
スポンサーリンク

イラレ(Adobe Illustrator)で使えるリボン風のグラフィックスタイルです。

このグラフィックスタイルは、Adobe Illustratorにてリボン風の背景イラストを簡単に設定することができます。

また、テキストの差し替えやリボンのサイズ、色の変更なども容易に行うことができます。

テキスト編集&サイズ可変ができるリボンのグラフィックスタイル(ベクターデータ)

イラスト(グラフィックスタイル)の使用用途について

このイラスト(グラフィックスタイル)は、リボンをあしらったタイトルや見出しなどにお役立ていただけます。

もちろん、無料かつ商用利用可能なフリー素材ですので、自由にご利用いただけます。

 

提供する素材データについて

提供する素材データはAdobe Illustrator(イラレ)などのソフトで編集可能なAI(ベクター)データです。

Adobe Illustrator CS4以上でご利用いただけます。

上記ダウンロードボタンからダウンロードをお願いします。
 

グラフィックスタイルを使って一から作成するには

データはそのまま使うこともできますが、一から作成することも可能です。

以下でその方法を解説します。
(ダウンロードしたデータが必要となるのでダウンロード後、開いた状態を前提に進めていきます。尚、Illustrator CS4環境しかないためCS4での解説となります。ご了承ください💦)

 

Step1長方形ツールで横長長方形を描く

まず、長方形ツールで適当なサイズの横長長方形を作ってください。

リボンのグラフィックスタイル解説01 アピアランス,Illustrator,イラスト,商用利用,フリー素材,ダウンロード

 

Step2グラフィックスタイルを選択

描いた横長長方形を選択した状態でグラフィックスタイルウィンドウからグラフィックスタイルを選択してください。

リボンのグラフィックスタイル解説02 アピアランス,Illustrator,イラスト,商用利用,フリー素材,ダウンロード
(ここではブルーのグラフィックスタイルを選択)

リボンのグラフィックスタイル解説03 アピアランス,Illustrator,イラスト,商用利用,フリー素材,ダウンロード

上のようなリボンを作ることができました(*´꒳`*)

 

Step3色を変更する

色を変更する場合は、一度リボンの選択を解除し、スウォッチウインドウの中から、ブルーのスウォッチをダブルクリックしてください。

リボンのグラフィックスタイル解説04 アピアランス,Illustrator,イラスト,商用利用,フリー素材,ダウンロード

スウォッチオプションが開くので好きな色に変更
(ここではC50%、Y80%に設定しました)

リボンのグラフィックスタイル解説05 アピアランス,Illustrator,イラスト,商用利用,フリー素材,ダウンロード

リボンのグラフィックスタイル解説06 アピアランス,Illustrator,イラスト,商用利用,フリー素材,ダウンロード

色を設定したリボンは上のような状態になっていると思います\( ˆoˆ )/

 

Step4文字を入力・配置する

文字ツールで文字を入力し、先ほど描いたリボンの上に配置してください。
(文字色、サイズ、書体などは適宜変更してください)

リボンのグラフィックスタイル解説07 アピアランス,Illustrator,イラスト,商用利用,フリー素材,ダウンロード

 

Step5文字とリボンをグループ化、効果を適用し完成!

文字とリボンを選択しグループ化します。

そして上部メニューから[効果]→[ワープ]→[円弧]を選択します。

リボンのグラフィックスタイル解説08 アピアランス,Illustrator,イラスト,商用利用,フリー素材,ダウンロード

リボンのグラフィックスタイル解説09 アピアランス,Illustrator,イラスト,商用利用,フリー素材,ダウンロード

ワープオプションにてカーブの数値を設定(ここでは25%にしました)。OKを押します。

リボンのグラフィックスタイル解説11 アピアランス,Illustrator,イラスト,商用利用,フリー素材,ダウンロード

文字、リボンがきれいなアーチを描いていれば完成です✨お疲れ様でした( ´∀`)/

コメント