{"id":366933,"date":"2026-04-20T07:45:38","date_gmt":"2026-04-20T14:45:38","guid":{"rendered":"https:\/\/cms-articles.softonic.io\/es\/?p=416516"},"modified":"2026-04-20T07:45:44","modified_gmt":"2026-04-20T14:45:44","slug":"from-static-designs-to-flexible-resources-rethinking-visual-identity-systems","status":"publish","type":"post","link":"https:\/\/cms-articles.softonic.io\/en\/from-static-designs-to-flexible-resources-rethinking-visual-identity-systems\/","title":{"rendered":"From static designs to flexible resources: rethinking visual identity systems"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">For years, the creation of professional digital images has followed very routine and established processes. Now, where time is most wasted is not in conceiving the idea, but in bringing it to reality, whether due to the use of constantly changing programs or by sticking with an outdated system.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For creatives, <strong>Adobe<\/strong> can work very well due to the fact that it offers new tools updated to what these times demand. Here we will show you some of the <strong>most interesting features of <a href=\"https:\/\/adobe.prf.hn\/click\/camref:1101lr4vs\/creativeref:1100l130406\/pubref:sponsored26article29\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\">Adobe Illustrator<\/a><\/strong> so you can apply them to your work.<\/p>\n\n\n<div class=\"sc-card-program\">\r\n  <div class=\"sc-card-program__body\">\r\n    <div class=\"sc-card-program__row clearfix\">\r\n      <div class=\"sc-card-program__col-logo\">\r\n        <img decoding=\"async\" class=\"sc-card-program__img\" alt=\"Adobe Illustrator \" src=\"https:\/\/images.sftcdn.net\/images\/t_app-icon-m\/p\/f51224f2-96d0-11e6-8c51-00163ec9f5fa\/2041745124\/adobe-illustrator-icon.png\" width=\"100px\" height=\"100px\">\r\n      <\/div>\r\n      <div class=\"sc-card-program__col-title\">\r\n        <span class=\"sc-card-program__title\">Adobe Illustrator <\/span>\r\n        <a class=\"sc-card-program__button sc-card-program-internal\" href=\"https:\/\/adobe.prf.hn\/click\/camref:1101lr4vs\/creativeref:1100l130406\/pubref:sponsored26article29\" target=\"_self\" rel=\"noopener noreferrer\">DOWNLOAD<\/a>\r\n      <\/div>\r\n      <div class=\"sc-card-program__col-rating\">\r\n        <svg class=\"rating-score__content\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" x=\"0\" y=\"0\" viewbox=\"0 0 50 50\" enable-background=\"new 0 0 50 50\" xml:space=\"preserve\"><path class=\"rating-score__background rating-score--good\" fill=\"none\" stroke-width=\"6\" stroke-miterlimit=\"10\" d=\"M40 40c8.3-8.3 8.3-21.7 0-30s-21.7-8.3-30 0 -8.3 21.7 0 30\"><\/path><path class=\"rating-score__value rating-score__value--0\" fill=\"none\" stroke-width=\"6\" stroke-dashoffset=\"0\" stroke-miterlimit=\"10\" d=\"M40 40c8.3-8.3 8.3-21.7 0-30s-21.7-8.3-30 0 -8.3 21.7 0 30\"><\/path><text class=\"rating-score__number\" content=\"\" text-anchor=\"middle\" transform=\"matrix(1 0 0 1 25 31.0837)\" data-auto=\"app-user-score\"><\/text><\/svg>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"sc-card-program__row\">\r\n      <span class=\"sc-card-program__description\"><\/span>\r\n    <\/div>\r\n    <div class=\"sc-card-program__row\">\r\n      <img decoding=\"async\" class=\"sc-card-program__bigpic\" src=\"\" onerror=\"this.style.display='none'\">\r\n    <\/div>\r\n    <a class=\"sc-card-program__link track-link sc-card-program-internal\" href=\"https:\/\/adobe.prf.hn\/click\/camref:1101lr4vs\/creativeref:1100l130406\/pubref:sponsored26article29\" target=\"_self\" rel=\"noopener noreferrer\"><\/a>\r\n  <\/div>\r\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">View objects from different angles<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">One of the most striking new features of <a href=\"https:\/\/adobe.prf.hn\/click\/camref:1101lr4vs\/creativeref:1100l130406\/pubref:sponsored26article29\" target=\"_blank\" rel=\"noopener nofollow\" title=\"Adobe Illustrator\">Adobe Illustrator<\/a> is the <strong>Turntable<\/strong> function. Powered by <strong>Adobe Firefly<\/strong>, it will allow us to take any flat object and &#8220;<strong>rotate<\/strong>&#8221; it in space as if it were a 3D model.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/2\/2026\/04\/illustrator1.jpg\" alt=\"\" class=\"wp-image-416644\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">To start using it, open your project in <strong>Illustrator<\/strong>, or create a new one. In the project, use the <strong>Selection<\/strong> tool and select the item you want to flip. Then, select <strong>Object &gt; Generative &gt; Turntable.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/2\/2026\/04\/illustrator2.jpg\" alt=\"\" class=\"wp-image-416645\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In a matter of seconds, <strong>Turntable <\/strong> will generate new angles and views for you. You will see a <strong>new generative object<\/strong> (it will be marked with a symbol), which will be the point from where you can rotate it. The original image will be right below.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Right below you will see how a new contextual bar appears, from where <strong>you can rotate the object to your liking<\/strong>. If you don&#8217;t see it, click with the selection tool on the generated object and select <strong>Turntable<\/strong> in the contextual bar. In this menu, you can rotate the object, change the tilt, place all views on the canvas, or export as GIF, among other options.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/2\/2026\/04\/illustrator3.jpg\" alt=\"\" class=\"wp-image-416646\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to edit any of the views, you have to do it this way if you don&#8217;t want to lose the changes immediately. First, you need to select the generated object, move the slider to place it in the view you are interested in, and make <strong>right click &gt; Ungroup. <\/strong>This causes it to lose all its previous properties and become a normal object. That&#8217;s when you can edit without any issues.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Every time you use this function it will cost <strong>20 generative credits<\/strong>, so keep that in mind for future occasions. You can also <strong>give feedback<\/strong> on the result by clicking on the three dots in the contextual bar (More options) and selecting from the options of <strong>Good result<\/strong>, <strong>Poor result<\/strong>, or even <strong>Report variation<\/strong> if the result is offensive.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Generate images with Text to Vector Graphic<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">With <strong>Text to Vector Graphic<\/strong> you can do exactly that, generate vector graphics in a way similar to the <strong>Generative Fill<\/strong> function in Photoshop. Here\u2019s how it works within Illustrator.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Select the <strong>Rectangle<\/strong> tool, which is located in the toolbar, and create a rectangle on your project canvas. Then, select it again with <strong>Selection<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You will see a small horizontal context menu appear. There, click on <strong>Generate Vectors<\/strong>. There is another way to do the same, which is from <strong>Object &gt; Generative.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/2\/2026\/04\/illustrator4.jpg\" alt=\"\" class=\"wp-image-416648\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Within the text box, describe what you want to appear (<em>prompt<\/em>). Illustrator itself will offer you suggestions in case you are not quite sure what to generate. If you don&#8217;t like the option, you can always disable it from <strong>View all settings<\/strong> by turning off <strong>Suggestions<\/strong>. Once you have your prompt ready, click on <strong>Continue<\/strong> to generate the image.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Just like in Photoshop, you can <strong>choose the generative model that Illustrator will use<\/strong>. If you don&#8217;t mind much, you can click on <strong>Auto Select<\/strong> to have one selected automatically. If not, you can always choose from Adobe&#8217;s models and others from third parties.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/2\/2026\/04\/illustrator5.jpg\" alt=\"\" class=\"wp-image-416649\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Next, you will be able to modify many details of the generation from the <strong>Properties<\/strong> panel. There you will find the <strong>Variations<\/strong> section, where you will see other results of graphics based on your same <em>prompt<\/em>. You can choose one of them or keep trying with new generations until you get what you need.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Right below the box where the <em>prompt<\/em> is located, you can access the options for <strong>Content type and detail<\/strong>. Within <strong>Content Type<\/strong>, you can specify between <strong>Scene<\/strong>, <strong>Subject<\/strong>, or <strong>Icon<\/strong>, depending on what graphic you want to generate. Then, with the <strong>Detail<\/strong> slider, you can adjust the level of detail of the generated result.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/2\/2026\/04\/illustrator6.jpg\" alt=\"\" class=\"wp-image-416650\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to create a chart that follows a particular aesthetic, within <strong>Style Reference<\/strong> you can configure it. Leave it on <strong>Auto<\/strong> if you want the future chart to simulate the style of the vector objects from the rest of the canvas. If you want it to imitate the style of a specific object, select <strong>Choose asset<\/strong> and then click on that object.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Finally, we have the section on <strong>Color and Tone<\/strong>. Within Color and Tone, we have <strong>Color Presets<\/strong>, <strong>N\u00ba of colors<\/strong>, and <strong>Specify Colors<\/strong>. The last one, Specify Colors, is very interesting because it will allow us to choose which colors the generated chart should have, with a maximum of 12. You can add and remove colors as you wish and at any time.<\/p>\n\n\n<div class=\"sc-card-program\">\r\n  <div class=\"sc-card-program__body\">\r\n    <div class=\"sc-card-program__row clearfix\">\r\n      <div class=\"sc-card-program__col-logo\">\r\n        <img decoding=\"async\" class=\"sc-card-program__img\" alt=\"Adobe Illustrator \" src=\"https:\/\/images.sftcdn.net\/images\/t_app-icon-m\/p\/f51224f2-96d0-11e6-8c51-00163ec9f5fa\/2041745124\/adobe-illustrator-icon.png\" width=\"100px\" height=\"100px\">\r\n      <\/div>\r\n      <div class=\"sc-card-program__col-title\">\r\n        <span class=\"sc-card-program__title\">Adobe Illustrator <\/span>\r\n        <a class=\"sc-card-program__button sc-card-program-internal\" href=\"https:\/\/adobe.prf.hn\/click\/camref:1101lr4vs\/creativeref:1100l130406\/pubref:sponsored26article29\" target=\"_self\" rel=\"noopener noreferrer\">DOWNLOAD<\/a>\r\n      <\/div>\r\n      <div class=\"sc-card-program__col-rating\">\r\n        <svg class=\"rating-score__content\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" x=\"0\" y=\"0\" viewbox=\"0 0 50 50\" enable-background=\"new 0 0 50 50\" xml:space=\"preserve\"><path class=\"rating-score__background rating-score--good\" fill=\"none\" stroke-width=\"6\" stroke-miterlimit=\"10\" d=\"M40 40c8.3-8.3 8.3-21.7 0-30s-21.7-8.3-30 0 -8.3 21.7 0 30\"><\/path><path class=\"rating-score__value rating-score__value--0\" fill=\"none\" stroke-width=\"6\" stroke-dashoffset=\"0\" stroke-miterlimit=\"10\" d=\"M40 40c8.3-8.3 8.3-21.7 0-30s-21.7-8.3-30 0 -8.3 21.7 0 30\"><\/path><text class=\"rating-score__number\" content=\"\" text-anchor=\"middle\" transform=\"matrix(1 0 0 1 25 31.0837)\" data-auto=\"app-user-score\"><\/text><\/svg>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"sc-card-program__row\">\r\n      <span class=\"sc-card-program__description\"><\/span>\r\n    <\/div>\r\n    <div class=\"sc-card-program__row\">\r\n      <img decoding=\"async\" class=\"sc-card-program__bigpic\" src=\"\" onerror=\"this.style.display='none'\">\r\n    <\/div>\r\n    <a class=\"sc-card-program__link track-link sc-card-program-internal\" href=\"https:\/\/adobe.prf.hn\/click\/camref:1101lr4vs\/creativeref:1100l130406\/pubref:sponsored26article29\" target=\"_self\" rel=\"noopener noreferrer\"><\/a>\r\n  <\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>For years, the creation of professional digital images has followed very routine and established processes. Now, where time is most wasted is not in conceiving the idea, but in bringing it to reality, whether due to the use of constantly changing programs or by sticking with an outdated system. For creatives, Adobe can work very well because it offers new tools updated to what these times demand. Here we will teach you some of the most interesting features of Adobe Illustrator so you can apply them to your work. Viewing objects from different angles One of the novelties [&#8230;]<\/p>\n","protected":false},"author":9211,"featured_media":366934,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","wpcf-pageviews":0},"categories":[1015],"tags":[],"usertag":[],"vertical":[],"content-category":[6461],"class_list":["post-366933","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","content-category-graphic-design"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts\/366933","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/users\/9211"}],"replies":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/comments?post=366933"}],"version-history":[{"count":3,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts\/366933\/revisions"}],"predecessor-version":[{"id":366939,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts\/366933\/revisions\/366939"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/media\/366934"}],"wp:attachment":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/media?parent=366933"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/categories?post=366933"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/tags?post=366933"},{"taxonomy":"usertag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/usertag?post=366933"},{"taxonomy":"vertical","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/vertical?post=366933"},{"taxonomy":"content-category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/content-category?post=366933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}