Dreamweaver/Photoshop経験者優遇。WEBデザイナー/WEBディレクター/ネットショップ店長など【WEB・モバイル業界専門の求人情報サイト】
お仕事情報カタログ ウェブタント サポタント株式会社 人材派遣サポートセンター:0120-317-133 社団法人日本人材派遣協会 / WEB広告研究会 / EC協議会賛助会 / 東京商工会議所 会員 プライバシーマーク
一般労働者派遣:(般)13-302759 / 有料職業紹介:13-ユ-302233

会社概要お問い合わせ法人のお客様へ就業中スタッフ専用ログイン
ホーム お仕事を探す スキルアップ研修 ウェブ・モバイルプチノウハウ お仕事情報メルマガ 初めての方へ
職種からお仕事情報を探す  WebディレクターWebデザイナーコーダーネットショップ運営モバイルサイトその他   今週の特集
ネットショップでのPhotoshop活用術
素材からバナーを作成まで その6(文字間を詰めたり伸ばしたり編)

バナーを作成する上で、

画像(写真)を補正したり、装飾することも大切なのですが、

文字を見やすく、目を引くようにすることも、

重要なポイントの一つです。




たとえば、「決算セール!!」という時の「!」ですが、

この「!」がなかなかヤッカイで、

半角で打つと、詰まり過ぎの感じで、

全角で打つと、間が伸びた感じになります。

セール!!



そんな時は、

文字間を調整すると、文字と文字の間のすき間調整が出来て、

自分のイメージ通りの画像を作る事が出来ます。(一番下)



調整方法はとても簡単で、

文字ツール(T)で文字を打った後に、

調整したい文字と文字の間に、カーソルを持って行き

Altキーを押しながら、←→の矢印キーボードを押すだけで

調整する事が出来ます。



また、

CtrlキーとAltキーを同時に押しながら、←→の矢印キーボードを押すと、

10倍の幅で文字間の調整が大きく出来ますが、

パソコンによっては、

画面が横向きになってしまうマシンもあります。

画面が横に・・・

↑こうなった瞬間はチョッと慌てます・・・





こんなときは、Windows(R)のコントロールパネルの

グラフィックボードの設定のホットキーを解除してあげると大丈夫です。

コントロールパネル



コントロールパネル→Intel(R)GMA Driver→ホットキーを解除

グラフィックボードの設定





文字間の調整は、

1箇所ごとに文字間を変更することも、もちろんですが、

キャッチフレーズなどで文章ごとの長さを揃える時など、

何文字かをまとめて変更したときも、

その部分を選択して、Altキーを押しながら、←→の矢印キーボードを押すだけです。

文字間調整で見た目を整える

上から20文字、19文字、18文字をだいたい同じ長さに揃えて見ました。






ほんのチョッとの応用ですが、

丸い部分に文字を沿わせる時なんかも

文字間を調整すると簡単に沿わせることが出来て、

後で文章が変更になったときにも修正が簡単です。



文字を入力後、

丸に沿わせて文字を配置する前



一番左の文字の左にカーソルを移動して、文字間調整して、文字を沿わせています。

丸に沿わせて文字を配置





細かい調整としては

漢字と比べると、カタカナは文字間が空いているように見えるので、

文字間をチョッと詰めてみたり、

漢字の部分を文字間を空けてみたり、

その他、イロイロと調整しながら、バナーを作成しておりますが、



文字間は簡単に出来る調整方法ですので、

バナーやテキストを画像にする際に、

使ってみてください〜〜



それでは〜〜〜




松井@和博
有限会社フューチャーワークス
オンラインショップ様のパートナーとして、担当するオンラインショップ様の売上に応じて、成功報酬での運営、管理、コンサルティングを行う、有限会社フューチャーワークス在籍。

担当ショップ様、来店するお客様のイメージに合ったデザインを作る事を常に心掛け、WEB制作業界以外、過去5社での、製造、営業、小売での経験から商品の見せ方、デザインに限らず制作、広告、イベント等での工程管理も得意する。仕事は段取り8割がモットー。

現在、担当ショップ様2(8サイト)
過去の新規制作案件2社。

使用PhotoShopバージョン:PhotoShop6(Windows)


■連絡先
〒120-0034
東京都足立区千住3-35シルクビル3階
03-6912-8855
有限会社フューチャーワークス
http://www.future-worx.net/



