marghe

photoshopで簡単にツヤツヤ！

2009-01-06T06:32:20Z

フォトショのチュートリアルを見て回っていたら、「美しすぐる・・・」なテキストエフェクトを発見しました。こちらでござる Make a green red glass text effect （Free online photoshop training）はっきり言って自分的に大ヒットなんだ・・・ガラスというか、プラスチックというか、とにかくこういうリアルな感じのブツが大好物で、ほんといいよねー、ビー玉みたいに綺麗です。しかも、簡単に応用できそうな要素が満載です。ちょう簡単なので、これからいろんなものをツヤツヤさせてみようと思うんだ ]]> Plastic Tomatoというフォントです。コロンとしていてかわいいですよ。こちらのフォントサイト、urbanfontsは有名ですね。ほんとすごい数のフォントがたくさんあります。エフェクトかけるにも、手間がはぶけてしまいそうなクールなものから、いろいろな用途に使えそうなスタンダードなものまで。以下チュートリアル画像です。あと、全然関係ないけど、ブログパーツの「猫温度計」ってつけてみたんだよブログの下のほうにいます。猫がかわええ・・・さむいと猫はビシッと丸くなるし、暑いとダラーとする。こちら秋田の温度にあわせてあるので、しばらくは丸くなってばかりかなと。

明けましておめでとうございます！

2009-01-04T05:16:03Z

明けましておめでとうございます！今年も宜しくお願いします！画像は年賀状そのままの画像ですｗｗうちのわんこと猫たんですよかわいいですよ。牛はうちのおとうさんですよ今年の目標をたててみました！ ]]> 今年の目標

目標１は、「色」です。

色が苦手です。何を作っても色の自信がなくてすごく悩んでます。色の勉強をして、もっと自信もってサイト作ったり、グラフィック作ったりしたい。カラーコーディネーターと、色彩検定があるのですが、あんまり内容はかわらないそうなので、どっちを勉強しても差し支えなさそうですが、自分はカラーコーディネーターのほうをやっていこうかなと思っています。この検定で何級とれば仕事になるとか、そういうのはないですけど、色への苦手意識がすごい事になってるのでそれを克服したいです！

目標２「CS4購入」

欲し過ぎるので目標にします。まってろweb premium

目標３「チャリ買う」

フットワークを軽くするためには、交通手段の確保が必要だ CS4買うのに車まで買ったらゴージャスすぎるのでチャリを買うあと、自分はチャリに乗る姿勢が良すぎるのです。道を歩いている人達が「ｗｗｗｗｗｗｗ」ってなるので、もっとかっこよくチャリに乗るのも目標にします。

目標４、人との繋がりを大事に！

結構飽きっぽいのですが、それでもwebにしがみついてこれてるのは、自分に関わって下さる方がいるからだと思ってます。とてもありがたいことです。だから、それを忘れてしまったら、自分はwebからはなれてしまうだけではなくて、とても寂しい人生になると思う。今年はいろんな人の話を聞いて、興味の幅を広げていきたいと思います。

なんかいろいろ考えるともっともっと出てくるのですが、言うは易し、行うは難し、です。言うのは簡単。今ここにあげた目標を全力で達成出来る様にがんばります。皆さん、今年もどうぞ宜しくお願いします！

良いお年をー

2008-12-25T21:44:44Z

