Illustrator

webデザインに活用するゴーストボタンを作るときの文字をセンタリングする方法


みなさんこんにちは、mayukouです。
今回は、アピアランスに関するノウハウです!
ゴーストボタンなど、Illustratorのアピアランスで形状に変換ツールを使ったときに、
文字が少し中心からずれることがありました。

そこで、中心にセンタリングする方法をご紹介します。

Illustratorでのゴーストボタンなど形状に変換の使い方は、こちらをご覧ください
参考記事>>https://web-design-cafe.com/archives/1036

スポンサードリンク

デフォルトで作ると、少し上の方にずれるのがわかりますね。

164-ghost

文字を少し下に移動したい場合の対処法です。

アピアランスパネルを出しましょう

ボタンオブジェクトを選択します。
アピアランスの「線」が選択された状態で、
アピアランスパネルの新規効果ボタンをクリック。

165-appearance

パスの変形>変形

 

を選択します。

 

パスの変形で、線を上下に動かします

 

166-appearance

変形効果パネルが出てきますので、

167-panel

垂直方向>-1px

とします。

すると、線が少し上に動いて、
うまくセンタリングできます。

168-button

これで、完成です!

最後に

いかがでしたか?ゴーストボタンの文字をセンタリングする方法をご紹介しました。
細かいところですが、アピアランスの便利な機能、
よりうまく活用できるといいですね!
ぜひ試してみてください!

投稿者プロフィール

mayukou
mayukou
Webデザイナー修行中のmayukouです。webデザインのお仕事を始めてなんとか約6年が経ちました。とにかく技術を高めようと思っています。仕事で得た知識やお役立ち情報をご紹介いたします。宜しくお願いします。水彩画を勉強中です。趣味は音楽鑑賞(洋楽)、料理、読書、ブログです。
詳しくはこちら

Twitterをフォローしていただくと、最新情報を見逃しません♫

関連記事

  1. Illustrator

    画像のベクター化が簡単に!Adobe Capture CCがおすすめ♩その使い方をご紹介。ダウンロー…

    みなさんこんにちは、mayukouです。画像をベクター化してイラスト…

  2. Photoshop

    Photoshopでかすれたスタンプ風表現をする方法 その2

    みなさんこんにちは、mayukouです。今回は、うちのブログでも人気の…

  3. Photoshop

    スキャンで取り込んだイラストの線をPhotoshopで抽出するSeparate Lineartが便利…

    みなさん、こんにちは、mayukouです。デザインやイラストの仕事…

  4. Web Design

    webデザインのトレンドと取り入れよう!デザインの参考になるwebリソース 〜海外編〜

    みなさんこんにちは、mayukouです。あっという間に土曜の半日が…

  5. Photoshop

    Photoshop の水彩画ブラシで描いた植物イラストのご紹介

    みなさんこんにちは、mayukou です。肌寒いような暖かくなった…

  6. Tutorial

    ワイヤーフレームがプロ仕様に!素敵なグラフィックスタイル「WireMagic」

    みなさんこんにちは、mayukou です!目薬が欠かせない今日…

コメント

  • コメント (0)

  • トラックバックは利用できません。

  1. この記事へのコメントはありません。

CAPTCHA


メルマガを購読する

Web Design Cafeの メルマガを購読する

更新情報や、お知らせ、お得情報をゆる〜く配信(月1程度)。


最近の記事

instagramもやっています

facebook更新中!

スポンサー

こんなサイトも作ってます。

  1. Illustrator

    画像のベクター化が簡単に!Adobe Capture CCがおすすめ♩その使い方…
  2. Illustrator

    助かった!Illustratorが重たい時の対処方法
  3. CSS

    グローバルメニューに最適♫メニュー幅を均一にしてくれるtable cellが便利…
  4. iPhone

    生活が変わるかも!iphone7 に変えてみて思ったこと
  5. Mac

    仕事のBGMに!Apple Music始めてみました。使用感をご紹介
PAGE TOP