学科 グラフィックデザイン基礎②【オンライン】　2024/8/29

2024.08.29

本日のテーマ：WordPressの見せ方

Illustratorの復習

  • ベクターイメージ編集ソフト
  • 図形を構成する要素のことを「パス」
  • パスはアンカーポイント（端点）同士をセグメント（線）で結んで構成
  • 作成した図形やイラストのことを「オブジェクト」
  • 塗りと線でできている

Photshop

  • アドビが販売しているビットマップ画像編集アプリケーションソフトウェア
  • 写真を自由自在に加工出来る
  • 印刷物を作る事も可能
  • 拡大に耐えられない
  • 選択範囲の使いこなしがPhotoshopが使えること
  • レタッチ：写真の「明るさや色合いを調節」「不要なものや人物を除去」
  • レタッチという言葉は、現在写真編集と同じような意味で使われている
  • レイヤーが自動的に増える（管理が必要）
  • ＜加工前作業＞レイヤーをコピー
  • ＜加工前作業＞スマートオブジェクトに変換（劣化しないデータに）

WordPressのテーマ

参考サイト

Photoshopの基本操作

  • 選択範囲
  • レイヤーパネル
  • レイヤーマスク
  • ブラシツール
  • 描画色と背景色
  • ファイルの移動とコピー
  • 切り抜きツール
  • 自由変形（ctrl + T）
  • Web用に保存（従来）

選択範囲

選択範囲によって画像の一部分または複数の部分が分離されます。特定の領域を選択することで、選択していない領域を元のままに保ちながら、画像の選択部分を編集したりエフェクトやフィルターを適用したりすることができます。

  • 長方形選択ツール
  • 楕円形選択ツール
  • なげなわツール
  • 多角形選択ツール
  • マグネット選択ツール
  • 自動選択ツール
  • クイック選択ツール

参考サイト

オブジェクトの選択と移動と削除・コピー

オブジェクトを移動させるには、｢マウスドラッグによる移動｣、｢移動コマンドによる数値指定での移動｣、｢変形パネルを使った移動｣、｢矢印キーを使った移動｣があります。選択ツールで移動したいオブジェクトを選択し、そのままドラッグします。 削除は「Delete」キーで削除出来ます。

参考サイト

レイヤーパネル

Photoshop のレイヤーは、積み重ねられた透明フィルムのようなものです。レイヤーの透明部分では、下のレイヤーが透けて見えます。レイヤーは、透明フィルムをスライドさせるように動かして、レイヤーのコンテンツを希望の位置に配置することができます。また、レイヤーの不透明度を変更して、コンテンツを部分的に透明にすることもできます。

参考サイト

レイヤーマスクについて

レイヤーマスクとは、通常のレイヤーや調整レイヤーの一部だけを表示したり、非表示にしたりすることができる機能だ。 レイヤーマスクを扱う最も大きなメリットは、元の画像を変更せずに部分的な補正や切り抜きが行えることである。 後に修正が必要になっても、レイヤーマスクを変更するだけでよいので非常に効率がよい。

参考サイト

描画色と背景色

描画色と背景色について に移動 – Photoshop では、ペイント、塗りつぶしおよび選択範囲の境界線の描画には描画色が使用され、消去された領域やグラデーションには … アルファチャンネルでは、初期設定の描画色はホワイトで、背景色はブラックです。

参考サイト

ブラシツールとは？

photoshopのブラシは、サイズやエッジのやわらかさを自由に変更して画面内に色々な色や形でペイントすることができます。 エアブラシ効果や特殊効果をつけたストロークを描くことができます。 ブラシの設定をカスタマイズして、専用のライブラリに追加、呼び出して利用することもできます。

参考サイト

切り抜きツールとは？

【Photoshop基本操作】［切り抜きツール］とは、画像を切り抜くためのツールです。 ドラッグした範囲を四角形に切り抜き、回転や変形などを同時に行う機能を持っています。 切り抜き確定後でも、トリミング領域の移動や仕上げサイズの変更といった再編集が可能です。

参考サイト

自由変形（ctrl + T）とは？

自由変形の使い方 Photoshopの自由変形を使うことで、全体の仕上がりを見ながら画像の大きさや角度などを編集することができます。

参考サイト

Web用に保存（従来）とは？

「Web用に保存（従来）」は、圧縮率を調整するなどして保存後のデータ容量を調整できます。

  • GIF
  • WEBP：圧縮率が高い綺麗な画像。アニメーション表示、透過処理可能、サイトで使用、ブラウザが対応できない場合もある
  • JPEG：画像が劣化する、透過できない
  • PNG：可逆圧縮、色をグループとして圧縮保存するためロゴやイラストに向いている
  • BMP：ファイルサイズが大きく、WEBでは扱えない、無圧縮、画像の劣化がない、白抜き、透過画像できる

参考サイト

Photoshopの基本操作（レタッチ）

  • パッチツール
  • コピースタンプツール
  • スポット修復ブラシツール
  • 修復ブラシツール
  • コンテンツに応じた移動ツール
  • ぼかしツール
  • シャープツール
  • 指先ツール
  • 覆い焼きツール
  • 焼き込みツール
  • スマートオブジェクト（レイヤーをラスタライズ）
  • カンバスサイズ
  • 画像解像度

参考サイト

・パッチツール

パッチツールとは、画像上の不要なものを、画像上の他の部分をパッチのように使って削除したりして画像を修復するツールです。

参考サイト

・コピースタンプツール

コピースタンプツールとは、画像の一部分を別の場所に複製することができるツールです。そのまま画像を重ねるイメージです。

参考サイト

修復ブラシツール

修復ブラシツールとは、修復したい箇所の上に、重ねたい画像の部分をブラシで塗り重ねるようなツールです。周りの画像となじむような処理がされます。

参考サイト

スポット修復ブラシツール

スポット修正ブラシツールとは、写真内の汚れやキズ、シミなど小さな範囲をすばやくキレイに修復することができるツールです。 

参考サイト

コンテンツに応じた移動ツール

コンテンツに応じた移動ツールとは、写真の一部を選んで位置を変えることができます。

参考サイト

ぼかしツール

ぼかしツールとは、画像のぼかしたところをただブラシでなぞるだけで簡単に画像をぼかすことができるツールです。

参考サイト

シャープツール

シャープツールとは、ドラッグした部分を鮮明にするツールです。

参考サイト

指先ツール

指先ツールとは、指先でこすったような効果を加えるツールです。油絵のようなイラストレーションを描きたいときや、ぶれた動きをつくりたいときなどに便利です。

参考サイト

覆い焼きツール

覆い焼きツールとは、ドラッグした部分を「明るく」するツールです。

焼き込みツール

焼き込みツールとは、ドラッグした部分を「暗く」するツールです。

参考サイト

GIF、圧縮率が高い綺麗な画像WEPPY（サイトで使う）

ブラウザが対応できない場合もあるので訓練校で使わない

非可逆圧縮　JPEG（画像が劣化する、透過できない）

.ping　gnp：白抜き　透過画像できる　少し重い


オブジェクト選択ツール
ＡＩで大体の範囲設定をしてくれる

選択とマスク　選択とマスクで修正　オーバーレイが無難　赤50-55くらい

マスク　再加工可能

レイヤーマスク

Ctrl＋ｔ・・・自由変形

オーバーレイをかける

RBG　色調補正　レベルの補正

カラーバランス・・・風景だと季節が変わる、昼間を夕方の雰囲気へ

写真ac　ぱくたそ（登録がいらない）
アドビストック

コメント

タイトルとURLをコピーしました