エルゴノミクスキーボードアイキャッチ

ガジェット

2021/8/30

【Macで使える】Microsoftのエルゴノミクスキーボード買ってみた【レビュー】

PCの作業をする際に必須のデバイスであるキーボードですが、長時間のキー入力作業をしていると肩が凝ってきたり、手首が痛くなってくることってありませんか? 特に1日中キーボードを使う仕事をしている人にとって、長時間に及ぶ入力作業をしていると手首をずっとキーボードに置いていることになるので地味な負担がかかります。 また猫背で肩をすぼめた姿勢を取り続けることによって、手首の痛みに加えて肩も凝りやすくなってしまいます。 姿勢を改善したり、椅子を変えたりすることで手首や肩にかかる負担を減らすこともできますが、キーボー ...

ReadMore

キーボードマーキングシールアイキャッチ

ガジェット

2021/8/25

キーボード入力を効率化できる「キーボードマーキングシール」買ってみた

PC作業で一番多くの割合を占めるのが「キーボード入力」ですが、社会人になっても意外と苦手意識を持っている方が多いのではないでしょうか。 オフィスワークをしていると日々たくさんのキーボード入力をする機会がありますが、効率よくスピーディーにタイピングすることができるという人は意外と少数派なのではないかと思います。 入力ミスが多いせいで仕事がなかなか終わらず、書類の作成に時間がかかる そもそもブラインドタッチができない キーボードを逐一見て確認しながらじゃないと入力できない ホームポジションがすぐに崩れてしまう ...

ReadMore

頸部の筋肉アイキャッチ

美術解剖学

2021/5/29

【美術解剖学】頸部(首)の筋肉をイラストで解説

  人間の体の中でも特に重要なのが頭部ですが、その頭部の動きを司っているのが「頸部(首)」です。   頸部(けいぶ)には重い頭部を支えるしっかりした筋肉がいくつかついています。 体と頭を繋ぐ橋渡しのような部位でもありますし、デコルテ部分は顔の次に目立つ部分でもあります。   今回は頭部に続いて重要なポイントととなる「頸部(首)」の筋肉について、自作のイラストを使って解説します。   こんな方におすすめ 美術解剖学に興味がある方 人体の知識をイラスト制作やモデリングな ...

ReadMore

美術解剖学頭部の筋肉アイキャッチ

美術解剖学

2021/5/28

【美術解剖学】頭部の筋肉をイラストで解説

  人間の筋肉の中でも一番目立つ位置にあるのが頭部の筋肉です。   特に頭部の前面にある顔の筋肉はキャラクターイラストなどを描く際やキャラクターのモデリングをする際に重要となる部分でもあります。   顔の筋肉の構造を知る事によってより説得力のあるイラストを描く事ができるようになったり、リアリティーのある人物モデルを作ったりすることができるので、知っておくと沢山のメリットがあります。   今回は美術解剖学の中でも特に作品制作に関して役に立つ「頭部の筋肉」に関して、実際 ...

ReadMore

美術解剖学筋肉の起こる所と着く所アイキャッチ

美術解剖学

2021/5/27

【美術解剖学】筋肉の「起こる所」と「着く所」【イラスト】

  美術解剖学で筋肉について学ぶ際に知っておきたい前提知識として 「筋肉に起こるところ」と「筋肉の着くところ」というものがあります。     筋肉は骨に付着している組織ですが、骨に対しての筋肉の付き方がそれぞれ決まっています。   筋肉自体の形状を覚える前に筋肉がどの部位からどの部位に対して付着しているかについて知っておくことで、より筋肉と骨の形状と位置が覚えやすくなります。   今回は美術解剖学における筋肉の「起こるところ」と「着くところ」について、僕 ...

ReadMore

美術解剖学動きに関する用語アイキャッチ

美術解剖学

2021/5/23

【美術解剖学】体の動きに関して覚えるべき解剖学用語について解説

  美術解剖学を勉強すると人体の動きに関してより深い理解ができるようになります。 その理由は骨格や筋肉の動きを勉強することになるため、自然と人がどのように動いているのかについて考える習慣がつくからです。   しかし美術解剖学で人体の動きを学ぶ際にも専門用語が複数登場するので、この前提知識を知らないと勉強に時間がかかってしまいがちになります。   そこで今回は美術解剖学を勉強する際に登場する「体の動きに関する解剖学用語」について紹介します。 動きに関するものだけなので比較的簡単 ...

ReadMore

美術解剖学人体の位置と方向を示す用語アイキャッチ

美術解剖学

2021/5/24

【美術解剖学】人体の位置と方向を示す解剖学用語を解説

  美術解剖学では体の各部の位置や方向を説明するためにあらかじめ軸を決めて、それを基準に位置や方向を説明することがよくあります。 人体は複雑な構造をしているので、決められたルールに従って方向や位置を決めることでそれぞれの部位や方向をわかりやすくしています。   逆に言えばこの決められたルールを知らないと、体のパーツの位置や方向の説明を見たとしてもわかりにくくなってしまいます。 そこで今回は解剖学における「人体の位置と方向を示すための用語」について、3Dモデルを使って簡単に紹介します。 ...

