PCゲーマーのWebデザイン備忘録

PCゲーマーのWebデザイン備忘録。東京都内でWEBデザイナーとして働いています。Webデザインやゲームに関することをブログに書いていきます

2014-08-23から1日間の記事一覧

【HTML】テーブルを作る

HTMLでテーブル(表)を作ります。ソース <table border="1" width="300"> <caption>キャプション</caption> <tr><th>月</th><th>火</th><th>水</th></tr> <tr><td>○</td><td>×</td><td>○</td></tr> <tr><td>○</td><td>×</td><td>○</td></tr> </table> タグの説明 table テーブルの範囲 caption テーブルの題名 tr 行 th テーブルヘッダー td テーブルセル

【Illustrator】イルカをトレースする。

Illustratorに慣れてきたので、イルカのテンプレートからイルカをトレースしてみます。ポイント コーナーを作る。 なるべくアンカーポイントを少なくすると綺麗に見える。 線を太くすると見やすい。

【HTML】 HTMLの基本文章構造

HTMLでの基本的な文章の構造を書きます。 HTMLではアウトライン構造が重要になります。書き方例: <h1>一番重要な見出し<h1> <p>h1に関する概要</p> <h2>次に重要な見出し</h2> <p>h2に関する概要</p> ポイント必ず見出し(h1)と段落(p)をセットにする。そのセットだけで題名と文章として</h1></h1>…

【Illustrator】 1枚の葉っぱを回転ツールを使って、四葉にする

回転ツールで一枚の葉っぱをコピーしながら、四葉にしていきます。作り方 選択ツールで葉っぱを選択。 回転ツールを選択し、四葉の中心となるところをAlt+クリック。 角度を90度にしてコピー。 すると90度回転した葉っぱが一枚コピーされる。 Ctrl+Dで繰…

【Illustrator】直線や曲線を描く

Illustratorではペンツールを使って線を引くことができます。直線の引き方 ペンツールを選びクリック。 別な場所をクリック。 曲線の引き方 ペンツールを選び、プレス+ドラッグでハンドルを表示させ力の方向を決める。 別な場所をクリック、またはプレス+ド…

【HTML】練習中のHTMLの基本

現在勉強中のHTMLの基本 <html lang="ja"> <head> <meta charset="UTF-8"> <title>タイトル</title> </head> <body> <h1>大見出し</h1> <p>本文</p> <ul> <li>順序なしリスト</li> <li>順序なしリスト</li> <li>順序なしリスト</li> </ul> <p><img src="/img/test.jpg" alt="ここは画像に関係のあることを書く" /></p> <table> <tr><th>テーブルヘッド</th><th>テーブルヘッド</th>…</tr></table></body></html>

【Illustrator】リフレクトツール

Illustratorはベクターデータを作るツールです。 役割の一つはシンメトリー(対称)を作ることです。リフレクトツールを使い、半分しかないトンボのもう片方を表します。 時間:10秒やり方: 選択ツールでトンボの半分を選択。 リフレクターツールを使い中心…

【Color】捕色について

捕色とは、正反対の色同士を並べること。たとえば、サントリーのプレミアムモルツのような金と青の組み合わせ。特に青は人にとって手に入りにくい色なので、人の青に対する要求度は高い。 捕食を使うことによって、最初から完結した色を使うことができる。