ArchArchHTML/JavaScriptUI・UXインスピレーションダウンロード素材ツールTIPSディレクションデザインマーケティング雑記・お知らせ2013.5.21photoshopで枠線つき吹き出しをつくるときのちょっとしたコツご存知の方も多いかもしれませんが、最近発見したので覚え書き。CS6です例えば自分が配布しているSVGの吹き出しもそうなのですが、三角の部分を移動したり大きさを変えたい場合、パスが全て連結されていて動かしにくかったりします。三角の部分を動かすには、土台の図形と三角部分を別々にすると良いですね。吹き出しの図形をそれぞれシェイプで描きます。このとき、吹き出しの三角の方は、パスを閉じないようにします。※訂正です、パスは閉じても閉じなくても表示は変わりませんでした。良く確認せず申し訳ありません...。(レイヤーのところで右クリック→「シェイプを結合」でもできます)これで枠線をつけて完成です。枠線はレイヤースタイルでもストロークでもお好みでどうぞ。吹き出しのところは、「パスコンポーネントツール」または「パス選択ツール」で自由に動かすことができます。私は今まで図形を別々につくり、枠線が重なる部分を新たな図形で塗りつぶしていたりしていたのですが、こんな面倒なことをしていたのは私だけでしょうか...。お役に立ちましたら幸いです。2013のボランティアスタッフに参加して良かったこと2013.12.02UI変更が不評な時に役立つ原因の切り分け方2013.11.29About@kanako29WebサービスのUI・UXデザインなどをやっています。