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

ガジェット

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

スライスツールの基本的な使い方【Affinity Photo】

AffinityPhotoスライスツールアイキャッチ

Sponsored

Affinity Photoで画像編集をしていて、作成した画像データをそれぞれ切り分けて書き出したい場合ってありますよね。

 

Web系の仕事をしている方でPhotoshopを使う方はよく知っている機能のひとつに「スライス」があります。

 

スライスはデータを部分的に切り出して書き出し保存するという方法で、Affinity Photoでも同じようにスライスをすることができます。

部分的に画像を書き出して保存したい方は今回紹介するツールを使用して書き出すと非常に楽で便利なのでオススメです。

 

スライスツールの基本的な使い方【Affinity Photo】

Webなどで使用する画像をPhotoshopでスライスして書き出したりしているひとは多いと思います。

 

Affinity Photoで画像をスライスする際にはスライスツールを使用します。

 

レイヤーをそれぞれスライスして書き出すことも可能ですが、今回は1枚の画像を部分的に選択スライスしてまとめて書き出す方法について紹介します。

 

スライスしたい画像を用意

画像を準備

今回はこんな感じで適当に並べた画像を用意しました。

 

このそれぞれの画像を3つにスライスして書き出したいと思います。

 

スライスの選択範囲を作成して書き出すので、背景としてまとめておいても大丈夫です。

 

スライスツールで画像をスライス

書き出しペルソナを選択

用意した画像をスライスしていきます。

 

ペルソナを写真ペルソナから「書き出しペルソナ」に切り替えます。

 

すると左のツールバーの1番上に「スライスツール」があります。

 

デフォルトでスライスツールが選択されているはずです。

 

ドラッグしてスライス

スライスツールの選択を確認したらそれぞれの画像のスライスしたい部分をドラッグで選択します。

 

 

スライスが作成される

すると選択部分を元にスライスが作成されます。

 

 

更にスライス

 

残りの2つの画像もそれぞれドラッグして

 

3つ目のスライス

 

スライスを3つ作成しました。

 

これでスライスの作成は完了です。

 

レイヤーからスライスを作成する方法についてはこちらの記事で紹介しているので、気になる方は読んでみてください

AffinityPhotoスライスアイキャッチ
Affinity Photoで画像をスライスして書き出す方法

画像加工をしていて複数のレイヤーを使うことは多いと思うのですが、レイヤー毎に作成したデータをそれぞれ書き出したい時ってありますよね。   そんな時に便利なのが「スライス」です。   ...

続きを見る

 

スライスを書き出し

 

スライスを作成したら書き出しをしていきます。

 

まずはスライスごとに書き出しのデータ形式を決めていきます。

 

今回はそれぞれ別々のデータ形式で書き出すことにしました。

 

使用用途が別々の画像をスライス書き出しする際も一度に書き出せるので便利ですね。

 

スライスオプションをタップ

書き出しオプション

スライスオプションをタップして書き出したい画像形式を選びます。

 

JPEGに変更

このスライスはJPEGに設定します。

画像形式を設定したらスライス上部に表示されるので、どのスライスが何の画像形式なのかわかりやすくなっています。

 

PNGに変更

このスライスはPNGに設定。

 

GIFに変更

このスライスはGIFに設定しました。

 

書き出し

すべて書き出し

全てのスライスの画像形式が設定完了したらスライスを書き出します。

 

すべて書き出し」をタップし、保存フォルダを選択。

スライス書き出し完了

これで一度に全てのスライスと背景画像が書き出されました。

 

まとめ

 

今回はスライスツールを使って、画像をスライスする方法について紹介しました。

 

スライスは簡単に画像を分割して書き出し出来るので非常に便利な機能です。

 

沢山画像素材を作る際はスライスは重宝するので、是非使ってみてください。

スライスツールに基本的な使用方法でした

Sponsored

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

夏ワタル

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

-AffinityPhoto
-,