クリスマスもスルーで年賀状作成してました。今は別件で目の下にクマですが、今年は去年に比べるとすごく余裕があった気がする！今年は（今年も）年賀状は写真素材にしました。写真素材には写真用インクジェットハガキですよね。綺麗だし。気のせいかもしれませんが、写真用インクジェットのハガキ、ちょっと良くなってませんか？気のせいかなあ。前回の年賀状ハガキと比べてみたんですけど、なんとなく今回のは厚みがあるっていうか。前回のはもう一年もしまいこんでいるので、劣化なんかしてんのかな？今回は、印刷も綺麗に出来た気がして喜んでしまいました。例年は、家族の年賀状を作るだけで自分で人に送るってのはなんとなくしてなかったんですけど、今年はずっと近くに住んでいた友人が遠方に引越したり、ネット上で数年仲良しの子と住所交換したり、新しい出会いがあったりしたので、数枚ですけど自分も年賀状送ってみました。あと、お仕事の人にも送ってみた。びびるだろうか。別に送んなくてもいっかーってずっと送ってなかったんだけど、実際その人に向けて新年の挨拶とか、一言とか、かいてみたりすると、意外に真剣になってしまう。そういえば、小学校の頃なんかは、いろんな色のペンを使ったり、色紙を貼り付けたり、一枚一枚作っていたな。なんとなく当時を思い出しました。皆さんはどんな一年でしたか？自分はとてもwebを楽しんだ一年でした！来年もそうだったらいい、とか思うけど来年の事をしゃべると鬼が笑うとか言うのであんま言わないですけどぉ～～(ﾟeﾟ)＜ｸﾙｯﾎﾟぉ～～でも、来年の目標っていうか、やりたいことはもう決まっています。がんばろうと思います！皆さん良いお年をー ]]>

RSSアイコンのあのマークの作り方がわかった！

2008-12-12T12:42:29Z

RSSアイコン、以前から作りてえ作りてえと思っていたのですが、あの電波みたいなマークを自分で作ろうとすると変になるんですよね。諦めて、もうRSSアイコンなんて知らない･･･と思っていたらうまい作り方がありました。うーんなるほど！って感じです！すごいよなー自分ももっと柔軟な頭でこういう事考えていきたいです。以下、youtubeからの動画。 GIMPの動画なのですが、ヒントがいっぱいです！コピーライト©を使ってあのマークを作るなんて思いもしなかったんだぜ･･･。しかもGIMPって前からすごいすごいと聞いていたのですが、マジですごいですね。すばらしすぎる。自分もつくってみたぞこれからいろんなRSSアイコン作って楽しめそうです。うれしいな！猫RSSアイコンもつくれるなあ。皆さん年賀状の用意はされましたか？自分は昨日、家の冷蔵庫から牛乳瓶に入った牛乳をみつけたので、それを使って年賀状のデザイン始めようと思います。つか、誰かに飲まれないか今戦々恐々としています。心配だ。ちょっと見てくる。飲まれてなかった。よかった。今日はデジカメを充電して明日うちのわんこと猫たんを撮影します。パシャパシャ ]]>

ササミと猫

2008-12-06T17:15:38Z

絵日記的なものです。陰からのぞいてました。だって愛してるから/// ]]>

photoshopで立体的でツヤツヤなボタンを作るチュートリアル

2008-12-02T13:24:53Z

photoshopのチュートリアルを見て回るのが一番好きな時間です。今日は、とても綺麗なボタンのチュートリアルを見つけました。いろいろ使えそう！と思ったので英語力あやしいけどちょっと訳してみました。本チュートリアルはこちらです。 Creating A Glossy 3D Button チュートリアルはスクショとってやろうと思ったんですけど、結局一つの画像にまとめてしまいました。英語の解釈がおかしい、等ありましたらご指摘願います。海外のチュートリアルの充実ぶりは本当にすごいね･･･また何かやってみたいです！以下、チュートリアル画像（でかいです）クリックで元画像の大きさにポップアップ。]]> Andy Mallabyさんありがとうございます。とても楽しかったです！

年賀状案のつもりだったんだけど違うものになった

2008-11-28T17:03:07Z

