Jump to content
Harster13

Designer, windows: is there a rectangular transparency coming?

Recommended Posts

Designer, windows: is there a rectangular transparency coming?  That's the question.  Simple.

 

Thank you all for your suggestions.  Some don't work and I'm afraid some I don't understand.  Here's what I'm talking about.  It's easy in DrawPlus as the attachment shows and I guess I can just do it there and then export it and import into Affinity Designer when I want that effect.post-32198-0-73590700-1487020206_thumb.jpg

 

I also don't understand how to add an attachment and have it appear as part of the post.  On my screen it attaches as a link that disappears after I view it and return to the post.  WTF???

post-32198-0-55316700-1487020644_thumb.jpg

Share this post


Link to post
Share on other sites

I think that currently the only way to create a rectangular transparency is to apply four linear transparencies at right angles to each other.

How can you apply four transparencies to one AD object?

 

I am not sure I understand what is meant by a "rectangular transparency." Does that mean a uniform transparency applied to a particular layer, to a group or what?  :unsure:

Share this post


Link to post
Share on other sites

How can you apply four transparencies to one AD object?

 

Apply one, group the layer, apply the next, etc. ;)

 

I am not sure I understand what is meant by a "rectangular transparency." Does that mean a uniform transparency applied to a particular layer, to a group or what?   :unsure:

 

I believe the OP wants the effect shown in the attached example.

post-8358-0-25926900-1486993052_thumb.png

Share this post


Link to post
Share on other sites

Well, that's most clever!!! !!

 

 

Wow, five exclamation points! (although.... it looks like there could have been 6!!  ;)  )

 

Is it time for the dance??  :D

 

elvis-get-down.gif

 

Alfred, no big mystery. It's a rectangle with an FX outline (gradient contour) moved to the mask position of the image (example attached).

rectangle fade example.afdesign

Share this post


Link to post
Share on other sites

JimmyJack - I apologize for being such an ignorant beginner, but I am finding it impossible to duplicate what you have done here.  I opened your example in AD, but how you got there I don't understand.  Can you give me a screenshot or two of the process?

Share this post


Link to post
Share on other sites

Try creating a rectangle, apply the Gaussian blur FX to it setting the radius to define how wide the blur is, then move it onto your layer as a layer mask.  That should achieve what you are after.

Share this post


Link to post
Share on other sites
On 14/02/2017 at 2:05 AM, JimmyJack said:

Alfred, no big mystery. It's a rectangle with an FX outline (gradient contour) moved to the mask position of the image (example attached).

 

Thanks, JimmyJack. I've got it now! thumbup1.gif

 

On 14/02/2017 at 9:55 AM, Ben said:

Try creating a rectangle, apply the Gaussian blur FX to it setting the radius to define how wide the blur is, then move it onto your layer as a layer mask.  That should achieve what you are after.

 

That's a nice effect too, Ben, but as a longstanding DrawPlus user I can see that it isn't quite what the OP was looking for. JimmyJack has it spot on.

 

For anyone still struggling to see what JimmyJack did, here are the steps:

 

1. Open the image that you want to use

2. Cover it with a solid-filled rectangle

3. Add an 'Outline' layer effect

    • Alignment: Inside

    • Fill style: Contour

    • Gradient: 0% opacity at the left-hand end

4. Still in the Layer Effects dialog, set the Radius for the effect to the desired border width

    • The maximum slider value is 100px, but you can type a larger value into the box

5. Close the Layer Effects dialog

6. In the Layers panel, drag the rectangle thumbnail and drop it onto the image thumbnail

 

Share this post


Link to post
Share on other sites

Alfred: Glad you got it. And thanks for putting together the breakdown.

 

Harster13: Did Alfred's list help? At least you can now point to a step # where you get lost. The one thing I would add (on #6) is that when you do it, you will see vertical blue line appear on the right side of the thumbnail image. That's how you know you're in the right spot to drop.

 

Also, to everyone. This method will work on any shape!  :)

Why we can have a contour setting there (in FX) and not elsewhere.... I do not know  :huh: .

Share this post


