フォトショップ

レイヤー効果が反映されなくて

昨日書いた新馬場 やきとり 鶏也さんのレイアウト。実はトラブルを抱えておりまして。。。なぜかドロップシャドウが効かなくなっていましたorzでも、今日学校のお隣のお二方hayabusa08さんとvintonさんにご教授いただき解決いたしました!一応後々のためにメ…

減速スライド

準備 5枚の写真を用意する 好きな画像を5枚フォトショップで開く 解像度を幅500または高さ400のどちらかに解像度を合わせる(500×400より小さくならないように!) 500×400の画像にトリミング 新規で500×400のカンバスを作る 先ほど解像度を変えた写真をペー…

サイト構築変遷

本日・・・といっても日が過ぎてますが、授業の中での先生の言葉からのヒントといいイメージのサイトを見つけたため即帰って作業してました。 参考にした元のサイトは既にデザイン変更されていましたが緑基調ということで サイトデザイン変遷 ボックスくみ上…

カンプ作成

元画像 作成した画像

hover画像を作る

160×60のサイズのカンバスを作成 シェイプで160×60の長方形を描き、スタイルをかける 色相補性で色味を変えるとレイヤーが作成される Typeツールで文字を書き、中央ぞろえ。 Typeのレイヤーを複製し、文字を変える⇒繰り返し 文字の一つと長方形の一番下のみ…

カスタムシェイプを作る1(イラストレーターのベクターデータ使用バージョン)

こっちが授業のバージョン イラストレーターでクローズドパス(オープンパスはNG、使いたいときはアウトライン化)で作成 作成したイラストを黒で塗りつぶし、CTRL+Cでクリップボードにコピー フォトショップを起動する。 新規で新しいカンバスを作…

カスタムシェイプを作る1(フォトショップのみバージョン)

授業ではイラストレーターで作成したデータをカスタムシェイプに変換していたが、 せっかく後追いで復習するのでフォトショップだけでチャレンジしてみた。 写真を自動選択ツールなどを駆使して何とか黒塗りにする。 選択部分をコピーして新規のカンバスに貼…

FLASHのスライドを作成する

フォトショップで画像作成 適当な画像を5つ開く イメージ→画像解像度(ALT+CTRL+I)で変更(今回は450×300) すべての画像をレイヤーで一つのファイルにまとめる FLASH作成 新規作成(ActionScript2.0) 1フレーム目を選択し、ファイルメニューから「読み込…

グラデーションオーバレイの作成

シェイプで300×100pxの長方形を描く レイヤーパレット下部の「fx」のボタンをクリックし、開いたメニューから「グラデーションオーバレイ」を選択 グラデーションオーバレイの設定画面で「グラデーション」のコンボをクリックする グラデーション設定画面に…

雲に浮く文字作成

500×500で新規作成 カラーパレットで前面水色、背景白に設定 フィルター→描画→雲模様1を選択 もう一度雲模様をかけるが、その際にSHIFTを押しながらかける typeツールで適当な文字を書き、大きくしておく レイヤーパレットで背景をコピーし、typeの上に配置…

写真からグラデーション画像を作成

適当な写真を開く 一列選択ツールを選択 適当なところでクリックし、列を選択 「イメージ」→「切り抜き」で切り抜く (切り取りとは別なので注意) 「イメージ」→「画像解像度」で縦横比のチェックをはずし、横幅を500pxで作成

イラストレーターで描いた画像やフリー素材を使ってブログの見た目を変える!

タイトル画像 タイトル画像はフリー素材のページ http://footage3.openspc2.org/sozai/fullsize/でいただいたものをタイトル画像の大きさ(920×180)にトリミングして使用 背景 背景はイラストレーターで作成した 楕円ツールペンツール、グラデーションのみ…

黒抜きしてみたら

体調が相変わらずなので、頭は使わずできる作業をやってみました。女性の後姿から2回レイヤーを取得して背景なし、黒抜き+小物という感じで作ってみた 元画像 黒抜き後 元画像は女性っぽさが普通に出てるのに黒抜きしたら女性特有の柔らかいラインが完全に…

ドロップシャドウ付きの背景画像を作って実験

【PS】適当な大きさの長方形で選択し、背景色で塗りつぶす 【PS】新規レイヤーを作成 【PS】レイヤー→レイヤースタイル→ドロップシャドウで影をつける 【PS】トリミングツールで一部を切り取る 【IL】PSと同じ大きさの長方形を描く 【IL】長方形に効果→スタ…

ドロップシャドウを学ぶ!

新規カンバスを作成し、真ん中に大きめのテキストを書く レイヤー→レイヤースタイル→ドロップシャドウ いろいろいじってみる 設定中にカンバスの文字を直接いじることも可能!

雲がつながるような背景を作る

