![](https://harublog.site/wp-content/uploads/2020/03/IMG_2679-scaled.jpg)
どうもハルです。
![](https://harublog.site/wp-content/uploads/2019/11/IMG_1995.jpg)
ロングシャドウはどうやって作るの?
![](https://harublog.site/wp-content/uploads/2020/03/IMG_2679-scaled.jpg)
グリッドを使うと簡単にできるよ。
今回は、iPad用Affinity Designerのグリッドを活用したロングシャドウの作り方の紹介です。
・45°回転する
・グリッドを目安にしながら、ペンツールのパスでロングシャドウを作成
・45°回転戻す
![](https://harublog.site/wp-content/uploads/2020/03/IMG_2679-scaled.jpg)
画像を使って解説していくね。
使用するアプリはiPad用Affinity Designerです。▼
![Affinity Designer](https://is4-ssl.mzstatic.com/image/thumb/Purple123/v4/c3/fe/3d/c3fe3d2d-926c-ae3b-6999-3697df39c6bb/source/512x512bb.jpg)
iPad用Affinity Designerのグリッドでロングシャドウを作る
![iPad用Affinity Designerのグリッドを使ってロングシャドウを作る](https://harublog.site/wp-content/uploads/2020/05/IMG_3534-1024x768.png)
テキストから伸びるロングシャドウはグリッドを使うとうまくできます。▲
まず、テキストツールで「STAY HOME」と入力します。▼
![](https://harublog.site/wp-content/uploads/2020/05/IMG_3511-1024x768.png)
テキストをアウトライン化します。
[編集]>[カーブに変換]をタップ。▼
![](https://harublog.site/wp-content/uploads/2020/05/IMG_3513-1024x858.jpg)
レイヤーを開くと、アウトライン化された文字が一つずつ出来上がっています。▼
![](https://harublog.site/wp-content/uploads/2020/05/IMG_3514-1024x769.jpg)
変換スタジオの[回転]に[-45°]と数値を入力すると、文字が時計まわりに45度回転します。▼
![](https://harublog.site/wp-content/uploads/2020/05/IMG_3515-1024x769.jpg)
[ドキュメント]>[グリッド]をタップして、パネルの「グリッドを表示」を有効にします。▼
![](https://harublog.site/wp-content/uploads/2020/05/IMG_3516-770x1024.jpg)
ロングシャドウを作るために、新規ベクトルレイヤーを作ります。▼
![](https://harublog.site/wp-content/uploads/2020/05/IMG_3517-1024x768.jpg)
ペンツールを選んでモードを[線]、幅[1.0pt]、カラー[黒]にします。▼
![](https://harublog.site/wp-content/uploads/2020/05/IMG_3519-1024x767.jpg)
テキストの左上にあたる部分から、線をのばしていきます。▼
![](https://harublog.site/wp-content/uploads/2020/05/IMG_3520-1024x768.jpg)
テキストの角の部分から、水平に文字がかさなるところまでのばします。
グリッドを目安にしながら、2本指でタップしてやると真っ直ぐひけます。▼
![](https://harublog.site/wp-content/uploads/2020/05/IMG_3521-1024x768.jpg)
次にテキストの右下にあたる部分から、同じように水平に線をのばします。▼
![](https://harublog.site/wp-content/uploads/2020/05/IMG_3522-1024x767.jpg)
角を確認す方法は、ペンツールのままで文字のレイヤーを選択。
パスが白丸で表示されるので、タップすると始点になります。▼
![](https://harublog.site/wp-content/uploads/2020/05/IMG_3523-1024x768.jpg)
線がひけたら、レイヤーを複数選択してノードツールパネルの[結合]ボタンを押す。▼
![](https://harublog.site/wp-content/uploads/2020/05/IMG_3524-1024x768.jpg)
線どうしがくっつきます。▼
![](https://harublog.site/wp-content/uploads/2020/05/IMG_3525-1024x818.jpg)
ロングシャドウの下部分のパスを、ノードツールで2つ囲って選択。
[閉じる]ボタンを押すとパスが閉じます。▼
![](https://harublog.site/wp-content/uploads/2020/05/IMG_3528-1024x768.jpg)
黒く塗りつぶして、レイヤーを文字の下にします。▼
![](https://harublog.site/wp-content/uploads/2020/05/IMG_3529-1024x733.jpg)
「HOME」文字も同じように、ロングシャドウを作ります。▼
![](https://harublog.site/wp-content/uploads/2020/05/IMG_3530-1024x768.jpg)
出来上がったら、回転45°でもとに戻します。▼
![](https://harublog.site/wp-content/uploads/2020/05/IMG_3531-1024x768.jpg)
ロングシャドウが画面からはみ出すまで、ノードツールで伸ばします。▼
![](https://harublog.site/wp-content/uploads/2020/05/IMG_3532-1024x768.jpg)
完成です。▼
![](https://harublog.site/wp-content/uploads/2020/05/IMG_3533-1024x768.jpg)
Affinity DesignerはAdobeのIllustratorの代替えとして使えます。
ベクターファイルをiPad編集できて動作も軽いので、結構使えるアプリです。
以上、iPad用Affinity Designerのグリッドを活用したロングシャドウの作り方の紹介でした。
最後まで読んでいただき、ありがとうございます。
コメント