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. Photoshop

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

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

  2. Tutorial

    簡単!photoshopでスタンプ風のかすれた表現をする方法

    今回は、スタンプ風のかすれた表現をご紹介します。私は、仕事で使うこと…

  3. Tutorial

    自分らしさがアップ!WordPressのサイドバーにInstagramウィジェットを乗せる方法

    みなさんこんにちは、mayukouです。さて今回は、wordpres…

  4. illustration

    簡単!Illustratorでキラキラ星を作る方法

    みなさんこんにちは。mayukouです。だいぶ秋らしくなってきまし…

  5. デザイン

    Adobe CCを導入しました。使ってみて感じたメリットとデメリットとは?

    みなさんこんにちは、mayukouです。Adobe CCが登場して、…

  6. Web Design

    今流行りのロングシャドウの簡単な作り方

    フラットデザインとともに、相性が良いとしてデザインに取り入れられている…

コメント

  • コメント (0)

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

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

CAPTCHA


メルマガを購読する

[mc4wp_form id=”2540″]

最近の記事

instagramもやっています

This error message is only visible to WordPress admins

Error: No connected account.

Please go to the Instagram Feed settings page to connect an account.

facebook更新中!

スポンサー

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

  1. Web Design

    デザインが成功するテンプレがここに。「なるほどデザイン」を読みました
  2. jQuery

    JQueryで要素を消すスクリプト!ECサイトの注意書きにもオススメ!
  3. Illustrator

    自分で作れると便利!illustratorでチェック柄を描く方法
  4. Web Design

    スキルアップ!Webデザイナーになるための勉強をしたい人にオススメ書籍まとめ
  5. jQuery

    カードレイアウトにもオススメ!Masonryプラグインの使い方
PAGE TOP