2009/6/16 (火)

使える!!Windows メタファイル

カテゴリー: コンテンツ作成の裏ワザ — atsushi @ 13:15:23

最近、ひげの伸びるスピードが速くなったように感じるatsushiです。:cat_6:

WEBで扱う画像形式というと「JPEG」・「GIF」をあつかうことがほとんどですが、この代表的な画像の形式以外のたくさん画像形式がありますよね。

その中で、Windows メタファイル(拡張子wmf)についてご紹介します。

あまり目にすることがないWindowsメタファイルですが、実は、WordやExcelで使ってるクリップアートは、Windowsメタファイル形式のものがあります。(最近かわいいイラストとか増えましたよね:hakusyu:

Windowsメタファイルは、JPEGやGIFといったビットマップ画像ではなく、ベクトル画像だから、画像を拡大縮小しても画像が粗くなりません。だからクリップアートは、好きなサイズに調整してもキレイなままなんです。

また、ベクトル画像だからベクトル画像を作るIllustratorで開くとパス・アンカーが生成され、形や色も自由に変更できてしまうのです。:wa-i:

クリップアートでイラストを探しててちょっと色が…とか、この部分はいらないんだよな…とか思うことが結構あると思いますが、そんなとき、その画像がWindowsメタファイルであればIllustratorで開いて加工して使うことができちゃいます。

また、Illustratorで作成したイラストやロゴなんかもIllustratorの保存形式でWindowsメタファイルが選択できるのでwmf形式で保存しておけば、自社のロゴをクリップアート感覚でWordや、Excel上に貼り付けることもできますよ:b_body_jump:

会社の地図もwmf形式でつくっておくとはがきやFAXなどにも利用できて便利ですよ。

ネットインパクトの地図作成サービスでもWMF形式の地図をおつくり致します。
よかったらご利用ください。:sayonara:

ネットインパクト地図作成サービス
http://www.it-netim.com/map/index.html

2009/5/28 (木)

Illustratorで拡大・縮小

カテゴリー: コンテンツ作成の裏ワザ — atsushi @ 9:49:19

くわがたのメスが部屋を飛び回っていて目が覚めたatsushiです。:cat_5:

Illustratorでイラストやロゴを制作して用紙サイズに合わせて拡大・縮小したりすることってよくあると思います。

そのときに、イラストやロゴの線の太さが変わらなくてバランスが崩れたなんてことはありませんか?:ga-n:

実はIllustratorの拡大・縮小機能は、デフォルトでは、線の太さ(アピアランス)などは、拡大・縮小しても変わらない設定になっています。

線の太さも一緒に拡大・縮小する場合は、ちょっとだけ設定を変更してあげればOKです。:body_stretch:

設定するのはたったこれだけ↓ ※Illustrator CSの場合

1.ツールボックスの拡大縮小ツールのボタンの上でダブルクリックします。

2.ダブルクリック後表示されたウインドウの中の「オプション」の「線幅/効果も拡大・縮小」にチェックを入れる

たったこれだけです。

一回設定しておけば、次回の起動時も設定は変わらないので設定しておくと便利かも:neko:

2009/4/7 (火)

レイヤーのグループ選択

カテゴリー: コンテンツ作成の裏ワザ — atsushi @ 9:43:58

だいぶ暖かくなって風もおさまって自転車通勤が気持ちよくなってきたatsushiです。:hare:

Photoshopで複数のレイヤーを移動させる時に便利な小技をご紹介します。

レイヤーのグループ選択です。

Photoshopでは、レイヤーを移動したり、拡大、回転などをさせる時、通常レイヤーパレット内の変形したいレイヤーを選択し、移動ツールなどで移動させたりします。

このとき通常選択したレイヤーのみ移動や変形ができるのですが、複数のレイヤーで1つのオブジェクトを構成している場合、1つずつ移動や変形をさせなければなりません。

しかし、ちょっとした小技を使えばその手間が省けます。:hamster_4:

1つのレイヤーを選択後、shiftキーを押しながら別のレイヤーを選択することでレイヤーにクリップマークが付き、グループ化されます。

グループ化されたレイヤーは同時に移動や、拡大、縮小、回転などができます。

拡大縮小なんかは、同時選択したすべてのレイヤーを同じ分だけ拡大縮小できるのでかなり便利です。:otya:

2009/3/25 (水)

コピースタンプツールで写真を修正

カテゴリー: コンテンツ作成の裏ワザ — atsushi @ 16:18:31

最近ジャワティにはまっているatsushiです。

巷で見かける化粧品のポスターの女優さんの肌ってすごくきれいに写ってますよね。:hamster_4:

もちろんあんなキレイな肌をしている人なんてそうそういないですよね。

そんな肌をキレイに修正するのに活用できるのがPhotoshopのコピースタンプツールの機能です。

コピースタンプツールは、特定の範囲を指定してその指定した部分の画像をコピーして指定した場所にペーストすることができます。

この機能により、合成した写真の境界線をなじませたり、写真に写りこんだ余計なものを消したり、同じものを増やしたりすることができます。コピースタンプツールをうまく活用することで写真の合成に掛かる時間を短縮できたり、キレイに仕上げたりすることができます。

顔写真ならしわやしみなども簡単になくすことも可能です。:cat_5:

履歴書に貼る写真も少々修正するくらいならイメージアップにつながるかもしれませんね。

けど、やりすぎに注意!!絶対バレます。:body_deject:

2009/1/6 (火)

Illustratorのクリッピングマスク

カテゴリー: コンテンツ作成の裏ワザ — atsushi @ 9:53:27

新年明けましておめでとうございます。ひじがカサカサのatsushiです。:hiyoko:

ホームページの制作には、写真の加工が必須ですが、その中でも背景を消す作業が一番時間が掛かります。

背景を消す方法は、いろいろありますが、今回は、illustratorのクリッピングマスクで背景を消す方法をご紹介します。

1.Illustratorを起動し、背景を切り抜きたい画像を配置します。

2.切り抜きたい形に合わせペンツールでトレースします。

3.2で出来たパスと配置した画像の両方を選択し、「オブジェクト-クリッピングマスク-作成」で完成

ベジェ曲線をマスターした方ならPhotoShopで作業するよりも速いかも知れないですね。

また、Illustratorでのクリッピングマスクは、そのままPhotoShopにも持ち込むことができるのもいいです。:wink:

2008/11/10 (月)

もうすぐクリスマス!!

カテゴリー: コンテンツ作成の裏ワザ — atsushi @ 19:02:16

かなり寒くなってきて原因不明の肩の痛みに襲われたatushiです。:oops:

最近、車で走っているとちらほらとイルミネーションが目に留まるようになってきましたね。

うちの近所には、「エレクトリカルパレードかっ」ってくらいすごいイルミネーションを施した家があります。

いったいどれぐらいの電気代がかかってるのかな?

今年は、金融危機でイルミネーションをする家もきっと少なくなるでしょうね:|

そんなイルミネーションですが、見るともうすぐクリスマスだなって感じませんか?

そんなクリスマス気分を盛り上げるカスタムシェイプをご紹介します。

Xmas Shapes
http://camxso.deviantart.com/art/Xmas-Shapes-102029530

クリスマスの飾りつけなどに重宝するかもしれませんね:santa:

ちなみに私の誕生日は、12月26日なのでいつも誕生日とクリスマスは一緒にされてました…:body_deject:

なお、プレゼントは常時受け付けております。おきがるにお問合わせください。:b_body_jump:

2008/10/21 (火)

PhotoShopで一つ前の操作に戻るには?

カテゴリー: コンテンツ作成の裏ワザ — atsushi @ 9:26:28

最近、車のエンブレムを盗まれたatsushiです。

普段、WordやExcelを使用していて間違えた時など、「元に戻す」の操作をすると思います。(ショートカットキーは「Ctrl+Z」)

WordやExcelは、「元に戻す」ボタンを繰り返しクリックすることで、何回か前の操作まで戻ることが可能ですよね

でもPhotoShopは、「Ctrl+Z」を繰り返しても一つ前の操作までしか戻ることができないのです。

ちなみにIllustratorは、何回も戻れます。なぜPhotoShopは戻れない…:cry:

そこで今回は、PhotoShopでも何回か前の操作に戻る方法をご紹介します。:ganba:

操作は、いたって簡単、「Ctrl+Alt+Z」を繰り返し押すことで「ヒストリー」の設定にもよりますが、20回ぐらい前までは戻ることもできます。

この操作をおさえておけば作業効率もぐっとあがるかもしれませんね:hare:

2008/10/13 (月)

PhotoShopのガイドのつけ方の裏技

カテゴリー: コンテンツ作成の裏ワザ — atsushi @ 18:48:53

たとえばPhotoShopで、カンバス内に横200px縦150pxの画像やボタンを作る時、私は、必ずガイドを設定してから制作します。

なぜなら、ガイドを付けておかないと1pxズレたり、最後に完成した画像をスライスツールでWEB用保存する際にガイドが必要になるからです。

そんなガイドをつける時の裏技を紹介します。

まず、PhotoShopが以下の設定になっていることを確認してください。

1.定規が表示されていること (ビュー→定規にチェック)

2.ガイドが表示になっていること (ビュー→表示→ガイドにチェック)

3.スナップにチェックが入っていること (ビュー→スナップ→ガイドにチェック)

以上の設定ができたら準備はOKです。:-)

