Photoshopとは

はじめに

Web制作の案件を見ていると、「Photoshopの経験必須!」と書かれていることがよくあるため、Photoshopについてインターネットで調べたことをまとめてみました。

 

公式サイト

f:id:khirok:20200210234942p:plain

Adobe

https://www.adobe.com/jp/products/photoshop.html?gclid=Cj0KCQiAm4TyBRDgARIsAOU75spi3It66Chza2R4F9BRHSgQg_iyuZeURx7PhwyUu3wbC6SzdEZ9Fl0aAhBDEALw_wcB&sdid=19SCDRPS&mv=search&ef_id=Cj0KCQiAm4TyBRDgARIsAOU75spi3It66Chza2R4F9BRHSgQg_iyuZeURx7PhwyUu3wbC6SzdEZ9Fl0aAhBDEALw_wcB:G:s&s_kwcid=AL!3085!3!340307349240!e!!g!!photoshop

何ができるのか?

画像を重ねて合成することや、画像内にある不要なものを削除することが出来ます。

名刺やポスターのデザインも出来ます。

費用は?

f:id:khirok:20200210231236p:plain

フォトプランで購入すれば、月額980円で済みます。

 

参考書を買うと、追加でお金がかかりますが、

f:id:khirok:20200210231521p:plain

私は、サルワカを信頼しているため、まずはサルワカのフォトショップ講座を参考にしたいと思います。

Illustratorとの違いは?

Photoshopは、写真加工や合成、手書きのイラストに色を付けたりすることに向いています。

 

一方、Illustoratorは、ロゴやレイアウトを作成することに向いています。 

個人的にやりたいと思ったこと

Photoshopでは、自分で撮った写真を編集し、Illustratorでは、名刺をデザインしたいです。

HTML / CSS コーディング案件を受注するときに必要になる

実際の案件では、psdデータ(photoshopのデータ)からコーディングすることが多いようです。

 

その際に、

  1. 要素の長さを測る
  2. 文字情報を取得する
  3. 画像書き出しを行う
  4. 背景を消す

などの作業をPhotoshopで行う必要があるようです。

参考にしたサイト

サルワカ (https://saruwakakun.com/design/photoshop)

Progate終わったらやること3つ (https://guuten.net/afterprogate/)

エンジニア Web制作 必要最低限のWebデザインスキル5つ (https://guuten.net/webdesign-skill5/)