Help me build an ImageMagick command
Clash Royale CLAN TAG#URR8PPP
up vote
0
down vote
favorite
Given a 1024x1024 .png image (RGB) I'm trying to get a 1024x1024 .png image with transparent background where the source image is resised at 810px, centered, has rounded corners, and applied the following effects (the non-transparent part, I mean):
effect: 'inner-shadow',
color: 'rgba(255, 255, 255, 0.2)',
translateY: 5.3
,
effect: 'inner-shadow',
color: 'rgba(0, 0, 0, 0.2)',
translateY: -5.3
,
effect: 'fill-radialgradient',
centerX: 0,
centerY: 0,
radius: 1024,
colors: [
offset: 0, color: 'rgba(255,255,255,.1)' ,
offset: 1.0, color: 'rgba(255,255,255,0)'
]
,
effect: 'outer-shadow',
color: 'rgba(0, 0, 0, 0.3)',
blur: 15,
translateY: 15
At this point I only managed to achieve rounded corners:
convert source.png
( +clone -alpha extract
-draw 'fill black polygon 0,0 0,80 80,0 fill white circle 80,80 80,0'
( +clone -flip ) -compose Multiply -composite
( +clone -flop ) -compose Multiply -composite
) -alpha off -compose CopyOpacity -composite target.png
conversion imagemagick
edited Jun 7 at 14:12
Jesse_b
10.2k22658
asked Jun 7 at 14:05
David
32
add a comment |Â
up vote
0
down vote
favorite
Given a 1024x1024 .png image (RGB) I'm trying to get a 1024x1024 .png image with transparent background where the source image is resised at 810px, centered, has rounded corners, and applied the following effects (the non-transparent part, I mean):
effect: 'inner-shadow',
color: 'rgba(255, 255, 255, 0.2)',
translateY: 5.3
,
effect: 'inner-shadow',
color: 'rgba(0, 0, 0, 0.2)',
translateY: -5.3
,
effect: 'fill-radialgradient',
centerX: 0,
centerY: 0,
radius: 1024,
colors: [
offset: 0, color: 'rgba(255,255,255,.1)' ,
offset: 1.0, color: 'rgba(255,255,255,0)'
]
,
effect: 'outer-shadow',
color: 'rgba(0, 0, 0, 0.3)',
blur: 15,
translateY: 15
At this point I only managed to achieve rounded corners:
convert source.png
( +clone -alpha extract
-draw 'fill black polygon 0,0 0,80 80,0 fill white circle 80,80 80,0'
( +clone -flip ) -compose Multiply -composite
( +clone -flop ) -compose Multiply -composite
) -alpha off -compose CopyOpacity -composite target.png
conversion imagemagick
edited Jun 7 at 14:12
Jesse_b
10.2k22658
asked Jun 7 at 14:05
David
32
add a comment |Â
up vote
0
down vote
favorite
up vote
0
down vote
favorite
Given a 1024x1024 .png image (RGB) I'm trying to get a 1024x1024 .png image with transparent background where the source image is resised at 810px, centered, has rounded corners, and applied the following effects (the non-transparent part, I mean):
effect: 'inner-shadow',
color: 'rgba(255, 255, 255, 0.2)',
translateY: 5.3
,
effect: 'inner-shadow',
color: 'rgba(0, 0, 0, 0.2)',
translateY: -5.3
,
effect: 'fill-radialgradient',
centerX: 0,
centerY: 0,
radius: 1024,
colors: [
offset: 0, color: 'rgba(255,255,255,.1)' ,
offset: 1.0, color: 'rgba(255,255,255,0)'
]
,
effect: 'outer-shadow',
color: 'rgba(0, 0, 0, 0.3)',
blur: 15,
translateY: 15
At this point I only managed to achieve rounded corners:
convert source.png
( +clone -alpha extract
-draw 'fill black polygon 0,0 0,80 80,0 fill white circle 80,80 80,0'
( +clone -flip ) -compose Multiply -composite
( +clone -flop ) -compose Multiply -composite
) -alpha off -compose CopyOpacity -composite target.png
conversion imagemagick
edited Jun 7 at 14:12
Jesse_b
10.2k22658
asked Jun 7 at 14:05
David
32
Given a 1024x1024 .png image (RGB) I'm trying to get a 1024x1024 .png image with transparent background where the source image is resised at 810px, centered, has rounded corners, and applied the following effects (the non-transparent part, I mean):
effect: 'inner-shadow',
color: 'rgba(255, 255, 255, 0.2)',
translateY: 5.3
,
effect: 'inner-shadow',
color: 'rgba(0, 0, 0, 0.2)',
translateY: -5.3
,
effect: 'fill-radialgradient',
centerX: 0,
centerY: 0,
radius: 1024,
colors: [
offset: 0, color: 'rgba(255,255,255,.1)' ,
offset: 1.0, color: 'rgba(255,255,255,0)'
]
,
effect: 'outer-shadow',
color: 'rgba(0, 0, 0, 0.3)',
blur: 15,
translateY: 15
At this point I only managed to achieve rounded corners:
convert source.png
( +clone -alpha extract
-draw 'fill black polygon 0,0 0,80 80,0 fill white circle 80,80 80,0'
( +clone -flip ) -compose Multiply -composite
( +clone -flop ) -compose Multiply -composite
) -alpha off -compose CopyOpacity -composite target.png
conversion imagemagick
edited Jun 7 at 14:12
Jesse_b
10.2k22658
asked Jun 7 at 14:05
David
32
edited Jun 7 at 14:12
Jesse_b
10.2k22658
edited Jun 7 at 14:12
Jesse_b
10.2k22658
edited Jun 7 at 14:12
Jesse_b
10.2k22658
10.2k22658
asked Jun 7 at 14:05
David
32
asked Jun 7 at 14:05
David
32
asked Jun 7 at 14:05
David
32
32
add a comment |Â
add a comment |Â
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2funix.stackexchange.com%2fquestions%2f448437%2fhelp-me-build-an-imagemagick-command%23new-answer', 'question_page');
);
Post as a guest
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