そろそろ年賀状を始めないと･･･と思いつつデザインどうしようかな。さっき考えたんですけど、牛っていってもいろいろいると思う。白と黒のとか茶色のとか。そう考えていたら、すごく重要な人を忘れていたのに気がつきました。そう。あの人。バッファローマン。なんで今まで彼を忘れていたんだろ。彼の頭のツノはロングホーンといいます。これを敵につきさし、回転させながら弾き飛ばす必殺技ハリケーンミキサーで便器マンなどの超人が散りました。最初は悪魔超人だったけど、キン肉マンとの戦いの中で友情に目覚めて正義超人になりました。キン肉マン、小さい頃再放送アニメでよく見ていたんだけど超人描くのって楽しいな。他の超人も描いてみました。ウォーズマンが描けなかった･･･本当はもっとかっこいいんだよーちなみにウォーズマンはロビンマスクの弟子です。あ、年賀状やんないと・・・毎年父と母のを作ってるんだけど、バッファローマンのやつも案にいれよう ]]>

黒猫ペインター

2008-11-27T10:22:18Z

新しいお絵かきソフトを触るのがとても好きです。きょーたさんが作成されたお絵かきソフト「黒猫ペインター」でお絵かきをしてみました！名前がいいですよね、くろねこ！ずっと気になっていたんだけど、ついにダウンロードしました！！！わっふるわっふる直感的に操作が出来て、全く迷わないで操作出来ました。特にうおー！と思ったのが、何かうまく言えないのですが、上の黒猫ですと、縁の線にものすごい手描き感が出ると思うのですがどうでしょう・・・。絵の具をつけた筆でダバダーと描いていく感じです。というか、自分の絵だとダメだーorz きょーたさんがご自分で描かれたかわいいぬいぐるみの絵があって、それを見てすごく質感が出るんだなーと思ったのです。こちらからその絵が見れます。黒猫ペインターでお絵描きをしてみる。すごく質感があって素敵な線ですよね。自分もこんな線を出したいのですが。というかぬいぐるみがかわいい ]]> また、半透明+ぼかしで色をちょっとずつ混ぜ合わせていくと、こんな感じで綺麗なものが出来上がったりで、色彩感覚がしょんぼりな自分でもちょっといい気分になりましたよヨホホそしてまたドラゴンボール描くという･･･なんかさっきの絵よりも、絵の具感が出た気がして嬉しいです！もっと手書き感を出してみたいんだけど、どうすればいいかな。そう試行錯誤するのがとても楽しいし、使い込みたくなります。

いつもボヤーとして絵を描いてるけど、今回は描きながらいろいろ考えて純粋に楽しかった。もっと使って、さらにコツを掴んでいきたいと思います！黒猫ペインターは今、開発途中だそうなのですが、次のバージョンが楽しみです。すごくチェケダウなのですまたかいてみよー

ドラゴンボール

2008-11-20T02:25:42Z

ドラゴンボール揃った。ちょっと神龍呼んで来るｗｗｗｗｗ]]> 球体のガラス（ドラゴンボールはガラスじゃないかも）はこんな感じで光と影がでるのだな、とわかりました。でもガラスの透明度によって違うと思った。透明ならより白い部分の光がはっきりでていた。多分、自分が作ったドラゴンボールは、白い部分が強すぎる・・・と今気づいたorz 色が濃いので、あんなにはっきり光は通らないよな･･･ここをなおしてみようと思います。
本当は、光の屈折とかそういう物理的な方面から調べてみようと思ったんだけど、難しかった。高校の時の物理の先生に電話して聞きたかったけど理由（ドラゴンボール）を尋ねられたら困るので電話しなかった。心配をかけたくないんだ。最近だと、ドラゴンボールも店で買える様になりましたね。すごい時代です。たしか前みたのは、一個３８００円で桐の箱に入っていた。（長崎屋）３８００円×７個で、２６６００円也。それで何でも願いが叶うというなら、間違いなく自分は投資する。 ~~確か願い事って３つだったよなー。~~ 訂正！地球のドラゴンボールの願いごとの個数は、１つでした。ひろっとさんありがとう！間違えないように慎重に願い事考えた方がいいねなんにしよう。

.icoをphotoshopで

2008-11-19T02:10:33Z

