エジクンフットスイッチアイキャッチ

ガジェット

2022/3/14

PC作業を効率化できるフットスイッチ(フットペダル)を導入してみた感想

デスクワーカーをしていると長時間のPC作業をすることも多いと思いますが、中々スピーディーに作業が進まなくて悩んでいる方もいるのではないでしょうか。 基本的にPC作業を迅速に進めようとすると必要になってくるのが作業の効率化ですが、 作業を効率的に進める時に活躍するのがキーボードショートカットですよね。 ショートカットは基本はキーボードだけで打つことが多いと思いますが、慣れてくるとキー入力自体も効率化したくなってきます。 PC作業時のショートカット入力を効率化するには左手デバイス(片手デバイス)や音声入力など ...

ReadMore

Substance3DPainterアンカーポイントアイキャッチ

SubstancePainter

2021/11/6

【Substance 3D Painter】アンカーポイントの基本について解説してくれている公式動画が公開

Substance 3D Painterの機能の一つに「アンカーポイント」があります。 アンカーポイント機能はレイヤーに適当した複数の効果を他のレイヤー紐付けるように適用するという便利機能です。 一度適用したレイヤー効果を別のレイヤーにも簡単に適用できるので非常に便利で優秀な機能なんですが、使い方が若干めんどくさくてややこしい部分があるため、初心者の方には敬遠されがちかもしれません。 このブログでも以前アンカーポイントの使い方について解説した記事を紹介しましたが、今回はAdobe Substance 3D ...

ReadMore

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

ガジェット

2022/4/2

【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

AffinityPhoto

Affinity Photoでブログのアイキャッチを作る方法

AffinityPhotoアイキャッチ作成アイキャッチ

Sponsored

 

iPadでリリースされている画像編集アプリ「Affinity Photo」では画像の加工編集から文字入力も出来るようになっています。

 

最近ではiPadでブログを更新している人も増えていると思うのですが、ブログで必ず必要になるのが「アイキャッチ画像」ですよね。

 

適当な画像を貼るだけでも良いですが、どうせなら文字も使用してパッと見でどのような記事内容なのか分かりやすいアイキャッチ画像を使用したいところです。

自宅ではなく外出先でiPadを使ってブログを更新したい場合は、iPadでアイキャッチ画像も一緒に作ってしまいましょう。

 

Affinity Photoでブログのアイキャッチ作る方法

この記事ではAffinityPhotoを使ってアイキャッチを作る方法を紹介したいと思います。

 

基本的にブログのアイキャッチに必要なものとして「画像」「文字」があると思うんですが、

AffinityPhotoであればどちらも簡単に加工出来ます。

 

iPadだけでアイキャッチ画像を作ってみたい方は是非真似して作ってみてください。

 

ちなみに今回アイキャッチ画像を使ったのはコチラの記事です。

よければ合わせてごらんください。

「Affinity Photoでレイヤーを統合する方法」

AffinityPhotoレイヤーを統合する方法
Affinity Photoでレイヤーを統合する方法

Affinity Photoで作業しているとレイヤーが増えてくることってありますよね。   大量に作ったレイヤーはある程度はグループ分けしたりすることで整理すれは良いわけですが、最終的に1枚 ...

続きを見る

 

データを作成

まずはアイキャッチ画像のデータを作成します。

今回はこんな感じで適当にデータを作りますが、ドキュメントの比率などはそれぞれ好みに設定してみてください。

 

 

画像を読み込む

 

使いたい画像を読み込みます。

AffinityPhotoについての別の記事に使うアイキャッチを作りたいので、作業工程のスクリーンショット画像を読み込みました。

 

 

Affinity Photoの中でAffinity Photoをいじっている画像です‪w

なんだかフラクタルAffinityPhotoみたいな感じになってますが、このまま進めます。

 

 

文字入力

画像を読み込んだら次は文字入力です。

 

ブログのアイキャッチというと画像のみのパターンと文字が入っているパターンの2つがあると思いますが、

僕は文字が入っている方が内容が分かりやすいと思うので、いつも記事内容を要約した文字をいれています。

 

文字入力は画面左側の「アートテキストツール」で入力していきます。

 

 

 

