途切れ線アピアランス 2023

2023年7月22日 13:43

非破壊で自由に切れ目を調整できるアピアランスについて、以前に取り上げたのですが、線幅によって線部分がひっくり返ってしまい、今ひとつ、安定していませんでした。

これの実装について、樋口さん、コロさんが、ほぼ同時に「百匹目の猿現象」で発見されていました。

きっかけになったのはashikoさんのツイート。

緩質問）イラレで線を途切れ途切れにさせる絵って、線と塗を別々のオブジェクトにするしかないですよね…？これだと修正のときに面倒なので一個のオブジェクトでどうにか出来たら嬉しいんですが💦点線とかではなく任意とところで線を切りたいっていう感じで。ないですよね？今のところ（大きな独り言） pic.twitter.com/GP8Hg8GQbi
— ashiko (@ashikolam) May 20, 2022

樋口さん

お待たせしました作り方です。ポイントは下記3つ。後はグループ化し画像の通りパスファインダー効果を加えれば完成。アレンジ自在です。#イラレ知恵袋
①2つの円形は複合シェイプ化し最背面へ送る
②ハートマークは線のみでパスのアウトライン追加
③ハートマークの線は不透明度0%（黒線の非表示用） https://t.co/Y5qDOXPuwF pic.twitter.com/RsfdOYWtsi
— 樋口泰行／イラレおじさん (@higuchidesign) July 20, 2023

切りかけ用の図形は「内側を残す」のか「外側を残す」のかの指定もできるので、カット用の図形を置く、または線として生かす用の図形を置くのネガポジで使えるのでので、割と汎用性が高いと思います。この辺の作り方とデータを含め後日まとめます。#イラレ知恵袋 pic.twitter.com/qOAbNs22XU
— 樋口泰行／イラレおじさん (@higuchidesign) July 19, 2023

コロさん

コロさんの方は［パスのオフセット］効果で線端を丸める方式。

後から簡単に調整できる2色線フキダシ #Adobeillustrator pic.twitter.com/xWr81ajMzn
— イラレ職人コロ (@coro46) July 7, 2023

構造はめっちゃ簡単。フキダシのパスは線幅を極細に、線の位置を内側か外側に。全部グループ化して、効果＞パスファインダー＞切り抜き、効果＞パス＞パスのオフセット（角の形状：ラウンド）を適用するだけです。 pic.twitter.com/RL0MNfdVfQ
— イラレ職人コロ (@coro46) July 7, 2023

ライブペイントを使う方法

タナカさんがライブペイントを使う方法をツイートされていました。
なるほど!!! その手がありましたか！

自分はライブペイントを使ってます。 pic.twitter.com/HZDQegrkpC
— タナカ (@MacTNK) July 20, 2023

樋口さん方式の応用例

〈完全に囲まない吹き出し〉に活用できます。

樋口さん @higuchidesign のテク、〈完全に囲まない吹き出し〉に活用できますね。#アピアランス100本ノック #常用アピアランス https://t.co/MWcXm9CBLm pic.twitter.com/KsSj0cmiA7
— DTP Transit (@DTP_Transit) July 21, 2023