未来

Affinity DesignerとPhotoを使っているんだけど、文字を縁取りにするにはどうしたらいいの？

Affinity Designer/Photoで文字を入力して、強調のために縁取りにしたいことってありますよね。

AdobeからAffinity Designer/Photoに変わって、わからなかったことの一つがこの文字の縁取りでした。

今回はAffinity Designer/Photoで文字を縁取りにする方法を解説します。

akika

Affinity Designer/Photoともに方法は同じです

Affinity Designer/Photoで文字を縁取りにする方法

今回目指すのは、下記のような縁取り文字です。

では、始めます！

① まずは、Affinity Designer/Photoで文字を入力します。

② エフェクトタブをクリックします。

③ アウトラインにチェックを入れ縁取りにする色を選びます。ここでは赤にしました。

縁取りの太さを「半径」で調節します。

これで文字の縁取りの完成です！

まとめ：Affinity Designer/Photoで文字を縁取りにする方法

いかがですか？

とても簡単ですよね。

Affinity Designerでは境界線を用いて縁取りをする方法もありますが、こちらの方法の方が断然簡単にできます。

また、縁取りした文字をさらに縁取りすることもできますよ。

ぜひお試しください。

Affinity DesignerでCMYKとRGBを切り替える方法が知りたい

akika

簡単に切り替えられるわよ

Affinity Designerでデザインをしていて、「印刷をしてみたらイメージと違う」「外注にだしたいけれど、CMYKでと指示されたけれど確認の方法・RGBからの変更の方法がわからない」

そういう場面も多いと思います。

特に印刷を外注に出す時にはCMYKの指示があります。

CMYKとRGBは使う場面が違うので、この切替方法は重要です。

今回は、Affinity DesignerでのCMYKとRGBの切替方法を紹介します。

CMYKとRGBとは

Affinity Designerでは色がCMYKとRGBの二種類があります。

それでは、CMYKとRGBはどのような違いがあるのか見ていきましょう。

CMYKとは

CMYKは色の三原色のことで、C（シアン）、M（マゼンダ）、Y（イエロー）の三色になります。

「黒がはいっていない！」

と思う思いますが、CMYのみでも黒を実現することはできます。

しかし、鮮やかに黒を発色するために「Key プレート」として黒を加えます。

この、黒のKを足して「CMYK」と読んでいます。

どのような時にCMYKを使用するかというと、印刷物の色を扱う時にCMYKを使用します。

このCMYKは家庭ではプリンターのインクで使われているので馴染みがあると思います。

RGBとは

RGBとは光の三原色のことで、R（レッド）、G（グリーン）、B（ブルー）になります。

CMYKが印刷物の時に使用するのに対しRGBは、パソコンやテレビの色、またデジカメなどがRGBとなります。

今見ているこの画面もRGBになります。

CMYKとRGBの違い

CMYKは混ぜれば混ぜるほど色が濃くなる「減法混色」となり、RGBは混ぜれば混ぜるほど明るくなる「加法混色」となります。

そのため、CMYKに比べRGBは発色可能な色が多くなります。

そのため、RGBデータを正確にCMYKで表すことはできません。

なので、RGBで作ったデータをCMYKに変換したり印刷すると色がくすんで見えます。

パソコンで作ったものをプリントアウトした時に、色が違うと感じるのはこのような理由があるからです。

Affinity DesignerでCMYKとRGBの切替方法

色のことがわかったところでAffinity DesignerでCMYKとRGBを切り替える方法です。

【ドキュメント設定】→【カラー】→【RGB/8】をクリックします。

【RGB/8】をクリックするとプルダウン式でカラーフォーマットが表示されるので、そこで【CMYK/8】をクリックします。

これでCMYKとRGBの切り替えができました。

Affinity Designerでは設定しない場合は基本RGBに設定されているので、印刷物のデータを作成する時はCMYKに切り替えをして作成しましょう。

データを作ってからだと色の違いでイメージが変わってしまうため、作業前に切り替えをすることをおすすめします。

