9 posts tagged “photoshop”

紙でイラストを描いて、スキャナーでPCに取り込んで、Photoshopで色づけする場合、イラストレーターさんとかどうやって線をきれいに取り込んでいるのか謎でした。今まで、Photoshop上で清書していたため、鉛筆で描いたときの線の強弱が再現できず悩んでいました。

最近は書店にGCイラスト教本がたくさんあって、勉強になります。（でも、｢萌え｣イラストの描き方、とかいうタイトルで、ちょっと手に取るのをためらってしまうぞｗ）
それによると、

１．グレースケール、300～360dpiくらいでスキャンする。
２．Photoshopでスキャンした画像を開く。この際、モードはRGBにする。（グレースケールでもできるけど線の濃淡をつけたいので今回はRGBで。）
３．メニューバーのイメージ＞色調補正＞レベル補正、でいろいろ三角バーをいじって、背景を白くしつつ尚且つ線は消えてしまわないように調整する。結構難しい。（あまりにも背景に斑があったりするときはおおざっぱでいいので背景を消しゴムツールとかで消してしまったほうがよい。）
４．細かいところはレベル補正で消せないので、消しゴムツールとかでちまちまとゴミを消す。線がはみ出してたりするときはこのときに修正する。この地道な作業が大事。
５．チャンネルパレットを開いて、左下にある丸（チャンネルを選択範囲として読み込む）のアイコンを押す。すると、線を取り除いた背景だけが選択されるので、そのままdelキーを押して背景を消す。これで線だけのレイヤーが出来上がり。

あとは、線のレイヤーの下にレイヤーを作成して色をつけていけばおっけーです。その際、パーツごとにレイヤーを分けておくと色の変更などがとても楽になります。



=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
作成環境
OS：WindowsXP
Tool：Photoshop7.0

PhoshoptopCS4（フォトショップCS4）は
イラストも描けるデザインソフトです。
=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=

２００９年の年賀状を描きました。
昨年はPhotoshopでイラストを描くことができなかったけれど、今年はなんとか手馴れてきたおかげで、手描き並みのクォリティは保ててきました。
今回は私｢らしさ｣満天のイラストですｗ

もうひとつ、全く私｢らしくない｣イラストも描いてみようかなと思ってます。

そして、この年賀状を誰に出すかが問題ですね。やはり友人かな～。会社の人には出せないなぁ＞＜


=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
作成環境
OS：WindowsXP
Tool：Photoshop7.0

PhoshoptopCS3（フォトショップCS3）は
年賀状のイラストも描けるデザインソフトです。
=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=

twitterアイコンが自分の写真だったのですが、そろそろイラストに戻したいなぁと思っていた今日この頃。だが、昔使っていたのに戻すのも面白くないなあと思い、描いてみました。

紙に描いてそれを携帯で撮って、Photoshopに取り込んで、2階調化して、上から色つけました。ちなみに色をつけるレイヤーのモードを「焼き込み（リニア）」にしております。そうすると下書きの線が消えないので。

このへたれな描き方をどうにかしたい＞＜
プロの描き方を一度目の前で見てみたいです。


=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
作成環境
OS：WindowsXP
Tool：Photoshop7.0


PhoshoptopCS3（フォトショップCS3）は
twitter用のアイコンも作成できるデザインソフトです。
=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=

この絵は、2008年の年賀状に使おうとして結局ぼつったやつです。で、今も未完成のまんまｗ
これはPhotoshop使って描いたのですが、うむ～、難しいですね、絵を描くって。
全然イメージどおりに描けなかった＞＜
2008年はもっともっとイラスト描くぞ～。


=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
作成環境
OS：WindowsXP
Tool：Photoshop6.0


PhoshoptopCS3（フォトショップCS3）は
年賀状イラストも作成できるデザインソフトです。
=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=

