自分力ブログ

糖質制限で加齢の食い止め、睡眠の短時間化、ビジネススキルの向上を目指します٩( ᐛ )و

Illustratorで描く!かわいいカップケーキに挑戦!!

      2016/08/09



イラレの基本図形を使って描くカップケーキ

基本図形で魚の絵が描けるようになったので、調子に乗っていろんなものにチャレンジします。

今日は上図のカップケーキを描いてみます。やっぱりテンション上がる絵を真似したいですよね(´∀`)

上図のかわいいカップケーキを描くチュートリアル

海外のサイトなので英語での説明でしたが、グーグルの日本語訳で何とかなります。←サイトを開いて右クリックして日本語に翻訳

英語の問題ではなく、私のイラレ技術の低さでできるのか??という問題だけです(・´з`・)

終わってみた感想は。。。。難しすぎる。。。

難しいながら、つまづいた箇所や私流のやり方を説明します。私流というのは、初心者向けで、

  • 小さなことにこだわらない
  • 見た目がだいたい同じなら方法にこだわらない
  • やりたいことの50%できたら良しとする
  • 課題は次に残す(残った。。。)

という、全くチュートリアルになってない内容ですが、私と同じところでつまづいたイラレ初心者さんは参考にしてください。

今年中には忠実に再現できるようにレベルを上げていきたいと思ってます。

クリーム部分を描いてみました

サイトの補足説明をします。私流なので詳しい説明は上記サイトをご覧ください。

角丸長方形ツールを選択→画面の上でクリック→ふたつの角丸長方形を作成(幅140px高さ45px角丸半径45px)と(幅135px高さ45px角丸半径45px)

小さい角丸長方形を選択して15度回転(オブジェクト→変形→回転→15度)

ふたつの角丸長方形を選択して整列(オブジェクトの整列→垂直方向下に整列)

整列

今こうなってます。

角丸長方形ツールを選択→画面の上でクリック→角丸長方形を作成(幅100px高さ45px角丸半径45px)

この後の整列がうまくいかなかったので、諦めて、一番小さい角丸長方形を矢印キーで強引に移動。。。

初心者は小さいことにこだわらない。カップケーキに見えたらそれでいいのです。

次はペンツール。。。私の苦手なペンツール。。。

ペンツール

①はぽち、②はぽちったままにょーんと少しドラッグ、③でもぽちったままにょーんと少しドラッグ、④でもぽちったままにょーんとけっこうドラッグ、①に戻ってぽちる。

感覚的な話なので、わけのわからない説明ですが。。。

どうやら、にょーん具合によってカーブの角度が変わるようです。いろんな角度でにょーんとしてみて形になればいいんです。

ここでもこだわりは捨てます。

全図形を選択してパスファインダー→合体。

合体後

合体したら、ここんとこがなんかとがってて変。。。直し方もわからんので今回はこのままに。。。←追記(ダイレクト選択ツールでアンカーポイントをクリックして矢印キーで移動で直ります

楕円形

クリームの底部分をふっくらさせるため、楕円形ツールを配置してパスファインダー→合体

ペンツール

次はペンツール。始点だけぽち、あとはぽちったままにょーんとドラッグしてこんなかんじにします。(赤丸はぽちの位置)

描き終わった後で、赤枠のところはもっとカーブをかけてもいいんじゃないのか??と思ったので修正してみます。

アンカーポイントツールでアンカーポイントをドラッグすればOK。

修正後

カーブにキレが出てきた(´∀`)って自画自賛♬ クリームからはみ出たところは後で切り取るので形が変でも大丈夫です。

全部選択状態でパスファインダー→分割

バラバラになるので、不要なパスをグループ選択ツールでクリックしてDelキーで削除します。

不要部分削除

今こんなかんじです。

クリーム部分に色を塗ります

ここまではテンション上がる要素がないのですが、ここからは色塗りなので楽しくできました(´∀`)

ダイレクト選択ツールで陰になる部分を選んで濃い目のピンクを塗ります。

カラーガイド

カラーガイドに塗ったピンクを元にしたグラデーションが出てきました。薄めのピンクを他の部分にも塗っていきます。

クリーム

おうおう!!それらしくなってきた!!全選択状態で線を無しにしてみます。

線なし

ォォオオー!!ヽ(゚д゚ヽ)(ノ゚д゚)ノ オオォォー!! なんかいい感じじゃあないですか!!

って時計をみたら、私ここまでするのに3時間もかかってる。。。

そっちのほうがびっくりしたわ。。。

次回はカップケーキ本体に挑戦します!! Illustratorで描く!かわいいカップケーキに挑戦!!続き

 - イラレ講座

グーグルアドセンス 記事下

スポンサーリンク

グーグルアドセンス 記事下

スポンサーリンク

Message

メールアドレスが公開されることはありません。

  関連記事

Illustratorで簡単な魚の絵を描いてみました

まずは自分の気に入った絵を真似してみるところから   基本は大事だけど …

ロゴ作成に挑戦!!したら図形で絵を描けないことに今更ながら気づいた話

図形ロゴ+会社名のものがほとんど ランサーズのロゴ作成に参加しているものの採用さ …

【Illustrator初心者】でも簡単!!手書き風の文字を作る方法

 手書き風の文字でインパクトをつけたい   手書き風の文字っていいです …

イラストレーターでツールバーが消えたときに再表示させる方法

Illustrator初心者にはよくあることです イラストレーターを立ち上げたと …

【Illustrator初心者】でも簡単!!手書き風の文字を作る方法 part2

 ドットが使える手書き風のフォントもありました♪ 先日試した「tire shop …

Illustratorで簡単3分!!文字を縁取って目立たせる

縁取りをさらに縁取って文字を目立たせる 前回は文字の縁取りに影をつけて文字を目立 …

何か技術を身につけたい人はスクールよりココナラで聞いたほうが速くて安い!

  Illustratorでデジタルで絵を描きたい(´∀`)と思ってか …

『Adobe Color』であの風景の色を即座に再現できる!!おもちゃのような簡単アプリ!!

面白いから写真を撮りすぎます。。。 今日は、アドビ製品を使いこなせていない人(私 …

Illustratorで3分でできた!!鏡面反射の画像・アイコンをつくる

画像でも鏡面反射をつくってみる   前回の Illustratorで1 …

【Illustrator初心者】が文字の縁取りに挑戦!!続き

毎日触れてるとそれなりの前進は必ずある!!   昨日に引き続き、文字の …