Affinityのピクセルで画像をトリミングしてみた

こんにちは。アジの開きが揚げ物にハマっている木曽原です。

本格的にAffinityを実案件に投入してから、色々な機能をチェックしているのですが、個人的にイラストレーターはデザインの確認か、自社名刺作成程度しか使っていないのですが、フォトショップでのトリミングはcmsdesignの更新でも結構使っております。

実は以前、AffinityのPhotoでcmsdesignのサムネイル画像のりサイズを行っていた時期がありました。結局は、Adobe Creative Cloudに加入しているため、フォトショップに戻ってしまいましたが。

目次

ピクセルで画像をトリミングする

ピクセルで画像をトリミングするには、左上部のベクターをピクセルに変更します。

このロゴ画像は私が起業した際に作った弊社の初代ロゴです

次に左メニューの上から2番目のトリミングツールに切り替えます。

今回は縦600px・横600pxの正方形にトリミングしたいので、上部メニュー、カスタム比率に600×600と入力します。

その後、トリミングしたい位置を決めたら、左上部の適用と書かれた青ボタンをクリックするとトリミングが完了します。

右上のプルダウンから書き出し形式を選択可能

こちらがトリミング完了した状態ですが、トリミング完了後にいいなと思ったUIは、以下の二点です。

  • 左上のパンで拡大拡小ができる。
  • 右上のプルダウンでエクスポートが可能。

特に画面内にエクスポート機能があるUIは初めて見ましたが、素晴らしいアイデアだと思います。

最後にAffinityの最大と特徴の一つが、トリミング完了後に他のアプリケーションを起動する必要がなく、左上部メニューをベクターに切り替えるだけで、イラストレーター的な機能を追加することが可能。

ピンクの三角形は私がペンツールで適当に書いたものですが、これは結構ありがたい機能なのではないでしょうか?

今後も毎日、少しづつですが、Affinityに触っていくことで新しい発見があるかと思います。

次回のENGAWA SALONは 12月13日(土)松阪市公民館 にて開催予定です。
「Canvaについてもっと知りたい」方は、ぜひこちらからお申し込みください。
皆様のご参加心よりお待ちしています!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

Makoto Kisoharaのアバター Makoto Kisohara 株式会社AMAOTO 代表取締役

地元特産品を主に扱うネットショップ責任者として約6年間従事し、在職中はほぼ独学で楽天ランキング1位やAmazonベストセラーを獲得。2014年7月独立。WordPress専門のホームページ制作、ネットショップの出店・構築・運営サポートなどを行うAMAOTOを開業。年間30近くのホームページ・ネットショップ制作に携わり、制作したホームページは優秀なデザインを紹介するWebデザインギャラリーサイトに多数掲載される。2019年6月、株式会社AMAOTOを設立。代表取締役に就任。三重県商工会連合会、大阪商工会議所、三重県知財総合支援窓口などの専門家として年間30件以上のIT支援活動も行う。

目次