Flickr Photo<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"We’re back in Photoshop this week because I wanted to talk a little bit about a very specific skill that I think is important for all designers. That is the Pen Tool and using it to hand-draw clipping paths. There are a variety of ways to make selections in Photoshop, but drawing a real vector […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":1283,"menu_order":0,"comment_status":"open","ping_status":"open","template":"video-single.php","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":""},"tags":[],"acf":[],"jetpack-related-posts":[{"id":189034,"url":"https:\/\/css-tricks.com\/lodge\/svg\/31-can-put-raster-images-svg\/","url_meta":{"origin":1622,"position":0},"title":"31: You Can Put Raster Images in SVG","date":"November 30, 2014","format":false,"excerpt":"There probably isn't a tremendously huge use-case for this, other than the obvious: you need a raster graphic amongst other things in a larger SVG design. That way it moves and scales with the rest of the elements. The syntax is: You'd probably never drop a raster graphic in an\u2026","rel":"","context":"With 4 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":189562,"url":"https:\/\/css-tricks.com\/lodge\/svg\/33-clipping-masking\/","url_meta":{"origin":1622,"position":1},"title":"33: Clipping and Masking","date":"December 3, 2014","format":false,"excerpt":"The concept of clipping and masking is pretty simple. Hide certain parts of elements and show others. The actual difference between them is pretty simple too. Clipping is always a vector path, where inside the path is visible and outside the path is not. Where a mask is an image,\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":3392,"url":"https:\/\/css-tricks.com\/video-screencasts-3\/","url_meta":{"origin":1622,"position":2},"title":"Video Screencasts","date":"August 12, 2009","format":false,"excerpt":"#40: How z-index Works Running time: 18:37 Z-index can be a little confusing sometimes. In this screencast I attempt to explain how it works, how it's tied to positioning, some quirks, and some general advice. #39: How to Use sIFR 3 Running time: 22:10 sIFR (Scalable Inman Flash Replacement) is\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1975,"url":"https:\/\/css-tricks.com\/video-screencasts\/49-hodgepodge-of-photoshop-tricks\/","url_meta":{"origin":1622,"position":3},"title":"#49: Hodgepodge of Photoshop Tricks","date":"January 19, 2009","format":false,"excerpt":"Photoshop is my tool of choice in designing for the web. I liken it to choosing the guitar as an instrument to play. A guitar sounds great alone and there are loads of resources to help you learn it. Photoshop is a very powerful tool all by itself and I'm\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":14041,"url":"https:\/\/css-tricks.com\/almanac\/properties\/c\/clip-path\/","url_meta":{"origin":1622,"position":4},"title":"clip-path","date":"September 5, 2011","format":false,"excerpt":"The clip-path property in CSS allows you to specify a specific region of an element to display, with the rest being hidden (or \"clipped\") away. .clip-me { \/* Example: clip away the element from the top, right, bottom, and left edges *\/ clip-path: inset(10px 20px 30px 40px); \/* or \"none\"\u2026","rel":"","context":"In \"clip\"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":186545,"url":"https:\/\/css-tricks.com\/lodge\/svg\/26-forcing-shapes-paths\/","url_meta":{"origin":1622,"position":5},"title":"26: Forcing Shapes to be Paths","date":"October 19, 2014","format":false,"excerpt":"This is a little esoteric of a thing, I just needed to do it myself one time and found it confusing so I thought I'd do a whole video on it. The thing is, not everything is a in SVG. is fantastic because it can be anything. But the syntax\u2026","rel":"","context":"With 4 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/1622"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=1622"}],"version-history":[{"count":5,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/1622\/revisions"}],"predecessor-version":[{"id":9869,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/1622\/revisions\/9869"}],"up":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/1283"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=1622"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=1622"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}