Web・モバイル業界専門お仕事情報サイト「ウェブタント(WEB担当)」 お問合せ:東京0120-31-7133 大阪0120-14-2667
一般労働者派遣:(般)13-302759 / 有料職業紹介:13-ユ-302233 / プライバシーマーク:17000123(02)

会社概要お問合せ法人のお客様へ就業中スタッフ専用ログインサイトマップ
Web・モバイル業界専門お仕事情報サイト「ウェブタント」トップページへ お仕事検索 派遣スタッフ特典 WEB・モバイルプチノウハウ お仕事情報メルマガ 初めての方へ
職種別 求人情報   WebディレクターWebデザイナーhtmlコーダーネットショップ運営携帯サイト運営事務その他 特集
ネットショップでのPhotoshop活用術
ベタだけどやってみよう〜♪















「フォトショップCS3をインストールしました。」



と、お話してから早1ヶ月・・・



未だに、バージョン6から脱却できず、

CS3君は、パソコンの肥やしになっています・・・



前回のセミナーでもお話しましたが、

ネットショップで、フォトショップというと=バナー作成と考えても、

良いかなと思います。



余談が多くなっていつも時間が足りない(関係者各位ゴメナサイ。。。)、

当方の講座でも、クリックされるためのバナー作成をお話しておりますが、



今回は、「基本にかえって、ベタな方法も取り入れてみましょう。」をお話したいと思います。



ベタな方法って、、、と言いますと、

こんな感じです。



ストレートに矢印を使って、このページへGO!と書いてあります。



ベタといわれても、バナーの場合、商品ページ(や他のページ)へ、訪問者を誘導することが、

一番のお仕事ですので、お仕事してもらうことが一番と思います。

(逆に言うと、どんなに良いデザインでも、クリックされずにいるバナーは???と思います)



このベタなデザイン(見栄え)をスマートにしてゆくのが、デザイナーのお仕事ですが、

そんな、一例(を再現したもの)をご紹介したいと思います。





矢印をはじめ、様々な形のアイコン(WEBICONというフォント)を使って、

お客様の気持ちを後押しして、クリックへ結びつけることが出来ると思います。





このように、画像(写真)の中に矢印やアイコンを配置する方法のほかに、

インターネットのお約束を使って画像(バナー)を作ることもアリと思います。



画像下のアメリカン〜の部分は、テキストでなく画像の一部です。



ネットショップの訪問者は様々です。

パソコンやインターネットに詳しい人だけでなく、

それこそ、おっかなびっくりでクリックしながら、ページにあるリンクをクリックして

次のページに移動している方もまだまだ、多いと思います。



そんな方々のお約束として、

青い文字で下線の引いてあるところはリンクになっていて、

そこをクリックすると、他のページへ移動できると
ということです。



ということは、クリックすると次のページに移動できるということを

積極的に分かってもらうために、ベタですが、

バナーを作成するときにこのような方法を採用してみては、いかがでしょうか。



作り方は非常に簡単です。

青色でリンクとなる部分のテキストを打って、

そのフォントを「MS Pゴシック」にします。

その後、「アンチエイリアスの設定」を「なし」にします。



テキストウィンドウの右側の●に△が書いてあるボタンを押すと、

文字のオプションが出てきますので、「下線」を押すと

文字に下線をつけることが出来るので、上の画像のように

いかにもリンクがありますよ〜といった感じの画像を作る事が出来ます。





なんとなく、かっこ悪いかも知れませんが、

コレもお客様にクリックしてもらうためです。

ゼヒ試してみて下さい〜







次回こそは、CS3導入記がお話できると良いのですが・・・

(CS3を立ち上げる気配は・・・がんばります♪)

それでは〜







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

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

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

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


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



冬休み特別号?文字装飾のまとめ
文字をナナメにしたら、カタカタしたときは・・・
色で悩んだら、調整レイヤーを使ってみよう。
ベタだけどやってみよう〜♪
教えて下さい〜(ズレを直す方法)
スキャンしてみよう♪
アプローチの選択は簡単が一番♪
写真の上に文字を配置するとき
同系色でまとめてみては??
基本のまとめカレンダー作り
バナーには枠線を引きましょう♪
文字を変形してみよう♪
スライスでGoGo!
文字の装飾イロイロ
大きなバナーを作るとき・・・
クイックマスクで選択範囲を作ってみよう♪(その2)
点線のイロイロ♪
グラデーションで合成♪
フォントの使い方(実践編)
画像を囲って、写真っぽくしてみよう〜
----------------------------------------------------
全ての記事を見る

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

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

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

 毎週、コーディネータの
 おすすめ企業様をご紹介します♪
関東のイチオシ企業様
関西/中部のイチオシ企業様


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

スタッフ登録する
  非公開案件も多数あります。
  登録後にお仕事を探される場合は、まずは登録面接会予約をしてください。
登録面接会予約 登録から契約までの流れ 派遣スタッフ登録特典

このページのトップへ

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

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