{"id":3177,"date":"2026-08-19T08:00:00","date_gmt":"2026-08-19T00:00:00","guid":{"rendered":"https:\/\/www.fangloong.com\/blog\/?p=3177"},"modified":"2026-08-19T10:59:11","modified_gmt":"2026-08-19T02:59:11","slug":"kasumi-mon-%e9%9c%9e%e7%b4%8b-graphic-style","status":"publish","type":"post","link":"http:\/\/www.fangloong.com\/blog\/2026\/08\/19\/kasumi-mon-%e9%9c%9e%e7%b4%8b-graphic-style\/","title":{"rendered":"Kasumi-mon (\u971e\u7d0b) Graphic Style"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The selected shape is inspired by a traditional Japanese design element known as <strong>Kasumi-mon (\u971e\u7d0b)<\/strong>, which translates to a <strong>mist or haze motif<\/strong>.<br><br>Here is a simple way to create this graphic style in Adobe Illustrator:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.fangloong.com\/blog\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-19-103137.png\"><img loading=\"lazy\" decoding=\"async\" width=\"411\" height=\"220\" src=\"https:\/\/www.fangloong.com\/blog\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-19-103137.png\" alt=\"\" class=\"wp-image-3178\" srcset=\"http:\/\/www.fangloong.com\/blog\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-19-103137.png 411w, http:\/\/www.fangloong.com\/blog\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-19-103137-300x161.png 300w\" sizes=\"auto, (max-width: 411px) 100vw, 411px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1:<\/strong> Create a rectangle shape. Select the shapes, group them, and choose <strong>Make Compound Shape<\/strong> under the <strong>Pathfinder<\/strong> panel.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.fangloong.com\/blog\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-19-104130.png\"><img loading=\"lazy\" decoding=\"async\" width=\"947\" height=\"267\" src=\"https:\/\/www.fangloong.com\/blog\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-19-104130.png\" alt=\"\" class=\"wp-image-3181\" srcset=\"http:\/\/www.fangloong.com\/blog\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-19-104130.png 947w, http:\/\/www.fangloong.com\/blog\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-19-104130-300x85.png 300w, http:\/\/www.fangloong.com\/blog\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-19-104130-768x217.png 768w, http:\/\/www.fangloong.com\/blog\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-19-104130-500x141.png 500w\" sizes=\"auto, (max-width: 947px) 100vw, 947px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2:<\/strong> Go to the <strong>Appearance<\/strong> panel and apply the <strong>Stylize<\/strong> >> <strong>Round Corners<\/strong> effect.<br>You will then get the rounded box effect. Adjust the <strong>Radius<\/strong> value to control how round the corners are.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.fangloong.com\/blog\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-19-104235.png\"><img loading=\"lazy\" decoding=\"async\" width=\"730\" height=\"447\" src=\"https:\/\/www.fangloong.com\/blog\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-19-104235.png\" alt=\"\" class=\"wp-image-3182\" srcset=\"http:\/\/www.fangloong.com\/blog\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-19-104235.png 730w, http:\/\/www.fangloong.com\/blog\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-19-104235-300x184.png 300w, http:\/\/www.fangloong.com\/blog\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-19-104235-490x300.png 490w\" sizes=\"auto, (max-width: 730px) 100vw, 730px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The advantage of using this method is that when you move or adjust the rectangle shapes, the rounded corners will automatically update while maintaining the same smooth, rounded effect.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The selected shape is inspired by a traditional Japanese design element known as Kasumi-mon (\u971e\u7d0b), which translates to a mist or haze motif. Here is a simple way to create this graphic style in Adobe Illustrator: Step 1: Create a &hellip; <a href=\"http:\/\/www.fangloong.com\/blog\/2026\/08\/19\/kasumi-mon-%e9%9c%9e%e7%b4%8b-graphic-style\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[30],"tags":[],"class_list":["post-3177","post","type-post","status-publish","format-standard","hentry","category--design"],"_links":{"self":[{"href":"http:\/\/www.fangloong.com\/blog\/wp-json\/wp\/v2\/posts\/3177","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.fangloong.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.fangloong.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.fangloong.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.fangloong.com\/blog\/wp-json\/wp\/v2\/comments?post=3177"}],"version-history":[{"count":2,"href":"http:\/\/www.fangloong.com\/blog\/wp-json\/wp\/v2\/posts\/3177\/revisions"}],"predecessor-version":[{"id":3184,"href":"http:\/\/www.fangloong.com\/blog\/wp-json\/wp\/v2\/posts\/3177\/revisions\/3184"}],"wp:attachment":[{"href":"http:\/\/www.fangloong.com\/blog\/wp-json\/wp\/v2\/media?parent=3177"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.fangloong.com\/blog\/wp-json\/wp\/v2\/categories?post=3177"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.fangloong.com\/blog\/wp-json\/wp\/v2\/tags?post=3177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}