まとめ：Affinity Designerで色のRGB/CMYKを切り替える方法

普段漠然と使っている色ですが、CMYKとRGBでは色のなりたちが全く違うので、Affinity Designerでデータを作成する場合は作成前にCMYKとRGBを設定してから作成するようにしましょう。

そうでないと出来上がった後で「色が違う！」ということになってしまいます。

Affinity Designerでは色に要注意です。

Affinity Designer/Photoで正三角形を描きたいけど、どうしたら描けるのかしら？

Affinity designer/Photoで描きたい三角形。

じゃあ、簡単に三角形描画のツールで、と思いますよね。

でも、それでは正三角形は描けません。

それならAdobeのようにsiftを押しながら三角形を描けばいいんだ…

そう思いますよね。でも、実はAffinity designer/Photoでは正三角形を描くことはできないんです。

初めは悩んでしまいますが、意外に簡単に描けます。

今回はAffinity designer/Photoで正三角形を描く方法を説明します。

[st_toc]

正三角形を描く方法

まず、これは何に見えますか？

三角形ですが、150px×150pxで描きました。

でも150px × 150pxというのは正三角形ではないですよね。二等辺三角形です。

ここで思い出して欲しいのは、正三角形の定義です。

『三つの辺の長さが同じ三角形』が正三角形です。

なので上の三角形は二等辺三角形です。

正三角形の計算式は、ここでは割愛しますね。

ここでは二等辺三角形ではなく、きちんとした正三角形を描く方法です。

ポリゴンツールを使う

Affinity designer/Photoで正三角形を描くには、一旦三角形ツールから離れます。

使うのは、ポリゴンツールです。

これでそのまま描くと、このようになります。

五角形ですね。

これでどうやって三角形にするのか、というとこの辺を３にしてあげればいいのです。

ポリゴンツールで描いた図形はここが５なのを３に変えてあげると、このような三角形ができます。

これが正三角形です。

それでは、先ほどの三角形と比べてみました。

左側が普通に三角形を描いたもので、右側がポリゴンツールで描いた三角形です。

左側の三角形が二等辺三角形なのはひと目でわかりますよね。

これで正三角形を描くことができました。

まとめ：Affinity designerで正三角形を描く方法

正三角形を描くときは、三角ツールではなくポリゴンツールを使って描くというというシンプルでいながらもわからないことだと思います。

このポリゴンツールは色々な形を描くことができるので、その辺はまたご紹介したいと思います。

Affinity Designer/Photoで新しいブラシの追加方法が知りたい

Afinity Designer/Photoを使っていてデフォルトのブラシじゃ物足りない、と思ったことありますよね。

私はあります。

こんなブラシ使いたいな、というのが絶対に出てきますよね。

なければ追加すればいいんですよね。

でも、わからない。

ということでAffinity Designer/Photoでのブラシの追加方法を説明します。

[st_toc]

Affinity Designer/Photoでのブラシの追加方法

Affinityでのブラシの形式にはラスターブラシとベクターブラシの2種類あります。

ラスターブラシはAffinity Designer/Photoのどちらでも使うことができますが、ベクターブラシはAffinity Designerでしか使うことができません。

今回追加するのはこちらのラスターブラシです。

星やハートなどのブラシが入っているこのブラシセットを追加します。

横線をクリック

ブラシの画面で横線をクリックして、「ブラシをインポート」をクリックします

ブラシを選ぶ

インポートしたいブラシ（.afbrushes）を選び「開く」をクリックします

インストール完了

これでブラシが無事インストールされました

まとめ：ブラシの追加は簡単

Affinity Designer/Photo でのブラシの追加は3ステップで終わりです。

Photoshopのブラシの追加と変わらないので、Photoshopでブラシの追加をしたことのある人はすぐにわかると思います。

Affinity Designer/Photoで初めてブラシを追加する人も簡単なので、ぜひチャレンジしてみてくださいね。