「デザインツールのPhotoshopとFirewoksそれぞれの利点」ホームページ制作センターのスタッフ日記

神戸ホームページ制作センター

お問い合わせ:079-556-8137
受付時間:10:00~19:30(土日祝は除く)

お問い合わせ

ホームページ制作対応エリア

制作エリア
【営業地域】
大阪府/奈良県/滋賀県/京都/和歌山/三重/兵庫県/神戸市/神戸市北区/神戸市西区/三田市/宝塚市/川西市/篠山市/三木市/小野市 /尼崎市/芦屋市/明石市/伊丹市/西宮市/姫路市/西脇市/豊岡市/加古川市/加西市/加東市/相生市/赤穂市/朝来市/淡路市/市川町/宍粟市/竜野市/丹波

【受注可能地域】
大阪府/兵庫県/京都府/滋賀県/奈良県/
和歌山県/三重県/岡山県/徳島県など
全国各地
Googleビジネスパートナー

スタッフ日記「神戸ホームページ制作センター」

スタッフ日記「神戸ホームページ制作センター」
現在の位置⇒  ブログトップ> イエローレンジャー > デザインツールのPhotoshopとFirewoksそれぞれの利点
【12/02/08】
yellowおはようございますこんにちはこんばんは。
水曜ですね!イエローでございますヽ(・ω・)ゝ

インフルエンザ流行ってるみたいですね、
インフルエンザは乾燥が好きらしいので自宅にも加湿器が欲しいところです。



さて、今日はWeb制作に欠かせないデザインツール、PhotoshopとFireworksについて触れたいと思います。

まずPhotoshopについて。
私自身、この職につくまでは写真を加工したり絵を描いたりするくらいだったのでPhotoshopしか使った事がありませんでした。一般的に有名なのもフォトショでしょう。

■ Photoshopの利点

・フィルター(エフェクト)が充実している
写真をイラストタッチに変えるのもお手の物です。
色んな質感をリアルに再現できます。

・色調を細かく調整できる
Fireworksも色調調節は割と自由にできるのですが、露光量の調節やHDR(ハイダイナミックレンジ)編集などごりごりに気が済むまでいじれます。

・選択範囲に自由がきく(スマート半径、クイック選択、RBG各チャンネルレイヤー)
境界が近似色の場合の判定を調整できたり、複雑な髪形の人物の切り抜きなどが綺麗にできます。

・変形の種類が多い
(ワープ、パペットワープなど)
歪ませたり曲線に変形したり自由な変形を画像の劣化をおさえつつ実行できます。
パペットワープを使いこなすのは結構難しいかもしれませんがつかいこなせれば、かなり自由に変形させる事が出来ると思います。

・ブラシ、テクスチャ、パターンの種類が豊富
(追加できる)
星、雲、キラキラ、葉っぱ‥等、かなりの数のブラシが無料で追加できたりするので、絵が描けない人でもブラシさえ追加すれば何でも描けてしまうんじゃないだろうか・・・・と思ってしまうくらいフォトショのブラシはすごいです。(もちろんブラシを作成した方もすごいです。)

・アクションが便利
言ってしまえばトイカメラ風、ポラロイド風などの加工を一発ボタンで実行できちゃう機能です。
例えば、トーンカーブ調整→フィルター(カットアウト)→ぼかし(詳細)→レベル補正・・・・と作業を続けていって作品を作り終えたとする。
その作業ヒストリー(過程)をアクションとして記憶させるとあら不思議、同じ作業を自動で行ってくれるという訳です。
数枚の写真、同じような加工を施したい時などに重宝します。


・・・・いい所はざっとこんな所でしょうか。

フォトショは画像の加工や書き込みが得意です。
ポスターやチラシ用の画像作成にもってこいですね。
フォトショは自分のこだわりを最大限に出せるツールだと思います。

■ Fireworksの利点

Fireworksはこの業界に入って初めて使い出したのですが、神戸ホームページ制作センターはホームページ制作会社なので今では主にこのソフトを使っています。
Webデザインに特化したソフトと言われていますが、Webデザイン作成においては最高のソフトだと思います。

・レイヤー移動

フォトショはレイヤーパネルから選択かショートカット(Ctrl + Shift +↑or↓)での移動になりますが、
それに対してFireworksはオブジェクト単位での考え方なので、編集したいオブジェクト(レイヤー)にマウスを置くと、そのレイヤーがアクティブになるので操作が視覚的かつ直感的に行えます。

ここがWebデザインにおけるPhotoshopとの大きな差です。
複数のレイヤーで構成されるWebデザインではPhotoshopのレイヤー選択操作は不便に思えます。

・矩形の作成が便利

星形やドーナツ型などの矩形がサクサク作れます。
メニューボタンを作成するのも簡単にできるのもWebデザインに向いている点です。

・矩形の拡大劣化が少ない
Fireworksは矩形がパスデータの扱いなので矩形は拡大しても劣化したりしません。
前述した矩形がサクサク作れる理由のひとつです。
Webデザインは修正や変更が多いので編集がしやすいFireworksが便利なのです。

・スライスの書き出しが容易
メニューボタンなどパーツ単位で、しかも複数書き出せます。
htmlによるコーディング作業をする上でスライス機能が大活躍します。
Webデザインに欠かせない要素です。


-----------------------------------------------------------------------------------------------------------------

とまぁそれぞれの利点を挙げましたが、細かい点は他にもたくさんあります。
書き出すととても長くなってしまいかねないので、今回は割愛させていただきます。

総評すると、
Photoshopはメインビジュアルにあたる綺麗な画像を作成
Fireworksは作業スピード優先のWebデザインの作成
のような使い分けが個人的には一番よいのかなと思います。

ではまた水曜に!
イエローレンジャーでしたヽ(・ω・)ゝ
神戸ホームページ制作センター

お問い合わせ:079-556-8137
受付時間:10:00~19:30(土日祝は除く)

お問い合わせ
お問い合わせ