【Affinity Designer講座】お花の作り方

Pocket

affinity designer

こんにちは、mioです。

先日、グラフィックデザインソフト「Affinity Designer」を購入しました!

参考記事:ブログをパワーアップさせるためにAffinity Designerを導入

今回は、上記の記事でご紹介したお花のグラフィックの作り方をご紹介していきたいと思います!

(私mioが作ったお花グラフィックの.afdesignファイルを無料配布してるよ!)

お花のグラフィックの作り方

お花のグラフィックを作るときに参考にしたのは、こちらの動画。

英語でちょっと説明がある程度の動画なので、グラフィックデザインソフトを初めて触る方には少し分かりづらいかな?と思います。(実際に私も少し分かりづらかったところがあります)

今回は、先ほどお伝えしたようにお花のグラフィックの作り方をご紹介するのですが、上記動画の補足になればいいかなくらいの感じでお話ししていきたいと思います。

正直、文字で全ての手順を説明するのは大変ですので…。

そこでお詫びといったら大げさですが、私mioが作ったお花グラフィックの.afdesignファイルを無料配布するので、デザインソフト初心者の方はぜひダウンロードしてみてください!

ダウンロードは、こちらのグーグルドライブの共有ページからどうぞ!

AD

ファイルをダウンロードをしてAffinity Designerで開いてみると、上記画像のようになります。

「ふ〜ん、グラフィックデザインってこんな感じで作るんだ」くらいの感覚で参考にしていただけると嬉しいです。

それでは、順を追ってお花のグラフィックの作り方をお話ししていきますね。

1.新規ページを作成しましょう

AD

Affinity Designerを起動して、新規ページを作成しましょう。

サイズをあまり大きくすると重くなってしまうので、一番上にあるタイプをWeb、ページプリセットをSVGA(800×600)くらいがいいと思います。

2.花びらを作成しましょう

AD

次に、花びらを作ります。

画面左側のメニューバーにある図形マークの小さい三角形をクリックし、涙形ツールを選択。

AD

そして、キャンパスに涙形を1つ作ります。

そのままの形だと先端が尖っているので、形を調整しましょう。

画面左側のメニューバーにある白いやじるしで涙形をクリックすると、オレンジ色の丸が現れるので、それを動かしてみてください。

すると、涙形の先端が丸くなったりするはずです。

AD

形を調整したら、黒いやじるしで2つの涙形を選択後、画面上部の右側にある黄色で囲んでいるアイコンをクリックしてください。

すると、2つの涙形が合体して1つのレイヤーになります。

その後、それをコピー&ペーストしてください。

コピー&ペーストは画面上部に表示されているメニューバーの「編集」、もしくはショートカットキー「command(ctrl)」と「v」を同時に押すとできますよ。

コピペできたら、黒のやじるしで四角の1つをクリックしたあと、180度回転させて、上記画像のように重ね合わせてください。

これで、花びらが完成です!

3.花びらを増やして花を作成しましょう

AD

先ほど作成した花びらを3つコピペし、上記画像のような形にします。

それぞれ180度と90度回転させて位置を調整すれば、オッケーです。

AD

同じ要領で、上記画像のように花を計3つ作ります。

4.花を重ねて花びらに色を塗りましょう

AD

先ほど作成した3つの花を重ねましょう。

重ねる前に、画面右側にあるレイヤーで花ごとにグループ化しておくと便利です。

グループ化は、黒いやじるしでグループ化したいグラフィックを選択後、右クリックして現れたメニューのグループ化をクリックするとできます。

グループ化ができたら、花びらが少ない花を上から順に並べ、3つの花を重ねてください。

3つの花それぞれ色を変えると分かりやすいです。

色を変えるのは、黒いやじるしで色を変えたいグラフィックを選択後、画面右側にあるカラーで適当な色をクリックするとできます。

次に、上に重なる花を小さくしましょう。

黒いやじるしで重なる花を選択すると、青い四角形が現れます。この四角形のいずれかの角をクリックしながら内側に動かすと縮小できます。

AD

花を重ねたら、色を塗っていきます。

画面左側にある虹色の円形のようなアイコンをクリック後、一番上の花びらを選択してください。

すると、画面上部に「コンテキスト〜」と表示されたメニューの中にある四角形をクリック。

そしてグラデーションを選択後、タイプを「放射状」にしてお好きな色をクリックしてください。

放射状の色は、花びらのグラフィックの上でクリックすると調整できます。(文字での説明は難しいので、動画を見てください><)

AD

色を調整できたら、レイヤーバーにある黄色で囲んだfxというアイコンをクリック。

外側のシャドウをかけましょう。

AD

色を全ての花びらに塗れば、完成です!お疲れさまでした!

慣れている人は5分、初心者は30分もあればOK!

以上、お花のグラフィックの作り方でした。

グラフィックデザインソフトに慣れている人は5分、初心者の方は30分もあれば作れるかと思います。

繰り返しになりますが、私mioが作った無料デザインファイルはこちらのグーグルドライブの共有ページからダウンロード可です。

ぜひ参考にしてみてください!

それでは、今回はこの辺で。

▽Affinity Designer

Pocket

SPONSORED LINK