ツールを選んだらどこでも良いので画面をタップします。

キーボードが表示されるので、文字を入力します。

 

まずはいつも使っている▶︎を入力。

 

次にAffinity Photoと入力。

キーボード上でフォントの種類やテキストの太さや大きさを変更します。

あとでスケールで変更しても良いので、ここはあまり拘らず適当にいきます。

 

 

 

 

文字にエフェクトをかける

入力した文字にエフェクトをかけていきます。

 

画面右側にあるエフェクトスタジオ(fxって書いてあるところ)をタップして、「グラデーションオーバーレイ」ONにします。

これで文字にグラデーションがかかるようになります。

 

グラデーションの調整

グラデーションを調整していきます。

右下のグラデーションが表示されている窓をタップして、細かいグラデーションの設定をしていきます。

 

グラデーションスライダーの左側の丸をタップし、紫のカラーを設定しました。

 

 

 

 

 

右側の丸部分をタップし、カラーをピンクに設定。

 

これで紫とピンクのAffinity Photoっぽいイメージのグラデーションになります。

 

グラデーションの反転

グラデーション設定画面の右側にある矢印をタップするとグラデーションを反転させることができます。

 

グラデーションの角度を調整

グラデーションのパネル右側にある▶マークをタップし、細かい調整をしていきます。

角度部分に数値を入力(今回は255)して、グラデーションの角度を横から縦に変更しました。

 

数値部分をドラッグすることで直感的に調整することも可能なので、ドラッグが数値入力どちらか好きな方で設定しましょう。

 

グラデーションを追加

少しグラデーションを滑らかにしたいと思ったので、グラデーションスライダーに戻り、「+」マークを押して追加します。

 

 

追加されたグラデーションのポイントをドラッグして、より滑らかにしました。

 

 

文字のアウトラインを追加

文字を目立たせるためのアウトラインを追加します。

 

エフェクトスタジオのアウトラインをおんかにして、太さの数値をドラッグで調整します。

白い輪郭線が文字の周囲に現れたと思います。

 

大体アイキャッチの文字はこんな感じでよいと思ったので、他の文字列にもこのエフェクトを適用していきます。

 

エフェクトをコピー&ペースト

先程作ったエフェクトを他の文字列にも適用していきます。

 

エフェクトをかけた▶のレイヤーを選択した状態で画面をホールド(長押し)して、コピーをタップします。

 

 

 

 

 

次にコピー&ペーストしたい文字列のレイヤーを選択し、画面左上のメニューから「エフェクトをペースト」をタップします。

スタイルをペーストでも同じ様にペーストできます。

 

 

 

 

エフェクトがペーストされ、「AffinityPhoto」の文字が▶と同じような雰囲気になりました。

 

 

 

 

 

エフェクトの角度が気になったので、再度調整します。

 

文字は縦にピンクのグラデーションがかかりました。

 

 

次は記事タイトルの「レイヤーを統合する方法」と文字列を入力します。

 

 

 

今までと同じ手順でグラデーションエフェクトをかけていきますが、タイトルなので青色水色のグラデーションに設定しました。

作成したドキュメントのイメージが暖色だったので、文字は寒色で爽やかな雰囲気に。

 

 

 

白いアウトラインエフェクトをかけ、文字の大きさを調整して、ブログのアイキャッチの完成です。

 

 

まとめ

今回はiPadの画像編集アプリ「Affinity Photo」でブログのアイキャッチ画像を作成する方法について解説しました。

 

Affinity Photoは安価な割に優秀なソフトなので、さらに細かいエフェクトをかけたり文字を装飾したりといったことも手軽にできます。

 

 

なにより外出先でiPadを使ってブログを更新したりする人にとってはアイキャッチも同じデバイスで作成出来るというのは非常に便利です。

 

今までなら自宅のPCじゃないと出来なかったようなことも段々iPadだけで完結するようになってきているのは個人的にとてもありがたいので、

今後もiPadでの画像作成をメインに進めていこうかなと思っているくらいです。

 

Affinity Photoでアイキャッチをつくる方法でした!

 

Sponsored

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

夏ワタル

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

-AffinityPhoto
-,