ちょっと時間が出来たので嬉しくて、「何かやる！」と写真加工をしようと写真開いてみたり、おもろいチュートリアルはないかな！とあちこち俳諧をしてみたりしていたのですが、こういう時かなりの確率で「あれもこれも！」と注意がそれてしまうのは自分の弱点だと思ってます。写真加工するつもりが、ちょっと目に入った記事に釘付けになってしまいました。 Photoshop で背景透過の美しい favicon (ファビコン) を作成する favicon (ファビコン)とは、ブラウザの上の方にあるアドレスバーの横っちょについてる、そのサイトやブログのマークみたいなものです。このブログでも猫がついていますが、見えるかな。昨日作ってみました！ ]]> 記事が書かれたのが2006年と、結構時間がたってしまっているので、こちら様で紹介されていたリンク先は生きているのかちょっとハラハラしたのですが、大丈夫でした！いろんなバージョンのフォトショに対応しているらしいので、とりあえず入れとくのも良さそうです。 photoshopで.icoファイルを編集出来る様になります。ファビコンのほか、デスクトップのアイコンをオリジナルにするなど、結構楽しい使い方が出来たりしそうですね。ていうか、2006年からこんなんあったなんて知らなかったよorz もうご存知の方も多いのだろうと思いますが、知らん人がいたら、と思ったので記事にしてみました。今まで自分が使用していたのは、 FavIcon from Picsさんや、@icon sushiさんなどだったのですが、直接フォトショで編集保存できたらいいのになーと思ってたので嬉しかったです。アドレスバーだけではなく、ブラウザのブクマなどにもファビコンは反映されますから、他のサイトさんやブログさんと区別が付きやすくなるのがいいですね。（一部ブラウザは未対応）ところで、今日こちらは雪が降りました。窓の外見た時きれそうになった。冬はいやだー寒いから。外猫も困るしさ。雪国生まれの雪国育ちなんですが、年々冬がいやんなってくよ。ただ、冬で唯一、(　・∀・)ｲｲ!!と思うのは、雪の上に猫の足跡がつくことです。猫の足跡がつくという事は、猫追跡に便利って事なんだ！！！！！冬は猫追跡やな。

イラストをバッジに

2008-11-16T05:57:45Z

一昨日、勉強会に行って来ました。お話が猛烈におもしろかったよ。「これについてなら何時間でも語れる」という分野がとても欲しくなりました。皆さんは何かありますか？自分は何だろう。 cssもphotoshopも大好きだけど、もっとレベルをあげたい！がんばろう！！ ↓　イラストをバッジに今まで描いたイラストを適当に持ってきてバッジにしてみました。もちろん、本物ではなくてフォトショで(；´∀｀) バッジ風に加工なんかすると、イラストが立派に見えるよ。ペットの写真をこんな風に加工したり、あと、印刷物に使ってもかわいいですよね。年賀状用に、牛の写真をこんな風に加工してもかわいいかもしれん。

このバッジ風加工のチュートリアルは海外のものが結構有名です。 Photoshop Button Maker でも、日本語のチュートリアルもあるんだよー。日本語のチュートリアルがあるととても嬉しい。 Photoshop CS3で作る犬バッジ海外のサイトさんで多いんですけど、チュートリアルの一番最後に「enjoy！」って書かれてることが結構ありますよね。あれかっこよすぎて羨ましい。自分も言ってみたいよ。enjoy！ ]]>

ポジションペーパー

2008-11-13T23:36:26Z

今作っている自分のポジションペーパー。猫つけてしまったけどいいのかな。今日は、ITこまちさんへの体験入会に行ってきます。体験入会だというのに、こんなところに書いてしまいましたドキドキポジションペーパー方式での勉強会との事で、ポジションペーパーという言葉は初めて聞いたのですが、「立場表明書」を意味するものらしいです。ポジションペーパー方式何かの交流会などでもポジションペーパーを使用するケースは結構あるみたいです。初対面同士なら自己紹介にもなるし、話のとっかかりなども見つけやすいですよね。名刺とセットで相手に渡すとおもしろそうだなあと思いました。]]>

