イラレの「個別に変形」っぽいのをAffinityDesignnerでやる方法

AffinityDesignnerには、イラレの「個別に変形」みたいな機能はありません。

が、移動ツールで個々に変形することはできるので、そのやり方を紹介します。

調整レイヤーについて④／AffinityDesignner、AffinityPhoto

調整レイヤーについて③の続きです。


調整レイヤーについて①
調整レイヤーについて②
調整レイヤーについて③

調整レイヤーについて③／AffinityDesignner、AffinityPhoto

調整レイヤーについて②の続きです。

調整レイヤーについて①
調整レイヤーについて②

調整レイヤーについて②／AffinityDesignner、AffinityPhoto

調整レイヤーについて①の続きです。

調整レイヤーについて①／AffinityPhoto・AffinityDesignner

彷徨うド素人、さまシロの生活や、素人なりに学んだことを色々とご紹介。
https://sama46.blogspot.com/2025/03/affinityphotoaffinitydesignner_01532443761.html

リカラー

色を好きな色に変更することができます。
だいたい、マスクを組み合わせて使います。

色相、彩度、明るさのスライダーの使い方は他のと同じです。



色のコントロールが楽なので、色を変えたいときはこれを使うと便利だと思います。

白黒

各色の暗さを調整して、白黒画像にすることができます。



空をはっきりさせるために青を暗くしたり、人の肌をキレイに見せるために赤を明るくしたりなど、自分の好みになるよう色を微調整してください。
また、「選択」を押した後変えたい部分をクリックし、そのまま左右にドラッグすると、そのまま直接色を調整することができます。

どこが何色かわかりにくいと思うので、「選択」機能を活用すると便利です。

明るさ／コントラスト

その名の通り、明るさとコントラストを調節してくれます。
なんだかんだで一番使いやすいかも？

ポスタライズ

色のグラデーション部分をはっきり分け、イラストっぽい雰囲気にしてくれます。
右に行くほど細かく、左に行くほど荒く作成します。

小ネタとして、ぼかしをかけた後にポスタライズしてあげるといい感じになります。



ぼかしをかけることで細かいガビガビが消えて、自然にポスタライズできます。

自然な彩度

画像の彩度を上げて、鮮やかにすることができます。
自然な彩度はいい感じに鮮やかにできて、彩度はがっつり鮮やかにできる、という感じです。

露出

右に行くほど明るく、左に行くほど暗くなります。1段階で結構明るくなります。

露出は全体的に明るくする（白飛びしやすい）のに対し、明るさ/コントラストは中間地を明るくする感じ（全体が白っぽくなりやすい）です。

自分は写真が暗いときは「露出」でガッと明るくして、ちょっと明るさが足りないなって時に、「明るさ/コントラスト」や「トーンカーブ」、「レベル」のガンマで明るくしてます。

シャドウ/ハイライト

暗い部分、または明るい部分だけを調整することができます。
左に行くほど暗く、右に行くほど明るくなります。

影が暗すぎるときにシャドウをちょっと上げたり、白飛びしちゃってるときにハイライトをちょっと抑えたりします。

逆に、写真がぼやっとしているなってときにシャドウを暗く、ハイライトを明るくするとコントラストが出て力強い写真になります。

しきい値

2値の白黒データを作成できます。




スライダーを動かして、どこを境目として黒・白にするか指定します。

カーブ

トーンカーブです。グラフを使って、明るさなどを調整します。

後ろに表示されてるヒストグラムは、通常通り左側が黒い部分、中央が中間地、右側が白い部分です。

横軸が入力、縦軸が出力です。

上に行くほど明るく、下に行くほど暗くなります。
ＣＭＹＫは逆に、上に行くほど暗く、下に行くほど明るくなります。

よく使う使い方が、中央を掴んですこし持ち上げる方法です。



黒、中間、白のうち、中間を上に上げたので、中間値が明るくなります。レベルでガンマを上げたときのような感じです。
レベルとは違い、黒と白もちょっと上がっているので自然に明るくなっています。

黒と白を残した状態で中間をいい感じに明るくすることができるので、使い慣れてしまえば一番よく使う機能になります。



