ズレ感がかわいい♡版ずれ文字デザインのつくり方

YOSHIE
ズレ感がかわいくて、目を引きます。

Illustratorのアピアランスを使った、
文字と色のズレ感がある文字デザインのつくり方です。

 

単色バージョン

完成形デザイン

文字を入力し塗り色を選択

丸みのあるフォントを選択し、
文字の塗りカラーはピンク系のパステルカラーにしました。

アピアランスで線の追加

アピアランス>新規線の追加>線幅を0.3px に設定。
線幅は好みで調節してください。

パスの変形を使ってズレ感を出す

効果>パスの変形>変形
移動の水平方向(-0.5mm)・垂直方向(-0.5mm)に設定。

完成

カラフルバージョン

完成形デザイン

文字を入力し塗り色をスウォッチに登録

フォントを選択し、文字の塗りカラー3色をスウォッチに予め登録しておく。

※使用する塗りの色を決めて「新規スウォッチ」に登録する

文字タッチツールで1文字ずつ色を変えていく

「文字タッチツール」をクリックして、スウォッチを開く。

1文字ずつ、文字をクリックして、スウォッチに登録しておいたカラーを選択する。

 

アピアランスで線の追加

アピアランス>新規線の追加>線幅を0.3px に設定。
線幅は好みで調節してください。

パスの変形を使ってズレ感を出す

効果>パスの変形>変形
移動の水平方向(-0.5mm)・垂直方向(-0.5mm)に設定。

完成

版ずれ文字デザインの参考デザイン

 

\新着ピックアップ記事/

タグ

  • About me

YOSHIE

WEBデザイナー
ビジネスコンサルタント

好きなことで楽しく、自由な働き方と娘と過ごす時間を大切にしたく30代でWEBデザイナーになる。

WordPress開発とWEBマーケティング、企画アイデアを取り入れた、WEB制作を行う。WEBコンテンツのアイデアから集客導線の仕組みづくりや、発信者も読み手も楽しくなる雑誌のようなWEBサイトづくりが得意。

望む未来の道を整えて、魅力と才能が活きるWEBデザインをクリエイトしています。自分らしく”今を楽しむビジネス”で起業したい女性のために活動しています。

-デザインBOOK