Photoshopについて最近知ったこと

先週Photoshopを購入しました。

それと同時に、エイクエント名古屋オフィスで開催されたイベント、「現役Webデザイナーに学ぶ"魅力的な"Webバナーの作り方」に参加してきました。

その時に学んだことがあったので、ブログを書いていきます。

また、Photoshopの基本に関する内容にも触れていこうと思います。

メニューバーの「ウインドウ」をクリックします。

その後、表示させたいパネルの名前にチェックをつけます。

f:id:khirok:20200218111245p:plain

今回は、レイヤーを表示させるため、レイヤーにチェックを付けました。

例えば、この画像を灰色の枠内に納めたい場合

レイヤーを調整すれば実現できます。

f:id:khirok:20200218112415p:plain

赤枠で囲ったレイヤーが画像のレイヤー

水色の枠で囲ったレイヤーが灰色の枠のレイヤー　です。

現状では、画像のレイヤーが灰色の枠のレイヤーがあるフォルダの外にあります。

これを次のように変更します。

f:id:khirok:20200218113413p:plain

同じフォルダ内に入れました。

すると、画像が灰色の枠内に収まります。

f:id:khirok:20200218113602p:plain

画像をクリックした状態で、⌘ + Tを押すとサイズ変更が可能になります。

f:id:khirok:20200218114359p:plain

1.ツールバーから楕円形ツールを選択する(長押しすると6種類のツールが表示されます。)

2.Shiftを押しながらドラック&ドロップ(縦横比が固定されます。)

動画では、長方形と円の色を落ち着いた色に変えています。

1.移動ツールで色を変えたい図形を選択する

選択された図形は、ファイル名の横に表示されます。

f:id:khirok:20200218123017p:plain

2.右側のスウォッチというパネルから、変更したい色を選択する

以上の操作で図形の色を変えることが出来ます！

移動ツールでテキストを選択して、フォントを変更するプルダウンを操作します。

文字パネルが表示されていないときは、メニューバーのウィンドウから「文字」を選択します。

f:id:khirok:20200218130018p:plain

今後は、Photoshopのデータからコーディングできるようになりたいです。

そのため次回は、

について書いていきたいと思います。