マニュアル キャンセル

5 つの簡単なステップで花をデザイン

  1. Illustrator ユーザーガイド
  2. Illustrator とは
    1. Illustrator の概要
      1. Illustrator の新機能
      2. よくある質問
      3. Illustrator の必要システム構成
      4. Apple Silicon での Illustrator の使用
    2. ワークスペース
      1. ワークスペースの基本
      2. ドキュメントの作成
      3. ツール
      4. デフォルトのショートカットキー
      5. ショートカットキーのカスタマイズ
      6. アートボード入門
      7. アートボードの管理
      8. ワークスペースのカスタマイズ
      9. プロパティパネル
      10. 環境設定の指定
      11. タッチワークスペース
      12. Illustrator での Microsoft Surface Dial のサポート
      13. 復帰、取り消し、自動処理
      14. ビューを回転
      15. 定規、グリッド、ガイド
      16. Illustrator でのアクセシビリティ
      17. セーフモード
      18. アートワークの表示
      19. Illustrator での Touch Bar の使用
      20. ファイルとテンプレート
    3. Illustrator のツール
      1. 選択
        1. 概要
        2. 選択
        3. ダイレクト選択ツール
        4. 投げ縄
        5. アートボード
      2. ナビゲーション
        1. 概要
        2. ズーム
        3. ビューを回転
      3. ペイント
        1. 概要
        2. グラデーション
        3. シェイプ形成
      4. 文字
        1. 概要
        2. 文字
        3. パス上文字
  3. Illustrator iPad 版
    1. Illustrator iPad 版のご紹介
      1. Illustrator iPad 版の概要
      2. Illustrator iPad 版についてのよくある質問
      3. 必要システム構成 | Illustrator iPad 版
      4. Illustrator iPad 版で実行できる操作とできない操作
    2. ワークスペース
      1. Illustrator iPad 版のワークスペース
      2. タッチショートカットとジェスチャー
      3. Illustrator iPad 版のキーボードショートカット
      4. アプリ設定を管理
    3. ドキュメント
      1. Illustrator iPad 版でのドキュメントの操作
      2. Photoshop および Fresco ドキュメントの読み込み
    4. オブジェクトの選択と配置
      1. リピートオブジェクトの作成
      2. オブジェクトのブレンド
    5. 描画
      1. パスの描画と編集
      2. シェイプの描画と編集
    6. 文字
      1. テキスト編集とフォントの操作
      2. パス上のテキストデザインの作成
      3. カスタムフォントを追加
    7. 画像を操作
      1. ラスタライズ画像のベクター化
    8. カラー
      1. カラーとグラデーションの適用
  4. クラウドドキュメント
    1. 基礎知識
      1. Illustrator クラウドドキュメントの操作
      2. Illustrator クラウドドキュメントの共有と共同作業
      3. Adobe Illustrator 用のクラウドストレージのアップグレード
      4. Illustrator クラウドドキュメント | よくある質問
    2. トラブルシューティング
      1. Illustrator クラウドドキュメントの作成または保存時のトラブルシューティング
      2. トラブルシューティング:Illustrator クラウドドキュメントで発生する問題
  5. コンテンツの追加と編集
    1. 描画
      1. 描画の基本
      2. パスの編集
      3. ピクセルパーフェクトなアートの描画
      4. ペンツール、曲線ツール、または鉛筆ツールを使用した描画
      5. 単純な線とシェイプの描画
      6. 画像トレース
      7. パスの単純化
      8. 遠近グリッドの定義
      9. シンボルツールとシンボルセット
      10. パスセグメントの調整
      11. 5 つの簡単なステップで花をデザイン
      12. 遠近描画
      13. シンボル
      14. Web ワークフローのピクセル整合パスの描画
    2. 3D 効果と Adobe Substance マテリアル
      1. Illustrator の 3D 効果について
      2. 3D グラフィックの作成
      3. 3D オブジェクトへのアートワークのマッピング
      4. 3D オブジェクトの作成
      5. 3D テキストの作成
    3. カラー
      1. カラーについて
      2. カラーの選択
      3. スウォッチの使用と作成
      4. カラー調整
      5. Adobe Color テーマパネルの使用
      6. カラーグループ(カラーハーモニー)
      7. Color テーマパネル
      8. アートワークの再配色
    4. ペイント
      1. ペイントについて
      2. 塗りと線を使用したペイント
      3. ライブペイントグループ
      4. グラデーション
      5. ブラシ
      6. 透明と描画モード
      7. オブジェクトにストロークを適用する
      8. パターンの作成と編集
      9. メッシュ
      10. パターン
    5. オブジェクトの選択と配置
      1. オブジェクトの選択
      2. レイヤー
      3. オブジェクトのグループ化と分割・拡張
      4. オブジェクトの移動、整列、分布
      5. オブジェクトの重ね合わせ    
      6. オブジェクトのロック、非表示、および削除
      7. オブジェクトの複製
      8. オブジェクトの回転とリフレクト
    6. オブジェクトのリシェイプ
      1. 画像の切り抜き
      2. オブジェクトの変形
      3. オブジェクトの組み合わせ
      4. オブジェクトのカット、分割、トリミング
      5. パペットワープ
      6. オブジェクトの拡大・縮小、傾斜、および変形
      7. オブジェクトのブレンド
      8. エンベロープを使用した変形
      9. 効果を使用したオブジェクトの変形
      10. Shaper ツールやシェイプ形成ツールを使ったシェイプの新規作成
      11. ライブコーナーの操作
      12. リシェイプワークフローの強化とタッチ操作のサポート
      13. クリッピングマスクの編集
      14. ライブシェイプ
      15. シェイプ形成ツールを使用したシェイプの作成
      16. オブジェクトを一括選択
    7. 文字
      1. テキストの追加とテキストオブジェクトの操作
      2. テキストエリアの管理
      3. フォントとタイポグラフィ
      4. 書式設定の種類
      5. テキストの読み込みと書き出し
      6. 段落の書式設定
      7. 特殊文字
      8. パステキストの作成
      9. 文字スタイルと段落スタイル
      10. タブ
      11. テキストと文字
      12. 環境に無いフォントの検索(Typekit のワークフロー)
      13. Illustrator 10 からのテキストの更新
      14. アラビア語およびヘブライ語のテキスト
      15. フォント | FAQ とトラブルシューティングのヒント
      16. 3D テキスト効果を作成
      17. クリエイティブなタイポグラフィデザイン
      18. 文字の拡大・縮小と回転
      19. 行間と字間
      20. ハイフネーションと改行
      21. テキストの機能強化
      22. スペルチェックと言語の辞書
      23. 日本語の書式設定
      24. アジア言語スクリプト用コンポーザー
      25. ブレンドオブジェクトを使用したテキストデザインの作成
      26. 画像トレースを使用したテキストポスターの作成
    8. 特殊効果の作成
      1. 効果の操作
      2. グラフィックスタイル
      3. ドロップシャドウの作成
      4. アピアランス属性
      5. スケッチとモザイクの作成
      6. ドロップシャドウ、光彩、ぼかし
      7. 効果のまとめ
    9. Web グラフィック
      1. Web グラフィック作成に対する最善の取り組み
      2. グラフ
      3. SVG
      4. アニメーションの作成
      5. スライスと画像マップ
  6. 読み込み、書き出し、保存
    1. インポート
      1. アートワークファイルの読み込み
      2. ビットマップ画像の読み込み
      3. Photoshop からのアートワークの読み込み
      4. 複数ファイルの配置
      5. 画像の埋め込み解除
      6. Adobe PDF ファイルの読み込み
      7. EPS ファイル、DCS ファイルおよび AutoCAD ファイルの読み込み
      8. リンク情報
    2. Illustrator の Creative Cloud ライブラリ 
      1. Illustrator の Creative Cloud ライブラリ
    3. 保存
      1. アートワークの保存
    4. 書き出し
      1. Photoshop での Illustrator アートワークの使用
      2. アートワークの書き出し
      3. アセットの収集と一括書き出し
      4. ファイルのパッケージ
      5. Adobe PDF ファイルの作成
      6. CSS の抽出 | Illustrator CC
      7. Adobe PDF オプション
      8. ファイル情報とメタデータ
  7. プリント
    1. プリントの準備
      1. プリントするドキュメントの設定
      2. 用紙のサイズと方向の変更
      3. 切り抜きまたは整列用のトリムマークの指定
      4. 大きなカンバスサイズの使用
    2. プリント
      1. オーバープリント
      2. カラーマネジメントを使用したプリント
      3. PostScript によるプリント
      4. プリントプリセット
      5. トンボと裁ち落とし
      6. 透明が使用されているアートワークのプリントおよび保存
      7. トラッピング
      8. 色分解のプリント
      9. グラデーション、メッシュ、カラーブレンドのプリント
      10. 白のオーバープリント
  8. 自動処理
    1. 変数パネルを使用したデータ結合
    2. スクリプトによる自動処理
    3. アクションによる自動処理
  9. トラブルシューティング 
    1. クラッシュの問題
    2. クラッシュ後のファイルの回復
    3. ファイルの問題
    4. サポートされるファイル形式
    5. GPU デバイスドライバーの問題
    6. Wacom デバイスの問題
    7. DLL ファイルの問題
    8. メモリの問題
    9. 環境設定ファイルの問題
    10. フォントに関する問題
    11. プリンターの問題
    12. クラッシュレポートをアドビと共有

