読者です 読者をやめる 読者になる 読者になる

WEBデザインの勉強

WEB制作初心者が1から勉強するブログ。

Illustrator アピアランスでブラシで書いたようなロゴを作る

Illustratorのアピアランス機能を使ってブラシで書いたような文字を作る。 Illustratorで文字を書く。丸ゴシック系の細めのフォントを選ぶ。文字の間隔を少し空けておく 書式→アウトラインを作成し、オブジェクト→グループを解除する。 アピアランスで使用す…

Illustratorでロゴを作成しpositionで配置

http://efu.sakura.ne.jp/web/penguincafe/ <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="css/style.css"> <title>ホーム | Penguin Café</title> </head> <body id="home"> <div id="container"> <div id="header"> <h1></h1> <p class="logo"><a href="#"></a></p></div></div></body></html>

SVGでアニメーション

SVGとは…Scalable Vector Graphics(スケラブル ベクター グラフィックス) ベクターデータ。引き延ばしても縮めても荒れない。 Illustratorで文字を打つ 打った文字を選択してアウトラインを作成し、グループを解除する。 別名で保存する 形式をSVGにして保…

CSS Spriteでナビゲーションボタン

CSS Sprite(スプライト)とは…画像の一部を見せ、画像を移動しながら変化したように見せる手法。 http://efu.sakura.ne.jp/web/0414/ Illustratorでナビゲーションボタンの画像を作る。ポイント新規オブジェクトをピクセルに整合 ピクセルプレビュー 線を内側…