HTML&CSS

にわかデザイナーより数字の美

デザインはどうもセンスがなくって。。。 そんなあなたは数学を勉強してみましょう。 タイポグラフィで使えるフィボナッチ数シーケンス 。 これです。 0 1 1 2 3 5 8 13 21 34 55 89 144… たとえば名刺を作るときのフォントサイズに適用してみるとか、アイデアしだいです。 参考サ  >>続きを読む

矢印キーを使用したオブジェクトの移動 

Flash,Photoshopではオブジェクトを選択して矢印キーを押すと1ピクセル移動します。 Shift キーを押しながら矢印キーを押すと10 ピクセルずつ移動します。尚、Illustratorは環境設定で数値を設定して使用します。 Adobe Help参照

クリッピングマスクのテクニック

ボタンを作成します。 好みの色と大きさでシェイプを使用して角丸を作成します。 上のレイヤーに角丸の上にワンポイントのカスタムシェイプを作成します。例では動物の足跡 その上のレイヤーにボタンの文字を置きます。 真ん中のレイヤーの足跡のシェイプにクリッピングマスクをかけます。角丸の形でワンポイントのイラ  >>続きを読む

HSBを使って配色

HSBについて Web制作は色空間におもにRGBを使用しますが、HSBを意識的に取り入れるとグッとよくなります。無意識のうちにHSBを使用していたのではなく、意識的に使うことがポイントです。 HSBとは 色相 Hue(H) 彩度 Saturation・Chroma(S) 明度 Value・Light  >>続きを読む

Photoshopのマスクについて No4〜クリッピングマスク

Photoshopのマスクについて No1〜クイックマスク Photoshopのマスクについて No2〜レイヤーマスク Photoshopのマスクについて No3〜ベクトルマスク Photoshopのマスクについて No4〜クリッピングマスク クリッピングマスクとは クリッピングマスクとは、あるレイ  >>続きを読む

Photoshopのマスクについて No3〜ベクトルマスク

Photoshopのマスクについて No1〜クイックマスク Photoshopのマスクについて No2〜レイヤーマスク Photoshopのマスクについて No3〜ベクトルマスク Photoshopのマスクについて No4〜クリッピングマスク ベクトルマスク レイヤーマスクと似た機能にベクトルマスク  >>続きを読む

Photoshopのマスクについて No2〜レイヤーマスク

Photoshopのマスクについて No1〜クイックマスク Photoshopのマスクについて No2〜レイヤーマスク Photoshopのマスクについて No3〜ベクトルマスク Photoshopのマスクについて No4〜クリッピングマスク レイヤーマスクとは レイヤーマスクを考える前にもう一度マ  >>続きを読む

Photoshopのマスクについて No1〜クイックマスク

Photoshopのマスクについて No1〜クイックマスク Photoshopのマスクについて No2〜レイヤーマスク Photoshopのマスクについて No3〜ベクトルマスク Photoshopのマスクについて No4〜クリッピングマスク マスクについて マスクがよく理解できない方は選択範囲とマ  >>続きを読む

ドロップシャドウの向きを個別に設定 Photoshop

Photoshopで複数のレイヤーのオブジェクトに対して、レイヤースタイルのドロップシャドウをかけた場合には、すべて同じ向きにドロップシャドウがかかります。 どれかひとつのレイヤーで向きを変えてみても全ておなじ向きにシャドウがつくようになっています。 下の例では角丸四角形と文字にドロップシャドウをか  >>続きを読む