Photoshop解禁!

写真の角を丸くする(小学3年生時の次男)パソコンを勉強しはじめて、その名を聞き、以来ずっとあこがれだったPhotoshop。
生徒さんがいらっしゃる今がチャンス。勉強しなくっちゃ!
晴れて、Photoshop、解禁です。

一目でわかるPhotoshopというサイトにて勉強。(10/30、終了)

切り抜きツール

トリミングをすると、画像サイズがやたら大きくなるという現象が生じ、検索しても不明。
設定を確認したところ、切り抜きの詳細設定のボタンを押したためらしいです。
解像度が「300ピクセル/インチ」という設定になっていたようです。
「72ピクセル/インチ」に設定を戻したところ、サイトの説明どおりに切り抜きができるようになりました。

抽出フィルタ

ぬいぐるみを撮影し、切り抜きました。背景とのコントラストがはっきりしている方が仕上がりがよいです切り抜くためには、[フィルタ]メニューの[抽出]フィルタが必要です。しかし、
> Photoshop CS5 には従来のプラグインがインストールされていません。(全文AdobeからダウンロードしたPDFよりコピー)
とのこと。で、AdobeサイトからWindows版をダウンロードしました

  • Win32フォルダの中身(合計10ファイル)を、Adobe Photoshop CS5/Plug-ins/Filtersへ。
    これで、[抽出]フィルタなどが使えるようになりました。
  • Presetsフォルダの中身(合計4フォルダ)は、Adobe Photoshop CS5/Plug-ins/Presetsへ。
    これでWebフォトギャラリー([ファイル]-[自動処理]-[Webフォトギャラリー])などが使えるようになりました。
選択範囲を滑らかに
選択範囲の境界をぼかす

人物だけを切り抜く(その2)幼稚園のしんのえ先生と次男の手「サイトの通りにボケないやん!」
と苦労しました。
参考書で確認したところ、新規ドキュメントウィンドウにペーストしてはじめて、ボケるのね。

コピースタンプツール

コピースタンプツールを使って、猫の目を3つにしましたお肌やジュウタンのシミを消したり、一部分を複製したり・・・?

ブラシでパスの境界線を描く

ブラシでパスの境界線を描く

  • パスツールで線を描く。パスは選択されたままにしておく。
  • ブラシツールを選択し、ブラシパネルで間隔を100%以上にする(=点線になる)
  • パスパネルの[ブラシでパスの境界線を描く](一番下に並んでいるボタンの左から二番目)をクリック
透かしを作る

透かしを作るドロップシャドーとシャドー内側にて。

パッチツール

パッチツール使い方が違うだけで、コピースタンプツールと似ています。
パッチツールで選択し、変更したいエリアにドラッグ。

キラキラさせる

ブラシの応用ブラシツールで、「まるたぁキラキラブラシ」を読み込みました。
(ブラシプリセットパネル-ブラシファイルの読み込み)
vectorからPhotoshopのブラシが多数、ダウンロードできます。

モザイク

金婚式のときの母(母じゃ、すまねぇ~!)フィルタ-ピクセレート-モザイク。

画像表示

遅ればせながら、今はやりの別窓で画像を表示させる方法を取り入れました。
LightboxというJavascriptを使用いたしました。

カスタマイズは、以下。

  • 「閉じる」ボタンが小さくて見逃しそうなので、イラストレータで作りました。
    一から作ったのではなく、素材からメモ帳と×ボタンを合成し、部分的に順序を変更。
  • リンクのタグが長いので、短くしました。rel=”lightbox” → rel=”lbx”
    短くするにあたり、Javascript(lightbox_plus.js)を2か所だけ修正。

6 thoughts on “Photoshop解禁!

  1. さえ より:

    おだんごちゃんフォトショまだだったんや!
    私も持ってるけど、ほとんどエレメンティしか使ってないわ。
    HP作って遊んでいる生徒さんにCSは高すぎるもんね。
    FIREWORKSとかDreamweaverとかもちょっとは触ってみたけど、
    これは仕事で使ったけど、面白そうと思ったけど先にはいかなかったわ。
    個人経営はソフト代だけでも大変ね。

  2. Showmone より:

    フォトショは、まだだったんじゃ。
    パソコン生活十数年で、はじめて使っています。

    Dreamweaverは、インストラクションが3回目。
    Illustratorは、インストラクションが2回目。
    PhotoshopとFlashのインストラクションは、はじめて。
    Photoshopは、使うのもはじめて。

    個人経営は、教科書と試験とソフト代で、赤字ですよね~。大変だ!

  3. KEME@職場 より:

    ほんと、はじめて??にびっくりしました。

    イラレにフォトショップをリンクして配置すると楽だったりする。
    CS5は情報とかがちょっと楽。

    でも、RGBの方しかようわからん。
    まとめ楽しみにしてます。

  4. Showmone より:

    そか~。やっぱ、Photoshopは通らなきゃならない道だったんだな。

    > イラレにフォトショップをリンクして配置すると楽だったりする。

    リンクで配置とか、CSS情報とか、KEMEちゃんは使いこなしているんだね。
    オラは初心者です。

    実は、Flashもどさくさで新調しちゃったのです。(汗)
    Macromediaの「8」だもん、これでInstructionというのは、質がね。
    生徒さんがこのまま続けてくださいますようにと、祈っております。

    続けていただかないと、勉強のモチベーションが生まれないしな。

  5. KEME@職場 より:

    >CSS情報とか

    シーエスファイブ情報です。

    私の方が、使ってないからご安心を?
    たとえば、CS2なら、ガイドをいっぱい引かなければいけないのを、CS5でなら、情報ウインドウが、楽なの。私にとっては、CS5の新機能なんだけれど、ひょっとしたら、CS2でもあったかもしれない・・・。

    確かオートキャドの2007くらいの講習に行ったときも「座標の位置がマウスのドラッグのときに表示してくれるようになったから楽ですね」と言ってはったのがそのときはちんぷんかんぷんだった。でも、イラレで、ようやくあのときのあれと一緒とおもってしまう。ようやく。

    フラッシュもアドビになったから、ソフトを超えての連携も楽なんだろうかね。
    今のところ、CS5は、イラレとフォトショだけだけど、引き出し多すぎ!!魅力も多いけれど。

    けど、おだんごちゃんところの生徒さん、幅広いねぇ~~~。

  6. Showmone より:

    ファイブか!(ははは)スミマセン。
    不明な用語が並んでいて、「初心者にはわからなーい」と思ってしまいました。

    情報ウィンドウは、きっと、[情報パネル]のことですね。
    CS2のころもあったようですが、[情報パレット]と呼ばれていたようです。(CS3まで、パレット。CS4、5はパネル)

    ガイドをいっぱい引かなければならないような精密な絵は、Illustratorの試験勉強のときにやったかなぁ。

    ソフトの連携はまだまだです。
    Photoshopでの画像処理方法がわからず、Illustratorに助けてもらいたいとき、
    まだ、選択範囲-すべてを選択-コピー。で、貼り付けています。

    教科書(Photoshop CS5 スーパーリファレンス for Windows)が届いたので、
    きょうは少し、これで勉強したいです。
    あしたから、ATMの仕事が平日めいっぱい入り、週末だけ教室、という感じになりそう。(怖っ)

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください