Quantcast
Channel: CSSタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8945

Tyハロトレ27日目

$
0
0

CSS

repeat-x

bgrepeatx2.png

bg-attachment

bgattachment2.png

bg-size

bg-size2.png

ショートハンド

shorthand2.png

拡張子

png・・・可逆圧縮(元に戻せまっせ)
jpeg・・・データを一部捨てているので、不可逆的圧縮(元に戻せんわい)
gif・・・べた塗りのイラストによく使います。

bdrs

bdrs2.png

text-shadow

h1{text-shadow:x方向の距離y方向の距離ぼかし幅影色;}

tShadow3.png

box-shadow

h1{box-shadow:x方向の距離y方向の距離ぼかし幅(広がり)影色(内側指定);}

「rgba」の最後の「a」はアルファ値(alpha)で不透明度を表すのによく使います。

box-shadow2.png

linear-gradient

線形グラデーションを表します。radial-gradientは、円形グラデーションを表します。
 to bottomは下方向へという意味になります。

h1{background-image:linear-gradient(開始位置(xxx方向へ),開始色,終了色);}

linear-gradient2.png

Google Fonts

limelight.png

index.html
<linkhref="https://fonts.googleapis.com/css2?family=Limelight&display=swap"rel="stylesheet">
style.css
h1{font-family:'Limelight',cursive;}

googleFonts2.png

Photoshop

ショートカット

Ctrl + スペースキーでズーム

スクロール

フィルター>その他>スクロール
スクロール.png

スクロール32.png

色調補正

イメージ>色調補正>色相・彩度
色調補正2.png

選択ツール

選択ツールにあるマークは、マジックワンド wand なので、ショートカット「w」キー
Ctrl + D で選択解除

切り抜きコピー

切り抜きコピー2.png

透明な部分を編集できないようにする

透明な部分を編集できない3.png

塗りつぶし

塗りつぶし.png

ぼかし(ガウス)

フィルター>ぼかし>ぼかし(ガウス)
スクリーンショット 2020-09-26 11.10.50.png

影の色を調節

スクリーンショット 2020-09-26 11.23.21.png

遠近法

編集>変形>遠近法
平行に2.png

ワープ

編集>変形>ワープ
ペンツールみたいに操作します。
ワープペン2.png

乗算

白じゃないときは、画像を切り抜くしかないです。
乗算.png

自由な形に

自由な形に.png

半分を選択

選択範囲をカットしたレイヤー.png

Ai(ベクトル) →  Ps(ビットマップ)
        変換
illustratorのレイヤーを全て選択してコピー
Photoshopに貼り付けすると、下記画像のような画面が出て、ピクセルを選びます。
イラレから.png
illustratorのファイルも画像と同じように加工できます。
スクリーンショット 2020-09-26 11.50.00.png

ガイドをロック

ガイドを間違えて消してしまわないように、
ガイドをロックするとはかどります。
ガイドをロック.png


Viewing all articles
Browse latest Browse all 8945

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>