vanilla's lab

アイコン

2009-12-20T04:00:44Z

アイコン

twitter用のアイコンです。
なかなか自分の絵って確立できないのだ。

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

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

Read and post comments | Send to a friend

サイトのモックアップ

2009-11-21T04:50:32Z

ボツになったモックアップ

PCのフォルダを漁っていたら、懐かしいものが出てきました。
Webサイトのモックアップ（途中）です。2年前に描いたものです。完全ボツというか、コーディングするまでに体力が至らなかったです。
Photoshopの勉強をしている最中だったと思うのですが、psdファイルを見るといろいろ技を駆使している跡が見られます（笑）。
あと、やっぱり自分のイラストをサイトに使う勇気がなかったです。

もっと勉強しよう。

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

PhoshoptopCS4（フォトショップCS4）は
モックアップも制作できるデザインソフトです。
=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=

Read and post comments | Send to a friend

大きさが徐々に変化するドットパターンの作り方

2009-11-01T03:08:34Z

大きさの変化するドット

なんと表現してよいのかわかりませんが、ドットが小さくなっていくパターンが作りたかったのですが、Photoshopではどうやって作るんだろう？と調べてみました。

どうやら、グラデとフィルターのカラーハーフトーンとマスクを駆使して作るようです。
最初、ドットのパターンはカラーハーフトーンで作るのはわかったのですが、ドットの大きさの変化がグラデで効いているってわからなくて、いろいろ調べるのに時間がかかってしまいました＞＜以下のサイトがとてもわかりやすく書いてありました。

小山太郎.com » Blog Archive » Photoshopでハーフトーン

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

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

Read and post comments | Send to a friend

花嫁さん

2009-08-22T23:57:37Z

花嫁さん

久々にイラスト描きました。いや、ちょくちょくは描いていたのですが、Photoshopをおこすところまではいってませんでした。
イラスト自体ももちろん下手なんですけど、色を塗るとなんかイメージが変わっちゃって・・・下手すぎる＞＜
自分の頭の中を再現するって難しい。

作業台がほしいです。今、台所のテーブルが私の城なのでｗ。ペンタブとか置く場所がありません＞＜

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

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

Read and post comments | Send to a friend

線の取り込み

2008-12-20T06:43:04Z

オンナノコ

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

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

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

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

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

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

Read and post comments | Send to a friend

2009年の年賀状 part2

2008-12-14T10:10:58Z

2009年年賀状　着物バージョン

私らしくないｗ年賀状です。
これはIllustratorで描きました。イラレは慣れていない分、すごく難しかった・・・。パスで楽に描けるのはいいのだけど、下書きと全く違う印象になってしまいました・・・。
もう少し色味などを変更したいなぁ。

=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
作成環境
OS：WindowsXP
Tool：Illustrator10

IllustratorCS4（イラストレーターCS4）は、
年賀状のイラストも描けるデザインソフトです。
=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=

Read and post comments | Send to a friend

２００９年の年賀状

2008-11-28T17:28:24Z

2009年の年賀状

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

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

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

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

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

Read and post comments | Send to a friend

光を表現するPhotoshopチュートリアルがクールだ！

2008-10-01T11:13:16Z

光

Awesome digital bokeh effect in Photoshop | Abduzeedo

ちょうど、イルミネーションの光を人工的に作れないか試行錯誤してたところで、上記リンク先のPhotoshopチュートリアルが応用できそうです。

かなり詳しく書いてあるし、動画も公開されているので読めばわかるのですが、英語なので、簡単に日本語でおさらい。（邦訳ではなくて、私のメモ書きレベルです。）
ちなみにこのチュートリアルはPhotoshop7以降でないとできません。（ブラシをカスタマイズできないため。）

STEP1：オリジナルのブラシを作成する
１．新規にファイルを作成する。サイズは任意です。
２．描画色を黒（#000000）に設定。
３．新規にレイヤーを作成する。
４．楕円形ツールで任意の大きさを描く。正円は実際に表示するくらいのサイズにしておくのがベスト。このとき「shift」キーを押しながら描くと正円ができます。
５．正円を描いたレイヤーをダブルクリックすると、レイヤーパレットが開きます。最初に表示されている「レイヤー効果：初期設定」画面において、「塗りの不透明度」を50%にします。続いて、「境界線」画面にシフトして、任意のサイズの枠線をつけます。色は黒（#00000）にしておくのがベストです。
６．「編集」＞「ブラシを定義」で、任意の名前でブラシを登録します。
７．続いて、ブラシの詳細な設定をします。ブラシツールから先ほど登録したブラシを選択します。
８．ブラシパレットを開き、以下のように設定します。
・「ブラシ先端のシェイプ」画面
　　　・「間隔」を100%
・「シェイプ」画面にチェック
　　　・「サイズのジッター」を100%
　　　・「最小の半径」を50%
・「散布」画面にチェック
　　　･「散布」を1000%
　　　・「両軸」にチェック
・「その他」画面にチェック
　　　・「不透明度のジッター」を50%
　　　・「インク流量のジッター」を50%
これらの設定は好みで調節してください。

長かったですが、これでブラシの設定は終わりです。続いて、このブラシで描いてみましょう。

STEP2：ブラシで描いてみる
１．新規にファイルを作成する。サイズは任意です。
２．背景を黒に近い色（真っ黒#000000ではだめです）で塗りつぶします。
３．新規にレイヤーを作成して、任意のグラデーションで塗りつぶします。グラデーションをかけたレイヤーを「オーバーレイ」にします。こうすると、下のレイヤーの黒っぽい背景となじみます。
４．新規に「フォルダー」を作ります。このフォルダーに「覆い焼きカラー」を設定します。ここが肝です！こうすることにより、きれいな透明感が出ます。
５．フォルダー内に新規レイヤーを作ります。
６．STEP1で作ったブラシを選択して、任意にクリックしてみましょう。そうすると正円がランダムに配置されます。
７．このレイヤーに「フィルター」＞「ぼかし（ガウス）」でぼかしていきます。
８．５～７を繰り返して、光に奥行きをつけていきます。

完成です！！！

実際、文字にしてみると長くなりますが、慣れてくると、動画にもありますように3分くらいで描けちゃいます。

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

PhoshoptopCS3（フォトショップCS3）は
光の合成もできるデザインソフトです。
=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=

Read and post comments | Send to a friend

スタイリッシュ

2008-09-11T12:57:19Z

Woman

とかく女性雑誌に出てくるような素敵な女性が描きたくなったのですが、なんせ私が普段描く絵とかけ離れているため、描くのに苦労しました。
特に目ですね。難しいです。

ようやく最近Photoshop上で下書きができるようになりました。

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

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

Read and post comments | Send to a friend

小鳥さん

2008-08-29T13:17:50Z

小鳥さん

istockphotoのどこかにいる小鳥さんです。とってもかわいかったので、真似てみました。
最近デジタルで絵を描いてないなぁ。

=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
作成環境
OS：WindowsXP
Tool：Illustrator9.02

IllustratorCS3（イラストレーターCS3）は、
小鳥さんもすいすい描けるデザインソフトです。
=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=

Read and post comments | Send to a friend