また、左側をちょっと下げて、右側をちょっと上げてＳ字にすると、コントラストを上げることができます。これもよく使うやり方。




逆に左側を上げて、右側を下げればコントラストが下がるので、ノスタルジックな雰囲気を出すことができます。逆Ｓ字ですね。
Ｓ字を作る位置を調整することで、細かく雰囲気を変えることができます。

変な点を増やしすぎてしまった、というときは、点をクリックしてからDeleteキーを押せば消すことができます。
また、右上にある「リセット」を押せば最初の状態に戻せます。




青、赤、緑と個別に色をいじることもできるので、ちょっと青みを増したい、というときにも使えます。



調整レイヤーについて③に続く

調整レイヤーについて③／AffinityDesignner、AffinityPhoto

彷徨うド素人、さまシロの生活や、素人なりに学んだことを色々とご紹介。
https://sama46.blogspot.com/2025/03/affinitydesignneraffinityphoto_0591070726.html

調整レイヤーについて①／AffinityPhoto・AffinityDesignner

レイヤーパネルの下側、左から２番目にある「調整」ですが、ちょっと機能が多いので個別に説明します。

AffinityPhotoで最初に設定しておくと楽なこと

 どういう使い方をするかに寄りますが、自分的に最初に設定しておくと楽な設定をメモしておきます。

少しでも参考になれば。

パープレキシティ（Perplexity AI）はいいぞ、というお話

昨今、AIがすごい、AIを使えないと時代に置いて行かれる、などと騒がれておりますので、とりあえず置いて行かれない程度にAIを触っておこう、という軽い気持ちで紹介しようと思います。

Illustratorの保存バージョンを表示するスクリプト／Illustrator

CS5やCS6でデータ作成している際、「いま編集しているファイル、バージョン何で保存してたっけ？」となることが多いので、ファイルを開いた状態で保存バージョンを確認できるスクリプトを作成しました。

ソフトのバージョンではなく、「別名保存」したときなどに出てくる、「保存形式のバージョン」です。

作成バージョンを知りたいときは、AdobeBridgeとかを使うと簡単に調べることができます。

選択したオブジェクトにランダムに色を塗るスクリプト／Illustrator

選択したオブジェクトにランダムに色を塗ってくれるスクリプトをChatGPTちゃんにお手伝いしてもらいながら作成しました。

素人が作ったものなので、使ってみて何か問題が起こっても責任は取れません。
動作の正確性や安全性についても保証はできないので、使うのはあくまで自己責任でお願いします。

CMYK増減チャート作成スクリプト／Illustrator

カラーチャートを作成することが多いので、選択したオブジェクトの色を基準として、1色だけが1から100まで変化するカラーチャートを作成してくれるスクリプトをChatGPTちゃんにお手伝いしてもらいながら作成しました。

1色だけではなく、全部の色が変化するカラーチャートを作成をしたいときは、「カラーチャート作成スクリプト／Illustrator」の記事を参考にして下さい。

カラーチャート作成スクリプト／Illustrator

彷徨うド素人、さまシロの生活や、素人なりに学んだことを色々とご紹介。
https://sama46.blogspot.com/2025/03/illustrator.html

カラーチャート作成スクリプト／Illustrator

カラーチャートを作成することが多いので、選択したオブジェクトの色を基準としてカラーチャートを作成してくれるスクリプトをChatGPTちゃんにお手伝いしてもらいながら作成しました。

素人が作ったものなので、使ってみて何か問題が起こっても責任は取れません。

動作の正確性や安全性についても保証はできないので、使うのはあくまで自己責任でお願いします。

AffinityPhotoの各ツール紹介／AffinityPhoto

画面左側にある、各ツールの説明です。アップデートにより多少変わったりしますが、初期設定で上からこんな感じに並んでいます。「これなんのツールだろう？」と思ったら、マウスをしばらく上に置いておくと説明が出てきます。

右下に黒い三角がついているアイコンは、長押しするとさらにメニューを開くことができます。

ブレンドオプションについて／AffinityPhoto・AffinityDesignner