96's blog

WEBサイト制作科 6ヶ月コース

PhotoShop

PhotoShop(顔写真補正)

ほくろ除去 パッチツールを使う。 やり方はこちら。 目の拡大 ゆがみフィルタを使う。 やり方はこちら。 眉毛 焼きこみツール 切り取り 被写体と周りがはっきり分かれていれば、自動選択ぼかし20でまわりクリック。細かい点が残ったらshift+長方形で囲う。 …

PhotoShop09(背景色つき画像について)

背景色つきの画像は、書き出すと色が変わってCSSで指定する背景色と合わなくなるので作らない。 背景色をつけなくていけない場合は書き出し時に、 GIF形式を選択 減色アルゴリズム→知覚的を選択 透明部分にチェック 透明ピクセルを合成させるカラーを定義→マ…

PhotoShop08(ワイヤーフレーム、繰り返しの背景画像)

PhotoShopのみでカンプ作成 ガイドを利用。表示→新規ガイド→数値から指定できる。 テキストはMSゴシックPで、アンチエイリアスOFF。テキストはブラウザの環境によって表示が変わるので、きれいに表示されないIEを想定して描く。 繰り返しの背景画像(ドロッ…

PhotoShop07(JavaScript画像置換)

ボタン ひとつのボタンのレイヤーを各項目とそれぞれのlink状態とhover状態にわけてつくって、Web用に書き出していく。 シェイプでボタンの形を描く レイヤーをコピーし、link用とhover用にする。 新規レイヤーに画像を選択して編集→境界線を描く。位置は内…

PhotoShop06(ポラロイド風画像)

土台に対して黒で境界線をぼかしたレイヤーを少し回転させて影を作る。 写真の切り抜きは、型をシェイプで作り、レイヤーとレイヤーの間をaltクリック。 もしくはパレットメニューからクリッピングマスクを作成。 切り抜くときは、マスクするシェイプが下。…

PhotoShop05

画像の色調整は、レイヤーパレットの新規調整レイヤーか、イメージメニューしかない。

PhotoShop04(CSS Spriteボタン作成)

ボタン作成 シェイプツールでボタン作成 スタイルはダウンロード→ 220 Amazing Free Photoshop Layer Styles 文字ツールで文字間調整。カーニングをメトリクスに。 ボタンのレイヤーと文字のレイヤーをパレット右上のメニューからグループ化し、複製。 各グ…

PhotoShop03(各種画像効果、GIFアニメーション)

練習用の画像 個人使用の範囲で使える画像のもと フリッカーズ(海外) アマナ ゲッティ レイヤーマスク 画像の一部を背景に馴染ませたい(WebDesignWorks) 画像にレイヤーマスクを設定し、グラデーションツールを利用して境界線をぼやかす。 選択範囲:練習…

PhotoShop02(画像合成、ビネット効果、ドロップシャドウ、レイヤーマスク)

環境設定→単位 webなのでpx。 解像度の表現にはdpi(dot/inch)とppi(pixel/inch)があり、web上でもdpiを使われているが、本来の意味ではppi。 開いている画像の簡単なプロパティは、横スクロールバーの左のマークをクリックすると出てくる。 ctrl+space…

PhotoShop01

立ち上げ方 起動中にalt+shift+ctrlを押しっぱなし。 以前に作業したときのエラーなどの動作の記録をリセットする。 カラー設定 立ち上げたらまず、編集→カラー設定 画面操作 拡大・縮小 ctrl++・- 全面表示 ctrl+0 選択(写真から必要な素材を切り抜く) …