webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき
読者です 読者をやめる 読者になる 読者になる

webかたつむり

ウェブデザインを勉強中

Envelope Deformations

 

You could also try Path Effect / Envelope Deformations
(first - font converted to path Ctrl+Shift+C/ then Ctrl+Shift+G / and Ctrl++)

Image

Note that not all the fonts are suitable for this kind of deformation (you may see in the example that all "important" features of the font are shifted up, so curve at the bottom affects only some basic shapes and that way keeps the inscription readable).

I`ve added the extra node, at the middle, but it depends how much you`ll need to modify your letters. Aside of adding that node, I`ve just selected nodes of the bottom bend path and moved them up. Further deformation / more curved shape of the base / requires better preparation of the letters before applying the effect or node editing after that. Reducing nodes is also a good treat, since the deformations and node editing would be less annoying. Chose the font wisely and you`ll help your self a lot ,)

  •  fill=満たす、塗り stroke=筆遣い、線
  • swap fill and stroke =塗りと線を入れ替える。下の図参照。

f:id:ohta-felica:20161105001816j:plain

  • [表示]→[ピクセルプレビュー]、もしくは[表示]→[グリッドにスナップ]のチェックがはいっていると、スマートガイドは表示されない。
  • cubano font (free font)

f:id:ohta-felica:20161105002843p:plain

 

f:id:ohta-felica:20161105003222p:plain

  •  上の画像のままではうまくいきません。
  • バス、文字を変形させたい形を最前面に持ってきます。ここが重要!

f:id:ohta-felica:20161105003850p:plain

  • それから図形と文字の両方を選択して、エンベロープ効果を適用します。

f:id:ohta-felica:20161105003336p:plain

 

f:id:ohta-felica:20161105004046p:plain

  •  完成!たのしいです。

f:id:ohta-felica:20161105004225p:plain

  •  ELSE,,,

f:id:ohta-felica:20161105010050p:plain

 

f:id:ohta-felica:20161105010206p:plain