Added new functions and did some tweaking #8
Comments
|
I got some more items working now, I've added lots of functions using either shift or alt or shift + alt. That way we can have 4 functions per icon, if it fits its need. Ive also made the panel persistent. Meaning, when its close it remembers its state. Because I've added button active state for hotkeys, filter (new option), onionskin, i also needed to add local store. One problem and i thinks its a photoshop bug. The menu toggle Onion Skinning, doesn't stay on after restart. All other options do get saved but not this one. Anyways, because i know added local store it remembers settings. So on restart you can see if if hotkeys are on or not. Ive also added icon size, handy for tablet work. I found the icons to big, they don't match with photoshop, so i added a small option. Then the panel fits in more, altleast i think :) Ive added back tooltips, but these are optional as well now. Then i did some big overhaul to how things work for moving, adding and coloring. Im almost done with it, but i want to see if i can make the code simpler. Im no coder so use a lot of code over all the files. I did make one file that helps to get all selected layers and its ID. Because we have the ID number we can do the actions to the selection. Super handy :) I also adding Grouping and Ungrouping for selected files. You can toggle colors as well instead of deleting them. Deleting is very destructive, say you use for in your design. Because deleting will delete all. I think I'm gonna see if i can add an option so it only deletes the colored ones. But that one will be tricky if you also have other color adjustment layers. Panel Flyoutmenu expanded options Buttons show active state also after a restart or panel close Preview of apply color to complete selection including nested layers |
|
Here's also a preview of moving multiple items at once. I have not figured out how to do nested items. That could be more difficult as when you move one, the other or all other would need to be moved. I think that would take a quite difficult approach. Im not animator or illustrator so i have no idea if moving items 10 frames is handy. I feel the current setup is more towards illustrators then to animators since its all 1 an 2's
|
schroef
changed the title
|
Here's also a preview of the tooltips and how they are stored not only per session but also on restart. The same counts for the icons, you can also preview the new icon sizes I've added.
|
|
Hi Rombout, Sorry I didn't noticed the thread because I was to busy! That's just amazing and I'm incredibly happy to have someone like you jumping on the contribution and helping the projet going further than my coding limitations allow me to do :) Thank you very much! |
That's because I'm using touch based device (Cintiq touch and MobileStudio) and it fits the finger size ;-) |
|
Well im really glad you like it. I was a bit busy this week. But since we are in full lockdown where i live i did some more testing. I did some more changes, hope you don't mind that i change quite a lot of items. I refined the icon and i think its nicer if its single color, just like PS UI. I understand you have the second app as well. I do have a nice color scheme, which i sort of photoshops colors scheme, but I'm not sure you like it as well. I also did some work on the icon, i made a bit sleeker a more flat design. Like how photoshop has it guess. I tweaked your design a bit and was also inspired by the icon of Adobe Mix. Never saw that app, but saw its icon and liked the theme color. I adjusted the icon a bit so it resembles a tweenMotion. I kept the 3 circles but the middle one looks like its moving. I found that a very nice touch. I also was testing some other items today. Im still figuring out how to make a proper preferences panel but for now i got something else nice perhaps. Instead of sending people to a website. PS your website has broken links, none of the links are actually clickable. I looked in the code and all seems fine, no errors as well??? kinda weird. But perhaps its handy if they can view video inside photoshop itself. Hardly any panel does this. These panels can do almost everything i believe. Im also testing something to show the Tool Guide you made. Here's a little preview i got now. Im still working on that layout, so its a but messy. Im not yet sure if I should use an image or just plain HTML. I have some ideas of perhaps making it searchable, but that's a lot more work. Im a graphic designer, so making the guide as an image is much easier for me. The video is just a random one i picked from your Vimeo profile. But it plays just fine also with the audio and all. I thought perhaps that's easier because the user can stay inside photoshop. |
|
I did some more work on that panel. What a lot of information to read and understand, wowsers. But its handy for me that I'm testing all of this. I wanted to make some kind of panel for a long time and now I'm learning along the way. I now use a long image as a guide, but I'm thinking of making it full HTML perhaps. I think it will look nicer and crisper. I saw this trick last week to export your Indesign layout as a strict HTML website. It is some kind undocumented feature in Indesign. I made a test now using second panel which is callable from the main panel. I thought this is is because you can keep it open alongside the main panel. THe idea is to expand that second panel with all kinds of video and shortcuts and other info. Im still doing mockups. I think i should have made a wire-frames first though... lol Here's a quick test on switching between different help items. The idea i had is that the hamburger menu will show all links you can choose from. For now I'm simply switching between the mockup design i made. I also tested the functionality of Vimeo videos and that works. So the idea is that each thumbnail will load a video
|
|
I like the new version of the icon, I just have to figure out how to transpose this style for AnimCouleur but I'll do :) The HTML version seems better regarding responsiveness but sometime the easiest/quickest way is the best to maintain a side project in the long run and that's part of the reason why I didn't had tooltips and just quick videos as user guide + a simple PDF ;) And yes, since CS3 InDesign can export HTML contents with semantics and you can inject CSS and Javascript at the exportation time but the setup will be worth it for a recurring publishing but not for an occasional export, in my opinion. I'll take a look at the links, thanks for the heads up. So happy to you onboard of the projet! |
I got perhaps a nice idea for that one as well. I see if i can make some mockups for the icon
Indeed nothing doing all that work is easier and faster. But i find this more convenient for a user. But indeed language / localize settings is tricky. I have thought a just a bit about that. Currently the docs are also only in English and French so that wont be to much work. I remember its possible to fill a HTML dynamically by JSON files. That would be super easy to update. Just update the JSON and the HTML will be filled automatically. I also think i saw something about updating the tooltips also by using localization settings. Im not sure why you are still hammering on old version and performance issues. I mean these panels can do so much and we are in 2020. Its a shame if all those features are not used. I check my mockup i made with the video player inside. The CPU gets taxed buy photoshop the same as i play the video in Vimeo. Here's a mockup i made testing video options. I also tried Youtube, but somehow i have a error from youtube with that one. Not sure whats going on .
|
|
He Stéphane, i got localization working, it took me the whole day to figure this out. Bad this is. I have no idea how to test it. The docs don't state anything about the possibility to test neither. Basically i tested it on the tooltips. On the init of the plugin, i let the titles of the buttons be changed by a localized file on initialization. I tested it by changing actually tooltip title by something from that file and it works on restart. If this works, then i can adjust the complete UI and the language all over the extension. It works by the application language, i don't see any method of testing this. I only have English in my system and the CEP documentation doesn't state anything about testing this. PS you like drawing i believe right? Well this amazing skilled artist Aaron Blaise, which did a couple of Disney movies has a free tut :) Perhaps you already past that level, probably your. But perhaps you like to see it anyway, thought I'd share the link |
|
After a couple hours of digging i found a method to change my photoshop language without reinstalling it. I had a backup of my 2018cc installer, i always try to keep them just incase. I was digging inside the kpg installer and noticed locales packs :) So now i am able to test languages. As i was guessing i have implemented it correctly. So if we can have people make translations we can add as many as we want. Ill try to finish that help gui in HTML and will implement Localization there as well. I think this is a super nice feature. Hardly any Extension i have does this. I guess why... it took me hours and hours of digging, googling, testing, failing etc etc hahahaha But now i got it working |
|
Hi Stephen, ive added a repo with my WIP on GitHub. Could you perhaps test it on your system? PS i didn't do anything to the signing of that signature file. Still need to figure out how that works. I simply dropped in files and it still works here. Guess that's when you use a zxp as an installation method. You can find it here https://github.com/schroef/AnimDessin2 It could be it wont show items. I haven't checked what happens if there are not stored settings EDIT
|
|
Okay did ton of work again, im almost done getting localize to work everywhere. If that is implemented, you can simply add properties files with all available links and the complete UI in the both panels will be adjusted. Howevr I'm not sure the video part should be done. Since the video themselves are in English anyways. But the tooltips, context menu and tool guide are all now changeable. Dutch version I also added a little filter, an be useful i thought and works on both pages.
|
|
I added a quick way to rename layers. First i was thinking this would be simple. Its just a little dialog box, nothing fancy. Well getting that to work properly was a HUGE pain... hahah but i now better understand how these dialogs run. I have been messing around with the files from Layercomps and made a custom version which also runs over all artboards when you use layercomps. Quite handy for UI design Only thing i need to figure out how to rename multiple layers. My trick for reusing code and running on the selection wont work with this. But renaming a single layer now works. I thought this will keep you focused on the work area. I can now also reuse this for other parts. Perhaps as an option for the "New Video Group". Is that an idea to make it also possible that a user adds a name, can also be added to the new document part.
EDIT |
|
Ive upload a fully working function. I found some new info about adding localize to scripts as well. This will add the description in the historyin each language. Downside is that i cant use the same message.properties files. So my idea is to add them all in the same script i call for applying the script to the complete selection. I basically load that into each script from outside anyways. I thought that is easier when it needs to be edited. So in the history panel you will see the feedback of the apps UI language. Thats pretty cool i think :) PS I'm using google translate, so its probably quite bad ;) |
|
That is just amazing. |
|
No worries man... Im jist locked at home now with this thing. So I'm learning how to make a panel hahaha. Been a huge pain trying to figure it all out. I spend really every day last 2.5 weeks on this. but i think its really much better and improved a lot! i also got more ideas, but i don't know if that will benefit its users. SInce I'm not an illustrator i don't really know how they use. Been watching a couple vids but not enough to get a better understanding. But i think the biggest improvement is the addition that can do the action on multiple layers now. It can do that for all actions which should be able to do it. SO coloring, moving, adding frames. It all can be done on all layers selected.
|
|
I just installed your version and it's just amazing :) For now, I just noticed and inversion in the Tool Guides between the Alt and Shift shortcuts on: And I'm working on the French translation of the fr_FR "messages.properties" file. Having a way to apply a feature to several layers at once is the number 1 request we have from the users. So what you're doing is just perfect! |
|
I know GitHub allows to contribute on the same project so I'll can easily merge our contributions. And I think it will be great to have a video chat to meet. |
Yeah i tried looking into your manual but i also needed translations for the new items. I didn't look them up on the photoshop help section because that's is super time consuming for me. I tried google translate but i think sometimes it will return errors. Ill fix those flip right away, i thought i squashed all those flipped shortcuts already. I found a couple earlier already. This Friday is OK, I'm working from home and have the time off. Though I'm 6 hours earlier than you are. You live in France i guess? I liv on Curacao, Dutch Caribbean that is -4 GMT. Ill check my DM in twitter |
Yeah that was the first thing why i wanted to upgrade this addon. First i had it working but it didn't worked for copied files since it checked layer names. Then i remember a photoshop script "Export comps to files" which does check for layer and layer idx. So use part of that code and added some extra so that it only has to loop over all layers and get all layer info. My initial setup had it loop over the selected layers, returned the layerIDX and then looped over them again for layer name and so, then when reselecting them it looped over them again. I had an idea off merging those 2 functions into one and got it to work, so that was quite a speed up for executing it on say 50-100 layers. Im not sure if people adjust that many layers at once. Therefor i also added a progressbar but that slow down the script because it needs to redraw the window. At least on OSX this is an issue on windows the bar update is fluid i believe. I now have set the limit for it to show at 15+ layers. But my idea was/is to make that some kind of preference, because if you don't show anything, the script is much faster. But i guess new people would think that photoshop is crashing or stuck. Because you don't see anything happen and the GUI is stuck, at least on OSX its stuck when doing lots of layers. Here's a preview of that, i also added localize to that dialog and it works for me. I even did speed tests comparing my code. Here is a file with tests i run. The difference is really big. But showing the progress bar on OSX slows the script down to around 6-8 seconds when doing say the Red Overlay I also have an idea perhaps to speed things up even more. I was thinking of using a copy/paste command. That would be even faster because we don't need to loop over each frame, do the action and then reselect it. I wonder how much time improvement that will give. But I'm not sure it will run on actions like move and trim frames. PS you can also do that now, did you see that You can move all the select frames, you can trim then. Which cant be done with photoshop normally, it doesn't allow that on multiple layers, but now you can. I added all of those to the playhead button, super nice i guess. I tried adding a table here but doesn't work. But i hope you understand what i tested. Basically what i did was record start time and finish time. I did that 5 times, each time using different methods. Thus 1 time was no progress bar and no reselecting the layers at the end. Then i did no progress bar but with reselecting at the end, that finally i did show progress bar and also do reselecting. Im already avoiding the progressbar to update on each action, that's even slowing it down more. So i only show the bar updating on each 5th time the action runs No Progressbar 02 No Progressbar 03 No Progressbar 04 No Progressbar 05 // No Progressbar + Reselecting Progressbar run 02 Progressbar run 03 Progressbar run 04 Progressbar run 05 // Progressbar > With scriptlistener running Progressbar run 02 Progressbar run 03 Progressbar run 04 // Progressbar > No scriptlistener running Progressbar run 02 Progressbar run 03 Progressbar run 04 Progressbar run 05 |
|
Ps i also worked a bit on a concept i had for AnimCouluer icon. I wanted to match the style a a bit so you see they fit together. I think the one with circle and stripes and brush looks nice. First i thought the paint splat was nice, but it lacks the color the other has
|
|
So nice :) |
What about a progress bar by default and with Alt to remove the progress bar and mentioning the performance boost in the Tool Guide? |
Well i use those buttons already per button, I'm not sure if i can check the button again for that second script. Plus the button press is in the JS file, its java. Perhaps it can be done if the buttons are added with a eventlistener, i tried that path but didn't get it working. Other option could be a preferences panel or setting |
|
Hi guys been a while but i was in contact with Stephane a while back. We are still working on the updates. Im actually almsot done. I do need to optimize some code, as im no coder it gets a bit sloppy now and then. So i want to try to optimize and clean the code as best to my abilities. Ive made some changes to my initial setup and have 2 very nice features added in the last 2 weeks. Ive made a global timeline function that allows you to scrub the timeline incomplete view. This means when you are zoomed in all the way you can still easily go through it. You can either drag or click and the playhead will go to that new position. I think this will be very handy for longer animation projects. Ive set it up so you can have it either in the main panel, this saves spaces and is easy working. But ive also added the option so you can use it as a separate panel, handy if you want it as a smaller side panel. Example of timeline below the buttons Example of how it works. Im using an 2009 macbook here so its slow. On a new system it will work much smoother. The little scrubber under the mouse shows the frame number at that position, ive also added the option to view this as timecode. Kinda of nice that i was able to do that with both methods I had already made a panel with some information about all the tools. But after looking at it, i still wasnt feeling it. I found it a bit clumsy being a separate panel and that the user needs to scroll. SO i made a new test by adding the info directly below the main buttons. I think this is a much cleaner input. The user doesnt need to hunt down the icon in that other panel. Simply hover over a button and the info will show below. This is my new implementation, info shows directly below the buttons. Its also using localize, so it will show in different languages. If we add enough of them though. This was the initial setup i made. the toolinfo is a separate panel |
|
Hi guys, been a while since i posted some updates. Ive picked up the extension again after a couple weeks. I was inspired to add some new functions. My main idea was to make the setup process for a new project / document more easy. So i made a dedicated "New Document" dialog. This is customized window from the default. It lets you choose most basic settings, but also has some document presets which i thought are handy for animators. If anyone knows more settings i'll be happy to add them. Users can also set the background color, here i added extra options which Photoshop doesnt have. We can't choose foreground color and pick background color doesnt take Photoshop background color. Ive altered the default methods of doing using these colors. It now takes the foreground and background color which are set in the Toolbar. You can now setup the timeline as you want. It can take either frames or timecode and also will do the calculation and adjustment when you adjust fps. So if you set the timecode to 30 seconds and then adjust the fps. the timeline will be updated to what was set prior. I think this a very convenient way to setup documents. You can also input frames and it will show timecode for that as calculation. Last option is to split the timeline into frames if you like. Ive now added split by 1 frame or by 2 frames. If any one needs other i can add them or perhaps i could add custom input here. Here's a little preview of all of this in action. |
|
Hi Stephane hope all is well, if you find the time or would like to test all my work. Ive uploaded it for now to a repo in my github. I first like to test it on multiple systems before its being added here. I guess thats a better idea. You need to install it manually, thus copy the folder from the repo over to your extension folder. Also set the debug options in the command line tool, i guess you already have done that |
|
As an animator this is all awesome stuff, I hope to be able to try it soon!! How do I add these updates to AnimDessin2 (i'm not the most computer savvy)? |
|
I have made a repo on my GitHub which has all my added work. You will need to install it manually by placing the folder in the CEP folder. In this repo you can find out how to do that and also how to enable debugging so the extension can be used without using the zxp approach |
|
Awesome, thank you! |
Let me know if you git it working okay? My earlier statement that it was on the main page was incorrect, thats only for the process. Manually installing the plugins requires a different approach |
|
Hi, thank you for following up on me I really appreciate it. I got it to work after I gave up and asked my boyfriend to do it for me (he is way more computer savvy then me) 😅. It works great so far, i'm enjoying the updated features. Keep up the good work! |
|
Your one of the first actually testers. I have not heard from the other person yet. Please if you do find something, let me know and what possible errors it shows. I know for a fact that the storing of settings isnt fully working as intended. Basically it should remember when you restart photoshop what state of the tooltips and the scrubber is. Ive noticed sometimes this is reset and the height of the panel isnt correct. Enabling/disabling it sometimes seems to help. I need to work a bit more on that part. |
|
Ok, i'll keep you updated if I find any issues. |
|
Hi~ I just installed the plugin a few days ago and so far I'm loving it. I was wondering whether at some point in the future there are plans to add 3 and 4 frames options, that would save a lot of time and I think it would be a great addition~ Thank you so much for creating such a helpful resource. Have a lovely day :) |
@ALittleePeach That's a nice suggestion, thanks! |
|
Yes! I meant it for people who work in 3's and 4's wouldn't have to manually change it every time, so either adding 3/4 frames options or be able to cutstomize in how many frames you want to work in. I hope it made sense :) |
|
Ah I see. I added most new features by seeing comments and other tools. I'm no animator or illustrator, i just like to fiddle with scripts a lot. I have to think about how to add this. My first idea is adding a pref panel. But now that would contain just this 1 setting. That's perhaps weird. Though it could be the base for expanding more items which can then dynamically be adjusten |
|
I did some testing today and think i got something working. Could you test my branch here on my repo of this extension. You need to manually install it though. I got some writings on how todo so if you need that. If you use shift+alt+LMB a dialog will popup and you can set the custom frame step. Than using shift LMB you will step frames of that custom number.
|
|
I added frame lenght to the dialog now as well. When frame lengths are different than 1frames, the stepping didnt go correctly. Only with uneven framesteps and and uneven frame lenghts we run unto a misaligned playhead and active layer. I dont know a solution to that. But know it works perfectly when you use say 3 frame steps and 1 or 2 frame lengths. It steps 3 frames and also jumps 3 layers ahead or backwards |
Sorry for the late reply! I'll give it a try, thank you so much! |
|
I'm trying to download/install the updates but I have zero clue on how to (I'm a potato at technology). Could to be so kind as to explain how to do it, thank you so much! |
|
You need to download the repo on my GitHub. On the main page it shows how to add the debug codes so the extension will show. You need to manually add the folder in the extension folder. I believe I've also added a description on how to do that |
|
Olá, não existe um forma mais simples de instalar essa extensão não? |
|
If you check my github repo you can see on the main page how to do a manual installment. Depending on your OS, it shows how to do this for each system |
Hi Sbraril,
super great plugin!!! Found it yesterday as i was getting anoyed by Photoshop's default functionalities. I also found Animator's Toolbar, which has a bit more powerful functions, but is now a paid plugin. I saw that one has the function to do addframe on multiple layers. Since i do some scripting now and then. Iv been fiddling around. I got something work now and it works. I only need to get the re-election of the layers at the end working properly.
Perhaps your interested in this, i think it helps users a lot if you can do multiple at once.
EDIT
Did some more digging and now i got selection to work and it also keeps selection. Now i need work out nested layers.
The text was updated successfully, but these errors were encountered: