{"id":4413,"date":"2020-03-05T21:07:03","date_gmt":"2020-03-05T21:07:03","guid":{"rendered":"https:\/\/www.ainforce.com\/help\/?post_type=manual_documentation&p=4413"},"modified":"2020-03-15T18:14:46","modified_gmt":"2020-03-15T18:14:46","slug":"color-transitions-automation","status":"publish","type":"manual_documentation","link":"https:\/\/www.ainforce.com\/help\/documentation\/how-to-use-automation-functions\/color-transitions-automation\/","title":{"rendered":"Color Transitions Automation"},"content":{"rendered":"

[vc_row row_type=”row” stretch_row_type=”no”][vc_column][vc_single_image image=”4478″ img_size=”full” alignment=”center”][\/vc_column][\/vc_row][vc_row row_type=”row” stretch_row_type=”no”][vc_column width=”3\/5″ css=”.vc_custom_1583760726026{margin-right: 0px !important;border-right-width: 0px !important;}”][vc_column_text]The “Color Transitions” pack consists of color shape transitions, which include two types – gradient transitions and sequence transitions. These types are provided for convenience, to make it easier to navigate in functionality for automating color matching.<\/p>\n

All transitions in the pack contain well-chosen gradients and look fresh, but we made sure that you save time on choosing new colors.<\/p>\n

[\/vc_column_text][vc_text_separator title=”Automation for gradient type of transitions” style=”dashed” css=”.vc_custom_1583771014869{margin-top: 0px !important;margin-bottom: 0px !important;}”][vc_column_text]<\/p>\n

Gradient transitions<\/strong> have from 1 to 4 color controls for managing gradient colors. In order to easily select new colors for the transition, we added the ability to automatically substitute colors in the color controls from the set. To do this, you need to use a button “New Gradients”<\/strong>, each click on which in a random order substitutes colors from a set of 96 cool gradient sets.<\/p>\n

Using the button “Swap Colors”<\/strong> you can change colors between color controls. In this way you can find a more suitable option when a certain gradient is better suited for a specific part of the transition.<\/p>\n

[\/vc_column_text][\/vc_column][vc_column width=”2\/5″ css=”.vc_custom_1583760710265{margin-right: 0px !important;margin-left: 0px !important;border-right-width: 0px !important;padding-left: 0px !important;}”][vc_single_image image=”4479″ img_size=”full” alignment=”right”][\/vc_column][\/vc_row][vc_row row_type=”row” stretch_row_type=”no” css=”.vc_custom_1583771277148{margin-top: 0px !important;padding-top: 0px !important;}”][vc_column][vc_text_separator title=”Automation for sequence type of transitions” style=”dashed” css=”.vc_custom_1583771283076{margin-top: 0px !important;margin-bottom: 0px !important;}”][vc_column_text]<\/p>\n

Sequence type of color transitions<\/strong> have from 5 to 12 color controls for managing transition’s colors. In order to easily select new colors for the transition, we added the ability to automatically substitute colors in the color controls from the set. To do this, you need to use a button “New Colors”<\/strong>, each click on which in a random order substitutes colors from a set of 12 material palette sets. It is incredibly convenient to fill in, for example, 12 colors in steps of the required shade.<\/p>\n

Using the button “Reverse Colors”<\/strong> you can reverse the order of the transition’s colors. Just changing the order of the colors can give the transition a different look.<\/p>\n

Using the button “Swap Colors”<\/strong> you can change colors between color controls. For this type of transition, it is very convenient, because in just one click you can get a different type of transition. With each click on this button the colors will be mixed, so you will get alternative options.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row row_type=”row” stretch_row_type=”no” css=”.vc_custom_1583771277148{margin-top: 0px !important;padding-top: 0px !important;}”][vc_column][vc_text_separator title=”Color Scheme Buffer” style=”dashed” css=”.vc_custom_1583773384933{margin-top: 0px !important;margin-bottom: 0px !important;}”][vc_column_text]<\/p>\n

We try to think through every step when working with our product, so we added another useful option. We added the ability to copy and paste the color scheme of the transition. There may be two main use cases.<\/p>\n

For example, using a generator, you select a combination of colors. If you liked some set, but you are not sure, you can save this set to the buffer (“Copy Colors”<\/strong>) and continue to select another option. You can later return this color set using the\u00a0 “Paste Colors”<\/strong> button. But the main purpose of this functionality is to quickly transfer the color scheme to other variations or transitions. For example, you have selected the necessary set of colors based on one of the transition directions and in order not to waste time, in just a couple of clicks you can transfer this color set to other directions of the same transition.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row row_type=”row” stretch_row_type=”no”][vc_column][vc_text_separator title=”Video Tutorial” style=”dashed” css=”.vc_custom_1575133400958{margin-top: 20px !important;margin-bottom: 0px !important;}”][vc_column_text]<\/p>\n

How to use Color Transitions Automation<\/h4>\n

[\/vc_column_text]

\"null\"<\/div>\n
\n\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/svg>\n\t
\n\t\t
\n\t\t\t
\n\t\t\t