３分間スピーチ

小学生の頃、帰りの会で出席番号順に毎日一人、黒板の前で皆に向かって３分間、一方的に喋り倒す「３分間スピーチ」という鬱なものがありました。小学校３年生から中学校１年生くらいの間、４年間、月１くらいのペースで自分の順番がまわってきました。３分間スピーチに何の意味があるかと言えば、多分、３分間で何かを話すまとめ力とか、人前での免疫とかを身に着ける、とかの目的があったと思うんだけど全然身についてないのな。自分は当時何を話したのかあんま覚えていない。多分カオスだったと思われる。でもクラスメイトが話した事は覚えてる。日記的なお話をする子もいたし、歌をうたった子もいました。歌はスピーチか？とも思われますが、「３分間スピーチ」というのはただの名前であって、何をしてもよかったんです。自分はある日のスピーチで、心理テストを皆に出題してみました。確かこんなの。描いてみた。 Q：あなたが夜道を歩いていると、向うから誰かが歩いてきます。あなたが知っている人です。それは誰ですか？という心理テストです。割りと有名な心理テストだと思うんですけど、心理テストというと自分の知らない本音が垣間見えたりで結構おもしろいもんです。 A：あなたが尊敬している人クラスの男子がその問いに担任の名前を答えたのです。解答の意味を知った時の担任の顔が嬉しそうでした。

photoshopで焼印を作る（動画がわかりにくかったので作り直した）

2008-11-12T12:45:30Z

以前、このサーバーで自設置ブログを始める前に、同じブログ名でFC2さんの方でブログを書いていました。で、そのブログの一記事。大根に焼印入れた変な画像をアップして大喜びしているという、すごいかわいそうな記事がありました。その記事のせいか、「photoshop　焼印」とか「フォトショ　焼印」で検索にひっかかってこられる方が多かったので、やり方の解説をずっとやろうやろうと思っていたんだけど、スクショ撮るのがめんどくてやってなかった。そしたらよお、kumacrowさんのところでいろいろと便利なフリーソフトについて書かれてる記事があって、そこの「CamStudio」が動画録画できるというから、いいなと思ってやってみました。他にもいろいろ便利なソフトがあるよーホームページ作成のリンク集　－フォトレポート：フリーウェアで有料アプリを代替--節約上手なソフト選び－の紹介記事 kumacrowさんがバシーと見やすくまとめられてます。本記事はこちらです！フォトレポート：フリーウェアで有料アプリを代替--節約上手なソフト選び以下解説 ]]>

まず準備しとくこと

木目の画像（必ず木目でなくても、どらやきとかでもいいとおもう）
焼印で使用したいロゴ
使用したいフォント
明日のごはん

