{"id":2561,"date":"2014-02-03T01:09:23","date_gmt":"2014-02-03T05:09:23","guid":{"rendered":"http:\/\/www.searchenginegenie.com\/web-design-blog\/?p=2561"},"modified":"2014-02-18T04:54:20","modified_gmt":"2014-02-18T08:54:20","slug":"use-of-pathfinder-tool-in-adobe-illustrator","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/web-design-blog\/use-of-pathfinder-tool-in-adobe-illustrator\/","title":{"rendered":"USE OF PATHFINDER TOOL IN ADOBE ILLUSTRATOR"},"content":{"rendered":"

The pathfinder tool in Illustrator is one of most useful tools for manipulating paths. You can find the pathfinder tool by going to Window > Pathfinder.<\/p>\n

Initially:<\/span><\/p>\n

\"initial\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2562\"\r\n <\/div><\/a><\/p>\n

Unite<\/span> combines all selected shapes into one shape.<\/p>\n

Before:<\/span><\/p>\n

\"add-a\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2563\"\r\n <\/div><\/a>After:<\/span><\/p>\n

\"add-b\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2564\"\r\n <\/div><\/a>
\nMinus<\/span> Front of the selected shapes, takes the bottom-most shape (in your Layers) and subtracts all other selected shapes from itr.<\/p>\n

Before:<\/span><\/p>\n

\"sub-a\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2565\"\r\n <\/div><\/a><\/p>\n

After:<\/span><\/p>\n

\"sub-b\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2566\"\r\n <\/div><\/a><\/p>\n

Intersect<\/span> results in the intersection of the selected shapes.<\/p>\n

Before:<\/span><\/p>\n

\"intersect-a\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2567\"\r\n <\/div><\/a><\/p>\n

After:<\/span><\/p>\n

\"intersect-b\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2568\"\r\n <\/div><\/a><\/p>\n

Exclude<\/span> excludes the overlapping areas of the selected shapes<\/p>\n

Before:<\/span><\/p>\n

\"exclude-a\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2569\"\r\n <\/div><\/a><\/p>\n

After:<\/span><\/p>\n

\"exclude-b\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2570\"\r\n <\/div><\/a><\/p>\n

Coming…, The six pathfinders<\/span> are a little hard than the shape modes, but very useful.<\/p>\n

Divide<\/span> separates the selected shapes into parts, which take on the overlapping color.<\/p>\n

In the image above, on the left are two separate triangles, one overlapping the other. On the right is the result after Divide is used. (All subsequent images follow a before on the left, after on the right format.)<\/p>\n

Before:<\/span><\/p>\n

 <\/p>\n

\"divide\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2571\"\r\n <\/div><\/a>After:<\/span><\/p>\n

\"divide-b\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2572\"\r\n <\/div><\/a><\/span><\/p>\n

Merge<\/span> is very similar to Trim; it separates the selected shapes into parts while preserving top layers, but also merges overlapping shapes of the same color.<\/p>\n

Before:<\/span><\/p>\n

\"merge-a\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2573\"\r\n <\/div><\/a><\/p>\n

After:<\/span><\/p>\n

\"merge-b\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2574\"\r\n <\/div><\/a><\/p>\n

Minus Back<\/span> works with two shapes, and takes subtracts the bottom shape from the top shape.<\/p>\n

Before:<\/span><\/p>\n

\"minus-back-a\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2575\"\r\n <\/div><\/a><\/p>\n

After:<\/span><\/p>\n

\"minus-back-b\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2576\"\r\n <\/div><\/a><\/p>\n

Outline<\/span> results in the outline of each shape, split into parts; each part takes on the color of the top-most layer.<\/p>\n

In the above image, the sections have been moved out of their original outlined positions for clarity.<\/p>\n

Before:<\/span><\/p>\n

 <\/p>\n

\"outline-a\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2577\"\r\n <\/div><\/a><\/p>\n

After<\/span>:<\/p>\n

\"outline-b\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2578\"\r\n <\/div><\/a><\/p>\n

Crop<\/span> takes the shape of the top layer that is selected and crops out everything from all the other selected layers that is not within that shape, in the color(s) of the other layer(s).\u00a0 The above image shows three overlapping shapes and the results of using the crop tool if different shapes were the top layer. For example, on the left, the circle layer is the top layer, so the circle shape is preserved but what results is the parts of the layers underneath that are within the circle. It may be easier to think of the crop tool as a cookie cutter; you only want whatever is within the shape of the cookie cutter.<\/p>\n

Before:<\/span><\/p>\n

\"crop-a\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2579\"\r\n <\/div><\/a>After:<\/span><\/p>\n

\"crop-b\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2580\"\r\n <\/div><\/a>Trim<\/span> separates the selected shapes into parts, as Divide does, but preserves the top shape when there is overlap.<\/p>\n

In the image above, on the left are the same two separate triangles as before. When Trim is used instead of Divide, the blue triangle, which overlaps the yellow one, is preserved.<\/p>\n

Before:<\/span><\/p>\n

\"trim-a\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2581\"\r\n <\/div><\/a><\/p>\n

After:<\/span><\/p>\n

\"trim-b\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2582\"\r\n <\/div><\/a><\/p>\n

 <\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

The pathfinder tool in Illustrator is one of most useful tools for manipulating paths. You can find the pathfinder tool by going to Window > Pathfinder. Initially: Unite combines all selected shapes into one shape. Before: After: Minus Front of the selected shapes, takes the bottom-most shape (in your Layers) and subtracts all other selected […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2561","post","type-post","status-publish","format-standard","hentry","category-whats-trending-web-design"],"_links":{"self":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/2561","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/comments?post=2561"}],"version-history":[{"count":1,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/2561\/revisions"}],"predecessor-version":[{"id":2562,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/2561\/revisions\/2562"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=2561"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=2561"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=2561"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}