クリスタ

クリスタでできる!円形の装飾フレームの作り方【テキストの円形配置を活用】

クリスタで作る円形フレーム
記事内に商品プロモーションを含む場合があります
ミサキ
ミサキ
クリスタで円形のフレームを作ってみたいけど難しそうだなあ・・・
サトル
サトル
クリスタのバージョン3から使えるテキストの「円形配置」機能を活用すれば作れるよ

クリスタで円形の装飾フレームを作ることができると、手軽にイラストを装飾でき、デザインの幅も広がります。

円形フレームはクリスタ(Ver3.0)の機能「円形配置」(円形テキストツール)を使えば、簡単に作ることができます。

画像を元に解説しますので、記事を参考に作ってみてくださいね!

▼この記事で作った円形フレーム
フレーム完成

文字の円形配置(円形テキスト)はクリスタの「Ver3.0」の機能なので、クリスタがバージョン3.0以上かご確認ください。

[ヘルプ]メニュー→[バージョン情報]から確認できます。

円装飾フレームの作り方解説

円形フレームの作り方を解説します。

円形装飾フレームの作り方:基本

・フォントのサイズや種類は説明のため指定しているものなので、ご自由にアレンジして作ってみてください。
・解説画像のキャンバスサイズは600px四方(72dpi)にしています。

まずは、ツールからAマークの「テキスト」を選択し、サブツールの「テキスト」を選びます。

フォントの種類は「HGS創英角ポップ体 標準」を指定しました。

フォント設定

 

テキストを入力していきます。

「ダイヤ」と入力して変換し、ダイヤの図形が15個入力された状態にします。

ダイヤ図形入力

 

テキスト編集中(入力カーソルが点滅している状態)のまま、ツールプロパティの「円形配置」にチェックを入れます。

すぐ下の円の半径は「100.0」にしています。

円形配置

 

※もしツールプロパティに「円形配置」がない場合は、右下のスパナマークをクリック。

スパナマーク

開いたサブツール詳細の「円形配置」で目のマークが表示されているか確認してください。

サブツール詳細

 

「円形配置」にチェックした後はテキストが円形になったことを確認しましょう。

円形になったことを確認

 

テキスト編集中のまま、配置方向の「均等配置」にもチェックを入れます。

均等配置

 

均等配置にしたら、白い〇のついた始点と終点のバーを調整して、円に図形のすき間がなくなるように調整します。

始点と終点調整

 

始点と終点を近づけるように調整し、バランスよくダイヤが並ぶようにしました。

始点終点調整後

 

ダイヤを円形に隙間なく配置できたら完成です。

フレーム完成

↑当記事の装飾フレームの基本の形です

▼フレームに使えそうな図形参考

フレームに使えそうな画像

円形フレームの半径を調節する

円の大きさを変えることもできます。

円の大きさを変えるには、文字(ダイヤの図形)をドラッグして選択状態にします。

選択状態にする

↑選択状態:すべての文字(ダイヤの図形)が水色の四角ラインで囲まれているようにします。

ツールプロパティの円形配置の下にある「円の半径」のサイズを大きくします。

円の半径調整

 

円のサイズが大きくなり、イメージが変わりました。

円を大きくした後

↑バランスが崩れたりした際は、再度円の始点と終点を再度調整してください

円形フレームをラスタライズして編集しやすくする

円の装飾フレームは作成後まだ「テキスト」の状態です。

テキスト

ラスタライズ(ラスター形式の画像にする)するとより編集しやすくなります。

ラスタライズは、テキストのレイヤーを右クリックして、「ラスタライズ」を選びます。

ラスタライズ

ラスタライズすることで、画像としてより編集しやすくなりました(次の項で解説)

円形装飾フレームのバリエーション

シンプルな円形フレームも使い勝手がいいですが、バリエーションを増やすとより活用の幅が広がります。

円形フレームのバリエーションを紹介しますので作ってみてくださいね。

①二重にする

二重円形フレーム

大小二つの円形枠を重ねると華やかになります。

円の半径を調整して作ってみましょう。

 

②複製して色を変えてずらす

ずらし円形フレーム

フレームを複製して色変更をし、少しだけずらしてみました。

これだけでもオシャレに見えます。

 

③大小の図形を交互にする

星フレーム

大小の星を交互に並べました。

交互に並べるときは、円形にしたときに正しい順でつながるようにする必要があります。

最初の文字入力の時点で、最初と最後の図形をチェックしましょう。

図形の順番

 

④色を交互にする

色が交互のフレーム

色を交互にするのもにぎやかで、可愛らしくなります。

見本画像の使用フォントは「HGS創英角ポップ体」で「ハート(環境依存文字)」と入力し変換して作りました。

⑤グラデーションをかける

ミニキャラと円形フレーム

グラデーションをかけて、ミニキャラと組み合わせてみました。

円形フレームを背景にすると、全体的な統一感を持たせることができます。

クリスタで円形フレームの作り方:まとめ

テキストツールを活用した円形装飾フレームの作り方を解説しました。

クリスタでは、工夫次第で他にもいろいろな装飾を作ることができますので、他の記事も参考にしてくださいね!

▼四角の装飾フレームの作り方(テキストツール使用)

クリスタ装飾ライン
クリスタで簡単!5分でできる装飾ライン・フレームの描き方 クリスタで、テキストを活用した装飾ラインとフレームの作り方を解説。背景のワンポイントにも便利で、慣れれば5分程度で作ることが出来ます。クリスタで描いたイラストの背景が寂しいときに活用してみてくださいね。 ...

おしゃれな装飾枠の作り方(対称定規使用)

クリスタで作るおしゃれな枠
クリスタの対称定規で描く!背景にも使えるおしゃれな枠の作り方クリスタの対称定規を活用して、おしゃれな枠を作る手順を解説。枠が作れるようになると、短時間でイラストを飾り付けることができ大変便利です。色や向きなどもアレンジして、おしゃれな枠を作ってみてくださいね。 ...
パルミー割引キャンペーン実施中

2025年5/7(水)18時59分まで

\月謝制初月が50%オフ

さらに無料お試し期間がいつもの2倍の14日間!

時間の取れるGWにイラストを学ぼう

まずは無料お試しを始めてみませんか?

パルミーお試し

 

 

こちらの記事もおすすめ