Fireworksの利点のひとつ ベクトルとビットマップを同じステージで扱えること JPEG,GIF PNG(PNGはベクトルの属性を含む) 写真の扱い 写真を開く 写真を読み込む エフェクト・カラー調整・シャープ・アンシャープ フィルターから Photoshopと同じく(効果が少…

Webでのテキストの扱いについて Webで表示されるテキスト２つ ブラウザに依存するテキスト 例外として画像として扱う文字 文字の基本３つ 文字サイズ 色 書体 行送りや行揃えはCSSで設定 ブラウザ依存のテキストは、カンプ上「PS Pゴシック」「アンチエイリ…

オブジェクトのマスク マスクしたい形状のオブジェクト マスクしたい画像 オブジェクトを「カット」→マスクとしてペースト 画像を「カット」→内部にペースト カットしてから対称を選択、編集→ 結果 グラデーションマスク マスクしたい形状のオブジェクト グ…

Photoshopの用途 初心者が学習する基本 範囲の選択 補正 写真をきれいにし、目的にあった画像にする 加工 マスクや合成で、元の画像にない特徴をつくる 起動・初期設定 初期化 メモリリセット Ctrl+alt+shiftで起動 カラー設定(Web用) 編集→カラー設定→Webイ…

ここを の主語 欲しい「図」と「地」の関係 選びやすいところ(色数が少ない等)を選び、範囲を反転して、欲しい範囲「図」を得る。 範囲を選択するツール群 矩形・円形 shiftドラッグで範囲追加 altドラッグで範囲除外 ワンド(魔法の杖) 自動選択は色を選択 …

ビネット効果→境界をぼやかした効果の作成 画像の全選択 Ctrl+A 選択範囲の変形 選択範囲→選択範囲の変形→85% 境界線の調整 選択範囲の反転 Command+Shift+I 新規レイヤー塗りつぶし Command+Delete(描画色塗りつぶし) 反転した範囲を塗りつぶす 作成

選択した範囲のコピー、ペースト 切り取りたい部分を選択 別に用意していた土台の画面にペースト 解像度・画素数の違いで大きさのバランスが取れないことがある。拡大縮小。作成 ついでに効果も。

ネット上で使用出来る画像は Jpeg(Joint Photograph Experts Group) GIF(Graphocs INterchange Format) PNG(Portable Network Graphics Webで使用する画像は最終的に四角いビットマップデータとして書き出すそれぞれの特徴 圧縮方法 透過 扱う色数 JPEG 圧縮…

写っている質が変化する訳ではない デジタル処理出来る範囲で、見てきれいと感じる程度に変化させる 補正 デジカメの暗く写る特徴を補正する レベル補正(ハイライト グレー シャドウ) シャドウハイライト コントラストが強くなるのがレベル補正 自然光のよう…

レイヤーとマスクの状態

解像度 原寸(100%)72ppi １インチの長さの中にどれだけのピクセルを表現出来るかあらわす Webに高解像度は必要ないが、原寸でみた場合の画質を維持させる サイズ変更 イメージ→画像解像度 画像の再サンプル Webの場合は、100％に最適化することが目的なので…

スクロール ドロップシャドウ シャドウ ドロップシャドウ 新規作成900px×100px ガイドを作成 50px 850px 選択範囲の作成 新規レイヤー作成、選択範囲で塗りつぶし 効果の適用 ドロップシャドウ キャンバスのサイズ変更 900px×10px親要素の背景を生かすには透…

コピースタンプツールを使った補正 画像中の傷や汚れを消す作業 コピースタンプツールの選択 ブラシをサンプルにする部分より小さめにセット 元になるボールにあわせてaltクリック コピーしたい場所をブラシで塗る容量。

ドロップシャドウと光彩の理解 ドロップシャドウ 文字の入力と設定文字色は背景色と同じ色を選択 レイヤー効果→ドロップシャドウ 作成 光彩 逆の要領で、光彩を使用。文字色と背景色を黒にする。

レイヤーを重ねた効果 元画像コピーしたレイヤーに、ガウスぼかしをかけてオーバーレイで重ねるハードライトを選択した時と同じ効果コピーしたレイヤーをぼかさずに、そのままオーバーレイで重ねてみたレイヤーの状態

文字の入力 オプションバー→ワープテキスト作成

パスの操作 ペンツールもしくは範囲選択でもOK パスパネル→作業用パスの作成 パスパネル→パスの保存 パスパネル→クリッピングパス パスをCtrlクリックで選択範囲が作成出来るレイヤーマスクを作成範囲反転して、レイヤーを塗りつぶす。トリミングしてweb画像…

毛皮、毛髪などの複雑な範囲の選択 選択範囲の調整 チャンネル 元画像 元画像のチャンネルを開く 一番コントラストの高いチャンネル選択、コピーして加工します Command+Lでレベル補正背景を飛ばす 顔の部分は塗りつぶすこのチャンネルレイヤーをCommandクリ…

http://www.dezinerfolio.com/2008/11/19/220-amazing-free-photoshop-layer-styles 編集→プリセットマネージャーから

レイヤー構成と効果で作るポラロイド写真 写真画像(写真サイズでクリッピング) 写真サイズのシェイプ(レイヤー効果：シャドウ) 写真の土台(レイヤー効果：境界線) 写真の土台から作った影(変形させる) 背景になるレイヤー(レイヤー効果：境界線) 背景から作…

Flashゲーム講座＆ASサンプル集【ムービークリップについて】

! 否定(NOT) 単項 && 論理積(AND) 二項 || 論理和(OR) 二項 ! 否定(NOT) 単項 否定(NOT)はオペランド尾ブール値を反転する論理演算です。 ブールはtrueまたfalseの２値であらわされるデータ型です && 論理積(AND) 二項 論理積(AND)ハ２つのオペランドの値が…

01 右に移動し続ける onClipEvent(load){ var speed:Number=5;//移動速度 } onClipEvent(enterFrame){ _x+=speed; } 02 右端迄行ったらマイナスの値を代入 onClipEvent(load){ var speed:Number=5;//移動速度 var rightEdge:Number=550;//右端座標 } onClipE…

暗い場所での撮影で起きるノイズを軽減する Adobe Bridgeで読み込み、CameraRawで開く 右メニューアイコンのうち、ディテールを選択スライダーのノイズ軽減を 何となく、、いじる 使用前使用後

firefoxのアドオンの管理 いつのまにやらバージョンアップしていた、1.2.1の英語表記しかないwebdeveloperを、日本語対応の1.9.1 にインストールし直す。 ※最新版が、オールマイティとは限らなかった。 手順 ツール→アドオン→機能拡張 アドオンマネージャー…

スクリプトの使用 ファイル名を変更する 連番がついている方が、管理しやすい Adobe BridgeでもOK ツール→ファイル名をバッジで変更Photoshopの場合 編集→スクリプト→ファイルをレイヤーに読み込む レイヤーに読み込まれた状態 同じく編集→スクリプト→レイヤ…

ステージと文字を入力 文字を１文字ずつに分解し、レイヤーに配置する 修正→分解 修正→シンボルに変換 修正→レイヤーに分配 レイヤー構成 各文字(レイヤー) 最初のフレーム アルファ0 次のフレーム クラシックトゥイーンの挿入 アルファ10% 変形800% 次のフ…

高齢者・障害者が利用することを考える参考 富士通のサイト制作アクセシビリティ指針 ウェブコンテンツに関する企画や技術使用を護る 情報デザイン(みためじゃなくって情報の整理、ページ構成) ユーザビリティ(使いやすさ) セキュリティ、プライバシー(写真…

ペンツール ドラゴン 描画→ドロップシャドウ 雲 円形→ぼかし→透明 図形ツール 拡大縮小ツール ドロップシャドウの分、オブジェクトより大きく書き出し ほしいサイズの四角形を選択→アートボードのサイズにする