• Explore Vox
  • Culture
  • Entertainment
  • Life
  • Music
  • News & Politics
  • Technology
  • Join Vox
  • Take a Tour
  • Already a Member? Sign in
vanilla

vanilla's lab

いろいろガラクタを公開

  • vanilla’s Blog
  • Profile
  • Neighbors
  • Photos
  • More 
    • Audio
    • Videos
    • Books
    • Links
    • Collections

アイコン

  • 5 days ago
  • Post a comment
アイコン
アイコン

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



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


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


Post a comment

サイトのモックアップ

  • Nov 21, 2009
  • Post a comment
ボツになったモックアップ
ボツになったモックアップ

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

もっと勉強しよう。



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


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




Post a comment

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

  • Nov 1, 2009
  • Post a comment
大きさの変化するドット
大きさの変化するドット


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

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

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


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


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



Post a comment

花嫁さん

  • Aug 23, 2009
  • Post a comment
花嫁さん
花嫁さん

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

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


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


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



Post a comment

線の取り込み

  • Dec 20, 2008
  • Post a comment


オンナノコ
オンナノコ

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

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

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

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



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


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


Post a comment Tags: photoshop, illust

2009年の年賀状 part2

  • Dec 14, 2008
  • Post a comment
2009年年賀状 着物バージョン
2009年年賀状 着物バージョン


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



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



IllustratorCS4(イラストレーターCS4)は、
年賀状のイラストも描けるデザインソフトです。
=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
Post a comment Tags: card, illustrator, illust

2009年の年賀状

  • Nov 29, 2008
  • Post a comment
2009年の年賀状
2009年の年賀状

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

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

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


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


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


Post a comment Tags: photoshop, card, illust

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

  • Oct 1, 2008
  • Post a comment
光
光


Awesome digital bokeh effect in Photoshop | Abduzeedo


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

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

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

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

STEP2:ブラシで描いてみる
1.新規にファイルを作成する。サイズは任意です。
2.背景を黒に近い色(真っ黒#000000ではだめです)で塗りつぶします。
3.新規にレイヤーを作成して、任意のグラデーションで塗りつぶします。グラデーションをかけたレイヤーを「オーバーレイ」にします。こうすると、下のレイヤーの黒っぽい背景となじみます。
4.新規に「フォルダー」を作ります。このフォルダーに「覆い焼きカラー」を設定します。ここが肝です!こうすることにより、きれいな透明感が出ます。
5.フォルダー内に新規レイヤーを作ります。
6.STEP1で作ったブラシを選択して、任意にクリックしてみましょう。そうすると正円がランダムに配置されます。
7.このレイヤーに「フィルター」>「ぼかし(ガウス)」でぼかしていきます。
8.5~7を繰り返して、光に奥行きをつけていきます。

完成です!!!

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


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


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

Post a comment

スタイリッシュ 

  • Sep 11, 2008
  • Post a comment
Woman
Woman


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

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


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


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


Post a comment Tags: photoshop, illust

小鳥さん

  • Aug 29, 2008
  • Post a comment
小鳥さん
小鳥さん

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


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



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

Post a comment Tags: illustrator, illust

Read more from vanilla »

vanilla

About Me

vanilla
Japan
View my profile

vanillaの生息地

  • CoolWebWIndow
  • twitter

Neighborhood

  • チームVox
    チームVox Updated: 19 hours ago

Explore friends, family, friends & family, or entire neighborhood.

View my neighbors

Tags

  • banner
  • button
  • card
  • icon
  • illust
  • illustrator
  • illustrator card
  • item
  • photo
  • photoshop
  • php
  • programing

View my tags

Archives

  • December 2009 (1)
  • November 2009 (2)
  • August 2009 (1)
  • December 2008 (2)
  • November 2008 (1)
  • 2009 (4)
  • 2008 (8)
  • 2007 (21)

Subscribe

  • Subscribe to a feed of these posts
  • Powered by Vox
  • Theme designed by Keri Maijala
  • Use this theme
  • Home
  • Explore
  • Tour Vox
  • Start a Vox Blog
Already a member? Sign in

Back to top

View Vox in your language: English | Español | Français | 日本語

Brought to you by Six Apart, creators of Movable Type, Vox and TypePad.
Six Apart Services: Blogs | Free Blogs | Content Management | Advertising

Vox © 2003-2008 Six Apart, Ltd. All Rights Reserved.
Help | Learn More | Terms of Service | Privacy Policy | Copyright | Advertise | Get a Free Vox Blog

Loading…

Adding this item will make it viewable to everyone who has access to the group.

Adding this post, and any items in it, will make it viewable to everyone who has access to the group.

Create a link to a person
Search all of Vox
Your Neighborhood
People on Vox

(Select up to five users maximum)

Vox Login

You've been logged out, please sign in to Vox with your email and password to complete this action.

Email:
Password:
 
Embed a Widget
Widget Title: This is optional
Widget Code: Insert outside code here to share media, slideshows, etc. Get more info
OK Cancel

We allow most HTML/CSS, <object> and <embed> code

Processing...
Processing
Message
Confirm
Error
Remove this member