{"id":4111,"date":"2016-12-06T14:01:21","date_gmt":"2016-12-06T05:01:21","guid":{"rendered":"http:\/\/takahashi-imac.local:8888\/wordpressJimp\/?page_id=4111"},"modified":"2025-03-31T10:20:12","modified_gmt":"2025-03-31T01:20:12","slug":"pathstroke","status":"publish","type":"page","link":"https:\/\/www.psoft.co.jp\/en\/product\/comicstyle\/pathstroke\/","title":{"rendered":"PathStroke"},"content":{"rendered":"<!--\u3053\u3053\u304b\u3089contents-->\r\n<p class=\"text-center\"><img decoding=\"async\" class=\"img-fluid img-thumbnail img-fullwidth\" src=\"\/jp\/images\/stories\/products\/comicstyle\/pst_title.png\" alt=\"PathStroke [ComicStyle]\" \/><\/p>\r\n<div class=\"row\">\r\n<div class=\"col-sm-8\">\r\n<p>PathStroke draws strokes in a hand-drawn style based on paths drawn on a mask layer.<\/p>\r\n<p>You can easily reproduce highly versatile and effective animations such as the appearance of strokes extending or rough strokes moving randomly.<\/p>\r\n<\/div>\r\n<div class=\"col-sm-4 text-center\"><img decoding=\"async\" src=\"\/jp\/images\/stories\/products\/comicstyle\/pst_outline.jpg\" class=\"img-fluid\" \/><\/div>\r\n<\/div>\r\n<div class=\"outer-frame\">\r\n<h3>Main Features of PathStroke<\/h3>\r\n<ul>\r\n\t<li>Reproduce rough strokes with a wide range of parameters.<\/li>\r\n\t<li>Achieve a more hand-drawn looking style by copying and randomizing strokes.<\/li>\r\n\t<li>Set detailed shapes and colors for line in and out.<\/li>\r\n\t<li>Reproduce the appearance of extending strokes with offset animation.<\/li>\r\n\t<li>Create a gradient of color along the direction of the stroke.<\/li>\r\n\t<li>Use the wave starting point parameter of Wave to reproduce movement that appears to ripple in place. <span class=\"badge bg-primary\">ver 1.5<\/span><\/li>\r\n<\/ul>\r\n<\/div>\r\n<h2>Main Functionality<\/h2>\r\n<div class=\"row\">\r\n<div class=\"col-sm-6\">\r\n<figure class=\"figure\">\r\n<h3>Line Shape and Color<\/h3>\r\n<a class=\"lightbox-image\" href=\"\/jp\/images\/stories\/products\/comicstyle\/pst_ov_01_l.jpg\" rel=\"lightbox\" title=\"Line shape and color\"><img decoding=\"async\" class=\"img-fluid img-fullwidth\" src=\"\/jp\/images\/stories\/products\/comicstyle\/pst_ov_01_l.jpg\" alt=\"Line shape and color\" \/><\/a>\r\n<figcaption class=\"figure-caption\">In addition to basic parameters such as line color, length, and thickness, you can also set detailed shapes for line in and out.<\/figcaption>\r\n<\/figure>\r\n<\/div>\r\n<div class=\"col-sm-6\">\r\n<figure class=\"figure\">\r\n<h3>Rough Strokes and Copy<\/h3>\r\n<a class=\"lightbox-image\" href=\"\/jp\/images\/stories\/products\/comicstyle\/pst_ov_02_l.jpg\" rel=\"lightbox\" title=\"Rough strokes and copy\"><img decoding=\"async\" class=\"img-fluid img-fullwidth\" src=\"\/jp\/images\/stories\/products\/comicstyle\/pst_ov_02_l.jpg\" alt=\"Rough stroke and copy\" \/><\/a>\r\n<figcaption class=\"figure-caption\">You can set wave amplitude, period, starting position, shape, etc. You can also randomize the color of each stroke.<\/figcaption>\r\n<\/figure>\r\n<\/div>\r\n<\/div>\r\n<div class=\"row\">\r\n<div class=\"col-sm-6\">\r\n<figure class=\"figure\">\r\n<h3>Offset Animation<\/h3>\r\n<a class=\"lightbox-image\" href=\"\/jp\/images\/stories\/products\/comicstyle\/pst_ov_03_l_en.png\" rel=\"lightbox\" title=\"Offset animation\"><img decoding=\"async\" class=\"img-fluid img-fullwidth\" src=\"\/jp\/images\/stories\/products\/comicstyle\/pst_ov_03_l_en.png\" alt=\"Offset animation\" \/><\/a>\r\n<figcaption class=\"figure-caption\">Strokes are drawn to move along paths. You can set loops, line in and out at the end points of the paths, etc.<\/figcaption>\r\n<\/figure>\r\n<\/div>\r\n<div class=\"col-sm-6\">\r\n<figure class=\"figure\">\r\n<h3>New in Version 1.5 <small><span class=\"badge bg-warning\">New<\/span><\/small><\/h3>\r\n<a class=\"lightbox-image\" href=\"\/jp\/images\/stories\/products\/comicstyle\/pst_ov_04_l_en.png\" rel=\"lightbox\" title=\"New in Version 1.5\"><img decoding=\"async\" class=\"img-fluid img-fullwidth\" src=\"\/jp\/images\/stories\/products\/comicstyle\/pst_ov_04_l_en.png\" alt=\"New in Version 1.5\" \/><\/a>\r\n<figcaption class=\"figure-caption\">You can now make more detailed settings such as setting wave starting positions, alternating wave creation, adjusting the shape of path corners, etc.<\/figcaption>\r\n<\/figure>\r\n<\/div>\r\n<\/div>\r\n<h2>Sample Videos<\/h2>\r\n<div class=\"row\">\r\n<div class=\"col-sm-12\">\r\n<div class=\"outer-frame\">\r\n<div class=\"row\">\r\n<div class=\"col-lg-7\">\r\n<div class=\"ratio ratio-16x9\"><iframe src=\"https:\/\/www.youtube.com\/embed\/fWeMyb7UTSg\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\r\n<\/div>\r\n<div class=\"col-lg-5\">\r\n<h3>PathStroke Concept Video<\/h3>\r\n<p>A sample depicting hand-drawn animation. It is set to have the line fluctuations and pencil-like texture characteristic of hand-drawn animation.<\/p>\r\n<a href=\"\/cgi-bin\/pproducts\/demo\/dl.cgi?f=PathStroke_HandPaint.zip\" class=\"btn btn-primary btn-block __web-inspector-hide-shortcut__\" role=\"button\" aria-pressed=\"true\">Download AEP<\/a><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"row\">\r\n<div class=\"col-sm-12\">\r\n<div class=\"outer-frame\">\r\n<div class=\"row\">\r\n<div class=\"col-lg-7\">\r\n<div class=\"ratio ratio-16x9\"><iframe src=\"https:\/\/www.youtube.com\/embed\/X8hmLuGW2oM\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\r\n<\/div>\r\n<div class=\"col-lg-5\">\r\n<h3>Swirl Animation<\/h3>\r\n<p>An animation sample of swirling lines as seen in motion graphics. The stroke copy function can be used to edit multiple lines together with a single path. Smooth and beautiful curve animation can be created with detailed line in and out settings.<\/p>\r\n<a href=\"\/cgi-bin\/pproducts\/demo\/dl.cgi?f=PathStroke_Swirl.zip\" class=\"btn btn-primary btn-block __web-inspector-hide-shortcut__\" role=\"button\" aria-pressed=\"true\">Download AEP<\/a><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"row\">\r\n<div class=\"col-sm-12\">\r\n<div class=\"outer-frame\">\r\n<div class=\"row\">\r\n<div class=\"col-lg-7\">\r\n<div class=\"ratio ratio-16x9\"><iframe src=\"https:\/\/www.youtube.com\/embed\/5qKTQNyrHcI\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\r\n<\/div>\r\n<div class=\"col-lg-5\">\r\n<h3>Text Animation<\/h3>\r\n<p>A sample with various line textures set on a logo-like path. You can easily create animations of warm lines that look hand-drawn. The logo path data was created using 3ds Max and <a href=\"\/jp\/images\/stories\/products\/comicstyle\/pencil_SS.jpg\" rel=\"lightbox\">rendered in EPS format<\/a>. By using PathStroke, you can add animation to edges which is difficult to achieve with 3D software.<\/p>\r\n<a href=\"\/cgi-bin\/pproducts\/demo\/dl.cgi?f=PathStroke_Text.zip\" class=\"btn btn-primary btn-block __web-inspector-hide-shortcut__\" role=\"button\" aria-pressed=\"true\">Download AEP<\/a><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"row\">\r\n<div class=\"col-sm-12\">\r\n<div class=\"outer-frame\">\r\n<div class=\"row\">\r\n<div class=\"col-lg-7\">\r\n<div class=\"ratio ratio-16x9\"><iframe src=\"https:\/\/www.youtube.com\/embed\/WTUNvEc7X2w\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\r\n<\/div>\r\n<div class=\"col-lg-5\">\r\n<h3>Hair<\/h3>\r\n<p>A sample expressing the look of hair or fur. You can easily add beautiful wave animations using the wave function.<\/p>\r\n<a href=\"\/cgi-bin\/pproducts\/demo\/dl.cgi?f=PathStroke_Hair.zip\" class=\"btn btn-primary btn-block __web-inspector-hide-shortcut__\" role=\"button\" aria-pressed=\"true\">Download AEP<\/a><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"row\">\r\n<div class=\"col-sm-12\">\r\n<div class=\"outer-frame\">\r\n<div class=\"row\">\r\n<div class=\"col-lg-7\">\r\n<div class=\"ratio ratio-16x9\"><iframe src=\"https:\/\/www.youtube.com\/embed\/-SCgyUlOyL4\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\r\n<\/div>\r\n<div class=\"col-lg-5\">\r\n<h3>Brush-stroke Characters<\/h3>\r\n<p>A sample with brush strokes set to a simple path.<\/p>\r\n<a href=\"\/cgi-bin\/pproducts\/demo\/dl.cgi?f=PathStroke_Calligraph.zip\" class=\"btn btn-primary btn-block __web-inspector-hide-shortcut__\" role=\"button\" aria-pressed=\"true\">Download AEP<\/a><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<h2>Presets Gallery<\/h2>\r\n<p>Preset files can be downloaded from the <a href=\"\/en\/download\/comicstyle\/?id=presetfiles\">Downloads<\/a> page.<\/p>\r\n<div class=\"row\">\r\n<div class=\"col-sm-12\">\r\n<div class=\"outer-frame\">\r\n<div class=\"row\">\r\n<div class=\"col-sm-4\">\r\n<figure class=\"figure\"><img decoding=\"async\" class=\"img-fluid img-fullwidth\" src=\"\/jp\/images\/stories\/products\/comicstyle\/preset_pst\/PST_Template01-Standard.gif\" \/>\r\n<figcaption class=\"figure-caption\">\r\n<p class=\"text-center text-primary\">PST_Template01- Standard.ffx<\/p>\r\n<p>Template preset where \"In\" and \"Out\" is applied to basic strokes.<\/p>\r\n<\/figcaption>\r\n<\/figure>\r\n<\/div>\r\n<div class=\"col-sm-4\">\r\n<figure class=\"figure\"><img decoding=\"async\" class=\"img-fluid img-fullwidth\" src=\"\/jp\/images\/stories\/products\/comicstyle\/preset_pst\/PST_Template02-CopyLine.gif\" \/>\r\n<figcaption class=\"figure-caption\">\r\n<p class=\"text-center text-primary\">PST_Template02- CopyLine.ffx<\/p>\r\n<p>Template preset where the number of strokes is randomly animated using Copy Stroke.<\/p>\r\n<\/figcaption>\r\n<\/figure>\r\n<\/div>\r\n<div class=\"col-sm-4\">\r\n<figure class=\"figure\"><img decoding=\"async\" class=\"img-fluid img-fullwidth\" src=\"\/jp\/images\/stories\/products\/comicstyle\/preset_pst\/PST_Template03-WaveLine.gif\" \/>\r\n<figcaption class=\"figure-caption \">\r\n<p class=\"text-center text-primary\">PST_Template03- WaveLine.ffx<\/p>\r\n<p>Template preset where strokes are made to undulate irregularly using the Wave function.<\/p>\r\n<\/figcaption>\r\n<\/figure>\r\n<\/div>\r\n<\/div>\r\n<div class=\"row\">\r\n<div class=\"col-sm-4\">\r\n<figure class=\"figure\"><img decoding=\"async\" class=\"img-fluid img-fullwidth\" src=\"\/jp\/images\/stories\/products\/comicstyle\/preset_pst\/PST_RandomColorLine.gif\" \/>\r\n<figcaption class=\"figure-caption \">\r\n<p class=\"text-center text-primary\">PST_Template04- RandomColorLine.ffx<\/p>\r\n<p>Preset where multiple stroke colors change randomly.<\/p>\r\n<\/figcaption>\r\n<\/figure>\r\n<\/div>\r\n<div class=\"col-sm-4\">\r\n<figure class=\"figure\"><img decoding=\"async\" class=\"img-fluid img-fullwidth\" src=\"\/jp\/images\/stories\/products\/comicstyle\/preset_pst\/PST_BumpyLine.gif\" \/>\r\n<figcaption class=\"figure-caption \">\r\n<p class=\"text-center text-primary\">PST_BumpyLine.ffx<\/p>\r\n<p>Preset where bumpy strokes are drawn.<\/p>\r\n<\/figcaption>\r\n<\/figure>\r\n<\/div>\r\n<div class=\"col-sm-4\">\r\n<figure class=\"figure\"><img decoding=\"async\" class=\"img-fluid img-fullwidth\" src=\"\/jp\/images\/stories\/products\/comicstyle\/preset_pst\/PST_CopyHardLine.gif\" \/>\r\n<figcaption class=\"figure-caption \">\r\n<p class=\"text-center text-primary\">PST_CopyHardLine.ffx<\/p>\r\n<p>Preset where multiple zigzagging strokes with a hard look are drawn.<\/p>\r\n<\/figcaption>\r\n<\/figure>\r\n<\/div>\r\n<\/div>\r\n<div class=\"row\">\r\n<div class=\"col-sm-4\">\r\n<figure class=\"figure\"><img decoding=\"async\" class=\"img-fluid img-fullwidth\" src=\"\/jp\/images\/stories\/products\/comicstyle\/preset_pst\/PST_BrushLine.gif\" \/>\r\n<figcaption class=\"figure-caption \">\r\n<p class=\"text-center text-primary\">PST_BrushLine.ffx<\/p>\r\n<p>Preset with a blurry look that looks like it was painted with brush and China ink.<\/p>\r\n<\/figcaption>\r\n<\/figure>\r\n<\/div>\r\n<div class=\"col-sm-4\">\r\n<figure class=\"figure\"><img decoding=\"async\" class=\"img-fluid img-fullwidth\" src=\"\/jp\/images\/stories\/products\/comicstyle\/preset_pst\/PST_PastelBrushLine.gif\" \/>\r\n<figcaption class=\"figure-caption \">\r\n<p class=\"text-center text-primary\">PST_PastelBrushLine.ffx<\/p>\r\n<p>Preset that looks like pastels hand-drawn on a canvas.<\/p>\r\n<\/figcaption>\r\n<\/figure>\r\n<\/div>\r\n<div class=\"col-sm-4\">\r\n<figure class=\"figure\"><img decoding=\"async\" class=\"img-fluid img-fullwidth\" src=\"\/jp\/images\/stories\/products\/comicstyle\/preset_pst\/PST_ColoredPencilLine.gif\" \/>\r\n<figcaption class=\"figure-caption \">\r\n<p class=\"text-center text-primary\">PST_ColoredPencilLine.ffx<\/p>\r\n<p>Preset where shaking is added to strokes that look as though drawn with colored pencils to give them a hand-drawn feel.<\/p>\r\n<\/figcaption>\r\n<\/figure>\r\n<\/div>\r\n<\/div>\r\n<div class=\"row\">\r\n<div class=\"col-sm-4\">\r\n<figure class=\"figure\"><img decoding=\"async\" class=\"img-fluid img-fullwidth\" src=\"\/jp\/images\/stories\/products\/comicstyle\/preset_pst\/PST_RoundnessLine.gif\" \/>\r\n<figcaption class=\"figure-caption \">\r\n<p class=\"text-center text-primary\">PST_RoundnessLine.ffx<\/p>\r\n<p>Preset where comically moving random animation is added to the strokes.<\/p>\r\n<\/figcaption>\r\n<\/figure>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!--\u3053\u3053\u307e\u3067contents-->\r\n<p>&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>PathStroke draws strokes in a hand-drawn style based on paths drawn on a mask layer. You can easily reproduce highly versatile and effective animations such as the appearance of strokes extending or rough strokes moving randomly. Main Features of PathStroke Reproduce rough strokes with a wide range of parameters. Achieve a more hand-drawn looking style by copying and randomizing strokes. Set detailed shapes and colors for line in and out. Reproduce the appearance of extending strokes with offset animation. Create a gradient of color along the direction of the stroke. Use the wave starting point parameter of Wave to reproduce movement that appears to ripple in place. ver 1.5 Main [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":5700,"parent":3781,"menu_order":31,"comment_status":"closed","ping_status":"closed","template":"page-custom-comicstyle.php","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-4111","page","type-page","status-publish","has-post-thumbnail","hentry"],"uagb_featured_image_src":{"full":["https:\/\/www.psoft.co.jp\/en\/wp-content\/uploads\/2017\/01\/mainvisual-comicstyle.png",1568,700,false],"thumbnail":["https:\/\/www.psoft.co.jp\/en\/wp-content\/uploads\/2017\/01\/mainvisual-comicstyle-190x85.png",190,85,true],"medium":["https:\/\/www.psoft.co.jp\/en\/wp-content\/uploads\/2017\/01\/mainvisual-comicstyle-360x161.png",360,161,true],"medium_large":["https:\/\/www.psoft.co.jp\/en\/wp-content\/uploads\/2017\/01\/mainvisual-comicstyle-768x343.png",640,286,true],"large":["https:\/\/www.psoft.co.jp\/en\/wp-content\/uploads\/2017\/01\/mainvisual-comicstyle-1024x457.png",640,286,true],"1536x1536":["https:\/\/www.psoft.co.jp\/en\/wp-content\/uploads\/2017\/01\/mainvisual-comicstyle.png",1536,686,false],"2048x2048":["https:\/\/www.psoft.co.jp\/en\/wp-content\/uploads\/2017\/01\/mainvisual-comicstyle.png",1568,700,false],"sow-carousel-default":["https:\/\/www.psoft.co.jp\/en\/wp-content\/uploads\/2017\/01\/mainvisual-comicstyle-272x182.png",272,182,true]},"uagb_author_info":{"display_name":"eximport","author_link":"https:\/\/www.psoft.co.jp\/en\/news\/author\/eximport\/"},"uagb_comment_info":0,"uagb_excerpt":"PathStroke draws strokes in a hand-drawn style based on paths drawn on a mask layer. You can easily reproduce highly versatile and effective animations such as the appearance of strokes extending or rough strokes moving randomly. Main Features of PathStroke Reproduce rough strokes with a wide range of parameters. Achieve a more hand-drawn looking style&hellip;","_links":{"self":[{"href":"https:\/\/www.psoft.co.jp\/en\/wp-json\/wp\/v2\/pages\/4111","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.psoft.co.jp\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.psoft.co.jp\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.psoft.co.jp\/en\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.psoft.co.jp\/en\/wp-json\/wp\/v2\/comments?post=4111"}],"version-history":[{"count":8,"href":"https:\/\/www.psoft.co.jp\/en\/wp-json\/wp\/v2\/pages\/4111\/revisions"}],"predecessor-version":[{"id":28643,"href":"https:\/\/www.psoft.co.jp\/en\/wp-json\/wp\/v2\/pages\/4111\/revisions\/28643"}],"up":[{"embeddable":true,"href":"https:\/\/www.psoft.co.jp\/en\/wp-json\/wp\/v2\/pages\/3781"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.psoft.co.jp\/en\/wp-json\/wp\/v2\/media\/5700"}],"wp:attachment":[{"href":"https:\/\/www.psoft.co.jp\/en\/wp-json\/wp\/v2\/media?parent=4111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}