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

会社概要お問合せ法人のお客様へ就業中スタッフ専用サイトマップ
Web・モバイル業界専門お仕事情報サイト「ウェブタント」トップページへ お仕事検索 派遣スタッフ特典 スキルアップセミナー お仕事情報メルマガ 初めての方へ
職種別 求人情報  WebディレクターWebデザイナーhtmlコーダーネットショップ運営携帯サイト運営WEB系一般事務その他  特集



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

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

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

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


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



光彩が足りなかったら、重ねてみれば??
今年も納涼カレンダー作成
簡単に簡単な小物を作ってみる〜(付箋編)
よく頂くご質問から(角の丸い画像って・・・)
便利な罫線を活用してみる
レイヤーを結合して、部品作成を効率アップ♪
いまさらですが・・・キラキラ♪
説明文を読んでもらうための小技(その1)・・・
あとチョッと位なら、切ったり、貼ったり、伸ばしたり・・・
組み合わせの難しい色は間に淡色をはさんでみよう〜
言いにくいことを画像で表示するとき・・・
難しい色の代表選手「黒」
暖色の中で目立つ!
緊張の・・・女性の写真を補正するとき・・・
カタカタするときは光彩(内側)でスムースに♪
後で調整が簡単な縁線の描き方(自己流です)
冬休み特別号?文字装飾のまとめ
文字をナナメにしたら、カタカタしたときは・・・
色で悩んだら、調整レイヤーを使ってみよう。
ベタだけどやってみよう〜♪
----------------------------------------------------
全ての記事を見る

ノウハウコラム
現場で使えるDreamweaver & Fireworksの
「イラストを描く前に、イラストを理解すること」をモットーに
ネットショップでのPhotoshop活用術
WEB制作会社で役立つPhotoshop活用術
デジカメ商品撮影 情報満載図書館
ネットショップに役立つプログラミングを楽しく伝授
【トントンのネットショップ運営繁盛講座】
売るための"サイト構築テクニック
心を動かすお店の作り方
御社の「売り」は何ですか?

スタッフ紹介
とこみゆきの良新日記
大池めぐみブログ
佐藤麻衣子ブログ
笠原華子ブログ
橋和田智子ブログ
平岡典子ブログ
野崎朋子ブログ
高見英作ブログ
高橋理華ブログ
外薗聖子ブログ

スタッフコラム
ちょっと耳より♪Web/Mobileコラム
Web業界おすすめ本
スキルアップセミナー現場レポート
関東のイチオシ企業様
関西/中部のイチオシ企業様


ネットショップでのPhotoshop活用術
冬休み特別号?文字装飾のまとめ



今年の冬休みは曜日の関係で、長期の休みになる方も多いかと思います。

こんなときだから、色々なことにチャレンジしてみたり、

気分をリフレッシュする意味でも、呑んでばかり(←コレはチョッと・・・)と

「休暇」として満喫してみてください。





せっかくの冬休みなので、「プチまとめ」として

今回は文字の装飾について、各回バラバラになったコラムをまとめてみたいと思います。





バナーに使っている文字は、マツイは大きく分けて2つに分けて使い分けています。



1)装飾用の記号としての文字

2)読んでもらうための説明用の文字



今回は

1)装飾用についてまとめてみたいと思います。



今回のポイント

・装飾用の文字は図形として捕らえよう

・文字の形は、その文字(言葉)をイメージする形を探してみよう

・フォントの選択で悩まないようにしよう

・文字色を考えてみよう

・装飾なので、商品写真とは区切り(境界)を作りましょう







■装飾用の文字は図形として捕らえよう

「装飾用の記号」としてと言うくらいなので、

マツイは装飾用の文字は「図形」として考えています。

文字の内容を読んでもらうのではなく、

「文字の形」でその商品のイメージを強調するように、

フォントや色などを選定しています。



では、どうやってそれを選んでゆくのか?



■文字の形は、その文字(言葉)をイメージする形を探してみよう

分かりやすい例で言うと、「アメリカンで力強いイメージ」の商品であれば、

ハーレーのロゴの色使いを使ってみたり、

http://www.harley-davidson.com/(ハーレーのHP)



「ガーリックを使った商品」であれば、

「ガーリック」という単語で画像検索して、

検索結果の商品パッケージをよくよく見て、

その商品に一番近いイメージのパッケージを参考にしてみたりと

「形」としての「文字」を探してみましょう



前回お話したときのコラム:http://www.webtant.net/a2-blogD-bid-907.htm(フォントの使い方(実践編))





■フォントの選択で悩まないようにしよう

マツイはフォントを「ざっくり」と、

太字なのか、細字なのか、

明朝系なのか、ゴシック系なのか



とまとめています。



「この商品には、○○明朝」や「この商品には△△ゴシック」と言った感じで

フォントを指名で選んでいるのではなく、

商品のイメージにあったフォントを、「上品」や「元気・力強い」と言ったキーワードで、

ざっくりと「当たりをつけて」、

以下の方法でフォントを選んでゆきます。



【実践でのフォントの決め方】

フォントを選びたい部分を選択したら、

Photoshopの文字ウィンドウのフォント名の部分を軽くクリックすると、

フォント名が反転します。

後は、↑↓キーを押してあげると選択した部分の文字のフォントが変わってゆきます。




前回お話したときのコラム:http://www.webtant.net/a2-blogD-bid-765.htm(フォント選びは簡単に〜)







■文字色を考えてみよう

文字色を考えてみようと、書いてみましたが、

文字=装飾と考えれば、それほど考える必要は無いのかも??知れません。

「イチゴ」ならピンク、「チョコレート」なら濃いブラウンといった感じで、

その商品やサービスの特色をより強調する、色を選択すると良いと思います。



商品の色をスポイト(i)で拾ったり、選択した色は、

HSBの3点で調整しみてください。





前回お話したときのコラム:http://www.webtant.net/a2-blogD-bid-1457.htm(同系色でまとめてみては??)

前回お話したときのコラム:http://www.webtant.net/a2-blogD-bid-49.htm(色の調整方法)







■装飾なので、商品写真とは区切り(境界)を作りましょう

区切り・境界を作るために、文字レイヤーに「レイヤー効果」を掛けてゆくのですが、

今回は、様々なレイヤー効果の中で、区切りを作るための効果だけを考えてみると、

「ドロップシャドウ」、「光彩(外)」、「境界線」の3つの効果の単体使用・組み合わせ使用で

マツイは対応しています。



・ドロップシャドウ単体

・光彩(外)単体

・境界線単体



・ドロップシャドウ+境界線

・光彩(外)+境界線



また、チョコッと応用で上下左右で異なった太さの境界線を作りたいときには、

文字レイヤーを重ねて、ずらすことで作る事ができます。





前回お話したときのコラム:http://www.webtant.net/a2-blogD-bid-453.htm(素材からバナーを作成まで その4(細か〜い調整編))

前回お話したときのコラム:http://www.webtant.net/a2-blogD-bid-480.htm(素材からバナーを作成まで その5(ドロップシャドウ編))







今まで、各回バラバラでお話してきましたコラムで、

分かりにくい点も多くあったかな〜と思います。

今年の冬休みは長いお休みということもあり、

今回、文字の装飾に関して、まとめてまとめてみました。



次回以降も、タイミングをみて、個々のコラムをまとめてみたいと思います。




それでは〜



来年もよろしくお願いしますです。


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

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

このページのトップへ

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

 トップページ会社概要 個人情報保護方針法人のお客様へ