BACKSTAGE技術部

群馬職業訓練短期大学校、ポリテクカレッジ群馬のデザイン科卒業生で行われる作品展
「BACKSTAGE」の技術的ブログです。
Adobe Illustrator、Photoshopを中心に手持ちのアプリケーション、デジモノの検証結果やTipsをお伝えしていきたいと思います。
リンクはご自由に。報告も不要です。
<< Illustratorのアピアランスを使ってドーナツの付けチョコを作ってみよう。 | main | 【超力業】Illustratorで斜線が自動的に出現する5段カレンダーを作ってみよう >>
Illustratorのアピアランスを駆使してドーナツのトッピングを作ってみよう。
0
    JUGEMテーマ:Adobe CS5
    スクリーンショット 2015-04-28 4月28日1.28.07 火.png
    久しぶりの更新です。
    今回はドーナツにかけるツブツブトッピングとカラースプレーを作りたいと思います。
    いよいよドーナツ作成シリーズラストです。


    ではカラースプレーから

    まずカラースプレーの一粒を作成。
    角丸長方形ツールで幅3mm/高さ1mm/角の半径0.2mm
    色はK100%
    スクリーンショット 2015-04-19 4月19日1.32.45 日.png

    もう一つツヤ用に角丸長方形ツールで
    幅2.5mm/高さ0.3mm/角の半径0.2mm
    色は白
    スクリーンショット 2015-04-19 4月19日1.32.54 日.png

    整列で水平方向中央に整列
    白のパーツの透明度を30%に
    スクリーンショット 2015-04-19 4月19日1.33.08 日.png

    ツヤ部分は少しズレていた方がそれらしいので
    少しずらします。
    スクリーンショット 2015-04-19 4月19日1.33.19 日.png

    これをブラシパレットへドラッグして散布ブラシとして登録します。
    スクリーンショット 2015-04-19 4月19日1.34.03 日.png
    サイズ:固定/100%
    間隔:ランダム/50%/30%
    散布:ランダム/-200%/200%
    回転:ランダム/-180°/180°
    彩色:淡彩
    キーカラー:黒部分

    あとはパスに適用して色をつけていきます。
    ドーナツのパスと同じ大きさの円を作成。
    スクリーンショット 2015-04-19 4月19日7.39.19 日.png

    ブラシを適用
    スクリーンショット 2015-04-19 4月19日7.39.37 日.png
    スクリーンショット 2015-04-19 4月19日7.40.05 日.png

    線に好きな色を付けます
    スクリーンショット 2015-04-19 4月19日7.40.26 日.png
    今回はC50%Y100%の黄緑

    アピアランスパレットで​その線を複製
    スクリーンショット 2015-04-19 4月19日7.40.43 日.png
    スクリーンショット 2015-04-19 4月19日7.41.00 日.png

    ​複製した線の色を変更します。
    スクリーンショット 2015-04-19 4月19日7.41.21 日.png
    M100%にしてみます。

    上の作業を繰り返して、好きな色のカラースプレーを追加していきます。
    スクリーンショット 2015-04-19 4月19日7.43.13 日.png
    白、Y100%、M70%Y100%K70%の線を追加してみました。
    程よく追加できたら、これをグラフィックスタイルに登録しておくと後で使い回せて便利です。

    好きなドーナツに重ねればカラースプレーを振りかけたドーナツが出来上がります。



    続いて名称は良く分かりませんが粉っぽいトッピング。

    多角形ツールで8角形を作成
    スクリーンショット 2015-04-19 4月19日6.47.08 日.png
    半径0.5mmです。

    効果>パスの変形>ラフ
    スクリーンショット 2015-04-19 4月19日6.47.18 日.png
    サイズ:10%、詳細10/inch、ギザギザ

    オブジェクト>アピアランスを分割
    スクリーンショット 2015-04-19 4月19日6.47.24 日.png
    このオブジェクトをコピーしておきます。

    そのオブジェクトを分断するように適当に直線を引きます。
    スクリーンショット 2015-04-19 4月19日6.47.30 日.png

    全て選択してパスファインダーで分割
    スクリーンショット 2015-04-19 4月19日6.47.37 日.png

    グループ解除して一番大きい部分を削除
    スクリーンショット 2015-04-19 4月19日6.47.44 日.png

    色を白にしてから
    先ほどコピーしたものを背面へペースト
    スクリーンショット 2015-04-19 4月19日6.47.50 日.png

    白にしたオブジェクトの透明度を変更して立体感を出します。
    スクリーンショット 2015-04-19 4月19日6.49.30 日.png
    今回は上のようにしました。

    出来上がったものをブラシパレットにドラッグして散布ブラシで登録
    スクリーンショット 2015-04-19 4月19日6.50.06 日.png
    サイズ:ランダム/100%/20%
    間隔:ランダム/10%/1%
    散布:ランダム/0%/-1000%
    回転:ランダム/-180°/180°
    彩色:淡彩
    キーカラー:黒部分

    幅広の散布ブラシはパス内側の密度が高くなります。
    密度が低い部分に細い線重ねて均一に近く見せるようにしたいので、
    パスの内側のみに適用されるように散布部分を片側だけ上げています。

    内側のみに適用されるのでドーナツ外周と同じ大きさの円を作成して
    先ほどのブラシを適用。
    スクリーンショット 2015-04-27 4月27日5.35.48 月.png
    線の色を白、太さは1.9ptにしました
    分かりやすいように背景を黒くしました。
    白にすると上で行った濃淡を付ける作業が意味なくなりますが、
    後で色を変える場合のことも考えて濃淡を付けておきます。

    ちょっと粒が大きいのでブラシパレット下部の右から3つめのアイコンをクリックして
    選択したパスに対してのみブラシのオプションを変更します。
    スクリーンショット 2015-04-27 4月27日6.09.06 月.png
    スクリーンショット 2015-04-27 4月27日6.09.45 月.png
    サイズの100%だった部分を50%に変更して「OK」

    スクリーンショット 2015-04-27 4月27日6.10.06 月.png
    良い感じのツブツブ感です。

    外側が密度低いのでアピアランスパレットで線を複製します。
    スクリーンショット 2015-04-27 4月27日6.10.35 月.png
    スクリーンショット 2015-04-27 4月27日6.10.48 月.png

    アピアランスパレットで複製した線が選択された状態で
    スクリーンショット 2015-04-27 4月27日6.11.19 月.png
    線幅を1ptに変更。
    今度は少し外側が密度高くなったかな?

    1ptの線の方のブラシオプションを変更します。
    スクリーンショット 2015-04-27 4月27日6.13.19 月.png
    スクリーンショット 2015-04-27 4月27日6.13.51 月.png
    間隔の大きい方を10%から20%に変更して「OK」
    スクリーンショット 2015-04-27 4月27日6.14.08 月.png

    ドーナツに重ねてみます。

    ついでに色もK20%、ドロップシャドウをほんの少しかけました。
    これくらいで良いんじゃないでしょうか。

    線の色を両方黄色にするとゴールデントッピングになります。
    スクリーンショット 2015-04-27 4月27日6.14.10 月.png

    以上でトッピングの作成終了です。

    ドーナツ作成シリーズ長かったですが、
    中には他のモノにも応用できるアピアランス設定などあったんじゃないでしょうか。
    アピアランスは奥が深いですねぇ。
    まだまだ面白い効果を探してみたいと思います。

    参考記事
    Illustratorのアピアランスを駆使して美味しそうなドーナツを作ってみよう。その1
    Illustratorのアピアランスを駆使して美味しそうなドーナツを作ってみよう。その2(イーストドーナツ編)
    Illustratorのアピアランスを駆使して美味しそうなドーナツを作ってみよう。その3(フレンチクルーラー編)
    Illustratorのアピアランスを駆使して美味しそうなドーナツを作ってみよう。その4(ポンデリング編)
    Illustratorのアピアランスを駆使して美味しそうなドーナツを作ってみよう。その5(オールドファッション編)
    Illustratorのアピアランスを使ってドーナツの付けチョコを作ってみよう。
     
    | タナカ | Illustrator | 01:34 | comments(0) | - | - |









    スマホ版
      12345
    6789101112
    13141516171819
    20212223242526
    2728293031  
    << October 2019 >>
    + SELECTED ENTRIES
    + RECENT COMMENTS
    • Illustratorで電光掲示板
      タナカ (09/18)
    • Illustratorで電光掲示板
      留萠本線 (09/18)
    • Macのカレンダー.appを使って定期的にアプリケーションを実行してみよう
      タナカ (10/03)
    • Macのカレンダー.appを使って定期的にアプリケーションを実行してみよう
      ヤマモト (10/03)
    • Illustratorの散布ブラシで鉛筆やクレヨン風の書き味を出そう
      タナカ (08/18)
    • Illustratorの散布ブラシで鉛筆やクレヨン風の書き味を出そう
      ななし (08/18)
    • Illustratorの散布ブラシで鉛筆やクレヨン風の書き味を出そう
      タナカ (06/06)
    • Illustratorの散布ブラシで鉛筆やクレヨン風の書き味を出そう
      monday (06/06)
    • Macのカレンダー.appを使って定期的にアプリケーションを実行してみよう
      タナカ (04/29)
    • Macのカレンダー.appを使って定期的にアプリケーションを実行してみよう
      かわだ (04/29)
    + CATEGORIES
    + ARCHIVES
    + BACKSTAGE
    + Amazon
    + 広告

    + にほんブログ村ランキング
    + MOBILE
    qrcode
    + LINKS
    + PROFILE