{"id":1232,"date":"2022-05-27T22:50:13","date_gmt":"2022-05-28T02:50:13","guid":{"rendered":"https:\/\/www.pipelinecomics.com\/learncsp\/?p=1232"},"modified":"2022-05-28T08:23:51","modified_gmt":"2022-05-28T12:23:51","slug":"how-do-i-export-text-to-photoshop-or-affinity-designer-in-vector-format","status":"publish","type":"post","link":"https:\/\/www.pipelinecomics.com\/learncsp\/how-do-i-export-text-to-photoshop-or-affinity-designer-in-vector-format\/","title":{"rendered":"How Do I Export Text\/Fonts to Photoshop or Affinity Designer in Vector Format?"},"content":{"rendered":"\n

It’s been a longstanding issue with Clip Studio Paint that when you export your project to a Photoshop format file, it will rasterize your text. The text becomes a bunch of pixels rather than a collection of letters from a specific font. <\/p>\n\n\n\n

You can’t, in other words, edit the text easily in another program, even if you saved it into PSD format, which is made for Photoshop. Photoshop won’t even be able to recognize the font you used in the file. It’s pure pixels at that point.<\/p>\n\n\n\n

In the just-released Clip Studio Paint 1.12.0 update<\/a>, they’ve fixed that issue. You can make a duplicate of the file you’re working on, save it as a PSD file, and check a box to keep the text layers as text and not pixels.<\/p>\n\n\n\n

Let me show you how it works now, because there is a trick and an extra step involved. <\/p>\n\n\n\n

How to Keep the Letters in Vector Form<\/h2>\n\n\n\n

I put together a super simple file for this example. It’s one line of text in Comicraft’s Dave Gibbons’ font<\/a>, with an oval drawn around it. They’re both vector items on separate layers.<\/p>\n\n\n\n

To export this out and keep everything editable as vector bits later, you need to go to File -> Save Duplicate -> .psd(Photoshop Document)<\/strong>.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

GIve the file a name and a folder in the next window that pops up and agree to this<\/em> window in case you haven’t told it to never to show itself again:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Seriously, check that box so you never need to read that warning again.<\/p>\n\n\n\n

The next window is where it gets interesting:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Be sure to check off the “Text” button in the “Output image” section. Then, go to the dropdown for “Text layer”. Choose “Text only.” This will preserve the text in its original vector format — essentially, it’ll save the meta data instead of the pixels. Your text will be editable in Photoshop or whatever Photoshop-compatible image editor you use next. <\/p>\n\n\n\n

If you select “Image & text” it will save out your text layers twice — once as vector and once as pixels\/raster. It’s redundant, unnecessary, and only clutters up your layers.<\/p>\n\n\n\n

How it Looks on the Other Side<\/h2>\n\n\n\n

I don’t have Photoshop, but I do have Affinity Photo and Affinity Designer<\/a>. They can import PSD files, so I tried it with this one.<\/p>\n\n\n\n

This is how things look in Affinity Designer after I load the file in:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

You can see how the layer with the text on it has the “T” icon next to it to indicate that it’s a text layer. Look in the upper right corner and you’ll see where it recognizes the font as “CCDaveGibbons”. I can edit this layer now with whatever text updates I want to do. <\/p>\n\n\n\n

Yes, I can also adjust the oval in the other layer by grabbing onto it and resizing it all I want.<\/p>\n\n\n\n

For comparison’s sake, here’s how a PSD file I saved before updating to the new version of CSP looked:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

You can see that the text layer (highlighted) says it’s a Pixel layer now and doesn’t have the “T” text icon next to it. It’s just another layer with pixels drawn on it. I have the Text tool on and it’s offering me the chance to type something in Arial next. It’s not recognizing the font that is theoretically selected — because it’s not a font that’s selected, but a collection of pixels.<\/p>\n\n\n\n

Just to make the difference even more obvious, here’s the side-by-side in Designer of the layers before and after this update:<\/p>\n\n\n\n

\n
\n
\"Clip
Before<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"Now,
After<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

The other thing you may notice here is that the layer name and layer type are both the text that’s on the layer. Before, the parenthetical would indicate that it’s a pixel layer. Now, the parenthetical is a repeat of the layer name which is the text in the layer. That doesn’t make much sense, but beggars can’t be choosers.<\/p>\n\n\n\n

If there’s a lot of text on the layer, it cuts it off after the first batch of characters and there’s no room left for the parenthetical.<\/p>\n\n\n\n

Reminders and Little Details<\/h2>\n\n\n\n
  • You need Clip Studio Paint 1.12 to use this new option.<\/li>
  • You aren’t exporting a file here. You are using the “Save Duplicate”<\/strong> option. Exports are more for final publishing, anyway. What you’re really doing is creating a duplicate of your project, just in a different format.<\/li>
  • CSP will only export the font, size, and color of the text. If you’ve done fancy CSP effects and tricks to your fonts, they’ll be lost in translation.<\/li>
  • This will not work in reverse. You can’t import a PSD file into Clip Studio Paint and retain the vector format for the text layers.<\/li><\/ul>\n\n\n\n

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

    A new Clip Studio Pain feature allows you to export your project with the text layers saved as raster layers, not pixels. I’ll show you how.v<\/p>\n","protected":false},"author":1,"featured_media":1242,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"above","_kad_post_header":false,"_kad_post_footer":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[7],"tags":[15,75,74],"class_list":["post-1232","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorial","tag-lettering","tag-photoshop","tag-v1-12-0"],"jetpack_featured_media_url":"https:\/\/www.pipelinecomics.com\/learncsp\/wp-content\/uploads\/sites\/9\/2022\/05\/csp_export_text_raster_HEADER.jpeg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.pipelinecomics.com\/learncsp\/wp-json\/wp\/v2\/posts\/1232","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pipelinecomics.com\/learncsp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pipelinecomics.com\/learncsp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pipelinecomics.com\/learncsp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pipelinecomics.com\/learncsp\/wp-json\/wp\/v2\/comments?post=1232"}],"version-history":[{"count":8,"href":"https:\/\/www.pipelinecomics.com\/learncsp\/wp-json\/wp\/v2\/posts\/1232\/revisions"}],"predecessor-version":[{"id":1249,"href":"https:\/\/www.pipelinecomics.com\/learncsp\/wp-json\/wp\/v2\/posts\/1232\/revisions\/1249"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pipelinecomics.com\/learncsp\/wp-json\/wp\/v2\/media\/1242"}],"wp:attachment":[{"href":"https:\/\/www.pipelinecomics.com\/learncsp\/wp-json\/wp\/v2\/media?parent=1232"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pipelinecomics.com\/learncsp\/wp-json\/wp\/v2\/categories?post=1232"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pipelinecomics.com\/learncsp\/wp-json\/wp\/v2\/tags?post=1232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}