WEB DESIGN -24ページ目

【Photoshop】不透明度のショートカット

たとえば、下のような状況になったと妄想してください。

「レイヤー1」は黒の背景
「レイヤー2」は肌色の丸

「レイヤー2」の不透明度を50%にしたくなってきたとまた妄想してください。

$WEB DESIGN


そこで『「レイヤー2」は肌色の丸』を選択した状態で数字キーの「5」を押してください。

すると!!




$WEB DESIGN


簡単に不透明度は50%に!

※「0」を押すと100%になります。他のキーもいろいろ押してみてください!www


CSSってなに?

最初「CSS」って聞いた時、なんのことだかさっぱりでした。

なんだろう?と感じたのを今でもおぼえています。

CSSは「Cascading Style Sheets」(カスケード・スタイル・シート)の略です。

でも私は難しい説明はしたくないんです。

「頭でおぼえるよりも、体になじませる」をモットーにこのようなものは学習したいので



さっそく

tonsokuboy


上記の「tonsokuboy」はCSSで装飾しています。

どのように書くかといいますと

<div style="font-size:50px; color:red; text-shadow:5px 5px 5px #000000;">tonsokuboy</div>
※IEですと、バージョンによって影が表示されません。

と書きますと

赤い「tonsokuboy」(影付き)が現れます。

少し解説してみます。
「font-size:50px;」 ⇒フォントのサイズが50pxです
「color:red;」⇒フォントのカラーが赤です。
「text-shadow:5px 5px 5px #000000;」⇒5pxの黒い影をつけます。

簡単にいいますと、装飾のルールを決めただけです。

これがCSSです!

最初は取っ付きにくいかもしれませんが、後は根性です。

私も独学でおぼえました。

がんばりましょう!





Adobe Illustrator CS5 機能紹介その2



心優しい方がこのような動画をアップしてくれてたんですね。

ありがたいです。

実は私もこのセミナー(in品川)には実際に参加させていただきました。
この動画の中でビックリした機能と言えば、「シェイプ形成ツール」(Shift+M)でした。

重なったオブジェクトの部分を簡単に形成してくれるツールです。

WEBデザイナーさんでしたら、きっと助かるツールだと思います。

私も使いまくっている日々です。

またAltキーを押しながら、重なった部分を「シェイプ形成ツールで」選択するとその部分が削除されます。

WEBだけではなく、ロゴ制作なんかもチカラを発揮してくれるツールだと思います。