2012-03-01から1ヶ月間の記事一覧
Windowsの人は、XAMPP Macの人は、MAMPをインストールしてみましょう。 Windowsなので、XAMPPをインストールしました。 こういうのは得意な方ではないので、とにかく早くやってしまわねばと、仕事を中断して開始しました。一度目は、なんだかうまくいってな…
ビネット効果 画像の輪郭をぼかすこと 作成方法１． ぼかしをかけたい選択範囲を作成 選択範囲を反転する [選択範囲／境界をぼかす]を選択し、ぼかしたい任意のピクセル数を指定 Deleteキーで、選択範囲を解除 写真の見せ方 それぞれの役割を説明しなさい。 …
切り抜き写真をつくる（クリッピングパス） ペンツール 「ファイル」を開く ペンツールでパスを描く（オプションバーで「パス」を選択） 「パスパレット/作業用のパス」レイヤーをダブルクリックして名前をつける 「オプション/クリッピングマスク」をクリッ…
なぜ「白色」は「255」なのか答えなさい。 カラーモデル RGB モニター上で色を表現する発色方式。 光を加えていくことで色を表現する加法混色。 R（red）赤、G（green）緑、B（blue）青 CMYK 印刷物などのインクを使った色の合成方式。 光の一部を吸収し残り…
以下の画像を作りなさい（Illusrator） 断面図も描きなさい 作成したもの まだ、コントラストが強すぎました。
エッジをきれいに選択する 背景を青色に変更しなさい 抽出（旧バージョン） いろんな方法で、試してみます。
「丸→球」に見えるために必要な要素を書きなさい。 光のあたる部分から、あたらない「陰」の部分への階調をつける。 また、課題の「机の上にある球」では、光が球で遮られた「影」が机にできる。 「机の上にある球」という前提で描きなさい。 ツールは、何を…
ドロップシャドウの正解が出ていたので、作ってみました。 Photoshopで「光」と「影」を自由に操る 「魍魎」は得体のしれないもののことで、Photoshopの「影」がどこまで「影」なのかが曖昧なことを指す。 これはPhotoshopの「ぼかしの幅」にあたり、光と影…
「魑魅魍魎」画像を作り、言葉の意味も説明しなさい BOSSの見本 「田中一光明朝体／光朝」 作成した画像「ＤＨＰ平成明朝体」 ドロップシャドウ 不透明度： 影の不透明度 角度： 影をつくる光の角度 距離： 元図形からシャドウまでの距離 スプレッド： 影の…
印象派 「輪郭を描かない絵画」 印象派は、ものの形よりも光によって変わる色彩を重視しました。 そのため、ものの形は色のタッチの集まりで描かれ、 輪郭線がなくなりました。 Photoshopのドロップシャドウと光彩 ドロップシャドウ 上からの光で下に影がで…
前回の１カラムレイアウトの背景画像を作りなさい。 Photoshop repeat-y 上記の背景画像を適用したサイト （クリックで、アップ先に飛びます）
VERSION 2 h2をテキストにして、背景画像を付けてみました。 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>
設問 table要素では高さを指定しないとコンテンツ内容、つまり文字がtdセルの中にぴったりはまった状態になります。 しかし冷静にみれば若干下のスペースが空きすぎているようにみえます。これは、すべての要素でも、padding指定をし背景色を設定すると同じ…
<html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>表組み</title> <style type="text/css"> </meta></meta></head></html>
表組み課題で、2列目が細くなる 課題を見た時に、 「2列目だけが細い。どうしてかな？ ここだけCSSで幅指定？」 って思いました。 でも、表を組み上げると自然に2列目だけが細くなっています。 理由はわからないけれど、課題の表と同じっぽいので、とりあえ…
練習01 「Hello World!!」とブラウザに表示させる。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>Hello!</title> </head> <body> <script type="text/javascript"> <!-- window.document.write("Hello World!!"); //--> </script> <noscript> JavaScript対応ブラウザで表示してください。 </noscript> </body> </html> JS課題 Act…
【課題】読み方と意味を調べて、ブログに書きなさい。 読み方 がりょうてんせい 意味 物事を完成するために、最後に加える重要な仕上げ 作品の最も重要な箇所に手を加えて、効果をあげること 物事の最も肝要なところのたとえ the finishing stroke 用例 「画…
【CSS課題01】文字の修飾と背景色の指定 DTDは、XHTML 1.0 Strict container幅：800pxで表示 値は、曖昧でもOK CSSはブログに表示しやすいように、embed
CSS記載の順番 CSSカスタマイズは、CSSグループ化の順にする 大きい面積から決め、その後に修飾していく reset body container header wrapper content sidebar(nav含む) footer h1 p h2, h3, h4 ul, ol, dl li table address リセットCSSの書き方 リセットC…
【AI課題01】時計のイラストを描く 【AI課題02】木馬のトレースをする
【課題06】 はてなブログの幅（hatena-body）、背景画像または背景色を変更してみましょう。 可能であれば、h1の背景も画像にしてみましょう。 2012.3.17のカスタマイズ ブログの幅、背景色、h1の位置と背景画像を変えています。 /* header */ #simple-heade…
HTMLの基本構造 以下のようにブログに表示させなさい <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>基本構造の練習</title> </head> <body> </body> </html> 【課題03】 以下の語句は何を表すのか（または、何をする役割なのか）答えなさい。 meta ヘッダー内に記述し、文書についての情報となる「メタデータ」を指定する要素 http-equiv …
【課題02】王様とは誰？ ギリシャ神話のミダース王 ミダース王のストーリーをwikipediaで読む Evernoteに封印する、「王様の耳はロバの耳」 検索している時に、面白い記事に当たりました。 Evernoteに封印する、「王様の耳はロバの耳」TwitterやFacebookなど…
【課題01】Evernote さまざまなデバイスに対応している 同期の仕組みがある 画像内の文字を検索することができる Webクリップ機能 音声メモ機能 写真メモ機能 docomo×EVERNOTEプレミアムキャンペーン 2010年11月8日（月曜）〜2012年4月30日（月曜） キャンペ…