ポスター、カード、パンフレットなど、花をテーマにした贈り物をお考えですか?Illustrator の基本機能を使ってハート型の花びらで花をつくる方法を学びましょう。

花

準備

Illustrator をダウンロード

ステップ 1:最初の花びらを作成

楕円形ツールを使用

円を作成

楕円形ツールで円を作成します。

楕円形ツールを使用するには L キーを押すか、長方形ツールを長押し()して、楕円形ツール()をドロップダウンリストから選択します。

楕円形ツールを使用して完全な円を作成するには、Shift キーを押しながら円を描きます。

花びらをデザインする手順

花を作成

は.

Alt+Shift キー(Windows)を押すか、Option+Shift キー(macOS)を押しながら、最初の円を中央からドラッグして複製を作成します。

花の構造

b.

結合シェイプモードをパスファインダー
ウィンドウパスファインダー)を使用して 2 つの円を結合します。

花を作成

c.

アンカーポイントを削除ツールを使用して円の下部の余分なアンカーポイントを削除します。

花を作成

d.

Shift キーを押しながら、最下アンカーポイントのハンドルをドラッグしてハート型の花びらを形成します。

このアニメーションのイラストで、これらの制作ステップを確認してください。

花の構造
ハートの形で花びらを作る

Illustrator 24.1.2 バージョンで作業している場合は、アンカーポイントを削除するときに Shift キーを押すと、パスの形状が変わります。