ReadMore

解剖学筋肉の形状と構造アイキャッチ

美術解剖学

2021/5/28

【美術解剖学】筋肉の基本形状と構造を解説【イラスト】

    キャラクターイラストを描く場合だけではなく、3DCGでのキャラクターモデリングなどをする際に前提となる知識で多くあげられるもののひとつが 「美術解剖学」ではないでしょうか。   特にある程度絵を描いたりしている方のなかでは美術解剖学の知識が必須だというのは一般常識だったりしますよね。   このブログでは以前に解剖学の中でも文字通り骨子になる人間の骨格についての記事をいくつか書いていましたが、今回からいくつかの記事に分けて人間の筋肉についても解説していこうと思 ...

ReadMore

AffinityPhoto

【AffinityPhoto】画像を切り抜きする4つの方法

AffinityPhoto切り抜きアイキャッチ

Sponsored

画像加工する際に必ずと言ってもいいほど必要になる作業が「切り抜き」です。

 

 iPad では様々な画像加工アプリが出ていますが、今回はその中の一つである「AffinityPhoto」で画像を切り抜きする方法について紹介したいと思います。

 

画像の切り抜きといっても様々な方法があるのですが、初心者は迷ってしまうことも多いのではないでしょうか。

 

この記事ではAffinityPhotoを使い始めた初心者の方向けに、基本的な切り抜きの方法について解説しています。

 

画像加工やイラスト制作をAffinityPhotoを使って進めていきたいと考えている方にオススメです。

【AffinityPhoto】画像を切り抜きする5つの方法

 

AffinityPhotoで画像加工をする際に画像を切り抜くには様々な方法があるのですが、 今回は選択ペルソナを使用して選択範囲を作り、

選択した部分だけを切り抜いていくといった方法で画像を切り抜いて行きます。

 

切り抜き方法も複数あるので、作業用途に合わせて選んでみてください。

 

選択ペルソナとは? 

選択ペルソナ

画像を切り抜く際に必要なのが切り抜き範囲の選択です。

 

AffinityPhotoで選択範囲を作成する際には「選択ペルソナ」に切り替える必要があります。

画面上部のペルソナのアイコンの左から2つ目が「選択ペルソナ」です。

 

ペルソナを切り替えることで、ツールバーが選択範囲を作成されるツールに切り替わります。

 

この中のツールを使用して選択範囲を作成して切り抜いていきます。

 

スマート選択ブラシツールで切り抜き

スマート選択ブラシツール

 

AffinityPhotoでは一番使いやすいツールである「スマート選択ブラシツール」を使用して切り抜いていきたいと思います。

スマート選択ブラシツールを使えばブラシで塗るかの様に選択範囲を作成することが出来ます。

 

まずは左側のツールバーの上から3つ目にある「スマート選択ブラシツール」を選択します。

画面下部のパネルから選択ブラシの大きさを変更して選択しやすい状態にしておきます。

選択したい部分をなぞる

スマート選択ブラシツールを使う

次は選択範囲を作成したい部分をブラシでなぞっていきます。

 

「エッジにスナップ」をONにすることで、選択したい部分のアウトライン(輪郭)に選択ブラシが吸着してくれるようになります。

 

今回の画像で言うとアボカドの輪郭の部分ですね。

はみ出た選択部分を削る

選択範囲を除外

はみ出てしまった選択範囲を削るには、ブラシのモードを「除外」に設定してブラシでなぞります。

 

これで選択しすぎてしまった部分を消して、切り抜きたい部分の輪郭に合わせていくことが出来ます。

 

選択範囲を反転するには?

選択範囲を反転させる

切り抜きたい部分とは逆の部分を選択してから選択範囲を反転して切り抜きしたいといった場合は、画面上部の「・・・」マークから「選択範囲の反転」をタップします。

 

手前に写っている切り抜きたい部分よりも、背景部分の方が選択しやすい場合などに有効な手段です。

長押しでクイックメニュー表示

画面のどこかを長押しすることでも選択範囲を反転させることが出来ます。

 

また選択解除や全選択なども可能です。

 

切り抜きを実行

選択範囲を調整をタップ

選択範囲が決まったら切り抜いていきます。

画面下のメニューから「調整」を選択します。

 

新規レイヤーとして切り抜き

調整メニューの出力を「新規レイヤー」に設定します。

こうすると選択したアボカドの部分のみを切り抜いて新規レイヤーとして作成してくれます。

 

新規レイヤーとして切り抜き完了

 

適用を押して切り抜き完了です。

 

マスクで切り抜きするには?

マスク付き新規レイヤーで切り抜き

切り抜き前の画像を残しておいて、非破壊的な編集をしたい場合は出力を「マスク付き新規レイヤー」に設定して適用します。

 

こうすると切り抜き範囲をマスクで作成して新規レイヤーとして切り抜いてくれるので、元画像を壊さずに切り抜きを完了でき、かつ元に戻すことも可能になります。

 

