なーなーレタちゃん褒めてーーー!

Adobe Photoshop Elements2.0
今日のお話は素材屋さんなら分かります。
話を分かって貰えるのはとても嬉しいです(*´∀`)

ねえ、私の検索サイトのナビバー変わったの気付きましたか?
「あれ?うん?何か雰囲気がちゃうなあ」くらい?


来たる次世代html5に向けてあえて「心を鬼」にしてフラッシュを外したのです。
この話は長くなりそうなので後述します。


あのドロップダウンメニューは海外サイトで見つけました。

色々なサイトを見、色々なCSS3 jQuery Dropdown Menusも見ましたが
結局今までのイメージを殆ど変える事のないこのメニューバーを選択しました。


DLするも何と文字無しボタンは入ってなく「どうすんねん!」と驚きました。
だってあのままじゃ使えないでしょ。

意を決して仕方無くフォトショをヤフオクで探しました。
(フォトショって高機能過ぎて今までお試し版を数回DLし使ってみましたが何時も断念していました)


で、ヤフオクで2,000円でElements2を落としました。(新古品)
ま、これはどうでもいいです。


昨日、画像を加工し文字入れをした覚え書き。

① 元々の全く使えない文字を消す
 え、え~っと、コピースタンプツール(S)をAltキーを押しながらコピー?する。
 (画像の端っこをチマチマと探す)

② そして消したい文字の所に丁寧にパンパン・・・じゃなくソロソロと押していく。

③ 文字が綺麗に無くなった時点で(これには感動!)別名保存。

④ ロールオーバーのグリーンの画像はスタンプではどうにもならず、黒ボタンのカラー変え。
ど、どないするんやったっけ、ちょっとソフトを起動します。
画質調整→カラー→色相・彩度(プレビュー・色彩の統一にチェックを入れる)
色味を見ながら調整、濃いネイビーに。(これも綺麗に出来て感動!)

⑤ 問題の文字入れ。ちゃんと同じ位置に出来るかどうか不安。
ググってやっと分かりました
「T」の横書き文字ツールを押し、カラーを決めて適当な所に文字入れ。

⑥ 以外に難儀したのがメジャーなビットマップがサイトの雰囲気に全く合わず、フォント選びに苦労する。
大好きな「Georgia」は文字を小さくしないといけない為アンチエイリアスを使ってもギッザギザです、はい。
(私の使い方に問題があるかもね、だって把握してないんやもん遣っ付けでやってるんやから)

⑦ 文字入れをしようとしたら画像が真っ赤になってびっくりしながらも文字入れ。
 移動ツールを使う→そしたら画像の文字入れ部分がメラメラ?してくる。

⑧ メラメラしているうちにツールバーの「編集」をクリック後、コピー。

⑨ 新しい画像を出す→編集→ペースト。
 何が感動したかって、この時点で文字が完璧に中央に配置されている事。
 今回これが最高に感動しました、ロールオーバーも怖くない!
 ロールオーバー分のもう一枚の画像にもペースト。
 そしてどちらも別名保存。

これで合ってます?

後はお得意のcssやタグの変更。

元画像はこれ。↓↓↓


 

今まではね、ビルダー(9年前の)ウエブアートデザイナーしか使った事なかったから
つか、アイコンとロゴ以外よー作らんけど。

gifってフリーのソフトでは加工出来ないですよね。
一つだけあるけど(あれ、あのワンちゃんの顔をした高機能フリーソフト)あれも・・・ググりました。
(「GIMP」ってソフト、あれも使い方が全く分からずっていうか、もうググるのも邪魔くさい。
ググっても理解しようとしない)


やっぱりフォトショは凄いな、感動だらけやったわ。
たったこれだけの事しかよーせんけど、私にしたら物凄い進歩やで。
もうね、フォトショを買うまではどうにもこうにもあの文字は消せんかったわ。


これからアイコンとか作れるようになったらええなあ。

4 thoughts on “なーなーレタちゃん褒めてーーー!

  1. sayo says:

    こんにちはレタスさん♪

    画像の作業はめっちゃ大好きなので
    いつでもお電話して下さいね(。・・。)ポッ

    レタスさんかなり(・∀・)イイ!!感じだと思います♪
    しか~~も頑張りに感動します!
    (私もワ、ワールドプレ(?)とかW3C(?)など
    苦手な物を扱うと考えると・・どれだけ苦労したか分かります♪

    1. lettuce
      lettuce says:

      おはようさんですさよちゃん(どよどよ・・・今日の日記見てね)

      本当、電話しようか迷ったのですが
      いつもいつもさよちゃんに頼ってしまっっているので今回は頑張りました!

      さよちゃんに褒めて貰って嬉しいです!
      頑張った甲斐もありますです 😀

      ( ´ノω`)コッソリ・・・ワードプレスです。

  2. sayo says:

    こんにちはレタスさん

    画像加工お疲れ様です。
    私も初めてフォトショした時は(゜∇゜ ;)エッ!?っという感じで
    全く分かりませんでした。Elementsはあまり扱った事無いので
    詳しくは分かりませんがどうしても文字を消す場合は
    拡大してチマチマ神経質的に消すぐらいです。
    もっと簡単な方法があるかもですが人によって違うのでここは
    自分のやりやすい方法がいいかもです(*^^*)
    文字よりも消した回りの模様や背景がグラデーションだったりすると
    消して入れた文字が浮いたりなど面倒なのでその場合は
    もう諦めて作り直す(´・ω・`)・・の方が私は多いかもしれません。

    1. lettuce
      lettuce says:

      こんばんはさよちゃん

      本当はね、さよちゃんに画像を作って貰おうと思っていて
      電話しようかどうしようかすんごく迷いました。

      でも私頑張りました!(←ここ強調)
      (しかしこんな作業は今後あまりしたくないです疲れます)

      >消して入れた文字が浮いたりなど面倒なのでその場合は
      もう諦めて作り直す(´・ω・`)・・の方が私は多いかもしれません。

      ↑これが私にも出来たらどれだけいいかと思います。
      やっぱり素材屋さんは偉いなあ・・・と感心しました。

      ところであのボタン、イケてますか?
      本職の人にこれが聞きたかった私です。
      元々自分で作った画像じゃないんですが(;´∀`)

コメントを残す