フォトショップじゃダメですか?

07/08/17

編集部のBです。

先日A3表裏の印刷物を、お客様からの完全データで入稿したいという旨を受ける機会がありました。そのお客様が使われているソフトはPhotoshopで、ちょっとした文章もすべてPhotoshopで作って入稿したいという事でした。
ちなみに普段印刷業に関わりのあるような方ではありません。

PC環境の普及によって、家庭でも様々なデータが作れる時代。
こういった事も珍しくはないかもしれません。ですがデータの特性を理解しておかないと「こんなはずじゃ無かった」の結果で終わってしまいます。
今回はこの事例に乗って、かなり大雑把ですが「フォトショップでも大丈夫ですが・・・」の考察をしてみました。

ベクターデータとビットマップデータ
印刷に使用するデータには大きく2種類、ベクターデータとビットマップデータがあります。物凄くざっくり言うとIllustratorやInDesignはベクターデータ、Photoshopはビットマップデータになります。

ベクターデータは点と線を数値化し、それをコンピュータが再現して表示。

undefined

ビットマップデータは点の集まりで作られています。

undefined

そのため、文字の表現も点の集まりで作られてしまうので、若干ギザギザした出かたをします。

 

undefined



これを綺麗に出すためには点の数を増やす=解像度を上げることが解決策になります。今回の事例はあまり大きくないサイズで1枚モノでしたので、これで解決することを選択したのですが、これが100頁など量が増えると膨大な点の数になり、パソコンが処理するのに異常な時間を要します。

undefined

 

Photoshopの場合、軽いデータだと出る文字はギザギザ。重いデータだと綺麗だけどパソコンが止まってしまう・・・
そんな訳で特に文字の処理にはビットマップデータはあまり推奨されません。

スミ(K)版が・・・
通常Photoshopで作業される方はRGBモードで作業されることが多く、それらを最後に一括でCMYKへ変換するのが一般的かと思います。
しかし、それだとスミ版で再現したかったものが掛け合わせのブラックになってしまいます。
少しでも版がズレると3Dのようになって、読みにくいです。

undefined

スミ版で文字をのせるなら、背景をCMYKにした後に色のパレットがK100でできている事を確認して文字レイヤーを作ります。
さらにさらに、Photoshopでは意識してデータを作成しないとスミ版をのせることができません。
結論から言えばK100で作った文字レイヤーはレイヤーモード「乗算」でレイヤーの最上階層に作ります。「通常」のままに統合すると文字の後ろは全て白くなってしまいます。
こちらも少しでも版がズレると白が出て、読みにくいです。

undefined

専門的に調べれば他にも解決策はあるのですが、普段印刷に関わりのない方へは説明の密度が濃すぎると伝わらないものですので、その例として大雑把な考え方をまとめてみました。

ご自分のパソコンで綺麗に見えていても、そこからのアウトプットには様々な条件が存在するものです。
お手製のデータを入稿される際には、入稿条件を確認したうえでテストデータを送られる事をお願いいたします。

 


デザインが生み出すホントの価値②

05/06/17

五反田営業所デザイン室のHKです。

前回、デザインが生み出すホントの価値(=ベネフィット)について書かせていただきました。
ベネフィットには、(機能的・情緒的)の2種類があり、これらを上手に使い『私にはこの商品(サービス)が必要だ!』と思ってもらうことが、デザインの目的です。
少し抽象的でしたので、架空のスマホをモチーフにこれらを考えてみたいと思います。


この製品『Smart Camera001』の最大の売りは、デジカメよりも高画質な写真が撮れること。
強力な手ぶれ補正でブレを抑え、オートフォーカスもとても早いので一瞬のシャッターチャンスも逃しません。

さて、このスマホを店頭にて訴求するにあたり、ベネフィットという観点からどのようなアプローチが可能なのでしょうか?
こちらも架空の店頭POPを作ってみました。

まず、A案から。

■ A案
undefined

「画質?世界を変える?、最速0.02秒…」「4,200万画素…」など、技術的なことが中心となっていますね。
新製品らしく凄い写真が撮れそうなカメラ付きスマホだとはわかります。
しかし、カメラに詳しい人は別として一般的なユーザーに『この商品は、私にとって必要だ!』と、強い購買意識まで結びつけるのは弱い気がします。
このような商品の物理的な価値からの訴求を、機能的ベネフィットと言います。

 

次に、B案です。
■ B案
undefined

A案よりも、このスマホを購入したら『この商品は、私にとって必要ですよ』と具体的にアプローチした案です。
『家族との思い出』をテーマしたビジュアルとキャッチコピーで、「自分の大切なものを撮りたい」「思い出を共有したい」ユーザーのそんな気持ちへ訴えるデザインにて、強い購買意識へと結びつけます。
このような人のこころに対しての訴求が、情緒的ベネフィットになります。

以上、少し極端な作例ですが、
同じ商品でも、ベネフィットの使い方によってデザインも大きく異なってきます。
どちらが良いとか悪いとかではなく、目的・用途・ターゲットによって2つのベネフットのバランスを変えますが、きちんと機能的ベネフィットを抑えたうえで、情緒的ベネフィットを使った方がより強いメッセージになるようです。
このような視点から改めていろいろなデザインを見ていくとおもしろいかと思います。

 


不透明マスクでかすれ表現

26/05/17

編集部のBです。

今回はイラストレーターの「不透明マスク」を使います。

不透明マスク機能は大雑把に言うと、マスク側オブジェクトの白い部分を表示して、黒い部分を不透明度で隠してしまう機能(反転も可能ですが今回はこの前提で。)です。

undefined

 

昔からあるクリッピングマスクと違うのは、トーンの表現が可能であるという事です。

【マスク側にモノクロのトーン表現を使用すると、不透明度で表現してくれる】

undefined

 

undefined

 

クリッピングパスと違い、複雑なものでもマスク側1枚で表現でき、大変便利です。今回はこれを利用して水墨の雰囲気のある表現を作ってみます。
先に手順として説明すると、

1.ぼかし表現を使用した文字に不透明マスクでかすれの表現を加える。
2.1を重ねて奥行きを出す。

の2工程だけです。

【元になるテキスト】

undefined

 

元になるテキストに対して、アートブラシ(チョーク)で作ったオブジェクトで不透明マスクをかけます。表現として奥行きを出したいのでアートブラシの目の細かさと向きを変えたものと2つ用意します。

【A テキストにはぼかしを入れ、大きめのチョークでマスク】

undefined

 

【B テキストにはAよりぼかしを入れ、方向を変えた細かめのチョークでマスク】

undefined

 

さらに、水墨のにじみが広がった表現を出したいので、線で太らせて光彩で広げたものも用意します。

undefined

 

不透明マスクを応用して、印鑑風も作りましょう。

undefined

 

文字表現を全て重ね合わせ、和紙画像の上に配置して完成です。

undefined

 

【拡大】

undefined

 

暑くなって蝉も鳴き出す季節へ突入しますが、皆様お体ご自愛ください。

 


← 古い記事