10周年のSPコンテンツ!

井上のきあさんによる「Illustratorで僧侶ちゃんの帽子を作ったあとPhotoshopでテクスチャをつけてみる」Tips

四角を描いたり罫線を引いたりもいいけど ペンツールであんな絵とかこんな絵とかを自由に描いたりもしたいよね! そんな基本操作を「僧侶ちゃんの帽子」を例にして1から10まで教えてくださいました。 その後にフォトショで「フェルト風に加工」するという手順まで公開。圧巻です。 のきあさんの著書「Photoshop(Illustrator)デザインメソッド」ではこんな情報がてんこ盛りです。 続きを読む
Photoshop デザイン 井上のきあ TIPS Illustrator
86
井上のきあ@花花素材集 Ophelia's Crown @yue9
イラレのペンツールで僧侶ちゃんの帽子を描いてみます アタリにする画像はチノさんのピクシブのアイコン 画像の配置はイラレファイルへのドラッグでいけるはず http://twitpic.com/402uz2
拡大
井上のきあ@花花素材集 Ophelia's Crown @yue9
レイヤーパネルのサブメニューから「テンプレート」選ぶと http://twitpic.com/402vkl
拡大
井上のきあ@花花素材集 Ophelia's Crown @yue9
こんな風にレイヤーの表示が薄くなってみやすくなるんですが 画像とかオブジェクトの透明度を変更できるようになったいまは(8とかはムリですよ) http://twitpic.com/402vxj
拡大
井上のきあ@花花素材集 Ophelia's Crown @yue9
新しくレイヤーつくって ペンツールで外形をざっくりとります ポイントを角に打つようにして&ドラッグでスムーズポイントでとっていくと後々楽です たぶん http://twitpic.com/402x43
拡大
井上のきあ@花花素材集 Ophelia's Crown @yue9
Aがスムーズ、Bがコーナー ドラッグだけしてればスムーズにしかならないはずです べつにコーナーになっても方向点ひきだせなくてもあとで調整するのでOK http://twitpic.com/402xox
拡大
井上のきあ@花花素材集 Ophelia's Crown @yue9
コーナーにしたいところは「<」みたいなツールで方向線をドラッグすると 折り曲げることができます きょうはついぴくが軽くていいですね http://twitpic.com/402z62
拡大
井上のきあ@花花素材集 Ophelia's Crown @yue9
帽子の折れ曲がりのディティールつくるためにアンカーたします http://twitpic.com/402zvk
拡大
井上のきあ@花花素材集 Ophelia's Crown @yue9
たぶんフェルトみたいな材質のつばが折れ曲がってるんだろうなーと予想 内部の線いれてからまた考えますが http://twitpic.com/4030ji
拡大
井上のきあ@花花素材集 Ophelia's Crown @yue9
とりあえず内部の線を入れていきます [ポイントにスナップ]がオンの状態だとすでにあるアンカーにスナップされるので便利 デフォではたぶんオンになってるでしょう http://twitpic.com/403191
拡大
井上のきあ@花花素材集 Ophelia's Crown @yue9
たぶんこの線もいるのかなーと思うので足してみる http://twitpic.com/4032io
拡大
井上のきあ@花花素材集 Ophelia's Crown @yue9
アイコンとしてたつように 外形を太線 内側を細い線にかえてみました http://twitpic.com/4033in
拡大
井上のきあ@花花素材集 Ophelia's Crown @yue9
個人的趣味ですが さらにこの手のイラストだと「線を外側に」にするとかわいくしあがるような気がします 内側の線の調整は必要ですが あとクロスなどはあとでかきます http://twitpic.com/40347e
拡大
井上のきあ@花花素材集 Ophelia's Crown @yue9
こういうところも外形を太線にしとくとうまくもぐりこませることができます http://twitpic.com/4035jw
拡大
井上のきあ@花花素材集 Ophelia's Crown @yue9
アタリ画像を表示にもどして クロスなどを描いてます 手描きの線がきれいに見えるバランスと アンカーの少ないパスがきれいに見えるバランスって違うので アタリ画像は表示非表示を切り替えながら作業したほうがいいです http://twitpic.com/4036n8
拡大
井上のきあ@花花素材集 Ophelia's Crown @yue9
調整してこんなかんじ さらに色つけてきます http://twitpic.com/4038lm
拡大
井上のきあ@花花素材集 Ophelia's Crown @yue9
先に線の色、地の色、クロスの色、宝石?の色をつくってしまいます(つくりながらでもいいけど) http://twitpic.com/4039gh
拡大
井上のきあ@花花素材集 Ophelia's Crown @yue9
地、クロス、宝石は[塗り]に指定すればつくのですが 問題はラインの色 http://twitpic.com/4039yo
拡大
井上のきあ@花花素材集 Ophelia's Crown @yue9
ライブペイントでいこうとしたら外形の[線を外側に]がなかったことにされたので 線と塗りを完全に分けてつくることにします http://twitpic.com/403b0y
拡大
井上のきあ@花花素材集 Ophelia's Crown @yue9
下のレイヤーにあるパスをいったん[塗り:なし][線:なし]にして 外形のパスだけ[塗り:青]にしときます 上のレイヤー(線おいてるほう)はロックしとくと楽 http://twitpic.com/403d6z
拡大
井上のきあ@花花素材集 Ophelia's Crown @yue9
下のパスをぜんぶ選択して[オブジェクト]→[ライブペイント]→[作成]でライブペイントグループにします http://twitpic.com/403du1
拡大
幸宮チノ @chino_y
↑文字化け「[ライブペイントツール]選択して 色選んで 塗りたいとこクリックで色がぬれます」と書いてあります
残りを読む(43)

コメント

とんどる @tondol 2011年2月16日
これは素晴らしいチュートリアル
ジョらえもん(JORA) @JORA_JORAEMON 2011年2月16日
イラストレーターはなかなか解らない人も多いと思うし、こういう風に解りやすく説明しているのはいいですね。
tadsan @tadsan 2011年2月16日
かがくの ちからって すげー!
ログインして広告を非表示にする
ログインして広告を非表示にする