Link to post
Share on other sites

Sorry guys, that didn't do it for me.  I have the feeling I'm missing just one little thing.  Everything seems to go smoothly, but when I get to the final step, it just cuts off the edge of the photo like I had cropped it.

Share this post


Link to post
Share on other sites

I have the feeling I'm missing just one little thing.

It could be in step 6:

6. In the Layers panel, drag the rectangle thumbnail and drop it onto the image thumbnail.

Share this post


Link to post
Share on other sites

Everything seems to go smoothly, but when I get to the final step, it just cuts off the edge of the photo like I had cropped it.

 

What does the rectangle look like just before you drag its thumbnail in the Layers panel? When you're ready to drop it onto the image thumbnail, do you see the vertical blue line that JimmyJack mentioned?

post-8358-0-19858100-1487120485_thumb.png

Share this post


Link to post
Share on other sites

AH!! I think I know what's wrong... maybe.

 

How are you activating the FX area. The Effects tab doesn't have all the same options.

You have to use the FX "button" in the bottom of the layers frame (the bar that also contains the trash can).

Share this post


Link to post
Share on other sites

I'm embarrassed.  It's apparently going to take this old man forever to learn my way around AD.  So much of the terminology is new to me, that the tutorials, written or video, cause me to glaze over.  I learn best by doing what I need to do, and I'm sorry you guys will sometimes pay the price.

 

Since my last post (#17), I took a shower and that's where it came to me.  Boy am I a dummy!  In my defense, I'm so used to working in DrawPlus that I didn't even think to add a mask layer before I added the rectangle.  Once I did that, it all went perfectly.  I just want to thank all of you.  You guys are great and here's my result (I still don't know how to get the image to show up in this post other than as a thumbnail attachment).

post-32198-0-67054100-1487126528_thumb.png

Share this post


Link to post
Share on other sites

In my defense, I'm so used to working in DrawPlus that I didn't even think to add a mask layer before I added the rectangle.  Once I did that, it all went perfectly.

 

Dropping the rectangle onto the image thumbnail creates a mask layer for you, so if you've done it correctly you shouldn't need to add it as a separate step. Anyway, I'm glad you got there! BTW, that's a very nice result.

 

 

(I still don't know how to get the image to show up in this post other than as a thumbnail attachment)

 

You can't. Large images (>100px square, I think) are always displayed as thumbnails, to save on 'bandwidth' and to reduce the amount of scrolling needed when reading through forum posts.

Share this post


Link to post
Share on other sites

Alfred - don't have a clue why dropping the rectangle onto the image thumbnail didn't work for me, but I obviously screwed something up and I'm glad I got the job done somehow too. 

 

Thanks for explaining the image issue too.

Share this post


Link to post
Share on other sites
On 2/14/2017 at 4:36 AM, αℓƒяє∂ said:

 

Thanks, JimmyJack. I've got it now! thumbup1.gif

 

 

That's a nice effect too, Ben, but as a longstanding DrawPlus user I can see that it isn't quite what the OP was looking for. JimmyJack has it spot on.

 

For anyone still struggling to see what JimmyJack did, here are the steps:

 

1. Open the image that you want to use

2. Cover it with a solid-filled rectangle

3. Add an 'Outline' layer effect

    • Alignment: Inside

    • Fill style: Contour

    • Gradient: 0% opacity at the left-hand end

4. Still in the Layer Effects dialog, set the Radius for the effect to the desired border width

    • The maximum slider value is 100px, but you can type a larger value into the box

5. Close the Layer Effects dialog

6. In the Layers panel, drag the rectangle thumbnail and drop it onto the image thumbnail

 

Didn't work for me. Shouldn't be this hard to add an effect like this. :(

Share this post


Link to post
Share on other sites
3 minutes ago, mattgolfs said:

Didn't work for me. Shouldn't be this hard to add an effect like this. :(

Where did it fail? (I agree that it shouldn’t be hard to add it as an effect within the program. Since they did it for DrawPlus, they obviously have an algorithm for it!)

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

Please note the Annual Company Closure section in the Terms of Use. These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.