ブログ

Illustratorチュートリアル 和風「ねじり梅」の描き方

japanese-flower-tutorial-title-8

こんにちは、デザイナーのTantanです。
年賀状の季節ですね。私は個人用の年賀状をまだ作れていなくて焦っています。
(会社のは印刷済みなんですが)

さて、今回はそんな年賀状やお正月キャンペーン告知に使える和柄素材の作り方をご紹介します。

ねじり梅というのは、梅の花をかたどった絵柄です。
おせちの煮物などで、よく人参が飾り切りされているやつです。

人参の飾り切りもついでに解説

せっかくなので、飾り切りも解説します。
(母から習った作り方なので、和食の正しい手順ではないかもしれません)

  1. 人参を8mm程度の輪切りにします。
  2. 5枚の花びらの輪郭を切り出します。
  3. 花びらの頂点と花の中心を結ぶ線に包丁をあてます
  4. 薄く削ぎます
  5. 縦に包丁を入れて削いだ部分を切り落とします
  6. 全ての花びらを両面作ったら完成

わかりやすくイラストで解説すると、こんな感じ。

人参でねじり梅の飾り切りの作り方をイラストで解説

人参でねじり梅の飾り切りの作り方をイラストで解説

お好みで、角を面取りするとふっくら丸くなります。
やりすぎると可食部分がどんどん減ります。

本題 ねじり梅のイラストの作り方

前置きが長くなりました。
ここからイラレのチュートリアルです。

楕円を描く

円のショートカットキーLを押します。
ドラッグして縦長の楕円を書きます。
japanese-flower-tutorial-01

回転コピーする

回転のショートカットキーRを押します。
optionを押しながら楕円の右下あたり(中心にしたいところ)をクリック。
japanese-flower-tutorial-02
回転のダイアログが出ます。
角度「72」を入力して「コピー」をクリック。
japanese-flower-tutorial-04

こんな感じに2つの楕円が重なります。
japanese-flower-tutorial-03

型抜きする

パスファインダで型抜きします。
japanese-flower-tutorial-08

こうなります。
japanese-flower-tutorial-05

回転コピーする

またRのショートカットで回転ツールにします。
option押しながら、右下のアンカーポイントをクリック。
ダイアログの角度72度でコピーをクリック。
そのままcommand+D(変形の繰り返し)を3回押して、5枚の花びらができます。
japanese-flower-tutorial-07

グラデーションを付ける

花びらに円形グラデーションを適用します
japanese-flower-tutorial-09

グラデーションツールで中心から外側に設定します。
japanese-flower-tutorial-18

線幅を設定します。
japanese-flower-tutorial-11

花芯を作る

ペンツールでカーブを描きます。
japanese-flower-tutorial-12

線幅ツールで太さを調整します。
japanese-flower-tutorial-14
内側を細く、外側を太く。
japanese-flower-tutorial-19

先程の花びらを回転コピーした要領で、花芯をコピーします。
R→option+中心クリック→72度でコピー→command+Dを三回
japanese-flower-tutorial-15
japanese-flower-tutorial-20

色があまりにも人参なので、梅らしくして完成。
japanese-flower-tutorial-21

準備万端にして良いお年を!

年賀状作り、おせちづくりなど、なにかと忙しい年末がやってきますね。
このチュートリアルがみなさまのお役に立てれば幸いです。

■この記事を書いた人 Tantan(デザイナー)

18歳まで広島育ち。大阪・東京でデザインの経験を積み、先日広島にUターンしてきました。糖質制限を実践中で冷凍庫には牛肉を常備。最近気になるキーワードは「ミニマリスト」。でも家の中を散らかしまくる2児の子育てに疲労困憊。

関連記事

  1. hirofuro-eyecatch-8 ヒロフロデザイン部『webデザインの情報交換会』4/1開催します…
  2. Hirofuro-logo-8 「広島フロントエンド勉強会 Vol.9 & デザイン部 Vol.…
  3. news_study 第93回「WEB TOUCH MEETING」に行ってきました。…
  4. news_study 第95回「WEB TOUCH MEETING」にUstreamで…
  5. Hirofuro-logo-8 「広島フロントエンド勉強会Vol.8」開催レポート
  6. Hirofuro-logo-8 「広島フロントエンド勉強会Vol.6」開催レポート 〜CSS&豆…
  7. Hirofuro-logo-8 WordBench倉敷に参加してきました! & 広島フロントエン…
  8. news_study エム・フィールド 広島オフィスで「広島フロントエンド勉強会(仮)…

最近の記事

  1. DSC_0072
  2. Hirofuro-logo-8
  3. carp9
  4. carp8
  5. carp7
PAGE TOP