PCのフォルダを漁っていたら、懐かしいものが出てきました。
Webサイトのモックアップ(途中)です。2年前に描いたものです。完全ボツというか、コーディングするまでに体力が至らなかったです。
Photoshopの勉強をしている最中だったと思うのですが、psdファイルを見るといろいろ技を駆使している跡が見られます(笑)。
あと、やっぱり自分のイラストをサイトに使う勇気がなかったです。
もっと勉強しよう。
=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
作成環境
OS:WindowsXP
Tool:Photoshop7.0
![]()
PhoshoptopCS4(フォトショップCS4)は
モックアップも制作できるデザインソフトです。
=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
なんと表現してよいのかわかりませんが、ドットが小さくなっていくパターンが作りたかったのですが、Photoshopではどうやって作るんだろう?と調べてみました。
どうやら、グラデとフィルターのカラーハーフトーンとマスクを駆使して作るようです。
最初、ドットのパターンはカラーハーフトーンで作るのはわかったのですが、ドットの大きさの変化がグラデで効いているってわからなくて、いろいろ調べるのに時間がかかってしまいました><以下のサイトがとてもわかりやすく書いてありました。
小山太郎.com » Blog Archive » Photoshopでハーフトーン
=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
作成環境
OS:WindowsXP
Tool:Photoshop7.0
![]()
PhoshoptopCS4(フォトショップCS4)は
ドットパターンも描けるデザインソフトです。
=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
久々にイラスト描きました。いや、ちょくちょくは描いていたのですが、Photoshopをおこすところまではいってませんでした。
イラスト自体ももちろん下手なんですけど、色を塗るとなんかイメージが変わっちゃって・・・下手すぎる><
自分の頭の中を再現するって難しい。
作業台がほしいです。今、台所のテーブルが私の城なのでw。ペンタブとか置く場所がありません><
=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
作成環境
OS:WindowsXP
Tool:Photoshop7.0
![]()
PhoshoptopCS4(フォトショップCS4)は
イラストも描けるデザインソフトです。
=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
紙でイラストを描いて、スキャナーでPCに取り込んで、Photoshopで色づけする場合、イラストレーターさんとかどうやって線をきれいに取り込んでいるのか謎でした。今まで、Photoshop上で清書していたため、鉛筆で描いたときの線の強弱が再現できず悩んでいました。
最近は書店にGCイラスト教本がたくさんあって、勉強になります。(でも、「萌え」イラストの描き方、とかいうタイトルで、ちょっと手に取るのをためらってしまうぞw)
それによると、
1.グレースケール、300~360dpiくらいでスキャンする。
2.Photoshopでスキャンした画像を開く。この際、モードはRGBにする。(グレースケールでもできるけど線の濃淡をつけたいので今回はRGBで。)
3.メニューバーのイメージ>色調補正>レベル補正、でいろいろ三角バーをいじって、背景を白くしつつ尚且つ線は消えてしまわないように調整する。結構難しい。(あまりにも背景に斑があったりするときはおおざっぱでいいので背景を消しゴムツールとかで消してしまったほうがよい。)
4.細かいところはレベル補正で消せないので、消しゴムツールとかでちまちまとゴミを消す。線がはみ出してたりするときはこのときに修正する。この地道な作業が大事。
5.チャンネルパレットを開いて、左下にある丸(チャンネルを選択範囲として読み込む)のアイコンを押す。すると、線を取り除いた背景だけが選択されるので、そのままdelキーを押して背景を消す。これで線だけのレイヤーが出来上がり。
あとは、線のレイヤーの下にレイヤーを作成して色をつけていけばおっけーです。その際、パーツごとにレイヤーを分けておくと色の変更などがとても楽になります。
=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
作成環境
OS:WindowsXP
Tool:Photoshop7.0
![]()
PhoshoptopCS4(フォトショップCS4)は
イラストも描けるデザインソフトです。
=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
2009年の年賀状を描きました。
昨年はPhotoshopでイラストを描くことができなかったけれど、今年はなんとか手馴れてきたおかげで、手描き並みのクォリティは保ててきました。
今回は私「らしさ」満天のイラストですw
もうひとつ、全く私「らしくない」イラストも描いてみようかなと思ってます。
そして、この年賀状を誰に出すかが問題ですね。やはり友人かな~。会社の人には出せないなぁ><
=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
作成環境
OS:WindowsXP
Tool:Photoshop7.0
![]()
PhoshoptopCS3(フォトショップCS3)は
年賀状のイラストも描けるデザインソフトです。
=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
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)は
光の合成もできるデザインソフトです。
=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
最近デジタルで絵を描いてないなぁ。
=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
作成環境
OS:WindowsXP
Tool:Illustrator9.02
IllustratorCS3(イラストレーターCS3)は、
小鳥さんもすいすい描けるデザインソフトです。
=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=