何かちまちましたものが作りたくなって、外部リンク用のアイコンを作りました。
これは、外部リンク（リンク先が自分のサイト以外）ですよ～ということを視覚的に表すためのものです。
最近は、いろいろなサイトでこのアイコンを見かけます。本当に様々なアイコンがあるので、考える方も大変だなぁと思ってみたりｗ
私のメインサイトのほうで、こちらのアイコンおよびpsdファイルを配布しています。また設置方法なども説明しております。
CoolWebWindow


=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
作成環境
OS：WindowsXP
Tool：Photoshop6.0


PhoshoptopCS3（フォトショップCS3）は
ミニアイコンも作成できるデザインソフトです。
=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=

どうしても自分のサイトの過去のエントリーが埋もれてしまう！悩んだ末に、バナーつけたら面白いかも、と思って作ったのが始まりです。今サイトがピンクなのですが、ちょっと前がグリーンでそれにあわせたのでふちがグリーンになってますけど、作り変えるのも面倒だしと思ってそのまんまです。Firefox＝2.0的モダンブラウザ？＝web2.0的デザイン？ってことで、所謂2.0と言われているデザインテクニックを使って作成しました。

やっぱりね～もっとバナー作りを頑張らなきゃ！と思っています。どういう写真や素材を使ってよいのかいつも悩んでしまいます。まあ素材が手元に少ないというのもありますけどね。

バナー作りで、参考にしているサイトはANAです。トップページに特割とか早割のPRバナーがあるのですが、よくもまあ同じテーマでいろいろ作れるなぁと感心します。どのくらいのサイクルかわかりませんが比較的早くバナーが入れ替わるので楽しいです。

=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
作成環境
OS：WindowsXP
Tool：Photoshop6.0


PhoshoptopCS3（フォトショップCS3）は
2.0っぽいバナーも作れるデザインソフトです。
=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=

古紙というか時間がたっていい感じの和紙の雰囲気が出ているバナーを作ってみました。イメージはそんなんだけど、ちゃんと再現されているかなぁ？
このテクニックを、とあるwebデザイナーさんがやっていて、やり方までは教えてもらわなかったのですが、データをもらって自分で研究したりしました。

以下のサイトがすごく参考になります。
Part One: The Indispensable Tool Trio ~ Authentic Boredom

英語なのでちょっとわかりにくいかもしれませんが、英語が読めない方は翻訳ツール使って頑張って解読してください。すごく丁寧に書いてあるので、理解はしやすいかと思います。あと、サンプル用のpsdファイルがダウンロードできるのも素敵。

簡単に説明すると、「焼き込みツール」と「ブラシ」と「消しゴム」をつかってふちをぼかしていきます。消しゴムもモードを「エアブラシ」にすると結構自然な感じで紙のやぶれ感を出すことができます。
私は「焼き込みツール」は使わず、ブラシの描写モードを「焼き込みカラー」にして、背景とは別レイヤーでふちを塗っております。あと似た色を3～4色程度使うというのもポイントかも。
このテクは、Photoshopがただ使えるという技術的要素に加え、「センス」も必要になってきます。私は全然センスないですが、数をこなしていけば、なんとなくはうまくなってきているような気がします。（しません？）
ううう、そのあたりはまだまだなので、頑張ります。


=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
作成環境
OS：WindowsXP
Tool：Photoshop6.0


PhoshoptopCS3（フォトショップCS3）は
「焼き込み」系が楽しいデザインソフトです。
=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=

ペンギン親子、雨宿りの図です。
これは、Photoshop6で描きました。
雨、雑に書きすぎですｗもう少し改善の余地ありですね。
一時、「手描きイラスト＋コラージュ写真」というのにはまっていた時期がありました。
Photoshopで手描きがほんとうにできません。ペンタブレットも持っていますが、全然使いこなせません。

余談になりますが、ふわふわ。りというサイトはすごく好きですね。
清水麻里さんというイラストレーターさんが描かれています。
こちらはお仕事用のサイトです。

:.: halzion :.:


=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
作成環境
OS：WindowsXP
Tool：Photoshop6.0


PhoshoptopCS3（フォトショップCS3）は
手描きのイラストも描けるデザインソフトです。
=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=