2013-08-01から1ヶ月間の記事一覧
ペンギンのおなかの線は円をハサミツールで適当に切り、いらない線を削除する 足の部分は[効果]→スタライズ→角を丸くする eはアキュートアクセントで検索し、コピー＆ペースト [オブジェクト]→アピアランスの分割をすることで、後で効果を変更できる
ファビコンを画像から作る場合 画像を正方形に切り抜く(Shift + ドラッグ) 画像を[イメージ]→モード→RGBカラーにチェック コントラストとアンシャープマスク、色調補正の彩度で強調する 苺のヘタなど、画像を縮小した時よく見えない細かいパーツは、ブラシツ…
画像をGIFで保存する場合は、曲線があるものは16〜18、直線なら8で保存する。 色数が少ないものでエッジが効いてるものはPING-8を積極的に使う。 PING-8はデータも一番軽く、綺麗に見える。
斜めの線がある場合は、アンチエイリアスを必ずつける 文字のカーニング方法はAlt＋←→キーで調整 メロン風の背景の作り方 長方形ツールで帯を作り、グラデーションツールの描画色から背景色を選び円形を選ぶ [フィルタ]→テクスチャ→ステンドグラス パスで背…
JS(1) <script> for(var i = 1; i <= 3; i++){ alert(i); } </script> JS(2) <script> var number ; number = prompt('数字を入力して下さい','半角英数字で入力して下さい'); number = parseInt(number); number >= 70 ? document.write('合格です') : document.write('不合格です'); </script>…
<html lang="ja"> <head> <meta charset="utf-8"> <title>横向きアコーディオン</title> <link rel="stylesheet" href="style.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> </head> <body> <div> <dl> <dt id="page1"><span>Tokyo</span></dt> <dd></dd></dl></div></body></html>
<html lang="ja"> <head> <meta charset="utf-8"> <title>リキッドレイアウト</title> <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script> </meta></head></html>
イラストレーターで描いたイラストをAi選択でコピーペースト [修正]シンボルに変換→ムービークリップ→名前の最後に＿MCをつけておくと後々便利 イラストのサイズを変更したい場合はシンボルに変換後自由変形ツールを使って変更 プロパティでインスタント名を…
目的:hover画像をつくる時 ファイル→ドキュメントの設定→アートボードの編集でアートボードのサイズを調整できる(この時、切り抜きたい画像は別レイヤーにしておく)
水滴の描き方 楕円形ツールで正円を描く→ペンツールのアンカーポイントの切り替えで頂点をクリック→後はダイレクト選択ツールで形を調整する 吹出しの描き方 楕円形ツールで楕円を描く→吹出し部分を作るために楕円を二つ作って[パスファインダ]の前面オブジ…
書いた図形を選んで[オブジェクト]→[パス]→[パスのオフセット]。 内側ならマイナスpx、外側ならプラスpx。
バージョンは1.8.2を使用すること script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" <html> <head> <meta charset="utf-8"> <title>toggle</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <style> p{ cursor: pointer; } #container{…</meta></head></html>
シャツの書き方 四角を書いてグラデーションツールを使って立体的に見えるようにする。 効果→パスの変形→パスの自由変形で台形に形を調整。 円を重ね、立体的に見せる。 襟はペンツールで書き、影の部分は重ね順を背面にする。 ボタンも同じ要領で4つの円を…
<html lang="ja"> <head> <meta charset="utf-8"> <title>かわさきコンテンツアワード2011</title> <link rel="stylesheet" href="css/style.css" media="all"> </head> <body> <div id="container"> <header> <h1><img src="img/header.jpg" width="750" height="308" alt="かわさきコンテンツアワード2011"></h1> </header> <nav> <…</nav></div></body></html>
<html> <head> <meta charset="utf-8"> <title>css sprite完成版</title> <style> body,div,ul,li,a{ margin: 0; padding: 0; } a{ text-decoration: none; } ul{ list-style: none; } #container{ width:800px; margin: 0 auto; } ul{ width: 800px; height: 50px; } li{ float: left; } li a{ width: 160px;…</meta></head></html>
onMouseOver = " this.src = ' images/◎◎.jpg ' " onMouseOut = " this.src = ' images/◎◎.jpg ' " <html> <head> <meta charset="utf-8"> <title>画像置換</title> <link rel="stylesheet" href="style.css" media="all"> </head> <body> <div> <h1>風景写真</h1> <p>※画像上へマウスを移動すると、その画像をカラーで表示します。</p> <ul> </ul></div></body></html>
<html lang="ja"> <head> <meta charset="utf-8"> <title>H14</title> <link rel="stylesheet" href="style.css"> </head> <body> <div id="container"> <header>header</header> <div id="wrapper"> <section id="left">section01</section> <section id="right">section02</section> <article>article</article></div></div></body></html>
<html lang="ja"> <head> <meta charset="utf-8"> <title>H13</title> <link rel="stylesheet" href="style.css"> </head> <body> <div id="wrapper"> <div id="main"> <h1> <img src="img/logo.gif" width="267" height="129" alt="Patisserie camellia"> </h1> <ul> <li><a href="#" class="info"><span>…</span></a></li></ul></div></div></body></html>