さて本題の裏技ですが、たとえば、横300px縦180pxの画像を作らなければならない時、まずその大きさに合わせたガイドを設定しなければなりません。

しかし、定規の数値は、カンバスの左端からの数値です。カンバスの中途半端な位置に横300px縦180pxのガイドをつけるには、いちいち計算しなければなりません。:gaaan:

これは非常にめんどくさい…:body_deject:

そこで、裏技です。

まずは、長方形選択ツールで目的の大きさの選択範囲を作ります。(オプションバーのスタイルを固定にし、数値を入力)

できた選択範囲(横300px縦180px)の上へ目がけて定規からガイドを引き出すと、スナップが効いてガイドが選択範囲に吸着され簡単に横300px縦180pxのガイドを作成することができちゃいます。

制作前から大きさが決まっているWEB画像制作には、もってこいの裏技です。

おためしあれ!!:ganba:

2008/10/8 (水)

カラーモードの話

カテゴリー: コンテンツ作成の裏ワザ — atsushi @ 9:42:19

グラフィックソフトで扱う色には、大きく分けて2種類あります。

一つは、印刷などで扱うCMYKカラーで、もう一つは、主にディスプレイなどに表示するときなどに使われるRGBカラーです。

このことはご存知の方も多いと思いますが、WEB素材などを作る時に注意が必要になることがあります。:oogle:

