CSS
repeat-x
bg-attachment
bg-size
ショートハンド
拡張子
png・・・可逆圧縮(元に戻せまっせ)
jpeg・・・データを一部捨てているので、不可逆的圧縮(元に戻せんわい)
gif・・・べた塗りのイラストによく使います。
bdrs
text-shadow
h1{text-shadow:x方向の距離y方向の距離ぼかし幅影色;}box-shadow
h1{box-shadow:x方向の距離y方向の距離ぼかし幅(広がり)影色(内側指定);}「rgba」の最後の「a」はアルファ値(alpha)で不透明度を表すのによく使います。
linear-gradient
線形グラデーションを表します。radial-gradientは、円形グラデーションを表します。
to bottomは下方向へという意味になります。
h1{background-image:linear-gradient(開始位置(xxx方向へ),開始色,終了色);}Google Fonts
index.html
<linkhref="https://fonts.googleapis.com/css2?family=Limelight&display=swap"rel="stylesheet">style.css
h1{font-family:'Limelight',cursive;}Photoshop
ショートカット
Ctrl + スペースキーでズーム
スクロール
色調補正
選択ツール
選択ツールにあるマークは、マジックワンド wand なので、ショートカット「w」キー
Ctrl + D で選択解除
切り抜きコピー
透明な部分を編集できないようにする
塗りつぶし
ぼかし(ガウス)
影の色を調節
遠近法
ワープ
乗算
自由な形に
半分を選択
Ai(ベクトル) → Ps(ビットマップ)
変換
illustratorのレイヤーを全て選択してコピー
Photoshopに貼り付けすると、下記画像のような画面が出て、ピクセルを選びます。
illustratorのファイルも画像と同じように加工できます。