ステップ 2:花の構造を作成

回転と複製機能の使用

花の構造
花びらを回転させ、複製して花の構造を作り出します

花の構造

  • 選択ツールを使用して、最初の花びらを選択します。
  • ツールバーの回転ツールをクリックします。
  • Alt キーを押しながら花びらの形の右下をクリックして、回転設定ダイアログを開きます。
    花びらの配置を左右対称にするには、シェイプの中心の下を垂直方向にクリックしてください。
  • 回転ダイアログで、角度を 90 度に指定してコピーをクリックします。 
  • 次にCtrl+D または Command+D を押して、重複する図形を作成します。

ステップ 3:花のコンポーネントを作成

折り目

折り目

花粉

花粉

折り目マーク

がく

花の構造
回転ツールと楕円形ツールを使用して花びらの折り目を作成

  1. ペンツールを使用して直線を作成した後に、選択ツールを使用して選択します。
  2. 線幅プロファイル 1(葉のシェイプ)を選択して、5 に変更します。
  3. 回転ツールをクリックします。ラインの下端を Alt キーを押しながらクリックして、回転設定を開きます。角度12 度に指定します。
  4. Ctrl+D キーまたは Command+D キーを押して、円形パターンを形成します。

線をパスに変換

線のコレクションを取得して、線をパスに変換するためにアピアランスを分割します。これを行うには、すべての線を選択して、オブジェクトアピアランスを分割を選択します。