マスクつき新規レイヤーが作成される

 

マスクで切り抜いた状態で新規レイヤーとして作成されました。

 

 

フリーハンド選択ツールで切り抜き

フリーハンド選択ツール
フリーハンド選択ツールを使って自由に選択範囲を作成して切り抜く方法です。

いわゆるなげなわツールといった感じの選択ツールですね。

フリーハンドなので自由に選択範囲を作成することが出来ますが、その分手間がかかるツールです。

 

フリーハンドで選択したい部分を囲む

フリーハンドで囲んで選択範囲を作成

フリーハンド選択ツールのモードを「新規」にして、選択したい部分を囲んでいきます。

 

選択部分をぼかしたい場合は「ぼかし」の数値を入力。

選択範囲のアウトラインをなめらかにしたい場合は「アンチエイリアス」をONにします。

 

はみ出した部分の削除

はみ出した選択部分を削除

フリーハンドでの選択なので、選択範囲がズレてしまうことが多いと思います。

そんな時はモードを「除外」にして、はみ出した部分を囲めば余分な選択範囲を削除出来ます。

 

新規レイヤーで切り抜き作成

新規レイヤーでフリーハンド切り抜き

 

選択範囲を作成したら、新規レイヤーで切り抜いていきます。

 

「調整」を選び、「新規レイヤー」で適用します。

 

フリーハンドで切り抜きが完了

 

フリーハンドで切り抜きが完了しました。

 

 

塗りつぶし選択ツールで切り抜き

塗りつぶし選択ツール

次は「塗りつぶし選択ツール」で切り抜いていきます。

 

この画像の様に背景などが1色で塗りつぶされている場合などは塗りつぶすように選択しやすいので、

背景に選択範囲を作成して反転して切り抜きといった方法も使えます。

 

塗りつぶし選択したい部分をタップ

塗りつぶし選択を実行

塗りつぶし選択ツールのモードを「新規」に設定し、許容量を「36%」程度に設定して、ピンク色の背景部分をタップします。

 

少し影部分が残っていますが、ピンクの部分のみ全体的に選択してくれます。

 

塗りつぶし選択範囲を調整

塗りつぶし選択範囲の追加

最初の塗りつぶし選択で足りなかった部分を追加していきます。

モードを「追加」に変更して、許容量を「7%」程度に下げました。

そのあとで追加選択したい部分をタップするとこの様に調整されます。

 

塗りつぶし選択範囲を調整

 

許容値を変更したり、「追加」「除外」に設定を変更したりなどして、選択範囲をキレイに調整していきます。

 

選択範囲を反転

塗りつぶし選択範囲を反転

背景部分を全体的に選択できたので、切り抜きたいアボカド部分を選択していきます。

 

画面上部の「・・・」メニューを開き、「選択範囲の反転」を選択します。

 

これで背景とはのアボカド部分が選択されるようになります。

 

新規レイヤーで切り抜き

塗りつぶし選択範囲を新規レイヤーで作成

選択範囲が決まったので、調整メニューから「新規レイヤー」を選び、適用をタップします。

 

塗りつぶし選択ツールで切り抜き完了

 

これで背景を選択しての切り抜きが完了です。

 

青空などの背景に人が写っている場合なども同じ様な手順で切り抜きをすることができます。

 

 

マーキーツールで切り抜き

マーキツール
次はマーキーツールで切り抜きをしてみたいと思います。

 

マーキーツールには種類があり、マーキーツール部分を長押しすることで好きな形に切り替えることが出来ます。

 

楕円マーキツール

 

今回はオレンジの画像を切り抜いていきたいと思うので、「楕円マーキツール」を使います。

 

ドラッグして選択範囲を作成

楕円マーキツールで選択

 

楕円マーキツールのモードを「新規」に設定し、右下にドラッグして選択範囲を作成します。

この時画面の別の部分をホールド(長押し)したままドラッグすることで、楕円を正円に変更することができます。

 

新規レイヤーで切り抜き

楕円マーキツールで切り抜き完了

 

調整後新規レイヤーで切り抜きました。

 

丸いものなら楕円マーキツール、直角的なものなら矩形マーキツールを使用すれば形状にあった選択範囲を作成できるので、作業用途にそって使い分けていきましょう。

 

 

 

まとめ

切り抜きまとめ

今回はAffinity Photoで切り抜きする方法について紹介しました。

 

切り抜きの基本は選択範囲を作成新規レイヤーorマスクで切り抜きといった感じなので、この記事の方法でカンタンなものは切り抜くことが出来るようになると思います。

 

切り抜きペルソナにはまだまだ細かい調整が出来る機能があるので、別の記事で紹介したいと思います。

 

 

AffinityPhotoで切り抜きする方法でした!

Sponsored

  • この記事を書いた人
  • 最新記事

夏ワタル

デザイナー/イラストレーター。 イラスト制作や3DCG制作に関するTipsを発信しています。 才能ゼロでもイチから独学で絵が描けるようになる方法を研究中。 MAYAとSubstanceシリーズをメインに使っています。

-AffinityPhoto
-, ,