400×400の大きさのカンバスを新規作成 左メニューのカスタムシェイプツールを選択 上のメニューからシェイプをプルダウンさせ、出てきたウィンドウの三角をクリックしてシェイプの種類を「自然」にする 雲のシェイプを選び、カンバスの真ん中に設置 フィルタ…

課題の背景画像を作る

楕円選択ツールで正円選択をし、そこを薄い色で塗りつぶす。 フロントペーストで同じ円をつくり、濃い色で塗りつぶす 同じ高さの長方形を作って、円の真ん中でそろえる 濃い色の円をつぶし、グラデーションのようにする フィルター→その他→スクロールで高さ…

クリッピングパスを学ぶ!

パスパレットを選択し、ペンツールを選ぶ 上のメニューでパスツールを選択 ペンツールで縁取りする 縁取りが終わったらパスのサムネイルから名前を変更する パスのサムネイルをctrlを押しながらクリックして選択⇒ctrl+shift+Iで反転選択 レイヤーを作成 al…

エッジの調整を学ぶ!

自動選択ツールで背景を選び、選択範囲を反転して鷲だけがを選択状態にする 境界の調整をクリック エッジの検出で3.0くらいに調整⇒エッジ付近の除去しきれていない色を除去 不要なカラーを除去をチェックした状態で鷲の絵のなかに残っている背景色を選択して…

写真合成を学ぶ2!【PS04】

花画像で選択範囲→色域指定→範囲選択を選択 スポイトアイコンに「+」がついたものを選択し、背景を抜いていく 階調の反転をチェック i-mac画像の内側に多角形選択ツールで花を入れたい領域を選ぶ 選択範囲→境界線を調整でぼかし、エッジをシフトでOK 花の…

写真合成を学ぶ!【PS01】

窓の画像でワンドを使い窓内を選択 風景画像をCTRL+A、CTRL+C(コピー)全コピー 窓画像で編集→特殊ペースト→選択範囲内にペースト

シャドウ・ハイライトで補正を学ぶ!

イメージ→色調補正→シャドウとハイライトを選択 シャドウとハイライトを調整 シャドウとハイライトの意味 シャドウハイライト 黒を消していく白を強調する 「シャドウとハイライト」と「レベル補正」の使い分け シャドウ・ハイライトレベル補正 自然光の写真…

レイヤーマスクを学ぶ!【PS03】

ビーチでCTRL+A 選択ツールに変更し、ドラッグしてブッシュにコピー→enterキーで決定 ビーチのレイヤーができるのでできたレイヤーでレイヤーパレットの下からレイヤーマスクを作成 レイヤーマスクが選択された状態でグラデーションツールを選択 ヤシの実の…

スタンプツールを学ぶ!

左メニューからコピースタンプツールを選択 上部の筆の形をぼやけているものに変更し、半径を大きめにする。 コピーしたいところにあわせてALTクリック 貼り付けたいところでプレスドラッグするとドラッグした軌跡どおりにコピーされるその際に実際のコピー…

バリエーションを学ぶ!

写真のからある色味を補色を使って補正する。 イメージ→色調補正→バリエーション ウィンドウから補正をかけたいものを選択

トリミングを学ぶ!

左メニューから切り抜きツールを選択し、ENTER 写真の見え方 犬が枠の右側にいる場合、待っているように見える 犬が枠の左側にいる場合、近づいてきたように見える

補正を学ぶ

暗い写真を明るく補正 手動補正 イメージ→色調補正→レベル補正(CTRL+L) 0:黒 255:白⇒これは色としては無いものなのでカーソルで調整調整前調整後 真ん中のカーソルで微調整 自動補正 夕暮れを開く (CTRL+L) 自動補正をクリック ⇒夕暮れ空がなぜか青空に。。…

【PS02】ゴーグルをした電話を作る

ゴーグルの画像で自動選択ツールで背景とゴーグルの中を選択し、選択範囲を反転(SHIFT+CTRL+I) 選択ツールに変更する 電話の画像ににゴーグルをプレスドラッグでコピーする(タブにプレスドラッグしないとだめかも) CTRL+Tで選択し、ゴーグルの大きさ…

ぼかし(ガウス)

レイヤーパレットで背景を右クリックしてレイヤーを複製する レイヤーパレットで背景のコピーを選択した状態でフィルター→ぼかし→ぼかし(ガウス)で半径を4(位・・見た目のお好みで)に設定してOK 消しゴムツールを選択し、筆の形をぼかし筆の大きさをあ…

写真にぼかしのついた枠を付ける

全てを選択(CTRL+A) 選択範囲→選択範囲を変形を選択 メニューの鎖の部分をクリック Wを80%に変更 ENTER(割合を決定) レイヤーを新規作成 選択範囲→境界線を調整でぼかしを10にしてOK もう一回ENTER(範囲決定) 新しく作ったレイヤーを選択した状態で選択…