ブログ

【affinity desiner-ipad版】クリッピングマスクとグラデーションの作り方【初心者向け】

こんにちは。

イラストレーターのあなんよーこ(@anan_illust)です。

あっちゃん
あっちゃん
iPadで、Adobe Illustratorのようなパスを使ったイラストが描けたらなー
あなん
あなん
私は「affinity designer」を使っているよ!!
あっちゃん
あっちゃん
ペンツールも使えるの?
あなん
あなん
使えるよ!
あなん
あなん
ほらね!ベクターデータを作成できるよ!!
使用アプリ
Affinity Designer

Affinity Designer

Serif Labs¥2,440posted withアプリーチ

affinity designerとは?

ipadにはたくさんのペイントアプリがありますが、「affinity designer」は“ベクターグラフィックスソフトウェア”です。

パスを使ったベクターデータのイラストやデザインを作成することができます。

機能も盛りだくさんで、Adobe Illustratorと似た動きができます。
様々な機能の使い方や、指の動作などはほぼ全て公式サイトの動画で確認することができます。
動画は、日本語の字幕も付いているので安心ですよ。

使い方は、とっても簡単‼︎

Adobe Illustrator歴10年程の私も、やはり最初は機能の位置などに戸惑いはありますが、なんとか鳥を描くことができました。

使用した機能は

  1. ペンツール
  2. クリッピングマスク
  3. グラデーション

の3つです‼︎

どれも知ってしまえば、使い方はとってもシンプル!!
ここでは❷クリッピングマスクと❸グラデーションについてご紹介します!!

1回できれば、使いこなせるようになりますよ。

1.クリッピングマスクの使い方

まず、クリッピングマスクとは、写真や画像などを別のオブジェクトの形に限定的に見せる方法です。

切り抜いたオブジェクトの大きさや位置は、クリッピングマスクした後も自由に変更できます。

今回は鳥の体の形に合わせ翼のオブジェクトをクリッピングマスクします。

(1) まずは鳥さんの体の部分をペンツールで作成します。
(※ペンツールはAdobe Illustratorとほぼ一緒です!!画面に直接ペンツールで線を描くってこんなに気持ちいいんですね!)

(2) 次に翼の部分を作成します。
クリッピングマスクするのではみ出しても大丈夫です。

(3) 最後に、クリッピングマスクです!!
翼を体の形に合わせてクリッピングマスクするため、翼のレイヤーを体本体のレイヤーの上にドラッグします。

そうすると

このように体のオブジェクトに合わせて翼が綺麗に切り抜けました。

ただ、レイヤーを位置を変更するだけなので、とっても簡単です!

2.グラデーションの作り方

翼にグラデーションをつけます。

(1) 翼部分を選択して「塗りつぶしツール」を選択します。

(2) グラデーションをかける部分をドラッグします。

そうするとあっという間にグラデーションになります!

(3) 色味の変更は、①グラデーションツールの変更したい部分の丸を選択して、そのまま②カラーパネルから好きな色を選択するだけです。

これだけで好きなグラデーションを自由に作成できます!!

さいごに

これだけのツールでも、このようなイラストを作成できるんです!!

すごいですよね!線幅の調整方法など、パソコンにはない感覚的な操作方法も触っていると楽しくなってきます。

どんどん使って作品作りにも生かしていきたいです!!

【ストックイラスト】とっても便利!ipad版"affinitydesigner"から投稿データを作成する方法/注意事項/良かった点をまとめました こんにちは。 イラストレーターのあなんよーこ(@anan_illust)です。 私はつい最近から、ストックイラストに投稿す...

ここまでお読みいただきありがとうございました!!
イラストレーターのあなんよーこ(@anan_illust)でした。

ABOUT ME
あなんよーこ
1989年神奈川県生まれ。東京都在住。 Tシャツプリント会社でデザイン部部長としてカタログやWEBデザインを担当。 2019年春にイラストレーター・デザイナーとしてフリーランスへ。  ”おしゃれ×かわいい×優しい色味”で人物を中心としたイラストが特徴。 「わかりやすく伝える」をモットーにイラストからデザインまで作成をしています。 制作には、Adobe Illustrator/Adobe Photoshopを使用しています。 今後は、雑誌や書籍、絵本、パッケージなど幅広く挑戦していきたいです!!!!