以下、ロゴ等を焼印にする動画です。すこしゆっくりめにつくりなおしてみました。（2008.11.13）ちなみにphotoshopのバージョンは７です。他のバージョンでも出来るかな。ちょっとバージョンによってはわかりにくいところがあるかと思いますが、エッセンス的なところを汲み取って頂けたらと思います。 CS4発売時期決定だったなそういえば。買いたい。小さくて見えにくければ、動画下についている画面拡大のアイコンを押してみてください＾＾ (Escキーで元に戻ります）

ロゴの焼印

ファイル重いので文字の方消しました。orz ロリポは200MBなのできついよ･･･

手順：文字でも、ロゴでもやり方は大体同じです。

レイヤーモードを「焼きこみカラー」に
レイヤー効果→ベベルとエンボス
レイヤーを「ctrl」押した状態クリック。ロゴ形に選択される
選択範囲→選択範囲の変更→拡大→1~3px拡大
選択範囲→境界をぼかす→1~3px
ロゴや文字のまわりの焦げ色を作ります。ちょっとくすんだ薄い赤系
作っておいた新規レイヤーと選択範囲を塗りつぶす
その新規レイヤーのモードを焼きこみカラーに。
焼き入れてやったぜ

ポイントらしきもの

元の文字やロゴの色

最初の文字色、木目になら赤茶色が一番綺麗に焼き色になると思います。木でもいろいろな色の木があるので、「焼きこみカラー」で良い色になる元色を探してみてください＾＾

レイヤーモード

赤茶色系なら、他にも「オーバーレイ」「ソフトライト」カラーのロゴなら「焼きこみリニア」や「ハードライト」なども、色が鮮やかになったりで使えると思います。より色を強く出したい場合には、いろいろなモードで試してみるのも楽しいと思います。

ベベルとエンボスの数字の設定

レイヤー効果のベベルとエンボスの各数値をどう設定するかは、文字やロゴの素材によって若干違います。いい感じだと思うものでいいと思います。正面から見た影のつき方とか、ちょい斜めから見た影のつき方とか、やってるとオモローですよ。動画のやり方も文字とロゴでは設定する数字が違っているけど、厳密なものではありません。てきとう

色つきの焼き印もかわいい

ロゴですが、カラーのロゴでもかわいいと思います。ロゴの方の動画の最後で、ロゴの色を無くし、木の色に馴染んだ焼印と、カラーのままの焼印を表示しています。どっちにするかはお好みですね。下の画像は、上のロゴが色付きのままのもの。下のロゴは「彩度を下げる」で色をなくしています。どちらもレイヤーモードは「焼きこみカラー」です。 ←　一部色付きとか。どうかな。サイトのロゴとかに使うとかわいいですね。緑や青系だと、下の木目の素材によってはちょっと暗くなりすぎたりもあるみたいです。赤系は綺麗にでますねー。黄色もいい感じでした。なんか木のおもちゃのパズルみたいでかわいかったです。お花の焼印とかかわいいだろうな。ていうか、この画面を録画してどう表示しようと思ってたら、ほんといろんな表示の仕方があってびっくりでした。次の記事は、動画表示する記事にしようかなあ。 CamStudio簡単でした。すごくいいソフトだなあ、と思いました。ズームが出来ないけど、ポインタを追従してくれる機能があるから、良かったです！明日からちょっともぐります。やることやってくるよう

昨日みた夢

2008-11-11T17:03:04Z

昨日見た夢猫の大きさが途中で変わったりしてるのは夢だからですおわり皆さんはどんな夢をみますか]]>

web制作者交流会　in　秋田終了

2008-11-09T05:32:11Z

昨日、とうとう行って来たよー、web制作者交流会　in　秋田！お店がかわいかった＾＾関係者の皆様、参加された皆様、本当にありがとうございました！行くまで緊張しすぎて、不安で、痩せるかと思ったよ･･･痩せなかったけど・・・皆すごい人ばっかりでした！あんな中に自分みたいのが混入していた事自体、奇跡だと思う。こんなのとお話してくださった方、本当にありがとうございました。もっと勉強頑張ろうと思います。その刺激を頂けただけで、参加させて頂いて良かった！モチベーションうなぎのぼりです！次があったら、絶対参加したい。その時までもっと成長していたいです！ ↓牛模様ところで、そろそろ年賀状ですねー。自分結局まだ手付かずだよ。早くやるっていったくせに。去年死にそうになったのに。このブログにも、年賀状で検索してこられる方が多い模様。しかし、自分は素材配布する準備がなくてちょっと申し訳ないんだ。牛の写真使用するなら、ここにいっぱいあるね。使用にあたっての規約は各画像微妙に違うので読んでください。 SXC　STOCK.XCHNG　「COW」の検索結果肉の画像とかあってあんま笑えないけど。あえて年賀状に焼肉画像使うとかどうだろうか。干支食ってしまっていいんだろうか。あと、コップに入った牛乳画像とかも笑いがとれそうです。いっそ牛模様の猫とか。牛模様の猫（イケメン）ならたまに庭にくるよ。あと、近所に牛模様の犬（イケメン）いるし。 ]]>