同系色でまとめてみては??
基本のまとめカレンダー作り
バナーには枠線を引きましょう♪
文字を変形してみよう♪
スライスでGoGo!
文字の装飾イロイロ
大きなバナーを作るとき・・・
クイックマスクで選択範囲を作ってみよう♪(その2)
点線のイロイロ♪
グラデーションで合成♪
フォントの使い方(実践編)
画像を囲って、写真っぽくしてみよう〜
フィルター(そういえばシャープしか使っていない・・・)
管理しやすく画像を作るっ
フォント選びは簡単に〜
クリックされた先のページも考えてみよう〜
良いバナーって何??
録音して、一気にサムネイル作成。(後編)
録音して、一気にサムネイル作成。(前編)
素材からバナーを作成まで その9(パターンを作って塗り絵)
----------------------------------------------------
全ての記事を見る

ノウハウコラム
現場で使えるDreamweaver & Fireworksの
「イラストを描く前に、イラストを理解すること」をモットーに
ネットショップでのPhotoshop活用術
デジカメ商品撮影 情報満載図書館
ネットショップに役立つプログラミングを楽しく伝授
【トントンのネットショップ運営繁盛講座】
売るための"サイト構築テクニック
心を動かすお店の作り方
御社の「売り」は何ですか?
スタッフ紹介
とこみゆきの良新日記
大池めぐみブログ
佐藤麻衣子ブログ
笠原華子ブログ
橋和田智子ブログ
平岡典子ブログ
野崎朋子ブログ
高見英作ブログ
松本ひとみブログ
高橋理華ブログ
椎木美由紀ブログ
細畠牧奈ブログ
外薗聖子ブログ

スタッフコラム
ちょっと耳より♪Web/Mobileコラム

 サポタントSTAFFが、現場で感じた
 スキルUP情報を交代でお届け♪
今週のイチオシ企業様

 毎週、コーディネータの
 おすすめ企業様をご紹介します♪
大池めぐみのイチオシ企業様
佐藤麻衣子のイチオシ企業様
笠原華子のイチオシ企業様
高見英作のイチオシ企業様
椎木美由紀のイチオシ企業様
細畠牧奈のイチオシ企業様


お仕事を探す
東京神奈川埼玉千葉 大阪京都奈良兵庫 愛知静岡岐阜

スタッフ登録する
派遣スタッフエントリー 登録から契約までの流れ 派遣スタッフ登録特典

このページのトップへ

ウェブタント運営会社 サポタント株式会社 http://www.supotant.com/
ネット業界で目標実現を目指すお客様を「おブッチギリ」に「愛」たっぷりにお手伝いする【サポート担当】の会社です。
IT業界で、就職・転職を目指している方、人材を募集されている企業の人事採用(雇用)担当者さま、ネットショップを立ち上げられたい方、ネット通販を運営されている経営者の方々のお手伝いをさせていただきます!
主な事業内容
■一般労働者派遣事業:(般)13-302759  ■有料職業紹介事業:13-ユ-302233
WEBデザイナー、WEBディレクター、WEBプロデューサ、WEBマスター、ネットショップ店長・運営者、ブログ編集管理者、ソーシャルネットワーキングの制作・管理業務者、プログラマー・保守、マーケティング企画、メルマガライター、WEB系企業一般事務員など、即戦力スタッフを派遣・紹介いたします。未経験者には、技術研修を行い、スキルアップを図ります。(中途採用もあり)
<主な派遣先企業様実績 最寄り駅>
【関東】東京:銀座、新橋、有楽町、目黒、代官山、渋谷、神谷町、表参道、恵比寿、六本木、飯田橋、大森、 神奈川:横浜、新横浜、茅ヶ崎
【関西】大阪:梅田、本町、心斎橋、なんば、三ノ宮、神戸、京都
■ECサイトセミナーの企画及び運営事務局
サイト開設、売り上げUP、集客UP、SEO、SEM、PPCなど、EC業界の最新情報をお届けするセミナーを企画・運営しております。
参加団体 社団法人 日本人材派遣協会 会員 / 東京商工会議所 / Web広告研究会 / オンラインショップマスターズクラブ / NPO法人 キープラネット / 全国イーコマース協議会

 トップページ会社概要・各拠点連絡先 個人情報保護方針法人のお客様へ