2014-09-26 顔の色を明るくしたい Photoshop 色域指定 スキントーン （1）「選択範囲」→「色域指定」 「スキントーン」を選択 「顔を検出」にチェック （2）新規調整レイヤー 「レベル補正」を選択 例題 以下の写真を綺麗にみえるよう補正しなさい 自然な明…
2014-09-25 写真の不要な部分を消す Photoshop践 不要な部分を消す 多角形選択ツールで消したい部分を選択します その選択範囲を拡張します 「拡張量」を「5」pixelに設定します 塗りつぶし 「コンテンツに応じる」で塗りつぶす 不自然になってしまったとこ…
2014-09-24 境界線を調整 Photoshop 境界線を調整（複雑な選択範囲） （1）選択しやすい色をクリックし選択範囲を作成 （2）選択範囲を反転し、必要な部分を選択している状態にする （3）選択範囲ツールのオプションバー「境界線を調整」をクリック （4）「…
2014-09-23 クリッピングパス Photoshop 切り抜き写真をつくる（クリッピングパス） （1）「ファイル」を開く。 （2）ペンツール でパスを描く。 ただし、オプションバーが「パス」を選択してあること。 （3）「パスパレット」「作業用のパス」レイヤーをダ…
2014-09-22 コピースタンプツールとドロップシャドウ Photoshop メモリを管理する ROM：Read Only Memory RAM：Random Access Memory Photoshopは、開いているファイルサイズの数倍のメモリが必要となります。 開く（Open） 保存（Save） 複製（Copy） 戻る…
2014-09-21 レイヤーマスク Photoshop レイヤーマスク Photoshop」のマスクは、選択範囲 マスクは、選択範囲の記憶 レイヤーマスク内が白ならば100％不透明、黒ならば100％透明になり、下のレイヤーが透けて見えるということです。 つまり２枚以上のレイヤー…
2014-09-20 解像度とスマートオブジェクト Photoshop 解像度 原寸（100％）：72 ppi（pixel per inch） 一辺１インチ（1平方インチではない）の幅の中にどれだけのピクセルを表現できるかを表す。 Webの場合には、高い解像度は必要ありませんが、原寸で見た…
2014-09-19 補正 Photoshop 補正（写真をきれいに） すでに移っている質が変化するわけではありません。 デジタル処理できる範囲で、人間が見てきれいと感じる程度に変化させます。 新規調整レイヤー 何度もやり直しができる色調補正のレイヤー レベル補正 …
2014-09-18 ポラロイド風写真を作る Photoshop Photoshopで簡単ポラロイド風イメージ 写真から作るのではなく、土台から作ることがコツ （1）新規ファイルの「背景」に色を塗る （2）レイヤーパレットの「新規レイヤーを作成」をクリックして 「レイヤー1」…
2014-09-17 擬似クラスを使ったレイアウト CSS <htmllang="ja"> <head> <metacharset="utf-8"> <title>ホーム | cafe</title> <style> /* reset */ html, body, div, h1, ul, li { margin: 0; padding: 0; line-height: 1.0; } ul { list-style: none; } img { border: none; vertical-align: bottom; } a { text-decoration…</metacharset="utf-8"></head></htmllang="ja">
2014-09-16 選択範囲 Photoshop Photoshopで選択範囲 選択範囲を決める （1）「練習_1」の中の「face.psd」を開く。 ※または［ファイル］→［開く］。【Ctrl＋O】open：開く （2）「長方形選択ツール」で画面上ドラッグしてみる。 （3）「楕円形選択ツール」…
2014-09-15 目的とパレットの使い方 Photoshop Photoshopの目的 初心者がPhotoshopの勉強をするときのポイントは以下の３点です。 選択範囲を決める。（どこをという最初の部分。または主語にあたります。） 補正する。（写真をキレイにします。目的にあった…
2014-09-14 文書構造とCSS 宿題 宿題 結果の記述を真似るのではなく、どうすればそうなるのか考えること 画像処理と準備が必要なものは、割愛しました 手順 HTML基本構造の入力 body内にテキストをペーストしマークアップする 基本は、見出しと本文の関係 必…
2014-09-13 新Jimdoの使い方とWebマスターツール CMS 新Jimdo 最近、Jimdoが新しいデザインになりました 以前とはかなり使い勝手が変わったような気がします 登録 テンプレートの選択 詳細の編集 自分なりに工夫をしながら作り込む 受講生課題：JImdoでの「…
2014-09-12 復習 ナビゲーション CSS 手順のチェック 以下の手順は、必ず実行しましょう。 DTD（HTML5）の入力 HTMLの基本構造の入力 meta（文字コード）の入力 title要素の入力 文書構造の設定（見出し+本文） ブラウザでプレビュー HTML文法チェック←W3C公…
2014-09-11 リストをナビゲーション CSS ナビゲーションブロック カテゴリ間を移動するためのインタラクション機能 タブ（ボタン）型で横並びのデザイン ナビゲーションブロックの構成 ナビゲーションは、各ページへのリンクをまとめたものでありリンク集の…
2014-09-10 擬似クラスとリセットCSS CSS リンクの色（擬似クラス：Pseudo-classes） 要素の性質スタイルを適用させたい場合に使います 主に「a要素」のリンク時のカーソルの表示状態を設定します 疑似クラスには次の6種類があります。 lang 指定された言語…
2014-09-09 基本操作と考え方 Flash 描画のポイント 鉛筆ツールのオプション ストレート スムーズ インク というオプションがあります ストレートやインクで線を描くと、描き方によっては少しガタガタした線になってしまうことがあり、ガイドレイヤーの線と…
2014-09-08 動くことへの渇望 Flash アニメーション 「アニメーション」とは、生命や魂を意味するラテン語の「ANIMA」を語源とする言葉 一般的に、本来静止している絵を生きてるかのように動かす技術 歴史的には、1830年代プラトーの作ったフェナキスティス…
2014-09-07 floatを使ったレイアウト CSS CSSレイアウト 基本は、floatを使ったレイアウト floatプロパティを使ったレイアウト 通常ならHTMLの順序通り縦に並んでしまうコンテンツを横に並べることが可能になります floatは浮き上がっている状態 floatを使っ…
2014-09-06 CSSレイアウト基礎演習（２） CSS A 以下のように表示するよう記述しなさい（値は適宜） 宮沢賢治作品 いてふの実 そらのてっぺんなんか冷たくて冷たくてまるでカチカチの灼きをかけた鋼です。 そして星が一杯です。けれども東の空はもう優しい桔…
2014-09-05 CSSレイアウト基礎演習（１） CSS header01 <htmllang="ja"> <head> <metacharset="UTF-8"> <title>【演習】header01</title> <style> #header h1 { margin: ; font-size: ; font-family: ; } #header p { margin: ; margin-top: ; font-size: ; } </style> </head> <body> <divid="header"> <h1>Homepage Title…</h1></divid="header"></body></htmllang="ja">
2014-09-04 CSSによるページデザイン CSS 初学者のCSS CSSを理解しようとして、いまネット上にあるプロの解釈を読むと、頭が混乱すると思います。 日本語ですら、まともに作文を書くことができるようになるまで何年もかかりました。まだ勉強を初めて１周間で…
2014-09-03 楕円形だけでロゴを描く Illustrator i-modeのロゴを描く （1）楕円ツールで、楕円をひとつ描きます （2）移動パレットで数値を指定しながら、移動コピーをしていきます （3）楕円の左ポイントを押したまま移動コピーをします ※上下の円が重なっ…
2014-09-02 長方形だけでロゴを描く Illustrator 長方形だけでロゴを描いてみる：IT 下絵を「テンプレート」で配置する 塗りなしの長方形で基準となる形を描く（ユニット） その長方形を複製して規則性をつくる キーオブジェクトを利用して基準の辺に整列さ…
2014-09-01 Dreamweaver DW Dreameaverとは マクロメディアによって開発された高機能なWebオーサリングツール 現在は、Adobe製品 何をするためのツールなのか 初心者にとっては、HTMLの入力を助けてくれるツール（ただし、勝手に何かをしてくれるわけではあ…
2014-08-31 CSSの基礎：演習 CSS 基礎演習 style要素をエンベッドして、以下の問いに答えなさい 色の指定は、Firefoxプラグイン「colorzilla」を利用します CSS01 h1要素「CSSの使い方」を記述し、赤色に表示されるよう設定しなさい CSS02 CSS01の記述を、背…
2014-08-30 CSSの基礎：まとめ CSS CSSのコーディング規約（Google） 「Google HTML/CSS Style Guide」を適当に和訳してみた Google HTML/CSS Style Guide CSSはどこに書くか？ 外部ファイルにCSSを書く方法 styleタグを使ったCSSを書く方法 HTML要素にCSSを…
2014-08-29 ボックスモデル CSS ボックスを構成する要素 ボックス幅は、コンテント領域幅 ＋ パディング ＋ ボーダーの太さ ＋ マージンです。 コンテント領域がボックス幅ではないので、注意が必要です。 ※コンテント：widthとheightプロパティで規定される…
2014-08-28 セレクタの種類 CSS セレクタの種類 タイプセレクタ IDセレクタ classセレクタ 子孫セレクタ 属性セレクタ ユニバーサルセレクタ などがあります。 タイプセレクタ 要素に対してスタイル指定する div: division em：emphasis h1 { color: #00CC00…