:線をパスに変換しない場合は、 一般線幅と効果も拡大縮小の設定を行います。

花の詳細
アウトラインをシェイプに変換

花の詳細
回転ツールと楕円形ツールを使用して花粉を作成

花の詳細
スターツールを使用して、がくを作成

がくは花の根元にある緑の葉のような支え部分です。
  • ツールバーからスターツールを選択します。Alt キーを押しながらクリックして、スターの設定を開きます。4 つの花びらが表示されるように Radius125pxRadius2100px に設定して 4 ポイントのスターを作成してみましょう。
  • 楕円形ツールを使用して、花の形の中心に小さな円を作成します。

ステップ 4:花コンポーネントにカラーを追加

カラーパネルを使用して、花とその異なるコンポーネントに色を追加します。

花の詳細

花の詳細

花の詳細

花の詳細

塗りと線を使用したペイントも参照してください。

ステップ 5:花コンポーネントを配置

前提条件

コンポーネントを配置する前に、次の操作を行います。
  • 花びらのグループを作成 花びらを選択後、右クリックして「グループ」を選択します。 
  • 複合パスの作成
    • 花びらのグループを選択して、そのコピーを作成します。横に置いておきます。
    • オブジェクト複合パス作成を選択するかCommand+8 または Ctrl+8 を押します。
      オブジェクトを結合も参照してください。
    • 折り線と複合パスを選択します。配置パネル(水平方向と垂直方向の中央揃え)を使用して揃えます。キー オブジェクトに合わせるオプションが有効になっていることを確認します。花びらの複合パスが上部にあることを確認します。
コンポーネントを整列

クリッピングマスクを作成して、花びらの内側の折り線をクリップします。 

  • 花びらと花のひだを選択し、オブジェクトクリッピングマスク作成を選択します。
    クリッピングマスクを編集も参照してください。

オブジェクトの表示を制御するには、オブジェクトを右クリックし、配置最背面へ移動または最前面へ移動を選択します。

花の詳細
クリッピングマスクを作成して、花びらの内側の折り線をクリップ

折り線の最終的な形状を導出するには、パスファインダー刈り込みオプションを使用してクリッピングマスクをトリムします。

オブジェクトのカット、分割、および刈り込み
も参照してください。

オブジェクトを刈り込み
パスファインダーでオブジェクトを刈り込み

折り目の切り抜き線
刈り込みされたアート

花を形成するためにコンポーネントを配置します。

花コンポーネントの配置
コンポーネントを配置する順序

すべてのコンポーネントを選択して、整列パネル(水平方向と垂直方向に中央揃え)を使用して配置します。選択範囲に整列オプションが有効になっていることを確認します。

完成したアートワークがこちらになります。

花

使用するツールと機能の要約

この機能を試す

サンプルファイルをダウンロードして、この制作を最後にお試しください

次のステップ

違う種類の花を作成するために形やカラーで遊びます。次に、アートワークを使用して、ポスター、ステッカー、チラシ、ロゴなどの花のテーマを追加します。 

ご質問または共有するアイデアがある場合

コミュニティで質問

ご質問がある場合や、ご共有いただけるアイデアをお持ちの場合は、Adobe Illustrator コミュニティにご参加ください。お客様のご意見をお待ちしております。

アドビのロゴ

アカウントにログイン