Home > photoshop > photoshopで焼印を作る(動画がわかりにくかったので作り直した)

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

  • Posted by: ひろこ
  • 2008 11月12日
  • photoshop

以前、このサーバーで自設置ブログを始める前に、同じブログ名でFC2さんの方でブログを書いていました。

で、そのブログの一記事。
大根に焼印入れた変な画像をアップして大喜びしているという、すごいかわいそうな記事がありました。

その記事のせいか、「photoshop 焼印」とか「フォトショ 焼印」で検索にひっかかってこられる方が多かったので、やり方の解説をずっとやろうやろうと思っていたんだけど、スクショ撮るのがめんどくてやってなかった。

そしたらよお、kumacrowさんのところでいろいろと便利なフリーソフトについて書かれてる記事があって、そこの「CamStudio」が動画録画できるというから、いいなと思ってやってみました。

他にもいろいろ便利なソフトがあるよー
ホームページ作成のリンク集 -フォトレポート:フリーウェアで有料アプリを代替--節約上手なソフト選び-の紹介記事
kumacrowさんがバシーと見やすくまとめられてます。

本記事はこちらです!
フォトレポート:フリーウェアで有料アプリを代替--節約上手なソフト選び


以下解説

こんなのを作りたいとおもいます。
他にも、焼印の作り方を解説されているサイト様やブログ様はあります。
いろんな方法ありますね。

yakiin.jpg

まず準備しとくこと

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

以下、ロゴ等を焼印にする動画です。
すこしゆっくりめにつくりなおしてみました。(2008.11.13)

ちなみにphotoshopのバージョンは7です。他のバージョンでも出来るかな。
ちょっとバージョンによってはわかりにくいところがあるかと思いますが、エッセンス的なところを汲み取って頂けたらと思います。
CS4発売時期決定だったなそういえば。買いたい。


小さくて見えにくければ、動画下についている画面拡大のアイコンを押してみてください^^
(Escキーで元に戻ります)

ロゴの焼印

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

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

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

ポイントらしきもの

元の文字やロゴの色

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

レイヤーモード

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

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

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

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

ロゴですが、カラーのロゴでもかわいいと思います。
ロゴの方の動画の最後で、ロゴの色を無くし、木の色に馴染んだ焼印と、カラーのままの焼印を表示しています。
どっちにするかはお好みですね。
下の画像は、上のロゴが色付きのままのもの。下のロゴは「彩度を下げる」で色をなくしています。
どちらもレイヤーモードは「焼きこみカラー」です。

color2.jpg
color3.jpg
← 一部色付きとか。どうかな。
サイトのロゴとかに使うとかわいいですね。
緑や青系だと、下の木目の素材によってはちょっと暗くなりすぎたりもあるみたいです。
赤系は綺麗にでますねー。黄色もいい感じでした。
なんか木のおもちゃのパズルみたいでかわいかったです。
お花の焼印とかかわいいだろうな。


ていうか、この画面を録画してどう表示しようと思ってたら、ほんといろんな表示の仕方があってびっくりでした。
次の記事は、動画表示する記事にしようかなあ。

CamStudio簡単でした。
すごくいいソフトだなあ、と思いました。
ズームが出来ないけど、ポインタを追従してくれる機能があるから、良かったです!

明日からちょっともぐります。
やることやってくるよう

Comments:8

hirotto 2008 11月12日

すげーーー。
こんなの出来るんだ♪
おもしろー。たしかにロゴにいいかも。
焼印っていいですね。

kumacrow 2008 11月12日

ひろこさん、こんばんは。

いやー、CNETさんの記事にリンクしているだけやから・・・。(;´Д`)


焼印の方法は、難しいねぇ。

使っているPhotoshopのバージョンも違うからか、
やっぱり、難しいですねぇ。

さすが、Photoshopマスターやわ。

これは、「月刊Photoshopマスターひろこ」とか、
連載スタートやわ。ヾ(*´∀`*)ノ

ひろこ Author Profile Page 2008 11月12日

ひろっとさん、どうもです!

photoshopは、ほんとおもしろいソフトだと思います。
ないものが作り出せるなんて本当にたのしいよ。

焼印はいいよね
なんか飲食店によさそうな感じがします^^

ひろこ Author Profile Page 2008 11月12日

kumacrowさん、こんばんは!
いやいや、ここだけの話だけどkumacrowさんがああやって見やすくまとめてくださらないと
自分は見なかったと思うよ(;´∀`)
すぐ目的のものが見つけられたのが嬉しかったです!

photoshopはバージョンが離れると、だいぶ違ってきちゃうみたいですね。
自分CS4買ってやっていけるんだろうか。
というか、パソコン動くのかがすごい怖いんだけど。

フォトショマスターなんてとんでもないー(;´Д`)
フルボッコされる
でも、せっかく動画も出来るようになったから、なんかのチュートリアルとか
研究してアップしていけたらいいいなあ

kumacrow 2008 11月13日

ひろこさん、こんばんは。

スピードばっちりで、
分かりやすかったです!(・∀・)/

それから、文章も書き直していただいて、
ありがとうございます。

お手間さまでした。

ひろこ Author Profile Page 2008 11月14日

kumacrowさん、おはようございます!
また見てくださっていたのですね、超ありがとうございます。
全然手間ではないですよー
kumacrowさんこそ、ああいったまとめ、本当にお疲れ様でした。
まとめスキルが高くてうらやまです。

ichimarugo 2008 11月14日

ひろこさん!こんにちは^^
凄いー♪焼印ってこうやって作るんですね!

このソフトも凄いですね~♪
フォトショップとかのチュートリアルって、海外サイトは多いけど、日本人向けが少ないですよね!
こういうの待っていた人は沢山いるはず!
次回も楽しみにしています☆

私も今後機会があればソフト使わせてもらおうかな~^^(英語解読できたら。。。^^;)

ひろこ Author Profile Page 2008 11月14日

いちまるごさん、こんばんは!
ですよね、フォトショのチュートリアルは海外にはたくさんありますね。
自分もフォトショのチュートリアルはほとんど海外サイトで勉強しています。

このソフト、動画を録画するだけのやつなら日本語版ありますよー^^
http://tatezo.com/archives/253(The 動画チュートリアル WEBマーケティング&オープンソース

ここのしたの方で直接ダウンロードできました!

でも動画って重いですねー
びっくりした・・・
あげてももう一つ二つくらいかも^^;

Comment Form

Trackbacks:0

TrackBack URL for this entry
http://nyan-colon.com/mt/mt-tb.cgi/60
Listed below are links to weblogs that reference
photoshopで焼印を作る(動画がわかりにくかったので作り直した) from marghe

Home > photoshop > photoshopで焼印を作る(動画がわかりにくかったので作り直した)

今の自分

follow _marghe at http://twitter.com
Search
Links
ranking
Tag Cloud
Feeds

Return to page top