特にillustratorで作ったものをPhotoShopに持ち込むときです。

PhotoShopでは、カラーモードをRGBに設定していてもIllustratorのカラーモードをCMYKのままにしているとPhotoShopに持ち込んだ時にCMYKの色になってしまい色が微妙に違ってしまいます。:gaaan:

IllustratorとPhotoShopを組合せてWEB素材を作るときなどは、どちらのソフトもカラーモードをRGBにすることを忘れないように!!:sayonara:

2008/9/22 (月)

簡単にキレイなバナーをつくるならこれ!!

カテゴリー: コンテンツ作成の裏ワザ — atsushi @ 10:04:43

バナー制作時に困るのが88×31(Micro Bar)という企画のサイズです。

サイズが小さいので画像を作るにも苦労します。:orooro:

そんなバナー作りに最適なサイトをご紹介します。

無料バナー作成工房
http://www.bannerkoubou.com/

このサイトは「完全無料」「商用OK」「登録不要」「報告不要」で1500種類以上のバナー素材を提供しています。:hakusyu:

フリーの素材ってデザイン的にいいものってあまりないんですが、こちらの素材は、種類も多く、デザインも豊富で使いやすいかなって思ってます。

このサイトの一番すごいところは、グラフィックソフトを使わずにブラウザ上で自分の好きな写真をつかってバナーが簡単につくれてしまうところです。:crown:
パソコンに保存してある好きな画像を選択すると、切り取り枠が出て、88×31のサイズでトリミングし、その中に入れる文字を入力し、色やフォントを指定するという流れになっています。

文字入力時の色の選択、選べるフォントの種類が増えるともっと使いやすくなるかもしれません

バナー作りの参考にしてみてはいかがでしょうか?:sayonara:

車検/車修理 | 廃車 | 自動車中古部品 | ホームページ制作 | 自動車中古パーツ | パソコン教室 | 木工機械/電動工具 | プレハブ | 不用品回収/粗大ごみ | 中古楽器買取り |