creates slidre opacity level change

Report · May 17, 2018

Someone could be kind to create a small panel with only one slider that changes opacity to the level with the name test.

Thanks to those who help me

Report · May 17, 2018

Yes those nice guys are called Freelancers. They will give you their best in exchange for some money covering the time they will spend helping you.

Or you could start trying on your own, learning from scratch as we have all done, and find a lot of people who will help and encourage you in your efforts.

Loic

Report · May 18, 2018

you are definitely right

unfortunately I have reached the age of 60 and I no longer have the ability to learn how to do these things, that's why I called for help, if someone can help me and welcome me otherwise I'm sorry and I leave it alone.

good day to all

Report · May 18, 2018

60 is the new young !

Ok what is the "level" need. I am afraid I can't get the idea ?

Report · May 18, 2018

Thanks for the compliment

the level has the name sharpen.

Report · May 18, 2018

Let's rewind this. What app are you targeting exactly ? Photoshop ? If so the sharpen filter has its own ui so what would be the point of adding one ?

Report · May 18, 2018

I should use it with photoshop cc2018

I put sharpen as a test name only

I try to use this code

the slider appears on html page but does not work

there must be an error that I can not see

code

js/main.js

// this instantiates the csInterface which allows us to communicate with the ExtendScript runtime
var csInterface = new CSInterface();
function sliderOnChange(value) {
// here we call call the "setLayerOpacity" function on the ExtendScript side
csInterface.evalScript("$.global.setActiveLayerOpacity(" + value + ")");
}

jsx/Photoshop.jsx

$.global.setActiveLayerOpacity = function (layerOpacity) {
if (!app.activeDocument || app.activeDocument.activeLayer) {
alert('Please select a layer!')
return
}
app.activeDocument.activeLayer.opacity = setLayerOpacity;
}

index.html

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <script src="./ext.js"></script>
    <script src="./lib/CSInterface-4.0.0.js"></script>
    <link id="ppstyle" rel="stylesheet" type="text/css" href="./style.css">
    <title>Test</title>
</head>
<body>
    <div id="content">
      <input type="range" min="0" max="100" value="0" step="1" id="opacity" name="opacity" onChange="sliderOnChange(this.value)"/>
      <script src="./js/main.js"></script>
    </div>
</body>
</html>

Report · May 21, 2018

You weren't that far

Here you are

Report · May 21, 2018

Loic.Aigon

the link does not work

Report · May 21, 2018

Try again…

Report · May 22, 2018

Now it's perfect

a question when I click on the reload button the slider goes to end of stroke but the opacity does not change

you can set that when I click on reload it brings me the opacity to 100.

if this change takes time, let it go.

Thanks for your help

Report · Aug 21, 2018

The opaque slider works well for what I do

I would just like to add the percentage as in video

gentilmante can be added

thanks for everything

Report · Aug 27, 2018

You could either use slider onchange function to update the text :

javascript - HTML5 Slider with onchange function - Stack Overflow ttps://stackoverflow.com/questions/13896685/html5-slider-with-onchange-function

Or use Some fancy frameworks like Angular, Vue or React to have your text updated through model changes :

https://vuejsexamples.com/very-simple-vue-slider-bar-component/

Report · Aug 27, 2018

Very helpful

very kind

Thank you

Adobe Community

creates slidre opacity level change

1 Correct answer