{"id":33278,"date":"2024-04-04T07:00:00","date_gmt":"2024-04-04T14:00:00","guid":{"rendered":"https:\/\/cloudinary.com\/blog\/?p=33278"},"modified":"2024-08-02T22:22:48","modified_gmt":"2024-08-03T05:22:48","slug":"transforming-letterpress-printing","status":"publish","type":"post","link":"https:\/\/cloudinary.com\/blog\/transforming-letterpress-printing","title":{"rendered":"Transforming Letterpress Printing"},"content":{"rendered":"<div class=\"wp-block-cloudinary-markdown \"><p>In support of International Women\u2019s Month, the London team at Cloudinary were given the opportunity to help <a href=\"https:\/\/www.pecan.org.uk\/womens-service\/\">Pecan\u2019s Women\u2019s Hub<\/a> create some thank you gifts for the charity\u2019s sponsors. We partnered with <a href=\"https:\/\/www.niceandgraphic.com\/\">Nice &amp; Graphic<\/a> to design prints using an original letterpress printer from 1961. What struck me was how much time we spent preparing the letterpress printer to get the perfect prints compared to the fraction of the time it would have taken to prepare similar images in the digital world.  And yet, there was something really special about doing things the old-fashioned way.<\/p>\n<cld-video-player\n      cloud-name='demo'\n      public-id='docs\/letterpress\/letterpress-reel'\n      js-config='{\"loop\":true,\"autoplay\":true,\"controls\":false,\"cloudName\":\"demo\",\"posterOptions\":{\"publicId\":\"docs\\\/letterpress\\\/letterpress-reel\",\"format\":\"jpg\",\"resource_type\":\"video\"},\"playbackRates\":[0.5,1,1.5,2]}'\n      style='max-width: 380px;'\n      class='c-video-player'\n      \n      core-version='2.12.3'\n      player-version='1.7.0'\n      >\n      <video\n        id='reel'\n        data-cld-big-play-button='init'\n        data-cld-source-types='[\"hls\",\"webm\\\/vp9\",\"mp4\\\/h265\",\"mp4\"]'\n        controls\n        muted\n        class='cld-video-player cld-fluid '\n      ><\/video>\n    <\/cld-video-player>\n<\/div>\n\n<div class=\"wp-block-cloudinary-markdown \"><h2>The Letterpress Printing Process<\/h2>\n<p>In a nutshell, letterpress printing is applying a <a href=\"https:\/\/cloudinary.com\/documentation\/layers#text_overlays\">text overlay<\/a> to an image. In our case, the images were pages of old books about flowers, such as this:<\/p>\n<p><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_auto\/q_auto\/docs\/letterpress\/flowers.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_auto\/q_auto\/c_scale,w_300\/docs\/letterpress\/flowers.jpg\" alt=\"Page of a book showing flowers\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"300\" height=\"400\"\/><\/a><\/p>\n<p>The text was Pecan\u2019s slogan: \u201cKindness | Belief | Hope\u201d, and the finished result looks like this:<\/p>\n<p><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_auto\/q_auto\/docs\/letterpress\/IMG_20240320_114703.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_auto\/q_auto\/c_scale,w_300\/docs\/letterpress\/IMG_20240320_114703.jpg\" alt=\"Page of flowers with text printed on top\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"300\" height=\"400\"\/><\/a><\/p>\n<\/div>\n\n<div class=\"wp-block-cloudinary-markdown \"><p>First, we chose the fonts for the lettering from huge cases of letters, and selected the right letters to make up the words:<\/p>\n<p><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_auto\/q_auto\/docs\/letterpress\/IMG_1188.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_auto\/q_auto\/c_scale,w_400\/docs\/letterpress\/IMG_1188.jpg\" alt=\"Letterpress letters\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"400\" height=\"300\"\/><\/a><\/p>\n<p>Then, we packed the letters into the printer, using wood and metal spacers to space out the letters exactly as we wanted them.  We had to be careful to get them in the right orientation \u2014 back to front and not upside down!<\/p>\n<p><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_auto\/q_auto\/docs\/letterpress\/IMG_20240320_103536.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_auto\/q_auto\/c_scale,w_300\/docs\/letterpress\/IMG_20240320_103536.jpg\" alt=\"Letterpress letters packed into the printer\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"300\" height=\"400\"\/><\/a><\/p>\n<p>After locking the letters in place, we mixed the ink, which was the blue color from Pecan\u2019s branding. The ink is translucent, so you can see the image beneath the letters.<\/p>\n<p><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/c_crop,w_2000,h_1000,x_30,y_300\/f_auto\/q_auto\/docs\/letterpress\/IMG_20240320_131706.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/c_crop,w_2000,h_1000,x_30,y_300\/f_auto\/q_auto\/c_scale,w_400\/docs\/letterpress\/IMG_20240320_131706.jpg\" alt=\"Translucent ink\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"400\" height=\"200\"\/><\/a><\/p>\n<p>We added the ink to the roller on the printer, and applied it to the letters:<\/p>\n<p><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_auto\/q_auto\/docs\/letterpress\/letters.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_auto\/q_auto\/c_scale,w_300\/docs\/letterpress\/letters.jpg\" alt=\"Letterpress letters packed into the printer with blue ink applied\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"300\" height=\"400\"\/><\/a><\/p>\n<p>Then, we ran test prints on blank paper to perfect the alignment, and to make sure the letters were at the right height, minimizing the gaps in the ink application.  This was a painstaking process, involving cutting up bits of paper to place under the letters that were too low. It was amazing how much difference the thickness of one piece of paper made!<\/p>\n<p><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_auto\/q_auto\/docs\/letterpress\/IMG_1193.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_auto\/q_auto\/c_scale,w_400\/docs\/letterpress\/IMG_1193.jpg\" alt=\"Test sheets\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"400\" height=\"300\"\/><\/a><\/p>\n<p>When we were happy with the setup, we created the prints by positioning the paper, rolling it over the letters, and pulling it out the other side!<\/p>\n<p><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_auto\/q_auto\/docs\/letterpress\/IMG_20240320_114642.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_auto\/q_auto\/c_scale,w_300\/docs\/letterpress\/IMG_20240320_114642.jpg\" alt=\"The letterpress printer\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"300\" height=\"400\"\/><\/a><\/p>\n<p>Hit play to see it in action:<\/p>\n<cld-video-player\n      cloud-name='demo'\n      public-id='docs\/letterpress\/letterpress-reel'\n      js-config='{\"loop\":false,\"autoplay\":false,\"controls\":true,\"transformation\":{\"start_offset\":11.1,\"duration\":6.5},\"cloudName\":\"demo\",\"posterOptions\":{\"publicId\":\"docs\\\/letterpress\\\/letterpress-reel\",\"format\":\"jpg\",\"resource_type\":\"video\"},\"playbackRates\":[0.5,1,1.5,2]}'\n      style='max-width: 380px;'\n      class='c-video-player'\n      \n      core-version='2.12.3'\n      player-version='1.7.0'\n      >\n      <video\n        id='rolling'\n        data-cld-big-play-button='init'\n        data-cld-source-types='[\"hls\",\"webm\\\/vp9\",\"mp4\\\/h265\",\"mp4\"]'\n        controls\n        muted\n        class='cld-video-player cld-fluid '\n      ><\/video>\n    <\/cld-video-player>\n<p>Here we are with some of our finished designs:<\/p>\n<p><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_auto\/q_auto\/docs\/letterpress\/bb3d5752-8218-47e4-9c4b-ca738dd64d46.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_auto\/q_auto\/c_scale,w_300\/docs\/letterpress\/bb3d5752-8218-47e4-9c4b-ca738dd64d46.jpg\" alt=\"The finished designs\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"300\" height=\"400\"\/><\/a><\/p>\n<\/div>\n\n<div class=\"wp-block-cloudinary-markdown \"><p>And here they are displayed in a <a href=\"https:\/\/cloudinary.com\/documentation\/product_gallery\">Product Gallery<\/a>. Select each one and zoom in for more detail:<br><br><\/p>\n<script src=\"https:\/\/product-gallery.cloudinary.com\/all.js\" type=\"text\/javascript\">\n<\/script>  \n<div id=\"my-gallery\" style=\"max-width:65%;margin:auto\">\n<\/div>\n<script type=\"text\/javascript\">  \nconst myGallery= cloudinary.galleryWidget({\n  container: \"#my-gallery\",\n  cloudName: \"demo\",\n  mediaAssets: [\n    {tag: \"letterpress\"} \/\/ by default mediaType: \"image\"\n  ]\n});\n\nmyGallery.render();\n<\/script>\n<\/div>\n\n<div class=\"wp-block-cloudinary-markdown \"><h2>Text Overlays<\/h2>\n<p>While learning the letterpress process, I thought about how we could achieve similar effects with Cloudinary.  The obvious way would be to apply a text overlay to an image, as previously mentioned.  If you\u2019re familiar with Cloudinary, then you\u2019ll know you can do this by adding transformation parameters to the delivery URL of the base image.<\/p>\n<p>This is the base image of a page of flowers uploaded to Cloudinary:<\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot; &gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot; &gt;\\n\\n&lt;\\\/Image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot; &gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot; &gt;\\n\\n&lt;\\\/cld-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot; &gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot; &gt;\\n\\n&lt;\\\/cl-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.imageTag(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;).image()&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;).image()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new ImageTag(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;));&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().imageTag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().imageTag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.BuildImageTag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.BuildImageTag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;).transformation(Transformation());&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;).transformation(Transformation());&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().generate(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().generate(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().generate(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().generate(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;).transformation(Transformation());&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;).transformation(Transformation());&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;) \\n}.generate()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/image\\\/upload\\\/docs\\\/letterpress\\\/flowers.jpg&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[],&quot;transformation_string&quot;:&quot;&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:null,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;docs\\\/letterpress\\\/flowers.jpg&quot;,&quot;extension&quot;:&quot;jpg&quot;,&quot;format&quot;:&quot;jpg&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/docs\/letterpress\/flowers.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/c_scale,w_300\/docs\/letterpress\/flowers.jpg\" alt=\"Image of flowers\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"300\" height=\"400\"\/><\/a><\/p>\n<p>For each line of text we need a text overlay.  For example, for the word \u201cBELIEF\u201d:<\/p>\n<p><code>co_rgb:2BACE1,l_text:Times_500_bold_letter_spacing_70:BELIEF,o_70\/fl_layer_apply<\/code><\/p>\n<ul>\n<li>\n<code>co_rgb:2BACE1<\/code> sets the color of the text as an RGB value.<\/li>\n<li>\n<code>l_text:Times_500_bold_letter_spacing_70:BELIEF<\/code> specifies the text overlay as Times font of size 500, bold styling and letter spacing of 70 pixels.<\/li>\n<li>\n<code>o_70<\/code> sets the opacity to 70% so we can see the image beneath the letters.<\/li>\n<\/ul>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;, {transformation: [ {color: \\&quot;#2BACE1\\&quot;, overlay: {font_family: \\&quot;Times\\&quot;, font_size: 500, font_weight: \\&quot;bold\\&quot;, letter_spacing: 70, text: \\&quot;BELIEF\\&quot;}, opacity: 70}, {flags: \\&quot;layer_apply\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;, {transformation: [\\n  {color: \\&quot;#2BACE1\\&quot;, overlay: {font_family: \\&quot;Times\\&quot;, font_size: 500, font_weight: \\&quot;bold\\&quot;, letter_spacing: 70, text: \\&quot;BELIEF\\&quot;}, opacity: 70},\\n  {flags: \\&quot;layer_apply\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;).overlay(\\n  source(\\n    text(\\n      \\&quot;BELIEF\\&quot;,\\n      new TextStyle(\\&quot;Times\\&quot;, 500)\\n        .fontWeight(\\&quot;bold\\&quot;)\\n        .letterSpacing(70)\\n    )\\n      .textColor(\\&quot;#2BACE1\\&quot;)\\n      .transformation(new Transformation().adjust(opacity(70)))\\n  )\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;).overlay(\\n  source(\\n    text(\\n      \\&quot;BELIEF\\&quot;,\\n      new TextStyle(\\&quot;Times\\&quot;, 500)\\n        .fontWeight(\\&quot;bold\\&quot;)\\n        .letterSpacing(70)\\n    )\\n      .textColor(\\&quot;#2BACE1\\&quot;)\\n      .transformation(new Transformation().adjust(opacity(70)))\\n  )\\n);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot; &gt; &lt;Transformation color=\\&quot;#2BACE1\\&quot; overlay={{fontFamily: \\&quot;Times\\&quot;, fontSize: 500, fontWeight: \\&quot;bold\\&quot;, letterSpacing: 70, text: \\&quot;BELIEF\\&quot;}} opacity=\\&quot;70\\&quot; \\\/&gt; &lt;Transformation flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot; &gt;\\n\\t&lt;Transformation color=\\&quot;#2BACE1\\&quot; overlay={{fontFamily: \\&quot;Times\\&quot;, fontSize: 500, fontWeight: \\&quot;bold\\&quot;, letterSpacing: 70, text: \\&quot;BELIEF\\&quot;}} opacity=\\&quot;70\\&quot; \\\/&gt;\\n\\t&lt;Transformation flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n&lt;\\\/Image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;).overlay(\\n  source(\\n    text(\\n      \\&quot;BELIEF\\&quot;,\\n      new TextStyle(\\&quot;Times\\&quot;, 500)\\n        .fontWeight(\\&quot;bold\\&quot;)\\n        .letterSpacing(70)\\n    )\\n      .textColor(\\&quot;#2BACE1\\&quot;)\\n      .transformation(new Transformation().adjust(opacity(70)))\\n  )\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;).overlay(\\n  source(\\n    text(\\n      \\&quot;BELIEF\\&quot;,\\n      new TextStyle(\\&quot;Times\\&quot;, 500)\\n        .fontWeight(\\&quot;bold\\&quot;)\\n        .letterSpacing(70)\\n    )\\n      .textColor(\\&quot;#2BACE1\\&quot;)\\n      .transformation(new Transformation().adjust(opacity(70)))\\n  )\\n);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot; &gt; &lt;cld-transformation color=\\&quot;#2BACE1\\&quot; :overlay=\\&quot;{fontFamily: &#039;Times&#039;, fontSize: 500, fontWeight: &#039;bold&#039;, letterSpacing: 70, text: &#039;BELIEF&#039;}\\&quot; opacity=\\&quot;70\\&quot; \\\/&gt; &lt;cld-transformation flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation color=\\&quot;#2BACE1\\&quot; :overlay=\\&quot;{fontFamily: &#039;Times&#039;, fontSize: 500, fontWeight: &#039;bold&#039;, letterSpacing: 70, text: &#039;BELIEF&#039;}\\&quot; opacity=\\&quot;70\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n&lt;\\\/cld-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;).overlay(\\n  source(\\n    text(\\n      \\&quot;BELIEF\\&quot;,\\n      new TextStyle(\\&quot;Times\\&quot;, 500)\\n        .fontWeight(\\&quot;bold\\&quot;)\\n        .letterSpacing(70)\\n    )\\n      .textColor(\\&quot;#2BACE1\\&quot;)\\n      .transformation(new Transformation().adjust(opacity(70)))\\n  )\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;).overlay(\\n  source(\\n    text(\\n      \\&quot;BELIEF\\&quot;,\\n      new TextStyle(\\&quot;Times\\&quot;, 500)\\n        .fontWeight(\\&quot;bold\\&quot;)\\n        .letterSpacing(70)\\n    )\\n      .textColor(\\&quot;#2BACE1\\&quot;)\\n      .transformation(new Transformation().adjust(opacity(70)))\\n  )\\n);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot; &gt; &lt;cl-transformation color=\\&quot;#2BACE1\\&quot; overlay=\\&quot;text:Times_500_bold_letter_spacing_70:BELIEF\\&quot; opacity=\\&quot;70\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation flags=\\&quot;layer_apply\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation color=\\&quot;#2BACE1\\&quot; overlay=\\&quot;text:Times_500_bold_letter_spacing_70:BELIEF\\&quot; opacity=\\&quot;70\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation flags=\\&quot;layer_apply\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;).overlay(\\n  source(\\n    text(\\n      \\&quot;BELIEF\\&quot;,\\n      new TextStyle(\\&quot;Times\\&quot;, 500)\\n        .fontWeight(\\&quot;bold\\&quot;)\\n        .letterSpacing(70)\\n    )\\n      .textColor(\\&quot;#2BACE1\\&quot;)\\n      .transformation(new Transformation().adjust(opacity(70)))\\n  )\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;).overlay(\\n  source(\\n    text(\\n      \\&quot;BELIEF\\&quot;,\\n      new TextStyle(\\&quot;Times\\&quot;, 500)\\n        .fontWeight(\\&quot;bold\\&quot;)\\n        .letterSpacing(70)\\n    )\\n      .textColor(\\&quot;#2BACE1\\&quot;)\\n      .transformation(new Transformation().adjust(opacity(70)))\\n  )\\n);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.imageTag(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;, {transformation: [ {color: \\&quot;#2BACE1\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Times\\&quot;).fontSize(500).fontWeight(\\&quot;bold\\&quot;).letterSpacing(70).text(\\&quot;BELIEF\\&quot;), opacity: 70}, {flags: \\&quot;layer_apply\\&quot;} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;, {transformation: [\\n  {color: \\&quot;#2BACE1\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Times\\&quot;).fontSize(500).fontWeight(\\&quot;bold\\&quot;).letterSpacing(70).text(\\&quot;BELIEF\\&quot;), opacity: 70},\\n  {flags: \\&quot;layer_apply\\&quot;}\\n  ]}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;).image(transformation=[ {&#039;color&#039;: \\&quot;#2BACE1\\&quot;, &#039;overlay&#039;: {&#039;font_family&#039;: \\&quot;Times\\&quot;, &#039;font_size&#039;: 500, &#039;font_weight&#039;: \\&quot;bold\\&quot;, &#039;letter_spacing&#039;: 70, &#039;text&#039;: \\&quot;BELIEF\\&quot;}, &#039;opacity&#039;: 70}, {&#039;flags&#039;: \\&quot;layer_apply\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;).image(transformation=[\\n  {&#039;color&#039;: \\&quot;#2BACE1\\&quot;, &#039;overlay&#039;: {&#039;font_family&#039;: \\&quot;Times\\&quot;, &#039;font_size&#039;: 500, &#039;font_weight&#039;: \\&quot;bold\\&quot;, &#039;letter_spacing&#039;: 70, &#039;text&#039;: \\&quot;BELIEF\\&quot;}, &#039;opacity&#039;: 70},\\n  {&#039;flags&#039;: \\&quot;layer_apply\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new ImageTag(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::text(\\&quot;BELIEF\\&quot;,(new TextStyle(\\&quot;Times\\&quot;,500))\\n\\t-&gt;fontWeight(\\n\\tFontWeight::bold())\\n-&gt;letterSpacing(70))\\n\\t-&gt;textColor(Color::rgb(\\&quot;2BACE1\\&quot;))\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;adjust(Adjust::opacity(70)))\\n\\t));&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::text(\\&quot;BELIEF\\&quot;,(new TextStyle(\\&quot;Times\\&quot;,500))\\n\\t-&gt;fontWeight(\\n\\tFontWeight::bold())\\n-&gt;letterSpacing(70))\\n\\t-&gt;textColor(Color::rgb(\\&quot;2BACE1\\&quot;))\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;adjust(Adjust::opacity(70)))\\n\\t));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array( array(\\&quot;color\\&quot;=&gt;\\&quot;#2BACE1\\&quot;, \\&quot;overlay\\&quot;=&gt;array(\\&quot;font_family\\&quot;=&gt;\\&quot;Times\\&quot;, \\&quot;font_size\\&quot;=&gt;500, \\&quot;font_weight\\&quot;=&gt;\\&quot;bold\\&quot;, \\&quot;letter_spacing\\&quot;=&gt;70, \\&quot;text\\&quot;=&gt;\\&quot;BELIEF\\&quot;), \\&quot;opacity\\&quot;=&gt;70), array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;color\\&quot;=&gt;\\&quot;#2BACE1\\&quot;, \\&quot;overlay\\&quot;=&gt;array(\\&quot;font_family\\&quot;=&gt;\\&quot;Times\\&quot;, \\&quot;font_size\\&quot;=&gt;500, \\&quot;font_weight\\&quot;=&gt;\\&quot;bold\\&quot;, \\&quot;letter_spacing\\&quot;=&gt;70, \\&quot;text\\&quot;=&gt;\\&quot;BELIEF\\&quot;), \\&quot;opacity\\&quot;=&gt;70),\\n  array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;)\\n  )))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().color(\\&quot;#2BACE1\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Times\\&quot;).fontSize(500).fontWeight(\\&quot;bold\\&quot;).letterSpacing(70).text(\\&quot;BELIEF\\&quot;)).opacity(70).chain() .flags(\\&quot;layer_apply\\&quot;)).imageTag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .color(\\&quot;#2BACE1\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Times\\&quot;).fontSize(500).fontWeight(\\&quot;bold\\&quot;).letterSpacing(70).text(\\&quot;BELIEF\\&quot;)).opacity(70).chain()\\n  .flags(\\&quot;layer_apply\\&quot;)).imageTag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;, transformation: [ {color: \\&quot;#2BACE1\\&quot;, overlay: {font_family: \\&quot;Times\\&quot;, font_size: 500, font_weight: \\&quot;bold\\&quot;, letter_spacing: 70, text: \\&quot;BELIEF\\&quot;}, opacity: 70}, {flags: \\&quot;layer_apply\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;, transformation: [\\n  {color: \\&quot;#2BACE1\\&quot;, overlay: {font_family: \\&quot;Times\\&quot;, font_size: 500, font_weight: \\&quot;bold\\&quot;, letter_spacing: 70, text: \\&quot;BELIEF\\&quot;}, opacity: 70},\\n  {flags: \\&quot;layer_apply\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Color(\\&quot;#2BACE1\\&quot;).Overlay(new TextLayer().FontFamily(\\&quot;Times\\&quot;).FontSize(500).FontWeight(\\&quot;bold\\&quot;).LetterSpacing(70).Text(\\&quot;BELIEF\\&quot;)).Opacity(70).Chain() .Flags(\\&quot;layer_apply\\&quot;)).BuildImageTag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation()\\n  .Color(\\&quot;#2BACE1\\&quot;).Overlay(new TextLayer().FontFamily(\\&quot;Times\\&quot;).FontSize(500).FontWeight(\\&quot;bold\\&quot;).LetterSpacing(70).Text(\\&quot;BELIEF\\&quot;)).Opacity(70).Chain()\\n  .Flags(\\&quot;layer_apply\\&quot;)).BuildImageTag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;co_rgb:2BACE1,l_text:Times_500_bold_letter_spacing_70:BELIEF,o_70\\\/fl_layer_apply\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;co_rgb:2BACE1,l_text:Times_500_bold_letter_spacing_70:BELIEF,o_70\\\/fl_layer_apply\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setColor(\\&quot;#2BACE1\\&quot;).setOverlay(\\&quot;text:Times_500_bold_letter_spacing_70:BELIEF\\&quot;).setOpacity(70).chain() .setFlags(\\&quot;layer_apply\\&quot;)).generate(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\\n  .setColor(\\&quot;#2BACE1\\&quot;).setOverlay(\\&quot;text:Times_500_bold_letter_spacing_70:BELIEF\\&quot;).setOpacity(70).chain()\\n  .setFlags(\\&quot;layer_apply\\&quot;)).generate(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().color(\\&quot;#2BACE1\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Times\\&quot;).fontSize(500).fontWeight(\\&quot;bold\\&quot;).letterSpacing(70).text(\\&quot;BELIEF\\&quot;)).opacity(70).chain() .flags(\\&quot;layer_apply\\&quot;)).generate(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .color(\\&quot;#2BACE1\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Times\\&quot;).fontSize(500).fontWeight(\\&quot;bold\\&quot;).letterSpacing(70).text(\\&quot;BELIEF\\&quot;)).opacity(70).chain()\\n  .flags(\\&quot;layer_apply\\&quot;)).generate(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;co_rgb:2BACE1,l_text:Times_500_bold_letter_spacing_70:BELIEF,o_70\\\/fl_layer_apply\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;co_rgb:2BACE1,l_text:Times_500_bold_letter_spacing_70:BELIEF,o_70\\\/fl_layer_apply\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)\\n\\t overlay(Overlay.source(\\n\\tSource.text(\\&quot;BELIEF\\&quot;,TextStyle(\\&quot;Times\\&quot;,500) {\\n\\t fontWeight(\\n\\tFontWeight.bold())\\n letterSpacing(70) }) {\\n\\t textColor(Color.rgb(\\&quot;2BACE1\\&quot;))\\n\\t transformation(Transformation {\\n\\t adjust(Adjust.opacity(70)) })\\n\\t })) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)\\n\\t overlay(Overlay.source(\\n\\tSource.text(\\&quot;BELIEF\\&quot;,TextStyle(\\&quot;Times\\&quot;,500) {\\n\\t fontWeight(\\n\\tFontWeight.bold())\\n letterSpacing(70) }) {\\n\\t textColor(Color.rgb(\\&quot;2BACE1\\&quot;))\\n\\t transformation(Transformation {\\n\\t adjust(Adjust.opacity(70)) })\\n\\t })) \\n}.generate()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;, {transformation: [ {color: \\&quot;#2BACE1\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Times\\&quot;).fontSize(500).fontWeight(\\&quot;bold\\&quot;).letterSpacing(70).text(\\&quot;BELIEF\\&quot;), opacity: 70}, {flags: \\&quot;layer_apply\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;, {transformation: [\\n  {color: \\&quot;#2BACE1\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Times\\&quot;).fontSize(500).fontWeight(\\&quot;bold\\&quot;).letterSpacing(70).text(\\&quot;BELIEF\\&quot;), opacity: 70},\\n  {flags: \\&quot;layer_apply\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;).overlay(\\n  source(\\n    text(\\n      \\&quot;BELIEF\\&quot;,\\n      new TextStyle(\\&quot;Times\\&quot;, 500)\\n        .fontWeight(\\&quot;bold\\&quot;)\\n        .letterSpacing(70)\\n    )\\n      .textColor(\\&quot;#2BACE1\\&quot;)\\n      .transformation(new Transformation().adjust(opacity(70)))\\n  )\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;).overlay(\\n  source(\\n    text(\\n      \\&quot;BELIEF\\&quot;,\\n      new TextStyle(\\&quot;Times\\&quot;, 500)\\n        .fontWeight(\\&quot;bold\\&quot;)\\n        .letterSpacing(70)\\n    )\\n      .textColor(\\&quot;#2BACE1\\&quot;)\\n      .transformation(new Transformation().adjust(opacity(70)))\\n  )\\n);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/image\\\/upload\\\/co_rgb:2BACE1,l_text:Times_500_bold_letter_spacing_70:BELIEF,o_70\\\/fl_layer_apply\\\/docs\\\/letterpress\\\/flowers.jpg&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[{&quot;color&quot;:&quot;rgb:2BACE1&quot;,&quot;overlay&quot;:&quot;text:Times_500_bold_letter_spacing_70:BELIEF&quot;,&quot;opacity&quot;:&quot;70&quot;},{&quot;flags&quot;:&quot;layer_apply&quot;}],&quot;transformation_string&quot;:&quot;co_rgb:2BACE1,l_text:Times_500_bold_letter_spacing_70:BELIEF,o_70\\\/fl_layer_apply&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:null,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;docs\\\/letterpress\\\/flowers.jpg&quot;,&quot;extension&quot;:&quot;jpg&quot;,&quot;format&quot;:&quot;jpg&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/co_rgb:2BACE1,l_text:Times_500_bold_letter_spacing_70:BELIEF,o_70\/fl_layer_apply\/docs\/letterpress\/flowers.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/co_rgb:2BACE1,l_text:Times_500_bold_letter_spacing_70:BELIEF,o_70\/fl_layer_apply\/c_scale,w_300\/docs\/letterpress\/flowers.jpg\" alt=\"Belief text overlay\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"300\" height=\"400\"\/><\/a><\/p>\n<p>For \u201cKINDNESS\u201d and \u201cHOPE\u201d we also need to specify the positioning of the layer in the <code>fl_layer_apply<\/code> component, e.g.:<\/p>\n<ul>\n<li>\n<code>g_north,y_1000<\/code> positions the text 1000 pixels down from the top of the picture.<\/li>\n<li>\n<code>g_south,y_1000<\/code> positions the text 1000 pixels up from the bottom of the picture.<\/li>\n<\/ul>\n<p>Here\u2019s the whole URL\/code snippet and image:<\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;, {transformation: [ {color: \\&quot;#2BACE1\\&quot;, overlay: {font_family: \\&quot;Oswald\\&quot;, font_size: 500, letter_spacing: 50, text: \\&quot;KINDNESS\\&quot;}, opacity: 70}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north\\&quot;, y: 1000}, {color: \\&quot;#2BACE1\\&quot;, overlay: {font_family: \\&quot;Times\\&quot;, font_size: 500, font_weight: \\&quot;bold\\&quot;, letter_spacing: 70, text: \\&quot;BELIEF\\&quot;}, opacity: 70}, {flags: \\&quot;layer_apply\\&quot;}, {color: \\&quot;#2BACE1\\&quot;, overlay: {font_family: \\&quot;Impact\\&quot;, font_size: 600, letter_spacing: 350, text: \\&quot;HOPE\\&quot;}, opacity: 70}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;south\\&quot;, y: 1000} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;, {transformation: [\\n  {color: \\&quot;#2BACE1\\&quot;, overlay: {font_family: \\&quot;Oswald\\&quot;, font_size: 500, letter_spacing: 50, text: \\&quot;KINDNESS\\&quot;}, opacity: 70},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north\\&quot;, y: 1000},\\n  {color: \\&quot;#2BACE1\\&quot;, overlay: {font_family: \\&quot;Times\\&quot;, font_size: 500, font_weight: \\&quot;bold\\&quot;, letter_spacing: 70, text: \\&quot;BELIEF\\&quot;}, opacity: 70},\\n  {flags: \\&quot;layer_apply\\&quot;},\\n  {color: \\&quot;#2BACE1\\&quot;, overlay: {font_family: \\&quot;Impact\\&quot;, font_size: 600, letter_spacing: 350, text: \\&quot;HOPE\\&quot;}, opacity: 70},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;south\\&quot;, y: 1000}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      text(\\&quot;KINDNESS\\&quot;, new TextStyle(\\&quot;Oswald\\&quot;, 500).letterSpacing(50))\\n        .textColor(\\&quot;#2BACE1\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north\\&quot;))\\n        .offsetY(1000)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\n        \\&quot;BELIEF\\&quot;,\\n        new TextStyle(\\&quot;Times\\&quot;, 500)\\n          .fontWeight(\\&quot;bold\\&quot;)\\n          .letterSpacing(70)\\n      )\\n        .textColor(\\&quot;#2BACE1\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;HOPE\\&quot;, new TextStyle(\\&quot;Impact\\&quot;, 600).letterSpacing(350))\\n        .textColor(\\&quot;#2BACE1\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(1000)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      text(\\&quot;KINDNESS\\&quot;, new TextStyle(\\&quot;Oswald\\&quot;, 500).letterSpacing(50))\\n        .textColor(\\&quot;#2BACE1\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north\\&quot;))\\n        .offsetY(1000)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\n        \\&quot;BELIEF\\&quot;,\\n        new TextStyle(\\&quot;Times\\&quot;, 500)\\n          .fontWeight(\\&quot;bold\\&quot;)\\n          .letterSpacing(70)\\n      )\\n        .textColor(\\&quot;#2BACE1\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;HOPE\\&quot;, new TextStyle(\\&quot;Impact\\&quot;, 600).letterSpacing(350))\\n        .textColor(\\&quot;#2BACE1\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(1000)\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot; &gt; &lt;Transformation color=\\&quot;#2BACE1\\&quot; overlay={{fontFamily: \\&quot;Oswald\\&quot;, fontSize: 500, letterSpacing: 50, text: \\&quot;KINDNESS\\&quot;}} opacity=\\&quot;70\\&quot; \\\/&gt; &lt;Transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north\\&quot; y=\\&quot;1000\\&quot; \\\/&gt; &lt;Transformation color=\\&quot;#2BACE1\\&quot; overlay={{fontFamily: \\&quot;Times\\&quot;, fontSize: 500, fontWeight: \\&quot;bold\\&quot;, letterSpacing: 70, text: \\&quot;BELIEF\\&quot;}} opacity=\\&quot;70\\&quot; \\\/&gt; &lt;Transformation flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;Transformation color=\\&quot;#2BACE1\\&quot; overlay={{fontFamily: \\&quot;Impact\\&quot;, fontSize: 600, letterSpacing: 350, text: \\&quot;HOPE\\&quot;}} opacity=\\&quot;70\\&quot; \\\/&gt; &lt;Transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;south\\&quot; y=\\&quot;1000\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot; &gt;\\n\\t&lt;Transformation color=\\&quot;#2BACE1\\&quot; overlay={{fontFamily: \\&quot;Oswald\\&quot;, fontSize: 500, letterSpacing: 50, text: \\&quot;KINDNESS\\&quot;}} opacity=\\&quot;70\\&quot; \\\/&gt;\\n\\t&lt;Transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north\\&quot; y=\\&quot;1000\\&quot; \\\/&gt;\\n\\t&lt;Transformation color=\\&quot;#2BACE1\\&quot; overlay={{fontFamily: \\&quot;Times\\&quot;, fontSize: 500, fontWeight: \\&quot;bold\\&quot;, letterSpacing: 70, text: \\&quot;BELIEF\\&quot;}} opacity=\\&quot;70\\&quot; \\\/&gt;\\n\\t&lt;Transformation flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;Transformation color=\\&quot;#2BACE1\\&quot; overlay={{fontFamily: \\&quot;Impact\\&quot;, fontSize: 600, letterSpacing: 350, text: \\&quot;HOPE\\&quot;}} opacity=\\&quot;70\\&quot; \\\/&gt;\\n\\t&lt;Transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;south\\&quot; y=\\&quot;1000\\&quot; \\\/&gt;\\n&lt;\\\/Image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      text(\\&quot;KINDNESS\\&quot;, new TextStyle(\\&quot;Oswald\\&quot;, 500).letterSpacing(50))\\n        .textColor(\\&quot;#2BACE1\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north\\&quot;))\\n        .offsetY(1000)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\n        \\&quot;BELIEF\\&quot;,\\n        new TextStyle(\\&quot;Times\\&quot;, 500)\\n          .fontWeight(\\&quot;bold\\&quot;)\\n          .letterSpacing(70)\\n      )\\n        .textColor(\\&quot;#2BACE1\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;HOPE\\&quot;, new TextStyle(\\&quot;Impact\\&quot;, 600).letterSpacing(350))\\n        .textColor(\\&quot;#2BACE1\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(1000)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      text(\\&quot;KINDNESS\\&quot;, new TextStyle(\\&quot;Oswald\\&quot;, 500).letterSpacing(50))\\n        .textColor(\\&quot;#2BACE1\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north\\&quot;))\\n        .offsetY(1000)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\n        \\&quot;BELIEF\\&quot;,\\n        new TextStyle(\\&quot;Times\\&quot;, 500)\\n          .fontWeight(\\&quot;bold\\&quot;)\\n          .letterSpacing(70)\\n      )\\n        .textColor(\\&quot;#2BACE1\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;HOPE\\&quot;, new TextStyle(\\&quot;Impact\\&quot;, 600).letterSpacing(350))\\n        .textColor(\\&quot;#2BACE1\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(1000)\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot; &gt; &lt;cld-transformation color=\\&quot;#2BACE1\\&quot; :overlay=\\&quot;{fontFamily: &#039;Oswald&#039;, fontSize: 500, letterSpacing: 50, text: &#039;KINDNESS&#039;}\\&quot; opacity=\\&quot;70\\&quot; \\\/&gt; &lt;cld-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north\\&quot; y=\\&quot;1000\\&quot; \\\/&gt; &lt;cld-transformation color=\\&quot;#2BACE1\\&quot; :overlay=\\&quot;{fontFamily: &#039;Times&#039;, fontSize: 500, fontWeight: &#039;bold&#039;, letterSpacing: 70, text: &#039;BELIEF&#039;}\\&quot; opacity=\\&quot;70\\&quot; \\\/&gt; &lt;cld-transformation flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;cld-transformation color=\\&quot;#2BACE1\\&quot; :overlay=\\&quot;{fontFamily: &#039;Impact&#039;, fontSize: 600, letterSpacing: 350, text: &#039;HOPE&#039;}\\&quot; opacity=\\&quot;70\\&quot; \\\/&gt; &lt;cld-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;south\\&quot; y=\\&quot;1000\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation color=\\&quot;#2BACE1\\&quot; :overlay=\\&quot;{fontFamily: &#039;Oswald&#039;, fontSize: 500, letterSpacing: 50, text: &#039;KINDNESS&#039;}\\&quot; opacity=\\&quot;70\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north\\&quot; y=\\&quot;1000\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation color=\\&quot;#2BACE1\\&quot; :overlay=\\&quot;{fontFamily: &#039;Times&#039;, fontSize: 500, fontWeight: &#039;bold&#039;, letterSpacing: 70, text: &#039;BELIEF&#039;}\\&quot; opacity=\\&quot;70\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation color=\\&quot;#2BACE1\\&quot; :overlay=\\&quot;{fontFamily: &#039;Impact&#039;, fontSize: 600, letterSpacing: 350, text: &#039;HOPE&#039;}\\&quot; opacity=\\&quot;70\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;south\\&quot; y=\\&quot;1000\\&quot; \\\/&gt;\\n&lt;\\\/cld-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      text(\\&quot;KINDNESS\\&quot;, new TextStyle(\\&quot;Oswald\\&quot;, 500).letterSpacing(50))\\n        .textColor(\\&quot;#2BACE1\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north\\&quot;))\\n        .offsetY(1000)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\n        \\&quot;BELIEF\\&quot;,\\n        new TextStyle(\\&quot;Times\\&quot;, 500)\\n          .fontWeight(\\&quot;bold\\&quot;)\\n          .letterSpacing(70)\\n      )\\n        .textColor(\\&quot;#2BACE1\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;HOPE\\&quot;, new TextStyle(\\&quot;Impact\\&quot;, 600).letterSpacing(350))\\n        .textColor(\\&quot;#2BACE1\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(1000)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      text(\\&quot;KINDNESS\\&quot;, new TextStyle(\\&quot;Oswald\\&quot;, 500).letterSpacing(50))\\n        .textColor(\\&quot;#2BACE1\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north\\&quot;))\\n        .offsetY(1000)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\n        \\&quot;BELIEF\\&quot;,\\n        new TextStyle(\\&quot;Times\\&quot;, 500)\\n          .fontWeight(\\&quot;bold\\&quot;)\\n          .letterSpacing(70)\\n      )\\n        .textColor(\\&quot;#2BACE1\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;HOPE\\&quot;, new TextStyle(\\&quot;Impact\\&quot;, 600).letterSpacing(350))\\n        .textColor(\\&quot;#2BACE1\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(1000)\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot; &gt; &lt;cl-transformation color=\\&quot;#2BACE1\\&quot; overlay=\\&quot;text:Oswald_500_letter_spacing_50:KINDNESS\\&quot; opacity=\\&quot;70\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north\\&quot; y=\\&quot;1000\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation color=\\&quot;#2BACE1\\&quot; overlay=\\&quot;text:Times_500_bold_letter_spacing_70:BELIEF\\&quot; opacity=\\&quot;70\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation flags=\\&quot;layer_apply\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation color=\\&quot;#2BACE1\\&quot; overlay=\\&quot;text:Impact_600_letter_spacing_350:HOPE\\&quot; opacity=\\&quot;70\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;south\\&quot; y=\\&quot;1000\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation color=\\&quot;#2BACE1\\&quot; overlay=\\&quot;text:Oswald_500_letter_spacing_50:KINDNESS\\&quot; opacity=\\&quot;70\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north\\&quot; y=\\&quot;1000\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation color=\\&quot;#2BACE1\\&quot; overlay=\\&quot;text:Times_500_bold_letter_spacing_70:BELIEF\\&quot; opacity=\\&quot;70\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation flags=\\&quot;layer_apply\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation color=\\&quot;#2BACE1\\&quot; overlay=\\&quot;text:Impact_600_letter_spacing_350:HOPE\\&quot; opacity=\\&quot;70\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;south\\&quot; y=\\&quot;1000\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      text(\\&quot;KINDNESS\\&quot;, new TextStyle(\\&quot;Oswald\\&quot;, 500).letterSpacing(50))\\n        .textColor(\\&quot;#2BACE1\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north\\&quot;))\\n        .offsetY(1000)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\n        \\&quot;BELIEF\\&quot;,\\n        new TextStyle(\\&quot;Times\\&quot;, 500)\\n          .fontWeight(\\&quot;bold\\&quot;)\\n          .letterSpacing(70)\\n      )\\n        .textColor(\\&quot;#2BACE1\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;HOPE\\&quot;, new TextStyle(\\&quot;Impact\\&quot;, 600).letterSpacing(350))\\n        .textColor(\\&quot;#2BACE1\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(1000)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      text(\\&quot;KINDNESS\\&quot;, new TextStyle(\\&quot;Oswald\\&quot;, 500).letterSpacing(50))\\n        .textColor(\\&quot;#2BACE1\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north\\&quot;))\\n        .offsetY(1000)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\n        \\&quot;BELIEF\\&quot;,\\n        new TextStyle(\\&quot;Times\\&quot;, 500)\\n          .fontWeight(\\&quot;bold\\&quot;)\\n          .letterSpacing(70)\\n      )\\n        .textColor(\\&quot;#2BACE1\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;HOPE\\&quot;, new TextStyle(\\&quot;Impact\\&quot;, 600).letterSpacing(350))\\n        .textColor(\\&quot;#2BACE1\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(1000)\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.imageTag(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;, {transformation: [ {color: \\&quot;#2BACE1\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Oswald\\&quot;).fontSize(500).letterSpacing(50).text(\\&quot;KINDNESS\\&quot;), opacity: 70}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north\\&quot;, y: 1000}, {color: \\&quot;#2BACE1\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Times\\&quot;).fontSize(500).fontWeight(\\&quot;bold\\&quot;).letterSpacing(70).text(\\&quot;BELIEF\\&quot;), opacity: 70}, {flags: \\&quot;layer_apply\\&quot;}, {color: \\&quot;#2BACE1\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Impact\\&quot;).fontSize(600).letterSpacing(350).text(\\&quot;HOPE\\&quot;), opacity: 70}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;south\\&quot;, y: 1000} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;, {transformation: [\\n  {color: \\&quot;#2BACE1\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Oswald\\&quot;).fontSize(500).letterSpacing(50).text(\\&quot;KINDNESS\\&quot;), opacity: 70},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north\\&quot;, y: 1000},\\n  {color: \\&quot;#2BACE1\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Times\\&quot;).fontSize(500).fontWeight(\\&quot;bold\\&quot;).letterSpacing(70).text(\\&quot;BELIEF\\&quot;), opacity: 70},\\n  {flags: \\&quot;layer_apply\\&quot;},\\n  {color: \\&quot;#2BACE1\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Impact\\&quot;).fontSize(600).letterSpacing(350).text(\\&quot;HOPE\\&quot;), opacity: 70},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;south\\&quot;, y: 1000}\\n  ]}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;).image(transformation=[ {&#039;color&#039;: \\&quot;#2BACE1\\&quot;, &#039;overlay&#039;: {&#039;font_family&#039;: \\&quot;Oswald\\&quot;, &#039;font_size&#039;: 500, &#039;letter_spacing&#039;: 50, &#039;text&#039;: \\&quot;KINDNESS\\&quot;}, &#039;opacity&#039;: 70}, {&#039;flags&#039;: \\&quot;layer_apply\\&quot;, &#039;gravity&#039;: \\&quot;north\\&quot;, &#039;y&#039;: 1000}, {&#039;color&#039;: \\&quot;#2BACE1\\&quot;, &#039;overlay&#039;: {&#039;font_family&#039;: \\&quot;Times\\&quot;, &#039;font_size&#039;: 500, &#039;font_weight&#039;: \\&quot;bold\\&quot;, &#039;letter_spacing&#039;: 70, &#039;text&#039;: \\&quot;BELIEF\\&quot;}, &#039;opacity&#039;: 70}, {&#039;flags&#039;: \\&quot;layer_apply\\&quot;}, {&#039;color&#039;: \\&quot;#2BACE1\\&quot;, &#039;overlay&#039;: {&#039;font_family&#039;: \\&quot;Impact\\&quot;, &#039;font_size&#039;: 600, &#039;letter_spacing&#039;: 350, &#039;text&#039;: \\&quot;HOPE\\&quot;}, &#039;opacity&#039;: 70}, {&#039;flags&#039;: \\&quot;layer_apply\\&quot;, &#039;gravity&#039;: \\&quot;south\\&quot;, &#039;y&#039;: 1000} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;).image(transformation=[\\n  {&#039;color&#039;: \\&quot;#2BACE1\\&quot;, &#039;overlay&#039;: {&#039;font_family&#039;: \\&quot;Oswald\\&quot;, &#039;font_size&#039;: 500, &#039;letter_spacing&#039;: 50, &#039;text&#039;: \\&quot;KINDNESS\\&quot;}, &#039;opacity&#039;: 70},\\n  {&#039;flags&#039;: \\&quot;layer_apply\\&quot;, &#039;gravity&#039;: \\&quot;north\\&quot;, &#039;y&#039;: 1000},\\n  {&#039;color&#039;: \\&quot;#2BACE1\\&quot;, &#039;overlay&#039;: {&#039;font_family&#039;: \\&quot;Times\\&quot;, &#039;font_size&#039;: 500, &#039;font_weight&#039;: \\&quot;bold\\&quot;, &#039;letter_spacing&#039;: 70, &#039;text&#039;: \\&quot;BELIEF\\&quot;}, &#039;opacity&#039;: 70},\\n  {&#039;flags&#039;: \\&quot;layer_apply\\&quot;},\\n  {&#039;color&#039;: \\&quot;#2BACE1\\&quot;, &#039;overlay&#039;: {&#039;font_family&#039;: \\&quot;Impact\\&quot;, &#039;font_size&#039;: 600, &#039;letter_spacing&#039;: 350, &#039;text&#039;: \\&quot;HOPE\\&quot;}, &#039;opacity&#039;: 70},\\n  {&#039;flags&#039;: \\&quot;layer_apply\\&quot;, &#039;gravity&#039;: \\&quot;south\\&quot;, &#039;y&#039;: 1000}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new ImageTag(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::text(\\&quot;KINDNESS\\&quot;,(new TextStyle(\\&quot;Oswald\\&quot;,500))-&gt;letterSpacing(50))\\n\\t-&gt;textColor(Color::rgb(\\&quot;2BACE1\\&quot;))\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;adjust(Adjust::opacity(70)))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::north()))\\n-&gt;offsetY(1000))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::text(\\&quot;BELIEF\\&quot;,(new TextStyle(\\&quot;Times\\&quot;,500))\\n\\t-&gt;fontWeight(\\n\\tFontWeight::bold())\\n-&gt;letterSpacing(70))\\n\\t-&gt;textColor(Color::rgb(\\&quot;2BACE1\\&quot;))\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;adjust(Adjust::opacity(70)))\\n\\t))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::text(\\&quot;HOPE\\&quot;,(new TextStyle(\\&quot;Impact\\&quot;,600))-&gt;letterSpacing(350))\\n\\t-&gt;textColor(Color::rgb(\\&quot;2BACE1\\&quot;))\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;adjust(Adjust::opacity(70)))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\n-&gt;offsetY(1000))\\n\\t);&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::text(\\&quot;KINDNESS\\&quot;,(new TextStyle(\\&quot;Oswald\\&quot;,500))-&gt;letterSpacing(50))\\n\\t-&gt;textColor(Color::rgb(\\&quot;2BACE1\\&quot;))\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;adjust(Adjust::opacity(70)))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::north()))\\n-&gt;offsetY(1000))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::text(\\&quot;BELIEF\\&quot;,(new TextStyle(\\&quot;Times\\&quot;,500))\\n\\t-&gt;fontWeight(\\n\\tFontWeight::bold())\\n-&gt;letterSpacing(70))\\n\\t-&gt;textColor(Color::rgb(\\&quot;2BACE1\\&quot;))\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;adjust(Adjust::opacity(70)))\\n\\t))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::text(\\&quot;HOPE\\&quot;,(new TextStyle(\\&quot;Impact\\&quot;,600))-&gt;letterSpacing(350))\\n\\t-&gt;textColor(Color::rgb(\\&quot;2BACE1\\&quot;))\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;adjust(Adjust::opacity(70)))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\n-&gt;offsetY(1000))\\n\\t);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array( array(\\&quot;color\\&quot;=&gt;\\&quot;#2BACE1\\&quot;, \\&quot;overlay\\&quot;=&gt;array(\\&quot;font_family\\&quot;=&gt;\\&quot;Oswald\\&quot;, \\&quot;font_size\\&quot;=&gt;500, \\&quot;letter_spacing\\&quot;=&gt;50, \\&quot;text\\&quot;=&gt;\\&quot;KINDNESS\\&quot;), \\&quot;opacity\\&quot;=&gt;70), array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;north\\&quot;, \\&quot;y\\&quot;=&gt;1000), array(\\&quot;color\\&quot;=&gt;\\&quot;#2BACE1\\&quot;, \\&quot;overlay\\&quot;=&gt;array(\\&quot;font_family\\&quot;=&gt;\\&quot;Times\\&quot;, \\&quot;font_size\\&quot;=&gt;500, \\&quot;font_weight\\&quot;=&gt;\\&quot;bold\\&quot;, \\&quot;letter_spacing\\&quot;=&gt;70, \\&quot;text\\&quot;=&gt;\\&quot;BELIEF\\&quot;), \\&quot;opacity\\&quot;=&gt;70), array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;), array(\\&quot;color\\&quot;=&gt;\\&quot;#2BACE1\\&quot;, \\&quot;overlay\\&quot;=&gt;array(\\&quot;font_family\\&quot;=&gt;\\&quot;Impact\\&quot;, \\&quot;font_size\\&quot;=&gt;600, \\&quot;letter_spacing\\&quot;=&gt;350, \\&quot;text\\&quot;=&gt;\\&quot;HOPE\\&quot;), \\&quot;opacity\\&quot;=&gt;70), array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;y\\&quot;=&gt;1000) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;color\\&quot;=&gt;\\&quot;#2BACE1\\&quot;, \\&quot;overlay\\&quot;=&gt;array(\\&quot;font_family\\&quot;=&gt;\\&quot;Oswald\\&quot;, \\&quot;font_size\\&quot;=&gt;500, \\&quot;letter_spacing\\&quot;=&gt;50, \\&quot;text\\&quot;=&gt;\\&quot;KINDNESS\\&quot;), \\&quot;opacity\\&quot;=&gt;70),\\n  array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;north\\&quot;, \\&quot;y\\&quot;=&gt;1000),\\n  array(\\&quot;color\\&quot;=&gt;\\&quot;#2BACE1\\&quot;, \\&quot;overlay\\&quot;=&gt;array(\\&quot;font_family\\&quot;=&gt;\\&quot;Times\\&quot;, \\&quot;font_size\\&quot;=&gt;500, \\&quot;font_weight\\&quot;=&gt;\\&quot;bold\\&quot;, \\&quot;letter_spacing\\&quot;=&gt;70, \\&quot;text\\&quot;=&gt;\\&quot;BELIEF\\&quot;), \\&quot;opacity\\&quot;=&gt;70),\\n  array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;),\\n  array(\\&quot;color\\&quot;=&gt;\\&quot;#2BACE1\\&quot;, \\&quot;overlay\\&quot;=&gt;array(\\&quot;font_family\\&quot;=&gt;\\&quot;Impact\\&quot;, \\&quot;font_size\\&quot;=&gt;600, \\&quot;letter_spacing\\&quot;=&gt;350, \\&quot;text\\&quot;=&gt;\\&quot;HOPE\\&quot;), \\&quot;opacity\\&quot;=&gt;70),\\n  array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;y\\&quot;=&gt;1000)\\n  )))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().color(\\&quot;#2BACE1\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Oswald\\&quot;).fontSize(500).letterSpacing(50).text(\\&quot;KINDNESS\\&quot;)).opacity(70).chain() .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north\\&quot;).y(1000).chain() .color(\\&quot;#2BACE1\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Times\\&quot;).fontSize(500).fontWeight(\\&quot;bold\\&quot;).letterSpacing(70).text(\\&quot;BELIEF\\&quot;)).opacity(70).chain() .flags(\\&quot;layer_apply\\&quot;).chain() .color(\\&quot;#2BACE1\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Impact\\&quot;).fontSize(600).letterSpacing(350).text(\\&quot;HOPE\\&quot;)).opacity(70).chain() .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;south\\&quot;).y(1000)).imageTag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .color(\\&quot;#2BACE1\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Oswald\\&quot;).fontSize(500).letterSpacing(50).text(\\&quot;KINDNESS\\&quot;)).opacity(70).chain()\\n  .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north\\&quot;).y(1000).chain()\\n  .color(\\&quot;#2BACE1\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Times\\&quot;).fontSize(500).fontWeight(\\&quot;bold\\&quot;).letterSpacing(70).text(\\&quot;BELIEF\\&quot;)).opacity(70).chain()\\n  .flags(\\&quot;layer_apply\\&quot;).chain()\\n  .color(\\&quot;#2BACE1\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Impact\\&quot;).fontSize(600).letterSpacing(350).text(\\&quot;HOPE\\&quot;)).opacity(70).chain()\\n  .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;south\\&quot;).y(1000)).imageTag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;, transformation: [ {color: \\&quot;#2BACE1\\&quot;, overlay: {font_family: \\&quot;Oswald\\&quot;, font_size: 500, letter_spacing: 50, text: \\&quot;KINDNESS\\&quot;}, opacity: 70}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north\\&quot;, y: 1000}, {color: \\&quot;#2BACE1\\&quot;, overlay: {font_family: \\&quot;Times\\&quot;, font_size: 500, font_weight: \\&quot;bold\\&quot;, letter_spacing: 70, text: \\&quot;BELIEF\\&quot;}, opacity: 70}, {flags: \\&quot;layer_apply\\&quot;}, {color: \\&quot;#2BACE1\\&quot;, overlay: {font_family: \\&quot;Impact\\&quot;, font_size: 600, letter_spacing: 350, text: \\&quot;HOPE\\&quot;}, opacity: 70}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;south\\&quot;, y: 1000} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;, transformation: [\\n  {color: \\&quot;#2BACE1\\&quot;, overlay: {font_family: \\&quot;Oswald\\&quot;, font_size: 500, letter_spacing: 50, text: \\&quot;KINDNESS\\&quot;}, opacity: 70},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north\\&quot;, y: 1000},\\n  {color: \\&quot;#2BACE1\\&quot;, overlay: {font_family: \\&quot;Times\\&quot;, font_size: 500, font_weight: \\&quot;bold\\&quot;, letter_spacing: 70, text: \\&quot;BELIEF\\&quot;}, opacity: 70},\\n  {flags: \\&quot;layer_apply\\&quot;},\\n  {color: \\&quot;#2BACE1\\&quot;, overlay: {font_family: \\&quot;Impact\\&quot;, font_size: 600, letter_spacing: 350, text: \\&quot;HOPE\\&quot;}, opacity: 70},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;south\\&quot;, y: 1000}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Color(\\&quot;#2BACE1\\&quot;).Overlay(new TextLayer().FontFamily(\\&quot;Oswald\\&quot;).FontSize(500).LetterSpacing(50).Text(\\&quot;KINDNESS\\&quot;)).Opacity(70).Chain() .Flags(\\&quot;layer_apply\\&quot;).Gravity(\\&quot;north\\&quot;).Y(1000).Chain() .Color(\\&quot;#2BACE1\\&quot;).Overlay(new TextLayer().FontFamily(\\&quot;Times\\&quot;).FontSize(500).FontWeight(\\&quot;bold\\&quot;).LetterSpacing(70).Text(\\&quot;BELIEF\\&quot;)).Opacity(70).Chain() .Flags(\\&quot;layer_apply\\&quot;).Chain() .Color(\\&quot;#2BACE1\\&quot;).Overlay(new TextLayer().FontFamily(\\&quot;Impact\\&quot;).FontSize(600).LetterSpacing(350).Text(\\&quot;HOPE\\&quot;)).Opacity(70).Chain() .Flags(\\&quot;layer_apply\\&quot;).Gravity(\\&quot;south\\&quot;).Y(1000)).BuildImageTag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation()\\n  .Color(\\&quot;#2BACE1\\&quot;).Overlay(new TextLayer().FontFamily(\\&quot;Oswald\\&quot;).FontSize(500).LetterSpacing(50).Text(\\&quot;KINDNESS\\&quot;)).Opacity(70).Chain()\\n  .Flags(\\&quot;layer_apply\\&quot;).Gravity(\\&quot;north\\&quot;).Y(1000).Chain()\\n  .Color(\\&quot;#2BACE1\\&quot;).Overlay(new TextLayer().FontFamily(\\&quot;Times\\&quot;).FontSize(500).FontWeight(\\&quot;bold\\&quot;).LetterSpacing(70).Text(\\&quot;BELIEF\\&quot;)).Opacity(70).Chain()\\n  .Flags(\\&quot;layer_apply\\&quot;).Chain()\\n  .Color(\\&quot;#2BACE1\\&quot;).Overlay(new TextLayer().FontFamily(\\&quot;Impact\\&quot;).FontSize(600).LetterSpacing(350).Text(\\&quot;HOPE\\&quot;)).Opacity(70).Chain()\\n  .Flags(\\&quot;layer_apply\\&quot;).Gravity(\\&quot;south\\&quot;).Y(1000)).BuildImageTag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;co_rgb:2BACE1,l_text:Oswald_500_letter_spacing_50:KINDNESS,o_70\\\/fl_layer_apply,g_north,y_1000\\\/co_rgb:2BACE1,l_text:Times_500_bold_letter_spacing_70:BELIEF,o_70\\\/fl_layer_apply\\\/co_rgb:2BACE1,l_text:Impact_600_letter_spacing_350:HOPE,o_70\\\/fl_layer_apply,g_south,y_1000\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;co_rgb:2BACE1,l_text:Oswald_500_letter_spacing_50:KINDNESS,o_70\\\/fl_layer_apply,g_north,y_1000\\\/co_rgb:2BACE1,l_text:Times_500_bold_letter_spacing_70:BELIEF,o_70\\\/fl_layer_apply\\\/co_rgb:2BACE1,l_text:Impact_600_letter_spacing_350:HOPE,o_70\\\/fl_layer_apply,g_south,y_1000\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setColor(\\&quot;#2BACE1\\&quot;).setOverlay(\\&quot;text:Oswald_500_letter_spacing_50:KINDNESS\\&quot;).setOpacity(70).chain() .setFlags(\\&quot;layer_apply\\&quot;).setGravity(\\&quot;north\\&quot;).setY(1000).chain() .setColor(\\&quot;#2BACE1\\&quot;).setOverlay(\\&quot;text:Times_500_bold_letter_spacing_70:BELIEF\\&quot;).setOpacity(70).chain() .setFlags(\\&quot;layer_apply\\&quot;).chain() .setColor(\\&quot;#2BACE1\\&quot;).setOverlay(\\&quot;text:Impact_600_letter_spacing_350:HOPE\\&quot;).setOpacity(70).chain() .setFlags(\\&quot;layer_apply\\&quot;).setGravity(\\&quot;south\\&quot;).setY(1000)).generate(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\\n  .setColor(\\&quot;#2BACE1\\&quot;).setOverlay(\\&quot;text:Oswald_500_letter_spacing_50:KINDNESS\\&quot;).setOpacity(70).chain()\\n  .setFlags(\\&quot;layer_apply\\&quot;).setGravity(\\&quot;north\\&quot;).setY(1000).chain()\\n  .setColor(\\&quot;#2BACE1\\&quot;).setOverlay(\\&quot;text:Times_500_bold_letter_spacing_70:BELIEF\\&quot;).setOpacity(70).chain()\\n  .setFlags(\\&quot;layer_apply\\&quot;).chain()\\n  .setColor(\\&quot;#2BACE1\\&quot;).setOverlay(\\&quot;text:Impact_600_letter_spacing_350:HOPE\\&quot;).setOpacity(70).chain()\\n  .setFlags(\\&quot;layer_apply\\&quot;).setGravity(\\&quot;south\\&quot;).setY(1000)).generate(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().color(\\&quot;#2BACE1\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Oswald\\&quot;).fontSize(500).letterSpacing(50).text(\\&quot;KINDNESS\\&quot;)).opacity(70).chain() .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north\\&quot;).y(1000).chain() .color(\\&quot;#2BACE1\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Times\\&quot;).fontSize(500).fontWeight(\\&quot;bold\\&quot;).letterSpacing(70).text(\\&quot;BELIEF\\&quot;)).opacity(70).chain() .flags(\\&quot;layer_apply\\&quot;).chain() .color(\\&quot;#2BACE1\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Impact\\&quot;).fontSize(600).letterSpacing(350).text(\\&quot;HOPE\\&quot;)).opacity(70).chain() .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;south\\&quot;).y(1000)).generate(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .color(\\&quot;#2BACE1\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Oswald\\&quot;).fontSize(500).letterSpacing(50).text(\\&quot;KINDNESS\\&quot;)).opacity(70).chain()\\n  .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north\\&quot;).y(1000).chain()\\n  .color(\\&quot;#2BACE1\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Times\\&quot;).fontSize(500).fontWeight(\\&quot;bold\\&quot;).letterSpacing(70).text(\\&quot;BELIEF\\&quot;)).opacity(70).chain()\\n  .flags(\\&quot;layer_apply\\&quot;).chain()\\n  .color(\\&quot;#2BACE1\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Impact\\&quot;).fontSize(600).letterSpacing(350).text(\\&quot;HOPE\\&quot;)).opacity(70).chain()\\n  .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;south\\&quot;).y(1000)).generate(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;co_rgb:2BACE1,l_text:Oswald_500_letter_spacing_50:KINDNESS,o_70\\\/fl_layer_apply,g_north,y_1000\\\/co_rgb:2BACE1,l_text:Times_500_bold_letter_spacing_70:BELIEF,o_70\\\/fl_layer_apply\\\/co_rgb:2BACE1,l_text:Impact_600_letter_spacing_350:HOPE,o_70\\\/fl_layer_apply,g_south,y_1000\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;co_rgb:2BACE1,l_text:Oswald_500_letter_spacing_50:KINDNESS,o_70\\\/fl_layer_apply,g_north,y_1000\\\/co_rgb:2BACE1,l_text:Times_500_bold_letter_spacing_70:BELIEF,o_70\\\/fl_layer_apply\\\/co_rgb:2BACE1,l_text:Impact_600_letter_spacing_350:HOPE,o_70\\\/fl_layer_apply,g_south,y_1000\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)\\n\\t overlay(Overlay.source(\\n\\tSource.text(\\&quot;KINDNESS\\&quot;,TextStyle(\\&quot;Oswald\\&quot;,500) { letterSpacing(50) }) {\\n\\t textColor(Color.rgb(\\&quot;2BACE1\\&quot;))\\n\\t transformation(Transformation {\\n\\t adjust(Adjust.opacity(70)) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.north()))\\n offsetY(1000) })\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.text(\\&quot;BELIEF\\&quot;,TextStyle(\\&quot;Times\\&quot;,500) {\\n\\t fontWeight(\\n\\tFontWeight.bold())\\n letterSpacing(70) }) {\\n\\t textColor(Color.rgb(\\&quot;2BACE1\\&quot;))\\n\\t transformation(Transformation {\\n\\t adjust(Adjust.opacity(70)) })\\n\\t }))\\n\\t overlay(Overlay.source(\\n\\tSource.text(\\&quot;HOPE\\&quot;,TextStyle(\\&quot;Impact\\&quot;,600) { letterSpacing(350) }) {\\n\\t textColor(Color.rgb(\\&quot;2BACE1\\&quot;))\\n\\t transformation(Transformation {\\n\\t adjust(Adjust.opacity(70)) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n offsetY(1000) })\\n\\t }) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)\\n\\t overlay(Overlay.source(\\n\\tSource.text(\\&quot;KINDNESS\\&quot;,TextStyle(\\&quot;Oswald\\&quot;,500) { letterSpacing(50) }) {\\n\\t textColor(Color.rgb(\\&quot;2BACE1\\&quot;))\\n\\t transformation(Transformation {\\n\\t adjust(Adjust.opacity(70)) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.north()))\\n offsetY(1000) })\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.text(\\&quot;BELIEF\\&quot;,TextStyle(\\&quot;Times\\&quot;,500) {\\n\\t fontWeight(\\n\\tFontWeight.bold())\\n letterSpacing(70) }) {\\n\\t textColor(Color.rgb(\\&quot;2BACE1\\&quot;))\\n\\t transformation(Transformation {\\n\\t adjust(Adjust.opacity(70)) })\\n\\t }))\\n\\t overlay(Overlay.source(\\n\\tSource.text(\\&quot;HOPE\\&quot;,TextStyle(\\&quot;Impact\\&quot;,600) { letterSpacing(350) }) {\\n\\t textColor(Color.rgb(\\&quot;2BACE1\\&quot;))\\n\\t transformation(Transformation {\\n\\t adjust(Adjust.opacity(70)) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n offsetY(1000) })\\n\\t }) \\n}.generate()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;, {transformation: [ {color: \\&quot;#2BACE1\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Oswald\\&quot;).fontSize(500).letterSpacing(50).text(\\&quot;KINDNESS\\&quot;), opacity: 70}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north\\&quot;, y: 1000}, {color: \\&quot;#2BACE1\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Times\\&quot;).fontSize(500).fontWeight(\\&quot;bold\\&quot;).letterSpacing(70).text(\\&quot;BELIEF\\&quot;), opacity: 70}, {flags: \\&quot;layer_apply\\&quot;}, {color: \\&quot;#2BACE1\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Impact\\&quot;).fontSize(600).letterSpacing(350).text(\\&quot;HOPE\\&quot;), opacity: 70}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;south\\&quot;, y: 1000} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;, {transformation: [\\n  {color: \\&quot;#2BACE1\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Oswald\\&quot;).fontSize(500).letterSpacing(50).text(\\&quot;KINDNESS\\&quot;), opacity: 70},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north\\&quot;, y: 1000},\\n  {color: \\&quot;#2BACE1\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Times\\&quot;).fontSize(500).fontWeight(\\&quot;bold\\&quot;).letterSpacing(70).text(\\&quot;BELIEF\\&quot;), opacity: 70},\\n  {flags: \\&quot;layer_apply\\&quot;},\\n  {color: \\&quot;#2BACE1\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Impact\\&quot;).fontSize(600).letterSpacing(350).text(\\&quot;HOPE\\&quot;), opacity: 70},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;south\\&quot;, y: 1000}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      text(\\&quot;KINDNESS\\&quot;, new TextStyle(\\&quot;Oswald\\&quot;, 500).letterSpacing(50))\\n        .textColor(\\&quot;#2BACE1\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north\\&quot;))\\n        .offsetY(1000)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\n        \\&quot;BELIEF\\&quot;,\\n        new TextStyle(\\&quot;Times\\&quot;, 500)\\n          .fontWeight(\\&quot;bold\\&quot;)\\n          .letterSpacing(70)\\n      )\\n        .textColor(\\&quot;#2BACE1\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;HOPE\\&quot;, new TextStyle(\\&quot;Impact\\&quot;, 600).letterSpacing(350))\\n        .textColor(\\&quot;#2BACE1\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(1000)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      text(\\&quot;KINDNESS\\&quot;, new TextStyle(\\&quot;Oswald\\&quot;, 500).letterSpacing(50))\\n        .textColor(\\&quot;#2BACE1\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north\\&quot;))\\n        .offsetY(1000)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\n        \\&quot;BELIEF\\&quot;,\\n        new TextStyle(\\&quot;Times\\&quot;, 500)\\n          .fontWeight(\\&quot;bold\\&quot;)\\n          .letterSpacing(70)\\n      )\\n        .textColor(\\&quot;#2BACE1\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;HOPE\\&quot;, new TextStyle(\\&quot;Impact\\&quot;, 600).letterSpacing(350))\\n        .textColor(\\&quot;#2BACE1\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(1000)\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/image\\\/upload\\\/co_rgb:2BACE1,l_text:Oswald_500_letter_spacing_50:KINDNESS,o_70\\\/fl_layer_apply,g_north,y_1000\\\/co_rgb:2BACE1,l_text:Times_500_bold_letter_spacing_70:BELIEF,o_70\\\/fl_layer_apply\\\/co_rgb:2BACE1,l_text:Impact_600_letter_spacing_350:HOPE,o_70\\\/fl_layer_apply,g_south,y_1000\\\/docs\\\/letterpress\\\/flowers.jpg&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[{&quot;color&quot;:&quot;rgb:2BACE1&quot;,&quot;overlay&quot;:&quot;text:Oswald_500_letter_spacing_50:KINDNESS&quot;,&quot;opacity&quot;:&quot;70&quot;},{&quot;flags&quot;:&quot;layer_apply&quot;,&quot;gravity&quot;:&quot;north&quot;,&quot;y&quot;:&quot;1000&quot;},{&quot;color&quot;:&quot;rgb:2BACE1&quot;,&quot;overlay&quot;:&quot;text:Times_500_bold_letter_spacing_70:BELIEF&quot;,&quot;opacity&quot;:&quot;70&quot;},{&quot;flags&quot;:&quot;layer_apply&quot;},{&quot;color&quot;:&quot;rgb:2BACE1&quot;,&quot;overlay&quot;:&quot;text:Impact_600_letter_spacing_350:HOPE&quot;,&quot;opacity&quot;:&quot;70&quot;},{&quot;flags&quot;:&quot;layer_apply&quot;,&quot;gravity&quot;:&quot;south&quot;,&quot;y&quot;:&quot;1000&quot;}],&quot;transformation_string&quot;:&quot;co_rgb:2BACE1,l_text:Oswald_500_letter_spacing_50:KINDNESS,o_70\\\/fl_layer_apply,g_north,y_1000\\\/co_rgb:2BACE1,l_text:Times_500_bold_letter_spacing_70:BELIEF,o_70\\\/fl_layer_apply\\\/co_rgb:2BACE1,l_text:Impact_600_letter_spacing_350:HOPE,o_70\\\/fl_layer_apply,g_south,y_1000&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:null,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;docs\\\/letterpress\\\/flowers.jpg&quot;,&quot;extension&quot;:&quot;jpg&quot;,&quot;format&quot;:&quot;jpg&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/co_rgb:2BACE1,l_text:Oswald_500_letter_spacing_50:KINDNESS,o_70\/fl_layer_apply,g_north,y_1000\/co_rgb:2BACE1,l_text:Times_500_bold_letter_spacing_70:BELIEF,o_70\/fl_layer_apply\/co_rgb:2BACE1,l_text:Impact_600_letter_spacing_350:HOPE,o_70\/fl_layer_apply,g_south,y_1000\/docs\/letterpress\/flowers.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/co_rgb:2BACE1,l_text:Oswald_500_letter_spacing_50:KINDNESS,o_70\/fl_layer_apply,g_north,y_1000\/co_rgb:2BACE1,l_text:Times_500_bold_letter_spacing_70:BELIEF,o_70\/fl_layer_apply\/co_rgb:2BACE1,l_text:Impact_600_letter_spacing_350:HOPE,o_70\/fl_layer_apply,g_south,y_1000\/c_scale,w_300\/docs\/letterpress\/flowers.jpg\" alt=\"Flowers with full text overlay\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"300\" height=\"400\"\/><\/a><\/p>\n<p>Obviously, the fonts aren\u2019t exactly the same as the letterpress ones, but you get the idea.  And the great thing about text overlays is that you can change the <a href=\"https:\/\/cloudinary.com\/documentation\/transformation_reference#styling_parameters\">styling<\/a> and <a href=\"https:\/\/cloudinary.com\/documentation\/transformation_reference#co_color\">color<\/a> as often as you want by editing the URL parameters. Plus, we don\u2019t have to use the same color for each of the words, as you would with the letterpress printer:<\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;, {transformation: [ {color: \\&quot;#BF40BF\\&quot;, overlay: {font_family: \\&quot;Oswald\\&quot;, font_size: 500, letter_spacing: 50, text: \\&quot;KINDNESS\\&quot;}, opacity: 70}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north\\&quot;, y: 1000}, {color: \\&quot;#EA672A\\&quot;, overlay: {font_family: \\&quot;Times\\&quot;, font_size: 500, font_weight: \\&quot;bold\\&quot;, letter_spacing: 70, text: \\&quot;BELIEF\\&quot;}, opacity: 70}, {flags: \\&quot;layer_apply\\&quot;}, {color: \\&quot;#5D3FD3\\&quot;, overlay: {font_family: \\&quot;Impact\\&quot;, font_size: 600, letter_spacing: 350, text: \\&quot;HOPE\\&quot;}, opacity: 70}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;south\\&quot;, y: 1000} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;, {transformation: [\\n  {color: \\&quot;#BF40BF\\&quot;, overlay: {font_family: \\&quot;Oswald\\&quot;, font_size: 500, letter_spacing: 50, text: \\&quot;KINDNESS\\&quot;}, opacity: 70},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north\\&quot;, y: 1000},\\n  {color: \\&quot;#EA672A\\&quot;, overlay: {font_family: \\&quot;Times\\&quot;, font_size: 500, font_weight: \\&quot;bold\\&quot;, letter_spacing: 70, text: \\&quot;BELIEF\\&quot;}, opacity: 70},\\n  {flags: \\&quot;layer_apply\\&quot;},\\n  {color: \\&quot;#5D3FD3\\&quot;, overlay: {font_family: \\&quot;Impact\\&quot;, font_size: 600, letter_spacing: 350, text: \\&quot;HOPE\\&quot;}, opacity: 70},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;south\\&quot;, y: 1000}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      text(\\&quot;KINDNESS\\&quot;, new TextStyle(\\&quot;Oswald\\&quot;, 500).letterSpacing(50))\\n        .textColor(\\&quot;#BF40BF\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north\\&quot;))\\n        .offsetY(1000)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\n        \\&quot;BELIEF\\&quot;,\\n        new TextStyle(\\&quot;Times\\&quot;, 500)\\n          .fontWeight(\\&quot;bold\\&quot;)\\n          .letterSpacing(70)\\n      )\\n        .textColor(\\&quot;#EA672A\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;HOPE\\&quot;, new TextStyle(\\&quot;Impact\\&quot;, 600).letterSpacing(350))\\n        .textColor(\\&quot;#5D3FD3\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(1000)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      text(\\&quot;KINDNESS\\&quot;, new TextStyle(\\&quot;Oswald\\&quot;, 500).letterSpacing(50))\\n        .textColor(\\&quot;#BF40BF\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north\\&quot;))\\n        .offsetY(1000)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\n        \\&quot;BELIEF\\&quot;,\\n        new TextStyle(\\&quot;Times\\&quot;, 500)\\n          .fontWeight(\\&quot;bold\\&quot;)\\n          .letterSpacing(70)\\n      )\\n        .textColor(\\&quot;#EA672A\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;HOPE\\&quot;, new TextStyle(\\&quot;Impact\\&quot;, 600).letterSpacing(350))\\n        .textColor(\\&quot;#5D3FD3\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(1000)\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot; &gt; &lt;Transformation color=\\&quot;#BF40BF\\&quot; overlay={{fontFamily: \\&quot;Oswald\\&quot;, fontSize: 500, letterSpacing: 50, text: \\&quot;KINDNESS\\&quot;}} opacity=\\&quot;70\\&quot; \\\/&gt; &lt;Transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north\\&quot; y=\\&quot;1000\\&quot; \\\/&gt; &lt;Transformation color=\\&quot;#EA672A\\&quot; overlay={{fontFamily: \\&quot;Times\\&quot;, fontSize: 500, fontWeight: \\&quot;bold\\&quot;, letterSpacing: 70, text: \\&quot;BELIEF\\&quot;}} opacity=\\&quot;70\\&quot; \\\/&gt; &lt;Transformation flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;Transformation color=\\&quot;#5D3FD3\\&quot; overlay={{fontFamily: \\&quot;Impact\\&quot;, fontSize: 600, letterSpacing: 350, text: \\&quot;HOPE\\&quot;}} opacity=\\&quot;70\\&quot; \\\/&gt; &lt;Transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;south\\&quot; y=\\&quot;1000\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot; &gt;\\n\\t&lt;Transformation color=\\&quot;#BF40BF\\&quot; overlay={{fontFamily: \\&quot;Oswald\\&quot;, fontSize: 500, letterSpacing: 50, text: \\&quot;KINDNESS\\&quot;}} opacity=\\&quot;70\\&quot; \\\/&gt;\\n\\t&lt;Transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north\\&quot; y=\\&quot;1000\\&quot; \\\/&gt;\\n\\t&lt;Transformation color=\\&quot;#EA672A\\&quot; overlay={{fontFamily: \\&quot;Times\\&quot;, fontSize: 500, fontWeight: \\&quot;bold\\&quot;, letterSpacing: 70, text: \\&quot;BELIEF\\&quot;}} opacity=\\&quot;70\\&quot; \\\/&gt;\\n\\t&lt;Transformation flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;Transformation color=\\&quot;#5D3FD3\\&quot; overlay={{fontFamily: \\&quot;Impact\\&quot;, fontSize: 600, letterSpacing: 350, text: \\&quot;HOPE\\&quot;}} opacity=\\&quot;70\\&quot; \\\/&gt;\\n\\t&lt;Transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;south\\&quot; y=\\&quot;1000\\&quot; \\\/&gt;\\n&lt;\\\/Image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      text(\\&quot;KINDNESS\\&quot;, new TextStyle(\\&quot;Oswald\\&quot;, 500).letterSpacing(50))\\n        .textColor(\\&quot;#BF40BF\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north\\&quot;))\\n        .offsetY(1000)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\n        \\&quot;BELIEF\\&quot;,\\n        new TextStyle(\\&quot;Times\\&quot;, 500)\\n          .fontWeight(\\&quot;bold\\&quot;)\\n          .letterSpacing(70)\\n      )\\n        .textColor(\\&quot;#EA672A\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;HOPE\\&quot;, new TextStyle(\\&quot;Impact\\&quot;, 600).letterSpacing(350))\\n        .textColor(\\&quot;#5D3FD3\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(1000)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      text(\\&quot;KINDNESS\\&quot;, new TextStyle(\\&quot;Oswald\\&quot;, 500).letterSpacing(50))\\n        .textColor(\\&quot;#BF40BF\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north\\&quot;))\\n        .offsetY(1000)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\n        \\&quot;BELIEF\\&quot;,\\n        new TextStyle(\\&quot;Times\\&quot;, 500)\\n          .fontWeight(\\&quot;bold\\&quot;)\\n          .letterSpacing(70)\\n      )\\n        .textColor(\\&quot;#EA672A\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;HOPE\\&quot;, new TextStyle(\\&quot;Impact\\&quot;, 600).letterSpacing(350))\\n        .textColor(\\&quot;#5D3FD3\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(1000)\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot; &gt; &lt;cld-transformation color=\\&quot;#BF40BF\\&quot; :overlay=\\&quot;{fontFamily: &#039;Oswald&#039;, fontSize: 500, letterSpacing: 50, text: &#039;KINDNESS&#039;}\\&quot; opacity=\\&quot;70\\&quot; \\\/&gt; &lt;cld-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north\\&quot; y=\\&quot;1000\\&quot; \\\/&gt; &lt;cld-transformation color=\\&quot;#EA672A\\&quot; :overlay=\\&quot;{fontFamily: &#039;Times&#039;, fontSize: 500, fontWeight: &#039;bold&#039;, letterSpacing: 70, text: &#039;BELIEF&#039;}\\&quot; opacity=\\&quot;70\\&quot; \\\/&gt; &lt;cld-transformation flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;cld-transformation color=\\&quot;#5D3FD3\\&quot; :overlay=\\&quot;{fontFamily: &#039;Impact&#039;, fontSize: 600, letterSpacing: 350, text: &#039;HOPE&#039;}\\&quot; opacity=\\&quot;70\\&quot; \\\/&gt; &lt;cld-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;south\\&quot; y=\\&quot;1000\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation color=\\&quot;#BF40BF\\&quot; :overlay=\\&quot;{fontFamily: &#039;Oswald&#039;, fontSize: 500, letterSpacing: 50, text: &#039;KINDNESS&#039;}\\&quot; opacity=\\&quot;70\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north\\&quot; y=\\&quot;1000\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation color=\\&quot;#EA672A\\&quot; :overlay=\\&quot;{fontFamily: &#039;Times&#039;, fontSize: 500, fontWeight: &#039;bold&#039;, letterSpacing: 70, text: &#039;BELIEF&#039;}\\&quot; opacity=\\&quot;70\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation color=\\&quot;#5D3FD3\\&quot; :overlay=\\&quot;{fontFamily: &#039;Impact&#039;, fontSize: 600, letterSpacing: 350, text: &#039;HOPE&#039;}\\&quot; opacity=\\&quot;70\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;south\\&quot; y=\\&quot;1000\\&quot; \\\/&gt;\\n&lt;\\\/cld-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      text(\\&quot;KINDNESS\\&quot;, new TextStyle(\\&quot;Oswald\\&quot;, 500).letterSpacing(50))\\n        .textColor(\\&quot;#BF40BF\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north\\&quot;))\\n        .offsetY(1000)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\n        \\&quot;BELIEF\\&quot;,\\n        new TextStyle(\\&quot;Times\\&quot;, 500)\\n          .fontWeight(\\&quot;bold\\&quot;)\\n          .letterSpacing(70)\\n      )\\n        .textColor(\\&quot;#EA672A\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;HOPE\\&quot;, new TextStyle(\\&quot;Impact\\&quot;, 600).letterSpacing(350))\\n        .textColor(\\&quot;#5D3FD3\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(1000)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      text(\\&quot;KINDNESS\\&quot;, new TextStyle(\\&quot;Oswald\\&quot;, 500).letterSpacing(50))\\n        .textColor(\\&quot;#BF40BF\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north\\&quot;))\\n        .offsetY(1000)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\n        \\&quot;BELIEF\\&quot;,\\n        new TextStyle(\\&quot;Times\\&quot;, 500)\\n          .fontWeight(\\&quot;bold\\&quot;)\\n          .letterSpacing(70)\\n      )\\n        .textColor(\\&quot;#EA672A\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;HOPE\\&quot;, new TextStyle(\\&quot;Impact\\&quot;, 600).letterSpacing(350))\\n        .textColor(\\&quot;#5D3FD3\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(1000)\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot; &gt; &lt;cl-transformation color=\\&quot;#BF40BF\\&quot; overlay=\\&quot;text:Oswald_500_letter_spacing_50:KINDNESS\\&quot; opacity=\\&quot;70\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north\\&quot; y=\\&quot;1000\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation color=\\&quot;#EA672A\\&quot; overlay=\\&quot;text:Times_500_bold_letter_spacing_70:BELIEF\\&quot; opacity=\\&quot;70\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation flags=\\&quot;layer_apply\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation color=\\&quot;#5D3FD3\\&quot; overlay=\\&quot;text:Impact_600_letter_spacing_350:HOPE\\&quot; opacity=\\&quot;70\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;south\\&quot; y=\\&quot;1000\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation color=\\&quot;#BF40BF\\&quot; overlay=\\&quot;text:Oswald_500_letter_spacing_50:KINDNESS\\&quot; opacity=\\&quot;70\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;north\\&quot; y=\\&quot;1000\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation color=\\&quot;#EA672A\\&quot; overlay=\\&quot;text:Times_500_bold_letter_spacing_70:BELIEF\\&quot; opacity=\\&quot;70\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation flags=\\&quot;layer_apply\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation color=\\&quot;#5D3FD3\\&quot; overlay=\\&quot;text:Impact_600_letter_spacing_350:HOPE\\&quot; opacity=\\&quot;70\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;south\\&quot; y=\\&quot;1000\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      text(\\&quot;KINDNESS\\&quot;, new TextStyle(\\&quot;Oswald\\&quot;, 500).letterSpacing(50))\\n        .textColor(\\&quot;#BF40BF\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north\\&quot;))\\n        .offsetY(1000)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\n        \\&quot;BELIEF\\&quot;,\\n        new TextStyle(\\&quot;Times\\&quot;, 500)\\n          .fontWeight(\\&quot;bold\\&quot;)\\n          .letterSpacing(70)\\n      )\\n        .textColor(\\&quot;#EA672A\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;HOPE\\&quot;, new TextStyle(\\&quot;Impact\\&quot;, 600).letterSpacing(350))\\n        .textColor(\\&quot;#5D3FD3\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(1000)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      text(\\&quot;KINDNESS\\&quot;, new TextStyle(\\&quot;Oswald\\&quot;, 500).letterSpacing(50))\\n        .textColor(\\&quot;#BF40BF\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north\\&quot;))\\n        .offsetY(1000)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\n        \\&quot;BELIEF\\&quot;,\\n        new TextStyle(\\&quot;Times\\&quot;, 500)\\n          .fontWeight(\\&quot;bold\\&quot;)\\n          .letterSpacing(70)\\n      )\\n        .textColor(\\&quot;#EA672A\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;HOPE\\&quot;, new TextStyle(\\&quot;Impact\\&quot;, 600).letterSpacing(350))\\n        .textColor(\\&quot;#5D3FD3\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(1000)\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.imageTag(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;, {transformation: [ {color: \\&quot;#BF40BF\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Oswald\\&quot;).fontSize(500).letterSpacing(50).text(\\&quot;KINDNESS\\&quot;), opacity: 70}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north\\&quot;, y: 1000}, {color: \\&quot;#EA672A\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Times\\&quot;).fontSize(500).fontWeight(\\&quot;bold\\&quot;).letterSpacing(70).text(\\&quot;BELIEF\\&quot;), opacity: 70}, {flags: \\&quot;layer_apply\\&quot;}, {color: \\&quot;#5D3FD3\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Impact\\&quot;).fontSize(600).letterSpacing(350).text(\\&quot;HOPE\\&quot;), opacity: 70}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;south\\&quot;, y: 1000} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;, {transformation: [\\n  {color: \\&quot;#BF40BF\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Oswald\\&quot;).fontSize(500).letterSpacing(50).text(\\&quot;KINDNESS\\&quot;), opacity: 70},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north\\&quot;, y: 1000},\\n  {color: \\&quot;#EA672A\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Times\\&quot;).fontSize(500).fontWeight(\\&quot;bold\\&quot;).letterSpacing(70).text(\\&quot;BELIEF\\&quot;), opacity: 70},\\n  {flags: \\&quot;layer_apply\\&quot;},\\n  {color: \\&quot;#5D3FD3\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Impact\\&quot;).fontSize(600).letterSpacing(350).text(\\&quot;HOPE\\&quot;), opacity: 70},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;south\\&quot;, y: 1000}\\n  ]}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;).image(transformation=[ {&#039;color&#039;: \\&quot;#BF40BF\\&quot;, &#039;overlay&#039;: {&#039;font_family&#039;: \\&quot;Oswald\\&quot;, &#039;font_size&#039;: 500, &#039;letter_spacing&#039;: 50, &#039;text&#039;: \\&quot;KINDNESS\\&quot;}, &#039;opacity&#039;: 70}, {&#039;flags&#039;: \\&quot;layer_apply\\&quot;, &#039;gravity&#039;: \\&quot;north\\&quot;, &#039;y&#039;: 1000}, {&#039;color&#039;: \\&quot;#EA672A\\&quot;, &#039;overlay&#039;: {&#039;font_family&#039;: \\&quot;Times\\&quot;, &#039;font_size&#039;: 500, &#039;font_weight&#039;: \\&quot;bold\\&quot;, &#039;letter_spacing&#039;: 70, &#039;text&#039;: \\&quot;BELIEF\\&quot;}, &#039;opacity&#039;: 70}, {&#039;flags&#039;: \\&quot;layer_apply\\&quot;}, {&#039;color&#039;: \\&quot;#5D3FD3\\&quot;, &#039;overlay&#039;: {&#039;font_family&#039;: \\&quot;Impact\\&quot;, &#039;font_size&#039;: 600, &#039;letter_spacing&#039;: 350, &#039;text&#039;: \\&quot;HOPE\\&quot;}, &#039;opacity&#039;: 70}, {&#039;flags&#039;: \\&quot;layer_apply\\&quot;, &#039;gravity&#039;: \\&quot;south\\&quot;, &#039;y&#039;: 1000} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;).image(transformation=[\\n  {&#039;color&#039;: \\&quot;#BF40BF\\&quot;, &#039;overlay&#039;: {&#039;font_family&#039;: \\&quot;Oswald\\&quot;, &#039;font_size&#039;: 500, &#039;letter_spacing&#039;: 50, &#039;text&#039;: \\&quot;KINDNESS\\&quot;}, &#039;opacity&#039;: 70},\\n  {&#039;flags&#039;: \\&quot;layer_apply\\&quot;, &#039;gravity&#039;: \\&quot;north\\&quot;, &#039;y&#039;: 1000},\\n  {&#039;color&#039;: \\&quot;#EA672A\\&quot;, &#039;overlay&#039;: {&#039;font_family&#039;: \\&quot;Times\\&quot;, &#039;font_size&#039;: 500, &#039;font_weight&#039;: \\&quot;bold\\&quot;, &#039;letter_spacing&#039;: 70, &#039;text&#039;: \\&quot;BELIEF\\&quot;}, &#039;opacity&#039;: 70},\\n  {&#039;flags&#039;: \\&quot;layer_apply\\&quot;},\\n  {&#039;color&#039;: \\&quot;#5D3FD3\\&quot;, &#039;overlay&#039;: {&#039;font_family&#039;: \\&quot;Impact\\&quot;, &#039;font_size&#039;: 600, &#039;letter_spacing&#039;: 350, &#039;text&#039;: \\&quot;HOPE\\&quot;}, &#039;opacity&#039;: 70},\\n  {&#039;flags&#039;: \\&quot;layer_apply\\&quot;, &#039;gravity&#039;: \\&quot;south\\&quot;, &#039;y&#039;: 1000}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new ImageTag(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::text(\\&quot;KINDNESS\\&quot;,(new TextStyle(\\&quot;Oswald\\&quot;,500))-&gt;letterSpacing(50))\\n\\t-&gt;textColor(Color::rgb(\\&quot;BF40BF\\&quot;))\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;adjust(Adjust::opacity(70)))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::north()))\\n-&gt;offsetY(1000))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::text(\\&quot;BELIEF\\&quot;,(new TextStyle(\\&quot;Times\\&quot;,500))\\n\\t-&gt;fontWeight(\\n\\tFontWeight::bold())\\n-&gt;letterSpacing(70))\\n\\t-&gt;textColor(Color::rgb(\\&quot;EA672A\\&quot;))\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;adjust(Adjust::opacity(70)))\\n\\t))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::text(\\&quot;HOPE\\&quot;,(new TextStyle(\\&quot;Impact\\&quot;,600))-&gt;letterSpacing(350))\\n\\t-&gt;textColor(Color::rgb(\\&quot;5D3FD3\\&quot;))\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;adjust(Adjust::opacity(70)))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\n-&gt;offsetY(1000))\\n\\t);&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::text(\\&quot;KINDNESS\\&quot;,(new TextStyle(\\&quot;Oswald\\&quot;,500))-&gt;letterSpacing(50))\\n\\t-&gt;textColor(Color::rgb(\\&quot;BF40BF\\&quot;))\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;adjust(Adjust::opacity(70)))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::north()))\\n-&gt;offsetY(1000))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::text(\\&quot;BELIEF\\&quot;,(new TextStyle(\\&quot;Times\\&quot;,500))\\n\\t-&gt;fontWeight(\\n\\tFontWeight::bold())\\n-&gt;letterSpacing(70))\\n\\t-&gt;textColor(Color::rgb(\\&quot;EA672A\\&quot;))\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;adjust(Adjust::opacity(70)))\\n\\t))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::text(\\&quot;HOPE\\&quot;,(new TextStyle(\\&quot;Impact\\&quot;,600))-&gt;letterSpacing(350))\\n\\t-&gt;textColor(Color::rgb(\\&quot;5D3FD3\\&quot;))\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;adjust(Adjust::opacity(70)))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\n-&gt;offsetY(1000))\\n\\t);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array( array(\\&quot;color\\&quot;=&gt;\\&quot;#BF40BF\\&quot;, \\&quot;overlay\\&quot;=&gt;array(\\&quot;font_family\\&quot;=&gt;\\&quot;Oswald\\&quot;, \\&quot;font_size\\&quot;=&gt;500, \\&quot;letter_spacing\\&quot;=&gt;50, \\&quot;text\\&quot;=&gt;\\&quot;KINDNESS\\&quot;), \\&quot;opacity\\&quot;=&gt;70), array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;north\\&quot;, \\&quot;y\\&quot;=&gt;1000), array(\\&quot;color\\&quot;=&gt;\\&quot;#EA672A\\&quot;, \\&quot;overlay\\&quot;=&gt;array(\\&quot;font_family\\&quot;=&gt;\\&quot;Times\\&quot;, \\&quot;font_size\\&quot;=&gt;500, \\&quot;font_weight\\&quot;=&gt;\\&quot;bold\\&quot;, \\&quot;letter_spacing\\&quot;=&gt;70, \\&quot;text\\&quot;=&gt;\\&quot;BELIEF\\&quot;), \\&quot;opacity\\&quot;=&gt;70), array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;), array(\\&quot;color\\&quot;=&gt;\\&quot;#5D3FD3\\&quot;, \\&quot;overlay\\&quot;=&gt;array(\\&quot;font_family\\&quot;=&gt;\\&quot;Impact\\&quot;, \\&quot;font_size\\&quot;=&gt;600, \\&quot;letter_spacing\\&quot;=&gt;350, \\&quot;text\\&quot;=&gt;\\&quot;HOPE\\&quot;), \\&quot;opacity\\&quot;=&gt;70), array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;y\\&quot;=&gt;1000) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;color\\&quot;=&gt;\\&quot;#BF40BF\\&quot;, \\&quot;overlay\\&quot;=&gt;array(\\&quot;font_family\\&quot;=&gt;\\&quot;Oswald\\&quot;, \\&quot;font_size\\&quot;=&gt;500, \\&quot;letter_spacing\\&quot;=&gt;50, \\&quot;text\\&quot;=&gt;\\&quot;KINDNESS\\&quot;), \\&quot;opacity\\&quot;=&gt;70),\\n  array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;north\\&quot;, \\&quot;y\\&quot;=&gt;1000),\\n  array(\\&quot;color\\&quot;=&gt;\\&quot;#EA672A\\&quot;, \\&quot;overlay\\&quot;=&gt;array(\\&quot;font_family\\&quot;=&gt;\\&quot;Times\\&quot;, \\&quot;font_size\\&quot;=&gt;500, \\&quot;font_weight\\&quot;=&gt;\\&quot;bold\\&quot;, \\&quot;letter_spacing\\&quot;=&gt;70, \\&quot;text\\&quot;=&gt;\\&quot;BELIEF\\&quot;), \\&quot;opacity\\&quot;=&gt;70),\\n  array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;),\\n  array(\\&quot;color\\&quot;=&gt;\\&quot;#5D3FD3\\&quot;, \\&quot;overlay\\&quot;=&gt;array(\\&quot;font_family\\&quot;=&gt;\\&quot;Impact\\&quot;, \\&quot;font_size\\&quot;=&gt;600, \\&quot;letter_spacing\\&quot;=&gt;350, \\&quot;text\\&quot;=&gt;\\&quot;HOPE\\&quot;), \\&quot;opacity\\&quot;=&gt;70),\\n  array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;y\\&quot;=&gt;1000)\\n  )))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().color(\\&quot;#BF40BF\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Oswald\\&quot;).fontSize(500).letterSpacing(50).text(\\&quot;KINDNESS\\&quot;)).opacity(70).chain() .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north\\&quot;).y(1000).chain() .color(\\&quot;#EA672A\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Times\\&quot;).fontSize(500).fontWeight(\\&quot;bold\\&quot;).letterSpacing(70).text(\\&quot;BELIEF\\&quot;)).opacity(70).chain() .flags(\\&quot;layer_apply\\&quot;).chain() .color(\\&quot;#5D3FD3\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Impact\\&quot;).fontSize(600).letterSpacing(350).text(\\&quot;HOPE\\&quot;)).opacity(70).chain() .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;south\\&quot;).y(1000)).imageTag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .color(\\&quot;#BF40BF\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Oswald\\&quot;).fontSize(500).letterSpacing(50).text(\\&quot;KINDNESS\\&quot;)).opacity(70).chain()\\n  .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north\\&quot;).y(1000).chain()\\n  .color(\\&quot;#EA672A\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Times\\&quot;).fontSize(500).fontWeight(\\&quot;bold\\&quot;).letterSpacing(70).text(\\&quot;BELIEF\\&quot;)).opacity(70).chain()\\n  .flags(\\&quot;layer_apply\\&quot;).chain()\\n  .color(\\&quot;#5D3FD3\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Impact\\&quot;).fontSize(600).letterSpacing(350).text(\\&quot;HOPE\\&quot;)).opacity(70).chain()\\n  .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;south\\&quot;).y(1000)).imageTag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;, transformation: [ {color: \\&quot;#BF40BF\\&quot;, overlay: {font_family: \\&quot;Oswald\\&quot;, font_size: 500, letter_spacing: 50, text: \\&quot;KINDNESS\\&quot;}, opacity: 70}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north\\&quot;, y: 1000}, {color: \\&quot;#EA672A\\&quot;, overlay: {font_family: \\&quot;Times\\&quot;, font_size: 500, font_weight: \\&quot;bold\\&quot;, letter_spacing: 70, text: \\&quot;BELIEF\\&quot;}, opacity: 70}, {flags: \\&quot;layer_apply\\&quot;}, {color: \\&quot;#5D3FD3\\&quot;, overlay: {font_family: \\&quot;Impact\\&quot;, font_size: 600, letter_spacing: 350, text: \\&quot;HOPE\\&quot;}, opacity: 70}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;south\\&quot;, y: 1000} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;, transformation: [\\n  {color: \\&quot;#BF40BF\\&quot;, overlay: {font_family: \\&quot;Oswald\\&quot;, font_size: 500, letter_spacing: 50, text: \\&quot;KINDNESS\\&quot;}, opacity: 70},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north\\&quot;, y: 1000},\\n  {color: \\&quot;#EA672A\\&quot;, overlay: {font_family: \\&quot;Times\\&quot;, font_size: 500, font_weight: \\&quot;bold\\&quot;, letter_spacing: 70, text: \\&quot;BELIEF\\&quot;}, opacity: 70},\\n  {flags: \\&quot;layer_apply\\&quot;},\\n  {color: \\&quot;#5D3FD3\\&quot;, overlay: {font_family: \\&quot;Impact\\&quot;, font_size: 600, letter_spacing: 350, text: \\&quot;HOPE\\&quot;}, opacity: 70},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;south\\&quot;, y: 1000}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Color(\\&quot;#BF40BF\\&quot;).Overlay(new TextLayer().FontFamily(\\&quot;Oswald\\&quot;).FontSize(500).LetterSpacing(50).Text(\\&quot;KINDNESS\\&quot;)).Opacity(70).Chain() .Flags(\\&quot;layer_apply\\&quot;).Gravity(\\&quot;north\\&quot;).Y(1000).Chain() .Color(\\&quot;#EA672A\\&quot;).Overlay(new TextLayer().FontFamily(\\&quot;Times\\&quot;).FontSize(500).FontWeight(\\&quot;bold\\&quot;).LetterSpacing(70).Text(\\&quot;BELIEF\\&quot;)).Opacity(70).Chain() .Flags(\\&quot;layer_apply\\&quot;).Chain() .Color(\\&quot;#5D3FD3\\&quot;).Overlay(new TextLayer().FontFamily(\\&quot;Impact\\&quot;).FontSize(600).LetterSpacing(350).Text(\\&quot;HOPE\\&quot;)).Opacity(70).Chain() .Flags(\\&quot;layer_apply\\&quot;).Gravity(\\&quot;south\\&quot;).Y(1000)).BuildImageTag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation()\\n  .Color(\\&quot;#BF40BF\\&quot;).Overlay(new TextLayer().FontFamily(\\&quot;Oswald\\&quot;).FontSize(500).LetterSpacing(50).Text(\\&quot;KINDNESS\\&quot;)).Opacity(70).Chain()\\n  .Flags(\\&quot;layer_apply\\&quot;).Gravity(\\&quot;north\\&quot;).Y(1000).Chain()\\n  .Color(\\&quot;#EA672A\\&quot;).Overlay(new TextLayer().FontFamily(\\&quot;Times\\&quot;).FontSize(500).FontWeight(\\&quot;bold\\&quot;).LetterSpacing(70).Text(\\&quot;BELIEF\\&quot;)).Opacity(70).Chain()\\n  .Flags(\\&quot;layer_apply\\&quot;).Chain()\\n  .Color(\\&quot;#5D3FD3\\&quot;).Overlay(new TextLayer().FontFamily(\\&quot;Impact\\&quot;).FontSize(600).LetterSpacing(350).Text(\\&quot;HOPE\\&quot;)).Opacity(70).Chain()\\n  .Flags(\\&quot;layer_apply\\&quot;).Gravity(\\&quot;south\\&quot;).Y(1000)).BuildImageTag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;co_rgb:BF40BF,l_text:Oswald_500_letter_spacing_50:KINDNESS,o_70\\\/fl_layer_apply,g_north,y_1000\\\/co_rgb:EA672A,l_text:Times_500_bold_letter_spacing_70:BELIEF,o_70\\\/fl_layer_apply\\\/co_rgb:5D3FD3,l_text:Impact_600_letter_spacing_350:HOPE,o_70\\\/fl_layer_apply,g_south,y_1000\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;co_rgb:BF40BF,l_text:Oswald_500_letter_spacing_50:KINDNESS,o_70\\\/fl_layer_apply,g_north,y_1000\\\/co_rgb:EA672A,l_text:Times_500_bold_letter_spacing_70:BELIEF,o_70\\\/fl_layer_apply\\\/co_rgb:5D3FD3,l_text:Impact_600_letter_spacing_350:HOPE,o_70\\\/fl_layer_apply,g_south,y_1000\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setColor(\\&quot;#BF40BF\\&quot;).setOverlay(\\&quot;text:Oswald_500_letter_spacing_50:KINDNESS\\&quot;).setOpacity(70).chain() .setFlags(\\&quot;layer_apply\\&quot;).setGravity(\\&quot;north\\&quot;).setY(1000).chain() .setColor(\\&quot;#EA672A\\&quot;).setOverlay(\\&quot;text:Times_500_bold_letter_spacing_70:BELIEF\\&quot;).setOpacity(70).chain() .setFlags(\\&quot;layer_apply\\&quot;).chain() .setColor(\\&quot;#5D3FD3\\&quot;).setOverlay(\\&quot;text:Impact_600_letter_spacing_350:HOPE\\&quot;).setOpacity(70).chain() .setFlags(\\&quot;layer_apply\\&quot;).setGravity(\\&quot;south\\&quot;).setY(1000)).generate(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\\n  .setColor(\\&quot;#BF40BF\\&quot;).setOverlay(\\&quot;text:Oswald_500_letter_spacing_50:KINDNESS\\&quot;).setOpacity(70).chain()\\n  .setFlags(\\&quot;layer_apply\\&quot;).setGravity(\\&quot;north\\&quot;).setY(1000).chain()\\n  .setColor(\\&quot;#EA672A\\&quot;).setOverlay(\\&quot;text:Times_500_bold_letter_spacing_70:BELIEF\\&quot;).setOpacity(70).chain()\\n  .setFlags(\\&quot;layer_apply\\&quot;).chain()\\n  .setColor(\\&quot;#5D3FD3\\&quot;).setOverlay(\\&quot;text:Impact_600_letter_spacing_350:HOPE\\&quot;).setOpacity(70).chain()\\n  .setFlags(\\&quot;layer_apply\\&quot;).setGravity(\\&quot;south\\&quot;).setY(1000)).generate(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().color(\\&quot;#BF40BF\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Oswald\\&quot;).fontSize(500).letterSpacing(50).text(\\&quot;KINDNESS\\&quot;)).opacity(70).chain() .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north\\&quot;).y(1000).chain() .color(\\&quot;#EA672A\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Times\\&quot;).fontSize(500).fontWeight(\\&quot;bold\\&quot;).letterSpacing(70).text(\\&quot;BELIEF\\&quot;)).opacity(70).chain() .flags(\\&quot;layer_apply\\&quot;).chain() .color(\\&quot;#5D3FD3\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Impact\\&quot;).fontSize(600).letterSpacing(350).text(\\&quot;HOPE\\&quot;)).opacity(70).chain() .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;south\\&quot;).y(1000)).generate(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .color(\\&quot;#BF40BF\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Oswald\\&quot;).fontSize(500).letterSpacing(50).text(\\&quot;KINDNESS\\&quot;)).opacity(70).chain()\\n  .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;north\\&quot;).y(1000).chain()\\n  .color(\\&quot;#EA672A\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Times\\&quot;).fontSize(500).fontWeight(\\&quot;bold\\&quot;).letterSpacing(70).text(\\&quot;BELIEF\\&quot;)).opacity(70).chain()\\n  .flags(\\&quot;layer_apply\\&quot;).chain()\\n  .color(\\&quot;#5D3FD3\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Impact\\&quot;).fontSize(600).letterSpacing(350).text(\\&quot;HOPE\\&quot;)).opacity(70).chain()\\n  .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;south\\&quot;).y(1000)).generate(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;co_rgb:BF40BF,l_text:Oswald_500_letter_spacing_50:KINDNESS,o_70\\\/fl_layer_apply,g_north,y_1000\\\/co_rgb:EA672A,l_text:Times_500_bold_letter_spacing_70:BELIEF,o_70\\\/fl_layer_apply\\\/co_rgb:5D3FD3,l_text:Impact_600_letter_spacing_350:HOPE,o_70\\\/fl_layer_apply,g_south,y_1000\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;co_rgb:BF40BF,l_text:Oswald_500_letter_spacing_50:KINDNESS,o_70\\\/fl_layer_apply,g_north,y_1000\\\/co_rgb:EA672A,l_text:Times_500_bold_letter_spacing_70:BELIEF,o_70\\\/fl_layer_apply\\\/co_rgb:5D3FD3,l_text:Impact_600_letter_spacing_350:HOPE,o_70\\\/fl_layer_apply,g_south,y_1000\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)\\n\\t overlay(Overlay.source(\\n\\tSource.text(\\&quot;KINDNESS\\&quot;,TextStyle(\\&quot;Oswald\\&quot;,500) { letterSpacing(50) }) {\\n\\t textColor(Color.rgb(\\&quot;BF40BF\\&quot;))\\n\\t transformation(Transformation {\\n\\t adjust(Adjust.opacity(70)) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.north()))\\n offsetY(1000) })\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.text(\\&quot;BELIEF\\&quot;,TextStyle(\\&quot;Times\\&quot;,500) {\\n\\t fontWeight(\\n\\tFontWeight.bold())\\n letterSpacing(70) }) {\\n\\t textColor(Color.rgb(\\&quot;EA672A\\&quot;))\\n\\t transformation(Transformation {\\n\\t adjust(Adjust.opacity(70)) })\\n\\t }))\\n\\t overlay(Overlay.source(\\n\\tSource.text(\\&quot;HOPE\\&quot;,TextStyle(\\&quot;Impact\\&quot;,600) { letterSpacing(350) }) {\\n\\t textColor(Color.rgb(\\&quot;5D3FD3\\&quot;))\\n\\t transformation(Transformation {\\n\\t adjust(Adjust.opacity(70)) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n offsetY(1000) })\\n\\t }) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)\\n\\t overlay(Overlay.source(\\n\\tSource.text(\\&quot;KINDNESS\\&quot;,TextStyle(\\&quot;Oswald\\&quot;,500) { letterSpacing(50) }) {\\n\\t textColor(Color.rgb(\\&quot;BF40BF\\&quot;))\\n\\t transformation(Transformation {\\n\\t adjust(Adjust.opacity(70)) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.north()))\\n offsetY(1000) })\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.text(\\&quot;BELIEF\\&quot;,TextStyle(\\&quot;Times\\&quot;,500) {\\n\\t fontWeight(\\n\\tFontWeight.bold())\\n letterSpacing(70) }) {\\n\\t textColor(Color.rgb(\\&quot;EA672A\\&quot;))\\n\\t transformation(Transformation {\\n\\t adjust(Adjust.opacity(70)) })\\n\\t }))\\n\\t overlay(Overlay.source(\\n\\tSource.text(\\&quot;HOPE\\&quot;,TextStyle(\\&quot;Impact\\&quot;,600) { letterSpacing(350) }) {\\n\\t textColor(Color.rgb(\\&quot;5D3FD3\\&quot;))\\n\\t transformation(Transformation {\\n\\t adjust(Adjust.opacity(70)) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n offsetY(1000) })\\n\\t }) \\n}.generate()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;, {transformation: [ {color: \\&quot;#BF40BF\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Oswald\\&quot;).fontSize(500).letterSpacing(50).text(\\&quot;KINDNESS\\&quot;), opacity: 70}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north\\&quot;, y: 1000}, {color: \\&quot;#EA672A\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Times\\&quot;).fontSize(500).fontWeight(\\&quot;bold\\&quot;).letterSpacing(70).text(\\&quot;BELIEF\\&quot;), opacity: 70}, {flags: \\&quot;layer_apply\\&quot;}, {color: \\&quot;#5D3FD3\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Impact\\&quot;).fontSize(600).letterSpacing(350).text(\\&quot;HOPE\\&quot;), opacity: 70}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;south\\&quot;, y: 1000} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;, {transformation: [\\n  {color: \\&quot;#BF40BF\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Oswald\\&quot;).fontSize(500).letterSpacing(50).text(\\&quot;KINDNESS\\&quot;), opacity: 70},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;north\\&quot;, y: 1000},\\n  {color: \\&quot;#EA672A\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Times\\&quot;).fontSize(500).fontWeight(\\&quot;bold\\&quot;).letterSpacing(70).text(\\&quot;BELIEF\\&quot;), opacity: 70},\\n  {flags: \\&quot;layer_apply\\&quot;},\\n  {color: \\&quot;#5D3FD3\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Impact\\&quot;).fontSize(600).letterSpacing(350).text(\\&quot;HOPE\\&quot;), opacity: 70},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;south\\&quot;, y: 1000}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      text(\\&quot;KINDNESS\\&quot;, new TextStyle(\\&quot;Oswald\\&quot;, 500).letterSpacing(50))\\n        .textColor(\\&quot;#BF40BF\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north\\&quot;))\\n        .offsetY(1000)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\n        \\&quot;BELIEF\\&quot;,\\n        new TextStyle(\\&quot;Times\\&quot;, 500)\\n          .fontWeight(\\&quot;bold\\&quot;)\\n          .letterSpacing(70)\\n      )\\n        .textColor(\\&quot;#EA672A\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;HOPE\\&quot;, new TextStyle(\\&quot;Impact\\&quot;, 600).letterSpacing(350))\\n        .textColor(\\&quot;#5D3FD3\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(1000)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)\\n  .overlay(\\n    source(\\n      text(\\&quot;KINDNESS\\&quot;, new TextStyle(\\&quot;Oswald\\&quot;, 500).letterSpacing(50))\\n        .textColor(\\&quot;#BF40BF\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north\\&quot;))\\n        .offsetY(1000)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\n        \\&quot;BELIEF\\&quot;,\\n        new TextStyle(\\&quot;Times\\&quot;, 500)\\n          .fontWeight(\\&quot;bold\\&quot;)\\n          .letterSpacing(70)\\n      )\\n        .textColor(\\&quot;#EA672A\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      text(\\&quot;HOPE\\&quot;, new TextStyle(\\&quot;Impact\\&quot;, 600).letterSpacing(350))\\n        .textColor(\\&quot;#5D3FD3\\&quot;)\\n        .transformation(new Transformation().adjust(opacity(70)))\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(1000)\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/image\\\/upload\\\/co_rgb:BF40BF,l_text:Oswald_500_letter_spacing_50:KINDNESS,o_70\\\/fl_layer_apply,g_north,y_1000\\\/co_rgb:EA672A,l_text:Times_500_bold_letter_spacing_70:BELIEF,o_70\\\/fl_layer_apply\\\/co_rgb:5D3FD3,l_text:Impact_600_letter_spacing_350:HOPE,o_70\\\/fl_layer_apply,g_south,y_1000\\\/docs\\\/letterpress\\\/flowers.jpg&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[{&quot;color&quot;:&quot;rgb:BF40BF&quot;,&quot;overlay&quot;:&quot;text:Oswald_500_letter_spacing_50:KINDNESS&quot;,&quot;opacity&quot;:&quot;70&quot;},{&quot;flags&quot;:&quot;layer_apply&quot;,&quot;gravity&quot;:&quot;north&quot;,&quot;y&quot;:&quot;1000&quot;},{&quot;color&quot;:&quot;rgb:EA672A&quot;,&quot;overlay&quot;:&quot;text:Times_500_bold_letter_spacing_70:BELIEF&quot;,&quot;opacity&quot;:&quot;70&quot;},{&quot;flags&quot;:&quot;layer_apply&quot;},{&quot;color&quot;:&quot;rgb:5D3FD3&quot;,&quot;overlay&quot;:&quot;text:Impact_600_letter_spacing_350:HOPE&quot;,&quot;opacity&quot;:&quot;70&quot;},{&quot;flags&quot;:&quot;layer_apply&quot;,&quot;gravity&quot;:&quot;south&quot;,&quot;y&quot;:&quot;1000&quot;}],&quot;transformation_string&quot;:&quot;co_rgb:BF40BF,l_text:Oswald_500_letter_spacing_50:KINDNESS,o_70\\\/fl_layer_apply,g_north,y_1000\\\/co_rgb:EA672A,l_text:Times_500_bold_letter_spacing_70:BELIEF,o_70\\\/fl_layer_apply\\\/co_rgb:5D3FD3,l_text:Impact_600_letter_spacing_350:HOPE,o_70\\\/fl_layer_apply,g_south,y_1000&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:null,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;docs\\\/letterpress\\\/flowers.jpg&quot;,&quot;extension&quot;:&quot;jpg&quot;,&quot;format&quot;:&quot;jpg&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/co_rgb:BF40BF,l_text:Oswald_500_letter_spacing_50:KINDNESS,o_70\/fl_layer_apply,g_north,y_1000\/co_rgb:EA672A,l_text:Times_500_bold_letter_spacing_70:BELIEF,o_70\/fl_layer_apply\/co_rgb:5D3FD3,l_text:Impact_600_letter_spacing_350:HOPE,o_70\/fl_layer_apply,g_south,y_1000\/docs\/letterpress\/flowers.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/co_rgb:BF40BF,l_text:Oswald_500_letter_spacing_50:KINDNESS,o_70\/fl_layer_apply,g_north,y_1000\/co_rgb:EA672A,l_text:Times_500_bold_letter_spacing_70:BELIEF,o_70\/fl_layer_apply\/co_rgb:5D3FD3,l_text:Impact_600_letter_spacing_350:HOPE,o_70\/fl_layer_apply,g_south,y_1000\/c_scale,w_300\/docs\/letterpress\/flowers.jpg\" alt=\"Multicolored text\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"300\" height=\"400\"\/><\/a><\/p>\n<\/div>\n\n<div class=\"wp-block-cloudinary-markdown \"><h2>Image Overlays<\/h2>\n<p>Another way to achieve a similar effect is to use an image of the real letterpress lettering and transform it into an overlay that we can apply to any image:<\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot; &gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot; &gt;\\n\\n&lt;\\\/Image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot; &gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot; &gt;\\n\\n&lt;\\\/cld-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot; &gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot; &gt;\\n\\n&lt;\\\/cl-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.imageTag(&#039;docs\\\/letterpress\\\/letters.jpg&#039;).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;docs\\\/letterpress\\\/letters.jpg&#039;).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;).image()&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;).image()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new ImageTag(&#039;docs\\\/letterpress\\\/letters.jpg&#039;));&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;docs\\\/letterpress\\\/letters.jpg&#039;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().imageTag(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().imageTag(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.BuildImageTag(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.BuildImageTag(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/letters.jpg&#039;).transformation(Transformation());&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/letters.jpg&#039;).transformation(Transformation());&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().generate(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().generate(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().generate(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().generate(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/letters.jpg&#039;).transformation(Transformation());&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/letters.jpg&#039;).transformation(Transformation());&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;) \\n}.generate()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/image\\\/upload\\\/docs\\\/letterpress\\\/letters.jpg&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[],&quot;transformation_string&quot;:&quot;&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:null,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;docs\\\/letterpress\\\/letters.jpg&quot;,&quot;extension&quot;:&quot;jpg&quot;,&quot;format&quot;:&quot;jpg&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/docs\/letterpress\/letters.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/c_scale,w_300\/docs\/letterpress\/letters.jpg\" alt=\"Letters on the letterpress printer\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"300\" height=\"400\"\/><\/a><\/p>\n<p>First, we make everything but the letters transparent by using the <code>make_transparent<\/code> effect, specifying brown as the color to make transparent, with a large tolerance of 60 (<code>co_brown,e_make_transparent:60<\/code>):<\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;, {color: \\&quot;brown\\&quot;, effect: \\&quot;make_transparent:60\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;, {color: \\&quot;brown\\&quot;, effect: \\&quot;make_transparent:60\\&quot;})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;).effect(\\n  makeTransparent()\\n    .tolerance(60)\\n    .colorToReplace(\\&quot;brown\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;).effect(\\n  makeTransparent()\\n    .tolerance(60)\\n    .colorToReplace(\\&quot;brown\\&quot;)\\n);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot; &gt; &lt;Transformation color=\\&quot;brown\\&quot; effect=\\&quot;make_transparent:60\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot; &gt;\\n\\t&lt;Transformation color=\\&quot;brown\\&quot; effect=\\&quot;make_transparent:60\\&quot; \\\/&gt;\\n&lt;\\\/Image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;).effect(\\n  makeTransparent()\\n    .tolerance(60)\\n    .colorToReplace(\\&quot;brown\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;).effect(\\n  makeTransparent()\\n    .tolerance(60)\\n    .colorToReplace(\\&quot;brown\\&quot;)\\n);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot; &gt; &lt;cld-transformation color=\\&quot;brown\\&quot; effect=\\&quot;make_transparent:60\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation color=\\&quot;brown\\&quot; effect=\\&quot;make_transparent:60\\&quot; \\\/&gt;\\n&lt;\\\/cld-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;).effect(\\n  makeTransparent()\\n    .tolerance(60)\\n    .colorToReplace(\\&quot;brown\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;).effect(\\n  makeTransparent()\\n    .tolerance(60)\\n    .colorToReplace(\\&quot;brown\\&quot;)\\n);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot; &gt; &lt;cl-transformation color=\\&quot;brown\\&quot; effect=\\&quot;make_transparent:60\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation color=\\&quot;brown\\&quot; effect=\\&quot;make_transparent:60\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;).effect(\\n  makeTransparent()\\n    .tolerance(60)\\n    .colorToReplace(\\&quot;brown\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;).effect(\\n  makeTransparent()\\n    .tolerance(60)\\n    .colorToReplace(\\&quot;brown\\&quot;)\\n);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.imageTag(&#039;docs\\\/letterpress\\\/letters.jpg&#039;, {color: \\&quot;brown\\&quot;, effect: \\&quot;make_transparent:60\\&quot;}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;docs\\\/letterpress\\\/letters.jpg&#039;, {color: \\&quot;brown\\&quot;, effect: \\&quot;make_transparent:60\\&quot;}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;).image(color=\\&quot;brown\\&quot;, effect=\\&quot;make_transparent:60\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;).image(color=\\&quot;brown\\&quot;, effect=\\&quot;make_transparent:60\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new ImageTag(&#039;docs\\\/letterpress\\\/letters.jpg&#039;))\\n\\t-&gt;effect(Effect::makeTransparent()-&gt;tolerance(60)\\n\\t-&gt;colorToReplace(Color::BROWN)\\n\\t);&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;docs\\\/letterpress\\\/letters.jpg&#039;))\\n\\t-&gt;effect(Effect::makeTransparent()-&gt;tolerance(60)\\n\\t-&gt;colorToReplace(Color::BROWN)\\n\\t);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;, array(\\&quot;color\\&quot;=&gt;\\&quot;brown\\&quot;, \\&quot;effect\\&quot;=&gt;\\&quot;make_transparent:60\\&quot;))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;, array(\\&quot;color\\&quot;=&gt;\\&quot;brown\\&quot;, \\&quot;effect\\&quot;=&gt;\\&quot;make_transparent:60\\&quot;))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().color(\\&quot;brown\\&quot;).effect(\\&quot;make_transparent:60\\&quot;)).imageTag(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().color(\\&quot;brown\\&quot;).effect(\\&quot;make_transparent:60\\&quot;)).imageTag(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;, color: \\&quot;brown\\&quot;, effect: \\&quot;make_transparent:60\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;, color: \\&quot;brown\\&quot;, effect: \\&quot;make_transparent:60\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Color(\\&quot;brown\\&quot;).Effect(\\&quot;make_transparent:60\\&quot;)).BuildImageTag(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Color(\\&quot;brown\\&quot;).Effect(\\&quot;make_transparent:60\\&quot;)).BuildImageTag(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/letters.jpg&#039;).transformation(Transformation()\\n\\t.effect(Effect.makeTransparent().tolerance(60)\\n\\t.colorToReplace(Color.BROWN)\\n\\t));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/letters.jpg&#039;).transformation(Transformation()\\n\\t.effect(Effect.makeTransparent().tolerance(60)\\n\\t.colorToReplace(Color.BROWN)\\n\\t));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setColor(\\&quot;brown\\&quot;).setEffect(\\&quot;make_transparent:60\\&quot;)).generate(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setColor(\\&quot;brown\\&quot;).setEffect(\\&quot;make_transparent:60\\&quot;)).generate(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().color(\\&quot;brown\\&quot;).effect(\\&quot;make_transparent:60\\&quot;)).generate(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().color(\\&quot;brown\\&quot;).effect(\\&quot;make_transparent:60\\&quot;)).generate(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/letters.jpg&#039;).transformation(Transformation()\\n\\t.effect(Effect.makeTransparent().tolerance(60)\\n\\t.colorToReplace(Color.BROWN)\\n\\t));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/letters.jpg&#039;).transformation(Transformation()\\n\\t.effect(Effect.makeTransparent().tolerance(60)\\n\\t.colorToReplace(Color.BROWN)\\n\\t));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)\\n\\t effect(Effect.makeTransparent() { tolerance(60)\\n\\t colorToReplace(Color.BROWN)\\n\\t }) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)\\n\\t effect(Effect.makeTransparent() { tolerance(60)\\n\\t colorToReplace(Color.BROWN)\\n\\t }) \\n}.generate()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;, {color: \\&quot;brown\\&quot;, effect: \\&quot;make_transparent:60\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;, {color: \\&quot;brown\\&quot;, effect: \\&quot;make_transparent:60\\&quot;})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;).effect(\\n  makeTransparent()\\n    .tolerance(60)\\n    .colorToReplace(\\&quot;brown\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;).effect(\\n  makeTransparent()\\n    .tolerance(60)\\n    .colorToReplace(\\&quot;brown\\&quot;)\\n);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/image\\\/upload\\\/co_brown,e_make_transparent:60\\\/docs\\\/letterpress\\\/letters.jpg&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[{&quot;color&quot;:&quot;brown&quot;,&quot;effect&quot;:&quot;make_transparent:60&quot;}],&quot;transformation_string&quot;:&quot;co_brown,e_make_transparent:60&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:null,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;docs\\\/letterpress\\\/letters.jpg&quot;,&quot;extension&quot;:&quot;jpg&quot;,&quot;format&quot;:&quot;jpg&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/co_brown,e_make_transparent:60\/docs\/letterpress\/letters.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/co_brown,e_make_transparent:60\/c_scale,w_300\/docs\/letterpress\/letters.jpg\" alt=\"Letters on the letterpress printer with transparent background\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"300\" height=\"400\"\/><\/a><\/p>\n<p>The imperfect lettering makes the letterpress effect more authentic!<\/p>\n<p>Then, automatically crop the image, so only the wording is present (<code>c_auto,ar_1.0<\/code>), and flip the wording so it\u2019s legible (<code>a_hflip<\/code>):<\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;, {transformation: [ {angle: \\&quot;hflip\\&quot;}, {color: \\&quot;brown\\&quot;, effect: \\&quot;make_transparent:60\\&quot;}, {aspect_ratio: \\&quot;1.0\\&quot;, crop: \\&quot;auto\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;, {transformation: [\\n  {angle: \\&quot;hflip\\&quot;},\\n  {color: \\&quot;brown\\&quot;, effect: \\&quot;make_transparent:60\\&quot;},\\n  {aspect_ratio: \\&quot;1.0\\&quot;, crop: \\&quot;auto\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)\\n  .rotate(mode(horizontalFlip()))\\n  .effect(\\n    makeTransparent()\\n      .tolerance(60)\\n      .colorToReplace(\\&quot;brown\\&quot;)\\n  )\\n  .resize(auto().aspectRatio(\\&quot;1.0\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)\\n  .rotate(mode(horizontalFlip()))\\n  .effect(\\n    makeTransparent()\\n      .tolerance(60)\\n      .colorToReplace(\\&quot;brown\\&quot;)\\n  )\\n  .resize(auto().aspectRatio(\\&quot;1.0\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot; &gt; &lt;Transformation angle=\\&quot;hflip\\&quot; \\\/&gt; &lt;Transformation color=\\&quot;brown\\&quot; effect=\\&quot;make_transparent:60\\&quot; \\\/&gt; &lt;Transformation aspectRatio=\\&quot;1.0\\&quot; crop=\\&quot;auto\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot; &gt;\\n\\t&lt;Transformation angle=\\&quot;hflip\\&quot; \\\/&gt;\\n\\t&lt;Transformation color=\\&quot;brown\\&quot; effect=\\&quot;make_transparent:60\\&quot; \\\/&gt;\\n\\t&lt;Transformation aspectRatio=\\&quot;1.0\\&quot; crop=\\&quot;auto\\&quot; \\\/&gt;\\n&lt;\\\/Image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)\\n  .rotate(mode(horizontalFlip()))\\n  .effect(\\n    makeTransparent()\\n      .tolerance(60)\\n      .colorToReplace(\\&quot;brown\\&quot;)\\n  )\\n  .resize(auto().aspectRatio(\\&quot;1.0\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)\\n  .rotate(mode(horizontalFlip()))\\n  .effect(\\n    makeTransparent()\\n      .tolerance(60)\\n      .colorToReplace(\\&quot;brown\\&quot;)\\n  )\\n  .resize(auto().aspectRatio(\\&quot;1.0\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot; &gt; &lt;cld-transformation angle=\\&quot;hflip\\&quot; \\\/&gt; &lt;cld-transformation color=\\&quot;brown\\&quot; effect=\\&quot;make_transparent:60\\&quot; \\\/&gt; &lt;cld-transformation aspect-ratio=\\&quot;1.0\\&quot; crop=\\&quot;auto\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation angle=\\&quot;hflip\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation color=\\&quot;brown\\&quot; effect=\\&quot;make_transparent:60\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation aspect-ratio=\\&quot;1.0\\&quot; crop=\\&quot;auto\\&quot; \\\/&gt;\\n&lt;\\\/cld-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)\\n  .rotate(mode(horizontalFlip()))\\n  .effect(\\n    makeTransparent()\\n      .tolerance(60)\\n      .colorToReplace(\\&quot;brown\\&quot;)\\n  )\\n  .resize(auto().aspectRatio(\\&quot;1.0\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)\\n  .rotate(mode(horizontalFlip()))\\n  .effect(\\n    makeTransparent()\\n      .tolerance(60)\\n      .colorToReplace(\\&quot;brown\\&quot;)\\n  )\\n  .resize(auto().aspectRatio(\\&quot;1.0\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot; &gt; &lt;cl-transformation angle=\\&quot;hflip\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation color=\\&quot;brown\\&quot; effect=\\&quot;make_transparent:60\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation aspect-ratio=\\&quot;1.0\\&quot; crop=\\&quot;auto\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation angle=\\&quot;hflip\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation color=\\&quot;brown\\&quot; effect=\\&quot;make_transparent:60\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation aspect-ratio=\\&quot;1.0\\&quot; crop=\\&quot;auto\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)\\n  .rotate(mode(horizontalFlip()))\\n  .effect(\\n    makeTransparent()\\n      .tolerance(60)\\n      .colorToReplace(\\&quot;brown\\&quot;)\\n  )\\n  .resize(auto().aspectRatio(\\&quot;1.0\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)\\n  .rotate(mode(horizontalFlip()))\\n  .effect(\\n    makeTransparent()\\n      .tolerance(60)\\n      .colorToReplace(\\&quot;brown\\&quot;)\\n  )\\n  .resize(auto().aspectRatio(\\&quot;1.0\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.imageTag(&#039;docs\\\/letterpress\\\/letters.jpg&#039;, {transformation: [ {angle: \\&quot;hflip\\&quot;}, {color: \\&quot;brown\\&quot;, effect: \\&quot;make_transparent:60\\&quot;}, {aspectRatio: \\&quot;1.0\\&quot;, crop: \\&quot;auto\\&quot;} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;docs\\\/letterpress\\\/letters.jpg&#039;, {transformation: [\\n  {angle: \\&quot;hflip\\&quot;},\\n  {color: \\&quot;brown\\&quot;, effect: \\&quot;make_transparent:60\\&quot;},\\n  {aspectRatio: \\&quot;1.0\\&quot;, crop: \\&quot;auto\\&quot;}\\n  ]}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;).image(transformation=[ {&#039;angle&#039;: \\&quot;hflip\\&quot;}, {&#039;color&#039;: \\&quot;brown\\&quot;, &#039;effect&#039;: \\&quot;make_transparent:60\\&quot;}, {&#039;aspect_ratio&#039;: \\&quot;1.0\\&quot;, &#039;crop&#039;: \\&quot;auto\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;).image(transformation=[\\n  {&#039;angle&#039;: \\&quot;hflip\\&quot;},\\n  {&#039;color&#039;: \\&quot;brown\\&quot;, &#039;effect&#039;: \\&quot;make_transparent:60\\&quot;},\\n  {&#039;aspect_ratio&#039;: \\&quot;1.0\\&quot;, &#039;crop&#039;: \\&quot;auto\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new ImageTag(&#039;docs\\\/letterpress\\\/letters.jpg&#039;))\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::horizontalFlip()))\\n\\t-&gt;effect(Effect::makeTransparent()-&gt;tolerance(60)\\n\\t-&gt;colorToReplace(Color::BROWN)\\n\\t)\\n\\t-&gt;resize(Resize::auto()-&gt;aspectRatio(1.0));&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;docs\\\/letterpress\\\/letters.jpg&#039;))\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::horizontalFlip()))\\n\\t-&gt;effect(Effect::makeTransparent()-&gt;tolerance(60)\\n\\t-&gt;colorToReplace(Color::BROWN)\\n\\t)\\n\\t-&gt;resize(Resize::auto()-&gt;aspectRatio(1.0));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array( array(\\&quot;angle\\&quot;=&gt;\\&quot;hflip\\&quot;), array(\\&quot;color\\&quot;=&gt;\\&quot;brown\\&quot;, \\&quot;effect\\&quot;=&gt;\\&quot;make_transparent:60\\&quot;), array(\\&quot;aspect_ratio\\&quot;=&gt;\\&quot;1.0\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;auto\\&quot;) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;angle\\&quot;=&gt;\\&quot;hflip\\&quot;),\\n  array(\\&quot;color\\&quot;=&gt;\\&quot;brown\\&quot;, \\&quot;effect\\&quot;=&gt;\\&quot;make_transparent:60\\&quot;),\\n  array(\\&quot;aspect_ratio\\&quot;=&gt;\\&quot;1.0\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;auto\\&quot;)\\n  )))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().angle(\\&quot;hflip\\&quot;).chain() .color(\\&quot;brown\\&quot;).effect(\\&quot;make_transparent:60\\&quot;).chain() .aspectRatio(\\&quot;1.0\\&quot;).crop(\\&quot;auto\\&quot;)).imageTag(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .angle(\\&quot;hflip\\&quot;).chain()\\n  .color(\\&quot;brown\\&quot;).effect(\\&quot;make_transparent:60\\&quot;).chain()\\n  .aspectRatio(\\&quot;1.0\\&quot;).crop(\\&quot;auto\\&quot;)).imageTag(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;, transformation: [ {angle: \\&quot;hflip\\&quot;}, {color: \\&quot;brown\\&quot;, effect: \\&quot;make_transparent:60\\&quot;}, {aspect_ratio: \\&quot;1.0\\&quot;, crop: \\&quot;auto\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;, transformation: [\\n  {angle: \\&quot;hflip\\&quot;},\\n  {color: \\&quot;brown\\&quot;, effect: \\&quot;make_transparent:60\\&quot;},\\n  {aspect_ratio: \\&quot;1.0\\&quot;, crop: \\&quot;auto\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Angle(\\&quot;hflip\\&quot;).Chain() .Color(\\&quot;brown\\&quot;).Effect(\\&quot;make_transparent:60\\&quot;).Chain() .AspectRatio(\\&quot;1.0\\&quot;).Crop(\\&quot;auto\\&quot;)).BuildImageTag(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation()\\n  .Angle(\\&quot;hflip\\&quot;).Chain()\\n  .Color(\\&quot;brown\\&quot;).Effect(\\&quot;make_transparent:60\\&quot;).Chain()\\n  .AspectRatio(\\&quot;1.0\\&quot;).Crop(\\&quot;auto\\&quot;)).BuildImageTag(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/letters.jpg&#039;).transformation(Transformation()\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.effect(Effect.makeTransparent().tolerance(60)\\n\\t.colorToReplace(Color.BROWN)\\n\\t)\\n\\t.resize(Resize.auto().aspectRatio(&#039;1.0&#039;)));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/letters.jpg&#039;).transformation(Transformation()\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.effect(Effect.makeTransparent().tolerance(60)\\n\\t.colorToReplace(Color.BROWN)\\n\\t)\\n\\t.resize(Resize.auto().aspectRatio(&#039;1.0&#039;)));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setAngle(\\&quot;hflip\\&quot;).chain() .setColor(\\&quot;brown\\&quot;).setEffect(\\&quot;make_transparent:60\\&quot;).chain() .setAspectRatio(\\&quot;1.0\\&quot;).setCrop(\\&quot;auto\\&quot;)).generate(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\\n  .setAngle(\\&quot;hflip\\&quot;).chain()\\n  .setColor(\\&quot;brown\\&quot;).setEffect(\\&quot;make_transparent:60\\&quot;).chain()\\n  .setAspectRatio(\\&quot;1.0\\&quot;).setCrop(\\&quot;auto\\&quot;)).generate(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().angle(\\&quot;hflip\\&quot;).chain() .color(\\&quot;brown\\&quot;).effect(\\&quot;make_transparent:60\\&quot;).chain() .aspectRatio(\\&quot;1.0\\&quot;).crop(\\&quot;auto\\&quot;)).generate(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .angle(\\&quot;hflip\\&quot;).chain()\\n  .color(\\&quot;brown\\&quot;).effect(\\&quot;make_transparent:60\\&quot;).chain()\\n  .aspectRatio(\\&quot;1.0\\&quot;).crop(\\&quot;auto\\&quot;)).generate(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/letters.jpg&#039;).transformation(Transformation()\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.effect(Effect.makeTransparent().tolerance(60)\\n\\t.colorToReplace(Color.BROWN)\\n\\t)\\n\\t.resize(Resize.auto().aspectRatio(&#039;1.0&#039;)));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/letters.jpg&#039;).transformation(Transformation()\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.effect(Effect.makeTransparent().tolerance(60)\\n\\t.colorToReplace(Color.BROWN)\\n\\t)\\n\\t.resize(Resize.auto().aspectRatio(&#039;1.0&#039;)));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t effect(Effect.makeTransparent() { tolerance(60)\\n\\t colorToReplace(Color.BROWN)\\n\\t })\\n\\t resize(Resize.auto() { aspectRatio(1.0F) }) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t effect(Effect.makeTransparent() { tolerance(60)\\n\\t colorToReplace(Color.BROWN)\\n\\t })\\n\\t resize(Resize.auto() { aspectRatio(1.0F) }) \\n}.generate()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;, {transformation: [ {angle: \\&quot;hflip\\&quot;}, {color: \\&quot;brown\\&quot;, effect: \\&quot;make_transparent:60\\&quot;}, {aspect_ratio: \\&quot;1.0\\&quot;, crop: \\&quot;auto\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;, {transformation: [\\n  {angle: \\&quot;hflip\\&quot;},\\n  {color: \\&quot;brown\\&quot;, effect: \\&quot;make_transparent:60\\&quot;},\\n  {aspect_ratio: \\&quot;1.0\\&quot;, crop: \\&quot;auto\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)\\n  .rotate(mode(horizontalFlip()))\\n  .effect(\\n    makeTransparent()\\n      .tolerance(60)\\n      .colorToReplace(\\&quot;brown\\&quot;)\\n  )\\n  .resize(auto().aspectRatio(\\&quot;1.0\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)\\n  .rotate(mode(horizontalFlip()))\\n  .effect(\\n    makeTransparent()\\n      .tolerance(60)\\n      .colorToReplace(\\&quot;brown\\&quot;)\\n  )\\n  .resize(auto().aspectRatio(\\&quot;1.0\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/image\\\/upload\\\/a_hflip\\\/co_brown,e_make_transparent:60\\\/c_auto,ar_1.0\\\/docs\\\/letterpress\\\/letters.jpg&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[{&quot;angle&quot;:&quot;hflip&quot;},{&quot;color&quot;:&quot;brown&quot;,&quot;effect&quot;:&quot;make_transparent:60&quot;},{&quot;crop_mode&quot;:&quot;auto&quot;,&quot;aspect_ratio&quot;:&quot;1.0&quot;}],&quot;transformation_string&quot;:&quot;a_hflip\\\/co_brown,e_make_transparent:60\\\/c_auto,ar_1.0&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:null,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;docs\\\/letterpress\\\/letters.jpg&quot;,&quot;extension&quot;:&quot;jpg&quot;,&quot;format&quot;:&quot;jpg&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/a_hflip\/co_brown,e_make_transparent:60\/c_auto,ar_1.0\/docs\/letterpress\/letters.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/a_hflip\/co_brown,e_make_transparent:60\/c_auto,ar_1.0\/c_scale,w_300\/docs\/letterpress\/letters.jpg\" alt=\"Letters on the letterpress printer with transparent background and flipped\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"300\" height=\"300\"\/><\/a><\/p>\n<p>And then, because of the angle at which the photo was taken, we need to correct the perspective by adding a <a href=\"https:\/\/cloudinary.com\/documentation\/transformation_reference#e_distort\">distort<\/a> effect, bringing the bottom in line with the top (<code>e_distort:0:0:3000:0:2400:3000:600:3000<\/code>):<\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;, {transformation: [ {angle: \\&quot;hflip\\&quot;}, {color: \\&quot;brown\\&quot;, effect: \\&quot;make_transparent:60\\&quot;}, {aspect_ratio: \\&quot;1.0\\&quot;, crop: \\&quot;auto\\&quot;}, {effect: \\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;, {transformation: [\\n  {angle: \\&quot;hflip\\&quot;},\\n  {color: \\&quot;brown\\&quot;, effect: \\&quot;make_transparent:60\\&quot;},\\n  {aspect_ratio: \\&quot;1.0\\&quot;, crop: \\&quot;auto\\&quot;},\\n  {effect: \\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)\\n  .rotate(mode(horizontalFlip()))\\n  .effect(\\n    makeTransparent()\\n      .tolerance(60)\\n      .colorToReplace(\\&quot;brown\\&quot;)\\n  )\\n  .resize(auto().aspectRatio(\\&quot;1.0\\&quot;))\\n  .reshape(distort([0, 0, 3000, 0, 2400, 3000, 600, 3000]));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)\\n  .rotate(mode(horizontalFlip()))\\n  .effect(\\n    makeTransparent()\\n      .tolerance(60)\\n      .colorToReplace(\\&quot;brown\\&quot;)\\n  )\\n  .resize(auto().aspectRatio(\\&quot;1.0\\&quot;))\\n  .reshape(distort([0, 0, 3000, 0, 2400, 3000, 600, 3000]));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot; &gt; &lt;Transformation angle=\\&quot;hflip\\&quot; \\\/&gt; &lt;Transformation color=\\&quot;brown\\&quot; effect=\\&quot;make_transparent:60\\&quot; \\\/&gt; &lt;Transformation aspectRatio=\\&quot;1.0\\&quot; crop=\\&quot;auto\\&quot; \\\/&gt; &lt;Transformation effect=\\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot; &gt;\\n\\t&lt;Transformation angle=\\&quot;hflip\\&quot; \\\/&gt;\\n\\t&lt;Transformation color=\\&quot;brown\\&quot; effect=\\&quot;make_transparent:60\\&quot; \\\/&gt;\\n\\t&lt;Transformation aspectRatio=\\&quot;1.0\\&quot; crop=\\&quot;auto\\&quot; \\\/&gt;\\n\\t&lt;Transformation effect=\\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot; \\\/&gt;\\n&lt;\\\/Image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)\\n  .rotate(mode(horizontalFlip()))\\n  .effect(\\n    makeTransparent()\\n      .tolerance(60)\\n      .colorToReplace(\\&quot;brown\\&quot;)\\n  )\\n  .resize(auto().aspectRatio(\\&quot;1.0\\&quot;))\\n  .reshape(distort([0, 0, 3000, 0, 2400, 3000, 600, 3000]));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)\\n  .rotate(mode(horizontalFlip()))\\n  .effect(\\n    makeTransparent()\\n      .tolerance(60)\\n      .colorToReplace(\\&quot;brown\\&quot;)\\n  )\\n  .resize(auto().aspectRatio(\\&quot;1.0\\&quot;))\\n  .reshape(distort([0, 0, 3000, 0, 2400, 3000, 600, 3000]));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot; &gt; &lt;cld-transformation angle=\\&quot;hflip\\&quot; \\\/&gt; &lt;cld-transformation color=\\&quot;brown\\&quot; effect=\\&quot;make_transparent:60\\&quot; \\\/&gt; &lt;cld-transformation aspect-ratio=\\&quot;1.0\\&quot; crop=\\&quot;auto\\&quot; \\\/&gt; &lt;cld-transformation effect=\\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation angle=\\&quot;hflip\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation color=\\&quot;brown\\&quot; effect=\\&quot;make_transparent:60\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation aspect-ratio=\\&quot;1.0\\&quot; crop=\\&quot;auto\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation effect=\\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot; \\\/&gt;\\n&lt;\\\/cld-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)\\n  .rotate(mode(horizontalFlip()))\\n  .effect(\\n    makeTransparent()\\n      .tolerance(60)\\n      .colorToReplace(\\&quot;brown\\&quot;)\\n  )\\n  .resize(auto().aspectRatio(\\&quot;1.0\\&quot;))\\n  .reshape(distort([0, 0, 3000, 0, 2400, 3000, 600, 3000]));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)\\n  .rotate(mode(horizontalFlip()))\\n  .effect(\\n    makeTransparent()\\n      .tolerance(60)\\n      .colorToReplace(\\&quot;brown\\&quot;)\\n  )\\n  .resize(auto().aspectRatio(\\&quot;1.0\\&quot;))\\n  .reshape(distort([0, 0, 3000, 0, 2400, 3000, 600, 3000]));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot; &gt; &lt;cl-transformation angle=\\&quot;hflip\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation color=\\&quot;brown\\&quot; effect=\\&quot;make_transparent:60\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation aspect-ratio=\\&quot;1.0\\&quot; crop=\\&quot;auto\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation effect=\\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation angle=\\&quot;hflip\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation color=\\&quot;brown\\&quot; effect=\\&quot;make_transparent:60\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation aspect-ratio=\\&quot;1.0\\&quot; crop=\\&quot;auto\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation effect=\\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)\\n  .rotate(mode(horizontalFlip()))\\n  .effect(\\n    makeTransparent()\\n      .tolerance(60)\\n      .colorToReplace(\\&quot;brown\\&quot;)\\n  )\\n  .resize(auto().aspectRatio(\\&quot;1.0\\&quot;))\\n  .reshape(distort([0, 0, 3000, 0, 2400, 3000, 600, 3000]));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)\\n  .rotate(mode(horizontalFlip()))\\n  .effect(\\n    makeTransparent()\\n      .tolerance(60)\\n      .colorToReplace(\\&quot;brown\\&quot;)\\n  )\\n  .resize(auto().aspectRatio(\\&quot;1.0\\&quot;))\\n  .reshape(distort([0, 0, 3000, 0, 2400, 3000, 600, 3000]));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.imageTag(&#039;docs\\\/letterpress\\\/letters.jpg&#039;, {transformation: [ {angle: \\&quot;hflip\\&quot;}, {color: \\&quot;brown\\&quot;, effect: \\&quot;make_transparent:60\\&quot;}, {aspectRatio: \\&quot;1.0\\&quot;, crop: \\&quot;auto\\&quot;}, {effect: \\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;docs\\\/letterpress\\\/letters.jpg&#039;, {transformation: [\\n  {angle: \\&quot;hflip\\&quot;},\\n  {color: \\&quot;brown\\&quot;, effect: \\&quot;make_transparent:60\\&quot;},\\n  {aspectRatio: \\&quot;1.0\\&quot;, crop: \\&quot;auto\\&quot;},\\n  {effect: \\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;}\\n  ]}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;).image(transformation=[ {&#039;angle&#039;: \\&quot;hflip\\&quot;}, {&#039;color&#039;: \\&quot;brown\\&quot;, &#039;effect&#039;: \\&quot;make_transparent:60\\&quot;}, {&#039;aspect_ratio&#039;: \\&quot;1.0\\&quot;, &#039;crop&#039;: \\&quot;auto\\&quot;}, {&#039;effect&#039;: \\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;).image(transformation=[\\n  {&#039;angle&#039;: \\&quot;hflip\\&quot;},\\n  {&#039;color&#039;: \\&quot;brown\\&quot;, &#039;effect&#039;: \\&quot;make_transparent:60\\&quot;},\\n  {&#039;aspect_ratio&#039;: \\&quot;1.0\\&quot;, &#039;crop&#039;: \\&quot;auto\\&quot;},\\n  {&#039;effect&#039;: \\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new ImageTag(&#039;docs\\\/letterpress\\\/letters.jpg&#039;))\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::horizontalFlip()))\\n\\t-&gt;effect(Effect::makeTransparent()-&gt;tolerance(60)\\n\\t-&gt;colorToReplace(Color::BROWN)\\n\\t)\\n\\t-&gt;resize(Resize::auto()-&gt;aspectRatio(1.0))\\n\\t-&gt;reshape(Reshape::distort([0, 0, 3000, 0, 2400, 3000, 600, 3000]));&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;docs\\\/letterpress\\\/letters.jpg&#039;))\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::horizontalFlip()))\\n\\t-&gt;effect(Effect::makeTransparent()-&gt;tolerance(60)\\n\\t-&gt;colorToReplace(Color::BROWN)\\n\\t)\\n\\t-&gt;resize(Resize::auto()-&gt;aspectRatio(1.0))\\n\\t-&gt;reshape(Reshape::distort([0, 0, 3000, 0, 2400, 3000, 600, 3000]));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array( array(\\&quot;angle\\&quot;=&gt;\\&quot;hflip\\&quot;), array(\\&quot;color\\&quot;=&gt;\\&quot;brown\\&quot;, \\&quot;effect\\&quot;=&gt;\\&quot;make_transparent:60\\&quot;), array(\\&quot;aspect_ratio\\&quot;=&gt;\\&quot;1.0\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;auto\\&quot;), array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;angle\\&quot;=&gt;\\&quot;hflip\\&quot;),\\n  array(\\&quot;color\\&quot;=&gt;\\&quot;brown\\&quot;, \\&quot;effect\\&quot;=&gt;\\&quot;make_transparent:60\\&quot;),\\n  array(\\&quot;aspect_ratio\\&quot;=&gt;\\&quot;1.0\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;auto\\&quot;),\\n  array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;)\\n  )))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().angle(\\&quot;hflip\\&quot;).chain() .color(\\&quot;brown\\&quot;).effect(\\&quot;make_transparent:60\\&quot;).chain() .aspectRatio(\\&quot;1.0\\&quot;).crop(\\&quot;auto\\&quot;).chain() .effect(\\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;)).imageTag(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .angle(\\&quot;hflip\\&quot;).chain()\\n  .color(\\&quot;brown\\&quot;).effect(\\&quot;make_transparent:60\\&quot;).chain()\\n  .aspectRatio(\\&quot;1.0\\&quot;).crop(\\&quot;auto\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;)).imageTag(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;, transformation: [ {angle: \\&quot;hflip\\&quot;}, {color: \\&quot;brown\\&quot;, effect: \\&quot;make_transparent:60\\&quot;}, {aspect_ratio: \\&quot;1.0\\&quot;, crop: \\&quot;auto\\&quot;}, {effect: \\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;, transformation: [\\n  {angle: \\&quot;hflip\\&quot;},\\n  {color: \\&quot;brown\\&quot;, effect: \\&quot;make_transparent:60\\&quot;},\\n  {aspect_ratio: \\&quot;1.0\\&quot;, crop: \\&quot;auto\\&quot;},\\n  {effect: \\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Angle(\\&quot;hflip\\&quot;).Chain() .Color(\\&quot;brown\\&quot;).Effect(\\&quot;make_transparent:60\\&quot;).Chain() .AspectRatio(\\&quot;1.0\\&quot;).Crop(\\&quot;auto\\&quot;).Chain() .Effect(\\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;)).BuildImageTag(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation()\\n  .Angle(\\&quot;hflip\\&quot;).Chain()\\n  .Color(\\&quot;brown\\&quot;).Effect(\\&quot;make_transparent:60\\&quot;).Chain()\\n  .AspectRatio(\\&quot;1.0\\&quot;).Crop(\\&quot;auto\\&quot;).Chain()\\n  .Effect(\\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;)).BuildImageTag(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/letters.jpg&#039;).transformation(Transformation()\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.effect(Effect.makeTransparent().tolerance(60)\\n\\t.colorToReplace(Color.BROWN)\\n\\t)\\n\\t.resize(Resize.auto().aspectRatio(&#039;1.0&#039;))\\n\\t.reshape(Reshape.distort([0, 0, 3000, 0, 2400, 3000, 600, 3000])));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/letters.jpg&#039;).transformation(Transformation()\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.effect(Effect.makeTransparent().tolerance(60)\\n\\t.colorToReplace(Color.BROWN)\\n\\t)\\n\\t.resize(Resize.auto().aspectRatio(&#039;1.0&#039;))\\n\\t.reshape(Reshape.distort([0, 0, 3000, 0, 2400, 3000, 600, 3000])));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setAngle(\\&quot;hflip\\&quot;).chain() .setColor(\\&quot;brown\\&quot;).setEffect(\\&quot;make_transparent:60\\&quot;).chain() .setAspectRatio(\\&quot;1.0\\&quot;).setCrop(\\&quot;auto\\&quot;).chain() .setEffect(\\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;)).generate(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\\n  .setAngle(\\&quot;hflip\\&quot;).chain()\\n  .setColor(\\&quot;brown\\&quot;).setEffect(\\&quot;make_transparent:60\\&quot;).chain()\\n  .setAspectRatio(\\&quot;1.0\\&quot;).setCrop(\\&quot;auto\\&quot;).chain()\\n  .setEffect(\\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;)).generate(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().angle(\\&quot;hflip\\&quot;).chain() .color(\\&quot;brown\\&quot;).effect(\\&quot;make_transparent:60\\&quot;).chain() .aspectRatio(\\&quot;1.0\\&quot;).crop(\\&quot;auto\\&quot;).chain() .effect(\\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;)).generate(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .angle(\\&quot;hflip\\&quot;).chain()\\n  .color(\\&quot;brown\\&quot;).effect(\\&quot;make_transparent:60\\&quot;).chain()\\n  .aspectRatio(\\&quot;1.0\\&quot;).crop(\\&quot;auto\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;)).generate(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/letters.jpg&#039;).transformation(Transformation()\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.effect(Effect.makeTransparent().tolerance(60)\\n\\t.colorToReplace(Color.BROWN)\\n\\t)\\n\\t.resize(Resize.auto().aspectRatio(&#039;1.0&#039;))\\n\\t.reshape(Reshape.distort([0, 0, 3000, 0, 2400, 3000, 600, 3000])));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/letters.jpg&#039;).transformation(Transformation()\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.effect(Effect.makeTransparent().tolerance(60)\\n\\t.colorToReplace(Color.BROWN)\\n\\t)\\n\\t.resize(Resize.auto().aspectRatio(&#039;1.0&#039;))\\n\\t.reshape(Reshape.distort([0, 0, 3000, 0, 2400, 3000, 600, 3000])));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t effect(Effect.makeTransparent() { tolerance(60)\\n\\t colorToReplace(Color.BROWN)\\n\\t })\\n\\t resize(Resize.auto() { aspectRatio(1.0F) })\\n\\t reshape(Reshape.distort(listOf(0, 0, 3000, 0, 2400, 3000, 600, 3000))) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t effect(Effect.makeTransparent() { tolerance(60)\\n\\t colorToReplace(Color.BROWN)\\n\\t })\\n\\t resize(Resize.auto() { aspectRatio(1.0F) })\\n\\t reshape(Reshape.distort(listOf(0, 0, 3000, 0, 2400, 3000, 600, 3000))) \\n}.generate()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;, {transformation: [ {angle: \\&quot;hflip\\&quot;}, {color: \\&quot;brown\\&quot;, effect: \\&quot;make_transparent:60\\&quot;}, {aspect_ratio: \\&quot;1.0\\&quot;, crop: \\&quot;auto\\&quot;}, {effect: \\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;, {transformation: [\\n  {angle: \\&quot;hflip\\&quot;},\\n  {color: \\&quot;brown\\&quot;, effect: \\&quot;make_transparent:60\\&quot;},\\n  {aspect_ratio: \\&quot;1.0\\&quot;, crop: \\&quot;auto\\&quot;},\\n  {effect: \\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)\\n  .rotate(mode(horizontalFlip()))\\n  .effect(\\n    makeTransparent()\\n      .tolerance(60)\\n      .colorToReplace(\\&quot;brown\\&quot;)\\n  )\\n  .resize(auto().aspectRatio(\\&quot;1.0\\&quot;))\\n  .reshape(distort([0, 0, 3000, 0, 2400, 3000, 600, 3000]));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/letters.jpg\\&quot;)\\n  .rotate(mode(horizontalFlip()))\\n  .effect(\\n    makeTransparent()\\n      .tolerance(60)\\n      .colorToReplace(\\&quot;brown\\&quot;)\\n  )\\n  .resize(auto().aspectRatio(\\&quot;1.0\\&quot;))\\n  .reshape(distort([0, 0, 3000, 0, 2400, 3000, 600, 3000]));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/image\\\/upload\\\/a_hflip\\\/co_brown,e_make_transparent:60\\\/c_auto,ar_1.0\\\/e_distort:0:0:3000:0:2400:3000:600:3000\\\/docs\\\/letterpress\\\/letters.jpg&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[{&quot;angle&quot;:&quot;hflip&quot;},{&quot;color&quot;:&quot;brown&quot;,&quot;effect&quot;:&quot;make_transparent:60&quot;},{&quot;crop_mode&quot;:&quot;auto&quot;,&quot;aspect_ratio&quot;:&quot;1.0&quot;},{&quot;effect&quot;:&quot;distort:0:0:3000:0:2400:3000:600:3000&quot;}],&quot;transformation_string&quot;:&quot;a_hflip\\\/co_brown,e_make_transparent:60\\\/c_auto,ar_1.0\\\/e_distort:0:0:3000:0:2400:3000:600:3000&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:null,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;docs\\\/letterpress\\\/letters.jpg&quot;,&quot;extension&quot;:&quot;jpg&quot;,&quot;format&quot;:&quot;jpg&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/a_hflip\/co_brown,e_make_transparent:60\/c_auto,ar_1.0\/e_distort:0:0:3000:0:2400:3000:600:3000\/docs\/letterpress\/letters.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/a_hflip\/co_brown,e_make_transparent:60\/c_auto,ar_1.0\/e_distort:0:0:3000:0:2400:3000:600:3000\/c_scale,w_300\/docs\/letterpress\/letters.jpg\" alt=\"Letters on the letterpress printer with transparent background, flipped and distorted\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"300\" height=\"300\"\/><\/a><\/p>\n<p>And finally, we can apply this transformed image as an overlay on top of our base image, with an opacity of 70 (<code>l_docs:letterpress:letters\/a_hflip\/co_brown,e_make_transparent:60\/o_70\/c_auto,ar_1.0\/e_distort:0:0:3000:0:2400:3000:600:3000\/fl_layer_apply<\/code>):<\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;, {transformation: [ {overlay: \\&quot;docs:letterpress:letters\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {color: \\&quot;brown\\&quot;, effect: \\&quot;make_transparent:60\\&quot;}, {opacity: 70}, {aspect_ratio: \\&quot;1.0\\&quot;, crop: \\&quot;auto\\&quot;}, {effect: \\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;}, {flags: \\&quot;layer_apply\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;, {transformation: [\\n  {overlay: \\&quot;docs:letterpress:letters\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {color: \\&quot;brown\\&quot;, effect: \\&quot;make_transparent:60\\&quot;},\\n  {opacity: 70},\\n  {aspect_ratio: \\&quot;1.0\\&quot;, crop: \\&quot;auto\\&quot;},\\n  {effect: \\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;).overlay(\\n  source(\\n    image(\\&quot;docs\\\/letterpress:letters\\&quot;).transformation(\\n      new Transformation()\\n        .rotate(mode(horizontalFlip()))\\n        .effect(makeTransparent().tolerance(60).colorToReplace(\\&quot;brown\\&quot;))\\n        .adjust(opacity(70))\\n        .resize(auto().aspectRatio(\\&quot;1.0\\&quot;))\\n        .reshape(distort([0, 0, 3000, 0, 2400, 3000, 600, 3000]))\\n    )\\n  )\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;).overlay(\\n  source(\\n    image(\\&quot;docs\\\/letterpress:letters\\&quot;).transformation(\\n      new Transformation()\\n        .rotate(mode(horizontalFlip()))\\n        .effect(makeTransparent().tolerance(60).colorToReplace(\\&quot;brown\\&quot;))\\n        .adjust(opacity(70))\\n        .resize(auto().aspectRatio(\\&quot;1.0\\&quot;))\\n        .reshape(distort([0, 0, 3000, 0, 2400, 3000, 600, 3000]))\\n    )\\n  )\\n);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot; &gt; &lt;Transformation overlay=\\&quot;docs:letterpress:letters\\&quot; \\\/&gt; &lt;Transformation angle=\\&quot;hflip\\&quot; \\\/&gt; &lt;Transformation color=\\&quot;brown\\&quot; effect=\\&quot;make_transparent:60\\&quot; \\\/&gt; &lt;Transformation opacity=\\&quot;70\\&quot; \\\/&gt; &lt;Transformation aspectRatio=\\&quot;1.0\\&quot; crop=\\&quot;auto\\&quot; \\\/&gt; &lt;Transformation effect=\\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot; \\\/&gt; &lt;Transformation flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot; &gt;\\n\\t&lt;Transformation overlay=\\&quot;docs:letterpress:letters\\&quot; \\\/&gt;\\n\\t&lt;Transformation angle=\\&quot;hflip\\&quot; \\\/&gt;\\n\\t&lt;Transformation color=\\&quot;brown\\&quot; effect=\\&quot;make_transparent:60\\&quot; \\\/&gt;\\n\\t&lt;Transformation opacity=\\&quot;70\\&quot; \\\/&gt;\\n\\t&lt;Transformation aspectRatio=\\&quot;1.0\\&quot; crop=\\&quot;auto\\&quot; \\\/&gt;\\n\\t&lt;Transformation effect=\\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot; \\\/&gt;\\n\\t&lt;Transformation flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n&lt;\\\/Image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;).overlay(\\n  source(\\n    image(\\&quot;docs\\\/letterpress:letters\\&quot;).transformation(\\n      new Transformation()\\n        .rotate(mode(horizontalFlip()))\\n        .effect(makeTransparent().tolerance(60).colorToReplace(\\&quot;brown\\&quot;))\\n        .adjust(opacity(70))\\n        .resize(auto().aspectRatio(\\&quot;1.0\\&quot;))\\n        .reshape(distort([0, 0, 3000, 0, 2400, 3000, 600, 3000]))\\n    )\\n  )\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;).overlay(\\n  source(\\n    image(\\&quot;docs\\\/letterpress:letters\\&quot;).transformation(\\n      new Transformation()\\n        .rotate(mode(horizontalFlip()))\\n        .effect(makeTransparent().tolerance(60).colorToReplace(\\&quot;brown\\&quot;))\\n        .adjust(opacity(70))\\n        .resize(auto().aspectRatio(\\&quot;1.0\\&quot;))\\n        .reshape(distort([0, 0, 3000, 0, 2400, 3000, 600, 3000]))\\n    )\\n  )\\n);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot; &gt; &lt;cld-transformation :overlay=\\&quot;docs:letterpress:letters\\&quot; \\\/&gt; &lt;cld-transformation angle=\\&quot;hflip\\&quot; \\\/&gt; &lt;cld-transformation color=\\&quot;brown\\&quot; effect=\\&quot;make_transparent:60\\&quot; \\\/&gt; &lt;cld-transformation opacity=\\&quot;70\\&quot; \\\/&gt; &lt;cld-transformation aspect-ratio=\\&quot;1.0\\&quot; crop=\\&quot;auto\\&quot; \\\/&gt; &lt;cld-transformation effect=\\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot; \\\/&gt; &lt;cld-transformation flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation :overlay=\\&quot;docs:letterpress:letters\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation angle=\\&quot;hflip\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation color=\\&quot;brown\\&quot; effect=\\&quot;make_transparent:60\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation opacity=\\&quot;70\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation aspect-ratio=\\&quot;1.0\\&quot; crop=\\&quot;auto\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation effect=\\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n&lt;\\\/cld-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;).overlay(\\n  source(\\n    image(\\&quot;docs\\\/letterpress:letters\\&quot;).transformation(\\n      new Transformation()\\n        .rotate(mode(horizontalFlip()))\\n        .effect(makeTransparent().tolerance(60).colorToReplace(\\&quot;brown\\&quot;))\\n        .adjust(opacity(70))\\n        .resize(auto().aspectRatio(\\&quot;1.0\\&quot;))\\n        .reshape(distort([0, 0, 3000, 0, 2400, 3000, 600, 3000]))\\n    )\\n  )\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;).overlay(\\n  source(\\n    image(\\&quot;docs\\\/letterpress:letters\\&quot;).transformation(\\n      new Transformation()\\n        .rotate(mode(horizontalFlip()))\\n        .effect(makeTransparent().tolerance(60).colorToReplace(\\&quot;brown\\&quot;))\\n        .adjust(opacity(70))\\n        .resize(auto().aspectRatio(\\&quot;1.0\\&quot;))\\n        .reshape(distort([0, 0, 3000, 0, 2400, 3000, 600, 3000]))\\n    )\\n  )\\n);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot; &gt; &lt;cl-transformation overlay=\\&quot;docs:letterpress:letters\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation angle=\\&quot;hflip\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation color=\\&quot;brown\\&quot; effect=\\&quot;make_transparent:60\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation opacity=\\&quot;70\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation aspect-ratio=\\&quot;1.0\\&quot; crop=\\&quot;auto\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation effect=\\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation flags=\\&quot;layer_apply\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation overlay=\\&quot;docs:letterpress:letters\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation angle=\\&quot;hflip\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation color=\\&quot;brown\\&quot; effect=\\&quot;make_transparent:60\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation opacity=\\&quot;70\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation aspect-ratio=\\&quot;1.0\\&quot; crop=\\&quot;auto\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation effect=\\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation flags=\\&quot;layer_apply\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;).overlay(\\n  source(\\n    image(\\&quot;docs\\\/letterpress:letters\\&quot;).transformation(\\n      new Transformation()\\n        .rotate(mode(horizontalFlip()))\\n        .effect(makeTransparent().tolerance(60).colorToReplace(\\&quot;brown\\&quot;))\\n        .adjust(opacity(70))\\n        .resize(auto().aspectRatio(\\&quot;1.0\\&quot;))\\n        .reshape(distort([0, 0, 3000, 0, 2400, 3000, 600, 3000]))\\n    )\\n  )\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;).overlay(\\n  source(\\n    image(\\&quot;docs\\\/letterpress:letters\\&quot;).transformation(\\n      new Transformation()\\n        .rotate(mode(horizontalFlip()))\\n        .effect(makeTransparent().tolerance(60).colorToReplace(\\&quot;brown\\&quot;))\\n        .adjust(opacity(70))\\n        .resize(auto().aspectRatio(\\&quot;1.0\\&quot;))\\n        .reshape(distort([0, 0, 3000, 0, 2400, 3000, 600, 3000]))\\n    )\\n  )\\n);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.imageTag(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;, {transformation: [ {overlay: new cloudinary.Layer().publicId(\\&quot;docs:letterpress:letters\\&quot;)}, {angle: \\&quot;hflip\\&quot;}, {color: \\&quot;brown\\&quot;, effect: \\&quot;make_transparent:60\\&quot;}, {opacity: 70}, {aspectRatio: \\&quot;1.0\\&quot;, crop: \\&quot;auto\\&quot;}, {effect: \\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;}, {flags: \\&quot;layer_apply\\&quot;} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;, {transformation: [\\n  {overlay: new cloudinary.Layer().publicId(\\&quot;docs:letterpress:letters\\&quot;)},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {color: \\&quot;brown\\&quot;, effect: \\&quot;make_transparent:60\\&quot;},\\n  {opacity: 70},\\n  {aspectRatio: \\&quot;1.0\\&quot;, crop: \\&quot;auto\\&quot;},\\n  {effect: \\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;}\\n  ]}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;).image(transformation=[ {&#039;overlay&#039;: \\&quot;docs:letterpress:letters\\&quot;}, {&#039;angle&#039;: \\&quot;hflip\\&quot;}, {&#039;color&#039;: \\&quot;brown\\&quot;, &#039;effect&#039;: \\&quot;make_transparent:60\\&quot;}, {&#039;opacity&#039;: 70}, {&#039;aspect_ratio&#039;: \\&quot;1.0\\&quot;, &#039;crop&#039;: \\&quot;auto\\&quot;}, {&#039;effect&#039;: \\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;}, {&#039;flags&#039;: \\&quot;layer_apply\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;).image(transformation=[\\n  {&#039;overlay&#039;: \\&quot;docs:letterpress:letters\\&quot;},\\n  {&#039;angle&#039;: \\&quot;hflip\\&quot;},\\n  {&#039;color&#039;: \\&quot;brown\\&quot;, &#039;effect&#039;: \\&quot;make_transparent:60\\&quot;},\\n  {&#039;opacity&#039;: 70},\\n  {&#039;aspect_ratio&#039;: \\&quot;1.0\\&quot;, &#039;crop&#039;: \\&quot;auto\\&quot;},\\n  {&#039;effect&#039;: \\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;},\\n  {&#039;flags&#039;: \\&quot;layer_apply\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new ImageTag(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;docs\\\/letterpress:letters\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::horizontalFlip()))\\n\\t-&gt;effect(Effect::makeTransparent()-&gt;tolerance(60)\\n\\t-&gt;colorToReplace(Color::BROWN)\\n\\t)\\n\\t-&gt;adjust(Adjust::opacity(70))\\n\\t-&gt;resize(Resize::auto()-&gt;aspectRatio(1.0))\\n\\t-&gt;reshape(Reshape::distort([0, 0, 3000, 0, 2400, 3000, 600, 3000])))\\n\\t));&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;docs\\\/letterpress:letters\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::horizontalFlip()))\\n\\t-&gt;effect(Effect::makeTransparent()-&gt;tolerance(60)\\n\\t-&gt;colorToReplace(Color::BROWN)\\n\\t)\\n\\t-&gt;adjust(Adjust::opacity(70))\\n\\t-&gt;resize(Resize::auto()-&gt;aspectRatio(1.0))\\n\\t-&gt;reshape(Reshape::distort([0, 0, 3000, 0, 2400, 3000, 600, 3000])))\\n\\t));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array( array(\\&quot;overlay\\&quot;=&gt;\\&quot;docs:letterpress:letters\\&quot;), array(\\&quot;angle\\&quot;=&gt;\\&quot;hflip\\&quot;), array(\\&quot;color\\&quot;=&gt;\\&quot;brown\\&quot;, \\&quot;effect\\&quot;=&gt;\\&quot;make_transparent:60\\&quot;), array(\\&quot;opacity\\&quot;=&gt;70), array(\\&quot;aspect_ratio\\&quot;=&gt;\\&quot;1.0\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;auto\\&quot;), array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;), array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;overlay\\&quot;=&gt;\\&quot;docs:letterpress:letters\\&quot;),\\n  array(\\&quot;angle\\&quot;=&gt;\\&quot;hflip\\&quot;),\\n  array(\\&quot;color\\&quot;=&gt;\\&quot;brown\\&quot;, \\&quot;effect\\&quot;=&gt;\\&quot;make_transparent:60\\&quot;),\\n  array(\\&quot;opacity\\&quot;=&gt;70),\\n  array(\\&quot;aspect_ratio\\&quot;=&gt;\\&quot;1.0\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;auto\\&quot;),\\n  array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;),\\n  array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;)\\n  )))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().overlay(new Layer().publicId(\\&quot;docs:letterpress:letters\\&quot;)).chain() .angle(\\&quot;hflip\\&quot;).chain() .color(\\&quot;brown\\&quot;).effect(\\&quot;make_transparent:60\\&quot;).chain() .opacity(70).chain() .aspectRatio(\\&quot;1.0\\&quot;).crop(\\&quot;auto\\&quot;).chain() .effect(\\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;).chain() .flags(\\&quot;layer_apply\\&quot;)).imageTag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .overlay(new Layer().publicId(\\&quot;docs:letterpress:letters\\&quot;)).chain()\\n  .angle(\\&quot;hflip\\&quot;).chain()\\n  .color(\\&quot;brown\\&quot;).effect(\\&quot;make_transparent:60\\&quot;).chain()\\n  .opacity(70).chain()\\n  .aspectRatio(\\&quot;1.0\\&quot;).crop(\\&quot;auto\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;).chain()\\n  .flags(\\&quot;layer_apply\\&quot;)).imageTag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;, transformation: [ {overlay: \\&quot;docs:letterpress:letters\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {color: \\&quot;brown\\&quot;, effect: \\&quot;make_transparent:60\\&quot;}, {opacity: 70}, {aspect_ratio: \\&quot;1.0\\&quot;, crop: \\&quot;auto\\&quot;}, {effect: \\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;}, {flags: \\&quot;layer_apply\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;, transformation: [\\n  {overlay: \\&quot;docs:letterpress:letters\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {color: \\&quot;brown\\&quot;, effect: \\&quot;make_transparent:60\\&quot;},\\n  {opacity: 70},\\n  {aspect_ratio: \\&quot;1.0\\&quot;, crop: \\&quot;auto\\&quot;},\\n  {effect: \\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Overlay(new Layer().PublicId(\\&quot;docs:letterpress:letters\\&quot;)).Chain() .Angle(\\&quot;hflip\\&quot;).Chain() .Color(\\&quot;brown\\&quot;).Effect(\\&quot;make_transparent:60\\&quot;).Chain() .Opacity(70).Chain() .AspectRatio(\\&quot;1.0\\&quot;).Crop(\\&quot;auto\\&quot;).Chain() .Effect(\\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;).Chain() .Flags(\\&quot;layer_apply\\&quot;)).BuildImageTag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation()\\n  .Overlay(new Layer().PublicId(\\&quot;docs:letterpress:letters\\&quot;)).Chain()\\n  .Angle(\\&quot;hflip\\&quot;).Chain()\\n  .Color(\\&quot;brown\\&quot;).Effect(\\&quot;make_transparent:60\\&quot;).Chain()\\n  .Opacity(70).Chain()\\n  .AspectRatio(\\&quot;1.0\\&quot;).Crop(\\&quot;auto\\&quot;).Chain()\\n  .Effect(\\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;).Chain()\\n  .Flags(\\&quot;layer_apply\\&quot;)).BuildImageTag(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;).transformation(Transformation()\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;docs\\\/letterpress:letters\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.effect(Effect.makeTransparent().tolerance(60)\\n\\t.colorToReplace(Color.BROWN)\\n\\t)\\n\\t.adjust(Adjust.opacity(70))\\n\\t.resize(Resize.auto().aspectRatio(&#039;1.0&#039;))\\n\\t.reshape(Reshape.distort([0, 0, 3000, 0, 2400, 3000, 600, 3000])))\\n\\t)));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;).transformation(Transformation()\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;docs\\\/letterpress:letters\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.effect(Effect.makeTransparent().tolerance(60)\\n\\t.colorToReplace(Color.BROWN)\\n\\t)\\n\\t.adjust(Adjust.opacity(70))\\n\\t.resize(Resize.auto().aspectRatio(&#039;1.0&#039;))\\n\\t.reshape(Reshape.distort([0, 0, 3000, 0, 2400, 3000, 600, 3000])))\\n\\t)));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setOverlay(\\&quot;docs:letterpress:letters\\&quot;).chain() .setAngle(\\&quot;hflip\\&quot;).chain() .setColor(\\&quot;brown\\&quot;).setEffect(\\&quot;make_transparent:60\\&quot;).chain() .setOpacity(70).chain() .setAspectRatio(\\&quot;1.0\\&quot;).setCrop(\\&quot;auto\\&quot;).chain() .setEffect(\\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;).chain() .setFlags(\\&quot;layer_apply\\&quot;)).generate(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\\n  .setOverlay(\\&quot;docs:letterpress:letters\\&quot;).chain()\\n  .setAngle(\\&quot;hflip\\&quot;).chain()\\n  .setColor(\\&quot;brown\\&quot;).setEffect(\\&quot;make_transparent:60\\&quot;).chain()\\n  .setOpacity(70).chain()\\n  .setAspectRatio(\\&quot;1.0\\&quot;).setCrop(\\&quot;auto\\&quot;).chain()\\n  .setEffect(\\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;).chain()\\n  .setFlags(\\&quot;layer_apply\\&quot;)).generate(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().overlay(new Layer().publicId(\\&quot;docs:letterpress:letters\\&quot;)).chain() .angle(\\&quot;hflip\\&quot;).chain() .color(\\&quot;brown\\&quot;).effect(\\&quot;make_transparent:60\\&quot;).chain() .opacity(70).chain() .aspectRatio(\\&quot;1.0\\&quot;).crop(\\&quot;auto\\&quot;).chain() .effect(\\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;).chain() .flags(\\&quot;layer_apply\\&quot;)).generate(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .overlay(new Layer().publicId(\\&quot;docs:letterpress:letters\\&quot;)).chain()\\n  .angle(\\&quot;hflip\\&quot;).chain()\\n  .color(\\&quot;brown\\&quot;).effect(\\&quot;make_transparent:60\\&quot;).chain()\\n  .opacity(70).chain()\\n  .aspectRatio(\\&quot;1.0\\&quot;).crop(\\&quot;auto\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;).chain()\\n  .flags(\\&quot;layer_apply\\&quot;)).generate(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;).transformation(Transformation()\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;docs\\\/letterpress:letters\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.effect(Effect.makeTransparent().tolerance(60)\\n\\t.colorToReplace(Color.BROWN)\\n\\t)\\n\\t.adjust(Adjust.opacity(70))\\n\\t.resize(Resize.auto().aspectRatio(&#039;1.0&#039;))\\n\\t.reshape(Reshape.distort([0, 0, 3000, 0, 2400, 3000, 600, 3000])))\\n\\t)));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/letterpress\\\/flowers.jpg&#039;).transformation(Transformation()\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;docs\\\/letterpress:letters\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.effect(Effect.makeTransparent().tolerance(60)\\n\\t.colorToReplace(Color.BROWN)\\n\\t)\\n\\t.adjust(Adjust.opacity(70))\\n\\t.resize(Resize.auto().aspectRatio(&#039;1.0&#039;))\\n\\t.reshape(Reshape.distort([0, 0, 3000, 0, 2400, 3000, 600, 3000])))\\n\\t)));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;docs\\\/letterpress:letters\\&quot;) {\\n\\t transformation(Transformation {\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t effect(Effect.makeTransparent() { tolerance(60)\\n\\t colorToReplace(Color.BROWN)\\n\\t })\\n\\t adjust(Adjust.opacity(70))\\n\\t resize(Resize.auto() { aspectRatio(1.0F) })\\n\\t reshape(Reshape.distort(listOf(0, 0, 3000, 0, 2400, 3000, 600, 3000))) })\\n\\t })) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;)\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;docs\\\/letterpress:letters\\&quot;) {\\n\\t transformation(Transformation {\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t effect(Effect.makeTransparent() { tolerance(60)\\n\\t colorToReplace(Color.BROWN)\\n\\t })\\n\\t adjust(Adjust.opacity(70))\\n\\t resize(Resize.auto() { aspectRatio(1.0F) })\\n\\t reshape(Reshape.distort(listOf(0, 0, 3000, 0, 2400, 3000, 600, 3000))) })\\n\\t })) \\n}.generate()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;, {transformation: [ {overlay: new cloudinary.Layer().publicId(\\&quot;docs:letterpress:letters\\&quot;)}, {angle: \\&quot;hflip\\&quot;}, {color: \\&quot;brown\\&quot;, effect: \\&quot;make_transparent:60\\&quot;}, {opacity: 70}, {aspect_ratio: \\&quot;1.0\\&quot;, crop: \\&quot;auto\\&quot;}, {effect: \\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;}, {flags: \\&quot;layer_apply\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;, {transformation: [\\n  {overlay: new cloudinary.Layer().publicId(\\&quot;docs:letterpress:letters\\&quot;)},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {color: \\&quot;brown\\&quot;, effect: \\&quot;make_transparent:60\\&quot;},\\n  {opacity: 70},\\n  {aspect_ratio: \\&quot;1.0\\&quot;, crop: \\&quot;auto\\&quot;},\\n  {effect: \\&quot;distort:0:0:3000:0:2400:3000:600:3000\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;).overlay(\\n  source(\\n    image(\\&quot;docs\\\/letterpress:letters\\&quot;).transformation(\\n      new Transformation()\\n        .rotate(mode(horizontalFlip()))\\n        .effect(makeTransparent().tolerance(60).colorToReplace(\\&quot;brown\\&quot;))\\n        .adjust(opacity(70))\\n        .resize(auto().aspectRatio(\\&quot;1.0\\&quot;))\\n        .reshape(distort([0, 0, 3000, 0, 2400, 3000, 600, 3000]))\\n    )\\n  )\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/letterpress\\\/flowers.jpg\\&quot;).overlay(\\n  source(\\n    image(\\&quot;docs\\\/letterpress:letters\\&quot;).transformation(\\n      new Transformation()\\n        .rotate(mode(horizontalFlip()))\\n        .effect(makeTransparent().tolerance(60).colorToReplace(\\&quot;brown\\&quot;))\\n        .adjust(opacity(70))\\n        .resize(auto().aspectRatio(\\&quot;1.0\\&quot;))\\n        .reshape(distort([0, 0, 3000, 0, 2400, 3000, 600, 3000]))\\n    )\\n  )\\n);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/image\\\/upload\\\/l_docs:letterpress:letters\\\/a_hflip\\\/co_brown,e_make_transparent:60\\\/o_70\\\/c_auto,ar_1.0\\\/e_distort:0:0:3000:0:2400:3000:600:3000\\\/fl_layer_apply\\\/docs\\\/letterpress\\\/flowers.jpg&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[{&quot;overlay&quot;:&quot;docs:letterpress:letters&quot;},{&quot;angle&quot;:&quot;hflip&quot;},{&quot;color&quot;:&quot;brown&quot;,&quot;effect&quot;:&quot;make_transparent:60&quot;},{&quot;opacity&quot;:&quot;70&quot;},{&quot;crop_mode&quot;:&quot;auto&quot;,&quot;aspect_ratio&quot;:&quot;1.0&quot;},{&quot;effect&quot;:&quot;distort:0:0:3000:0:2400:3000:600:3000&quot;},{&quot;flags&quot;:&quot;layer_apply&quot;}],&quot;transformation_string&quot;:&quot;l_docs:letterpress:letters\\\/a_hflip\\\/co_brown,e_make_transparent:60\\\/o_70\\\/c_auto,ar_1.0\\\/e_distort:0:0:3000:0:2400:3000:600:3000\\\/fl_layer_apply&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:null,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;docs\\\/letterpress\\\/flowers.jpg&quot;,&quot;extension&quot;:&quot;jpg&quot;,&quot;format&quot;:&quot;jpg&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/l_docs:letterpress:letters\/a_hflip\/co_brown,e_make_transparent:60\/o_70\/c_auto,ar_1.0\/e_distort:0:0:3000:0:2400:3000:600:3000\/fl_layer_apply\/docs\/letterpress\/flowers.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/l_docs:letterpress:letters\/a_hflip\/co_brown,e_make_transparent:60\/o_70\/c_auto,ar_1.0\/e_distort:0:0:3000:0:2400:3000:600:3000\/fl_layer_apply\/c_scale,w_300\/docs\/letterpress\/flowers.jpg\" alt=\"Letters on the letterpress printer with transparent background, flipped and distorted overlaid on the flowers base image\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"300\" height=\"400\"\/><\/a><\/p>\n<\/div>\n\n<div class=\"wp-block-cloudinary-markdown \"><h2>Reuse Again and Again<\/h2>\n<p>The great thing about transformations is that they can be <a href=\"https:\/\/cloudinary.com\/documentation\/image_transformations#named_transformations\">saved<\/a> and reused again and again on different images.<\/p>\n<p>When we finished making our prints, we took everything apart, cleaned the ink off the letters and roller, and put the letters back in alphabetical order in their cases. To make the same prints would take all that setup time again.<\/p>\n<p>In the digital world, we just grab the transformation and apply it to any image, instantly and on the fly!<\/p>\n<\/div>\n\n<div class=\"wp-block-cloudinary-markdown \"><div id=\"my-gallery2\" style=\"max-width:65%;margin:auto\">\n<\/div>\n<div id=\"my-gallery2\" style=\"max-width:65%;margin:auto\">\n<\/div>\n<script type=\"text\/javascript\">  \nconst myGallery2= cloudinary.galleryWidget({\n  container: \"#my-gallery2\",\n  cloudName: \"demo\",\n    \"displayProps\": {\n        \"mode\": \"expanded\",\n        \"columns\": 2,\n        \"spacing\": 15\n    },\n  mediaAssets: [\n    {tag: \"letterpress-reuse\"} \/\/ by default mediaType: \"image\"\n  ]\n});\n\nmyGallery2.render();\n<\/script>\n<\/div>\n\n<div class=\"wp-block-cloudinary-markdown \"><h2>Keep on Rolling<\/h2>\n<p>I\u2019d like to thank Michelle from Nice &amp; Graphic for teaching us how to use the letterpress printer and Tracey from Pecan for providing us with the opportunity.  I had a really fun morning that opened my eyes to a brilliant art form.  Although I\u2019m grateful that technology has moved on from letterpress to <a href=\"https:\/\/cloudinary.com\/documentation\/wordpress_integration\">WordPress<\/a>, there\u2019s still a place for authentic printing methods in the world.<\/p>\n<p>Learn more about other <a href=\"https:\/\/cloudinary.com\/documentation\/image_transformations\">image<\/a> and <a href=\"https:\/\/cloudinary.com\/documentation\/video_manipulation_and_delivery\">video<\/a> transformations that Cloudinary offers!<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":51,"featured_media":33440,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_cloudinary_featured_overwrite":false,"footnotes":""},"categories":[1],"tags":[165],"class_list":["post-33278","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-image-transformation"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.6 (Yoast SEO v26.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Transforming Letter Pressing Techniques Using Cloudinary<\/title>\n<meta name=\"description\" content=\"Caroline Levinson shares how to upgrade letter pressing techniques using Cloudinary&#039;s suite of image transformation capabilities.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cloudinary.com\/blog\/transforming-letterpress-printing\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Transforming Letterpress Printing\" \/>\n<meta property=\"og:description\" content=\"Caroline Levinson shares how to upgrade letter pressing techniques using Cloudinary&#039;s suite of image transformation capabilities.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cloudinary.com\/blog\/transforming-letterpress-printing\" \/>\n<meta property=\"og:site_name\" content=\"Cloudinary Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-04-04T14:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-03T05:22:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1711997447\/digital_letterpress-blog\/digital_letterpress-blog-jpg?_i=AA\" \/>\n\t<meta property=\"og:image:width\" content=\"2000\" \/>\n\t<meta property=\"og:image:height\" content=\"1100\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"carolinelevison\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"NewsArticle\",\"@id\":\"https:\/\/cloudinary.com\/blog\/transforming-letterpress-printing#article\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/transforming-letterpress-printing\"},\"author\":{\"name\":\"carolinelevison\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/3aa69a111d568040952bbae297d8c8fb\"},\"headline\":\"Transforming Letterpress Printing\",\"datePublished\":\"2024-04-04T14:00:00+00:00\",\"dateModified\":\"2024-08-03T05:22:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/transforming-letterpress-printing\"},\"wordCount\":3,\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/transforming-letterpress-printing#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1711997447\/digital_letterpress-blog\/digital_letterpress-blog.jpg?_i=AA\",\"keywords\":[\"Image Transformation\"],\"inLanguage\":\"en-US\",\"copyrightYear\":\"2024\",\"copyrightHolder\":{\"@id\":\"https:\/\/cloudinary.com\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cloudinary.com\/blog\/transforming-letterpress-printing\",\"url\":\"https:\/\/cloudinary.com\/blog\/transforming-letterpress-printing\",\"name\":\"Transforming Letter Pressing Techniques Using Cloudinary\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/transforming-letterpress-printing#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/transforming-letterpress-printing#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1711997447\/digital_letterpress-blog\/digital_letterpress-blog.jpg?_i=AA\",\"datePublished\":\"2024-04-04T14:00:00+00:00\",\"dateModified\":\"2024-08-03T05:22:48+00:00\",\"description\":\"Caroline Levinson shares how to upgrade letter pressing techniques using Cloudinary's suite of image transformation capabilities.\",\"breadcrumb\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/transforming-letterpress-printing#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cloudinary.com\/blog\/transforming-letterpress-printing\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/transforming-letterpress-printing#primaryimage\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1711997447\/digital_letterpress-blog\/digital_letterpress-blog.jpg?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1711997447\/digital_letterpress-blog\/digital_letterpress-blog.jpg?_i=AA\",\"width\":2000,\"height\":1100},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cloudinary.com\/blog\/transforming-letterpress-printing#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cloudinary.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Transforming Letterpress Printing\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"name\":\"Cloudinary Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cloudinary.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\",\"name\":\"Cloudinary Blog\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"width\":312,\"height\":60,\"caption\":\"Cloudinary Blog\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/3aa69a111d568040952bbae297d8c8fb\",\"name\":\"carolinelevison\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/84ac4e7f81e08358ca4d375889c0a8ffff006b90ba8a469d27d206229f779912?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/84ac4e7f81e08358ca4d375889c0a8ffff006b90ba8a469d27d206229f779912?s=96&d=mm&r=g\",\"caption\":\"carolinelevison\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Transforming Letter Pressing Techniques Using Cloudinary","description":"Caroline Levinson shares how to upgrade letter pressing techniques using Cloudinary's suite of image transformation capabilities.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cloudinary.com\/blog\/transforming-letterpress-printing","og_locale":"en_US","og_type":"article","og_title":"Transforming Letterpress Printing","og_description":"Caroline Levinson shares how to upgrade letter pressing techniques using Cloudinary's suite of image transformation capabilities.","og_url":"https:\/\/cloudinary.com\/blog\/transforming-letterpress-printing","og_site_name":"Cloudinary Blog","article_published_time":"2024-04-04T14:00:00+00:00","article_modified_time":"2024-08-03T05:22:48+00:00","og_image":[{"width":2000,"height":1100,"url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1711997447\/digital_letterpress-blog\/digital_letterpress-blog-jpg?_i=AA","type":"image\/jpeg"}],"author":"carolinelevison","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/cloudinary.com\/blog\/transforming-letterpress-printing#article","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/transforming-letterpress-printing"},"author":{"name":"carolinelevison","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/3aa69a111d568040952bbae297d8c8fb"},"headline":"Transforming Letterpress Printing","datePublished":"2024-04-04T14:00:00+00:00","dateModified":"2024-08-03T05:22:48+00:00","mainEntityOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/transforming-letterpress-printing"},"wordCount":3,"publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/transforming-letterpress-printing#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1711997447\/digital_letterpress-blog\/digital_letterpress-blog.jpg?_i=AA","keywords":["Image Transformation"],"inLanguage":"en-US","copyrightYear":"2024","copyrightHolder":{"@id":"https:\/\/cloudinary.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/cloudinary.com\/blog\/transforming-letterpress-printing","url":"https:\/\/cloudinary.com\/blog\/transforming-letterpress-printing","name":"Transforming Letter Pressing Techniques Using Cloudinary","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/transforming-letterpress-printing#primaryimage"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/transforming-letterpress-printing#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1711997447\/digital_letterpress-blog\/digital_letterpress-blog.jpg?_i=AA","datePublished":"2024-04-04T14:00:00+00:00","dateModified":"2024-08-03T05:22:48+00:00","description":"Caroline Levinson shares how to upgrade letter pressing techniques using Cloudinary's suite of image transformation capabilities.","breadcrumb":{"@id":"https:\/\/cloudinary.com\/blog\/transforming-letterpress-printing#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cloudinary.com\/blog\/transforming-letterpress-printing"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/transforming-letterpress-printing#primaryimage","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1711997447\/digital_letterpress-blog\/digital_letterpress-blog.jpg?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1711997447\/digital_letterpress-blog\/digital_letterpress-blog.jpg?_i=AA","width":2000,"height":1100},{"@type":"BreadcrumbList","@id":"https:\/\/cloudinary.com\/blog\/transforming-letterpress-printing#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cloudinary.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Transforming Letterpress Printing"}]},{"@type":"WebSite","@id":"https:\/\/cloudinary.com\/blog\/#website","url":"https:\/\/cloudinary.com\/blog\/","name":"Cloudinary Blog","description":"","publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cloudinary.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cloudinary.com\/blog\/#organization","name":"Cloudinary Blog","url":"https:\/\/cloudinary.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","width":312,"height":60,"caption":"Cloudinary Blog"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/3aa69a111d568040952bbae297d8c8fb","name":"carolinelevison","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/84ac4e7f81e08358ca4d375889c0a8ffff006b90ba8a469d27d206229f779912?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/84ac4e7f81e08358ca4d375889c0a8ffff006b90ba8a469d27d206229f779912?s=96&d=mm&r=g","caption":"carolinelevison"}}]}},"jetpack_featured_media_url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1711997447\/digital_letterpress-blog\/digital_letterpress-blog.jpg?_i=AA","_links":{"self":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/33278","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/users\/51"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/comments?post=33278"}],"version-history":[{"count":229,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/33278\/revisions"}],"predecessor-version":[{"id":35018,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/33278\/revisions\/35018"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media\/33440"}],"wp:attachment":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media?parent=33278"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/categories?post=33278"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/tags?post=33278"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}