Jump to content

Search the Community

Showing results for tags 'Distort'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Affinity Support
    • News and Information
    • Affinity Support & Questions
    • Feature Requests & Suggestions
  • Learn and Share
    • Tutorials (Serif and Customer Created Tutorials)
    • Share your work
    • Resources
  • Bug Reporting
    • Report a Bug in Affinity Designer
    • Report a Bug in Affinity Photo
    • Report a Bug in Affinity Publisher
    • (Pre 1.7) Affinity Range Bugs Forums
  • Beta Software Forums
    • Affinity Designer Beta Forums
    • Affinity Photo Beta Forums
    • Affinity Publisher Beta Forums

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests

Found 45 results

  1. Let’s see if I can explain what I’m trying to do in Affinity Photo. I have some photos which I got using a scanner app on the iPhone. Some of them ended up distorted, becoming too narrow. What I want to do is to correct that manually, not by guessing what the correct width should be and inserting digits, but simply to be able to grab a handle/node and stretch the photo until it looks right. You can do that with shapes if you convert them to curves, at least in Designer, but so far I haven’t found how to do it in Photo, manually, by just stretching the photo until the width looks right. is there a way to do it?
  2. Why is there NO "Envelope" or "Warp" tool in Designer?! It's absurd! Envelope was there in Serif DrawPlus. Creating arc'd text (not on a path) is a BASIC text modification. With all the complex things Designer can do, why is this missing? This has been requested for years!
  3. Hello, I was wondering if within Affinity Designer is there a "Free transform tool" to allow perspective distort with shapes, this is something that can be done within illustrator where you can take two points and can move them together or further apart with equal distance like the example below. You can kinda do this with the "Corner" tool set to straight but this is set to only one angle when perspective distort can change the angle. Thank you for your time and I hope you have a great day.
  4. In a recent post in Questions, @Maxxxworld asked how he could warp an image to apparently wrap it around a bottle. I posted a solution to his problem there, which I expand upon here. Consider the facing semicircle of the bottle as seen in this diagram: The visible part of the label extends from -90 degrees (on the left, not shown) to 90 degrees on the right. This will correspond to the width of the original image. This will project onto the final width of the image (the line below). The final width is less than the original width by a factor of pi/2. A bit of trigonometry shows that the sine of the Angle indicated is given by (x-halfwidth)/halfwidth, where halfwidth is both the label and the final image. Putting this together and re-arranging a bit gives us an Equation: x=(asin(2*x/w-1)*w/180)*pi/2+w/2 A bottle is typically viewed from above, so that the label has a curve, typically with a dip in the middle.This can easily be simulated using equations, using: y=y-Const*x*(w-x)/w/w The Constant determines the depth and direction of the curve. I have used the expression w*(0.5-a) as a scaling factor, where a is a parameter chosen at runtime. This will change the curve from negative (curving down) at the default a=1 to positive at a=0. Inserting this into the equation gives: y=y+(0.5-a)*x*(w-x)/w Note that the w in the numerator and denominator cancel out. The value of (0.5-a) determines the curvature as described above. As an example, here is the Great West Window of Chester Cathedral. I chose this because it has lots of verticals to see how the filter affects it. (It has verticals once I had put it through the Mesh Warp.) And here is the image after the filter: Before filtering I cropped it close to the sides of the window and then Rasterized it to remove the invisible sides. I then added space at the top and bottom to allow room for the curvature part to operate. I then followed this by Clip Canvas to remove surplus transparent ends. The calculations for this filter are complicated by the algorithm that Affinity uses to effect these equations, which I explain in this Tutorial here. I have created a macro that effects the filter, and then uses Clip Canvas. By clicking on the cogwheel, you can alter the degree and direction of curvature. EDIT: I have discovered that this macro will only perform once (per Affinity Photo session). I add here a version recorded in version 1.8 which does work properlyin Photo 1.8: WrapAround1.8.afmacro I alos onclude here the original macro, recorded in version 1.7: WrapAround.afmacro John
  5. Hi guys, I'm having trouble to find a way to fit an image to another's perspective. In photoshop I use the free transform tool. Unfortunately I wasn't able to find something similar here on the iPad. The closest to it is the Shear/Rotation, but that's not flexible enough for my needs. Can anyone please help me? Thank you
  6. Bug 1: Embedding a document into another one and rotating it doesn't rotate the light sources. Reported this for the previous version already, original report: Bug 2: Aligning to masked object behaves differently from aligning to masked curve I reported this here already: Bug 3: Alignment drop down menu can not be moved to a panel Feature Request: Alignment drop down menu can not be moved to a panel Bug 3: Copying the style of one object to another changes the settings. Steps to reproduce: a) create a rectangle, size doesn't matter b) right click it -> Layer effects -> "Bevel/Emboss" -> slide the radius to "20px", other settings do not matter. -> apply style with "close" c) select the rectangle and press CTRL+C to copy it to clipboard. d) create a 2nd rectangle of different size (make it much bigger to have a more visible effect) e) press CTRL+SHIFT+V to paste the small rectangles style f) check the settings of the new rectangle: right click -> Layer effects -> "Bevel/Emboss". The radius is now something totally different from the original "20px". This bug also happens to other layer effects and the "Scale with object" setting does not have an impact. Fun fact: If the 2nd rectangle is created by copying the 2st rectangle right after step (a), then resizing it and going through the rest of the steps (that means adding some layer effects to the 1st rectangle, selecting it, CTRL+C, selecting the 2nd rectangle, CTRL+SHIFT+V), the layer effects stay in tact! That's super weird to me! Bug 4: Weird rendering artifact for sharp Bevel Applying a sharp bevel/emboss with a 45deg angel light source (that's not too uncommon ... 🙄) causes a weird dark line on the edge. It should not be there, it should all be uniform. Same for the white line on the opposite side. Final notes. Ok, that's the bugs I found so far. Oh and any news on a vector envelope/perpective/distort or scissors tool? I'm just asking for a friend ... Naja, non the less I like seeing you guys working to improve the software. Keep it up.
  7. I – surprisingly – couldn't find anything substantial on this topic here, so I'll start a new one... (and I hope I haven't overlooked some feature of the app that actually would have made this request unnecessary) As it is, I dearly miss something like Photoshops's "Free Transform" in Affinity Photo. In AP the whole transformation business is – to me – rather clumsy and really not ergonomic at all. It can be really tedious to sort of "model" a pixel selection to certain shape by using a combination of scaling, rotating, shearing and distorting (free or in perspective). In Photoshop – which I'd really want to give up in favour of AP – it's all under your fingertips: just press CMD-T and with that context-menu "Free Transform" provides, you can do almost ANYTHING to your pixel selection (either including the selected pixels or not). It's all there under the right mouse button (or just a keyboard shortcut away if you're using a graphics tablet with a pencil) and you can go between ALL the different types of transformations I mentioned above without once returning to the menu bar or some palette. And when you're ready, you hit ENTER and you're done. This is simple, intuitive and just ergonomic and it's been there for years and years. With AP complex transforming is just annoying and unpleasant work to me. I my opinion it's really a strange idea to "hide" transformation options like shear and distort in the "Filters" menu – as these very ARE basic transformations and should be accessible (at least) from the "Transform" panel, if not – as in Photoshop – actually from a context menu on screen right next to the selection you're working on. I personally think it is quite an unreasonable demand in AP that – e.g. – for shearing you have to pull at some abstract lines in an extra panel far from the actual selection on the screen. If this could be adressed some time soon, working in AP would be so much more pleasant for me.
  8. Does anybody know how one can make a page curl effect similar to Photoshop? I can see the functions "lattice distortion" and "perspective" but couldn't manage to create a page curl effect though. Thanks for your help! Kind regards, Isabelle
  9. The video is dedicated to the topic "How to Transform a Photo into a Brick Wall Portrait" in Affinity Photo and those people, who want to learn this very easily with step by step.
  10. Dear serif. I am a logo designer. I bought affinity designer for logo designing. Every logo designer needs mockup But affinity designer doesn't have warp effect so you can't have mockups. The only way to use mockups is by buying affinity photo (50$). Dear serif. Be sure that i won't pay another $50 And if i didn't get the warp tool in the next update be sure that i will leave this program
  11. Adobe photoshop has a feature called warp that I would love to see in Affinity Photo. When you click on the warp feature, it looks similar to the perspective feature in Photo (with the grid over the image). The difference with warp is that instead of only the four spots (points that can be dragged) on the four corners, each intersection of the grid is a moveable point. This is particularly useful when trying to make shadows that make papers or cards look curled. The warp feature allows the user to bend a shadow in the center of a side instead of just pulling out the corners. I'll attach an image to show you what I mean.
  12. Hello, How to distort text like in Adobe Illustrator like a flag or arch ? How to distort horizontly or verticaly ? Thanks for advices.
  13. Conversion of a rectangular image to polar co-ordinates using Equations is not straightforward. A major problem is that the origin of the rectangular Cartesian co-ordinates is the top left, whereas for a polar display, you would typically want the origin on the midline, probably near the bottom. The following equations assume that the origin is in the midline along the x-axis, and at or near the bottom on the y-axis. First select Filter > Distort > Equations and enter: x=w*atan((x-w/2)/(h/a-y))/100+w/2 y=h-sqrt((x-w/2)^2+(h-y)^2) The expression (x-w/2) displaces the horizontal origin to the centre, and the expression (h-y) displaces the vertical origin to the bottom. In the first formula, for x, there is a parameter a, which allows you to scale the polar transformation; reducing the parameter a stretches the image around the circle. The 100 is an arbitrary scaling parameter which seems to work. The expression +w/2 at the end re-centres the image. This seems to be necessary, but I am not sure why. I would have expected to deduct w/2 rather than add it! Here is an original image of the Quantum Leap statue in Shrewsbury: With this transform using the default parameter a, this produces a quadrant. And with the parameter set to approximately 0.6: Here is the Macro: PolarQuadrant.afmacro The first thing the macro does is to unlock the image. I tend to do this automatically in macros. It is probably unnecessary. I ought to be able to give the adjustable parameter a, a name, but I have not been able to do this. John
  14. WARNING: for the technically-minded only! The Noise functions in the Filters > Distort> Equations facility are supposed to add (unspecified) noise to an image. The only description I can find of this is in the video by James Ritson. He first duplcates the layer and then uses either noise(x*y)*a or noise4(x*y)*a in his equation. This produces a grain-like effect over his image. The documentation for equations is limited. There is the Expressions for field input in the Help system which gives, under : Noise(seed/x,y), an explanation: Generate 1D noise either from a seed or based on X/Y input with similar definitions for noise2, noise3 and noise4. James uses both the noise and the noise4 functions. In his video he is using the single seed parameter x*y, with the magnitude controlled by the a parameter. I have been experimenting with these noise functions and present here my findings Although the Expressions for field input names the functions Noise ... Noise4, with a capital letter, these will not work. You need to use a lower case n for noise. The function noise2 has no effect. The functions noise, noise3 and noise4 seem to produce identical visible results. The histograms are also identical. Using a single parameter, either a simple number, or an expression such as x*y, has no visible effect unless the Full option is selected in the Extend Mode at the bottom. When using two parameters, they need to be different in the x and y axes to produce any visible result. Multiplying the parameters by a number, such as noise(10x,10y), has no visible effect. I show here the effect of varying these parameters on a simple gradient field: Here is the effect of x=noise(x,y) and y=noise(y,x): The results for noise3 and noise4 are identical, as are noise(3x,3y) etc as are the histograms. If the parameters are the same, say x=noise(x,x) and y=noise(y,y) You get a very different effect: Almost like a tartan effect. If the noise functions are the same in both x and y such as x=noise(x,y) and y=noise(x,y), it works OK, but if you use x=noise(y,x) and y=noise(y,x) there is no visible effect unless you select Full: The difference between using Zero and Full in the Extend Mode at the bottom is subtle. Using Full seems to convert the image into a monochrome effect with the background invisible. However, the noise is based on the luminance of the background. Just for comparison, I append here the effect of the effect of the Add Noise filter (Filter > Noise > Add Noise...): You can control the intensity of the noise here, which is more than you can in any of the noise functions I have described. In conclusion, I would recommend that if you want noise, then use the Filter > Noise > Add Noise... option above until such time as the devs at Serif come up with a more understandable noise function in Equations. Having said that I am not holding my breath on this. Using noise in equations is probably a minority pursuit amongst users and the Add Noise filter is much easier. John
  15. Can you guys please port over the distort feature from Serif DrawPlus or PagePlus into Publisher? This has been announced 5 years ago to be on the roadmap for Designer and still is not there. Today, I am using the Distort from PagePlus (=2015) or CorelDraw7 (=1995) to do this and copying the results back into Designer/Publisher. Quite embarrassing.
  16. Is there a way to distort vector artwork along a defined shape? Is there a way to simulate tilting it backward into space, skew or warp the artwork?
  17. I'm currently test driving all of the Affinity products in hopes of leaving Adobe's Creative Cloud, but am coming up just a little short on some key tool necessities. The biggest hole I can see is the ability to distort or free transform vector nodes, whole objects or outlined text (curves). This is a tutorial on creating 'curved' text using 'free transform' tools in Illustrator from 2000: http://www.balloontales.com/curved-type/ Or selective scaling when nodes are selected. Here's an example of the function; keep in mind this isn't about WHAT is being created, it's the 'how'. http://www.balloontales.com/tv-shape-balloon/ Just added functionality to node/vector manipulation and I can then say goodbye to Adobe Illustrator. If these functions already exist, can someone point the way to any related tutorials? Thanks! Good stuff so far; just need a few more tools to be GREAT stuff. G.
  18. I'm sure its been asked a thousand times but is there any chance of a similar function to Inkscape's path effects being added to 1.7.0 << if it were to happen I would be more than happy to pay for the upgrade from 1.6 A very simple example is shown in this video: https://www.youtube.com/watch?v=aotGj9iJB4U
  19. I have traced logo in Affinity Designer. I have object open book cover. I want simply put logo adjusted to cover. Idea ilustrate sample picture: On X and Y axis is simple - click on object, put value in navigator or move by Move Tool [V]. Using small circle I can rotate object. I want distort object to achieve effect similar to circle with shape on the left before text Dodo Case - it is what I mean by adjust in Z axis. Normally I would use distort or mesh tool but in AD is not available. I try select object and use Node Tool [A] to make this, but I'm not very happy with result. I have logo with man with a lot of points and adjusting this is quite troublesome (I have two groups - first is a complicated shape and second are bunch of simple circles). I try use S in Navigation to shear object and is at this time the best option for me. So then only available option is use Node Tool or S in navigation to achieve adjustation on Z axis or maybe can you sugest me another and better aproach?
  20. This is an extension of my tutorial on Trigonometrical transformations using Filter > Distort > Equations. This one is focused on simulating flags waving in a light wind. Flags have an advantage in that they have a standard shape (width is twice the height). Edit: I have been told that this is not true. I stand corrected. To get the desired waving, I apply a sine transformation to each of the x and y-axes. The equations to apply are: x=(x+20*sin(360*y/h))/c-100*b y=y+a*(h/10)*sin(2*360*x/w)-(x/w)*h/10 I add a sideways sine wave to the x-axis as a function of the y-position. When the flag waves, the visual width is decreased, so I have added a parameter c which scales the width of the flag. The parameter b is an offset, since the left-hand corners of the flag can otherwise move outside the canvas. The y-axis also has a sine wave, depending on the x-position. The parameter a determines the magnitude of this sine wave. The final expression (-(x/w)*h/10) ensures that the fly (RHS in this case) is below the hoist (LHS here). (Definitions: hoist is the part next to the flagpole; fly is the part flying free.) Here is the UK Union Flag, plus a bit of extra space above and below to create room: And waving in the breeze: And here is a macro that implements these transformations: FlagWaving.afmacro And a macro library containing the single macro: FlagWaving.afmacros The parameters should appear when you run the macro. Parameter a controls the vertical wave; parameter b controls the horizontal offset; parameter c controls the overall horizontal scaling. This macro will not simulate a flag in too strong a wind, where the parts overlap! John
  21. I'm using Affinity Designer. Besides using a textured stroke or manually adjusting curves/nodes, is there another way to distort the edge of a shape? Pic below is similar to what I'd like to accomplish. I could possibly create a textured stroke to mimic this, but are there other ways or anything automatic? Thanks again!
  22. Oh dear ... seeing the amount of excellent stuff that has been created on the site, I'm almost embarrassed to ask my question. Almost. It's quite simple, really, but it's just about driving me mad. Imagine - Draw a rectangle to simulate a long banner which is going to hang from a wall, with three eylets, top & bottom. Superimpose text. Now, when a real banner is hung, it will distort and droop where it is unsupported - ie. in between the eyelets. The text, of course, will distort with the banner. How do I do that in Designer? I can get the banner background itself to do it (sort of), but how about the text? Can't find anything in the tutorials which would help. I just KNOW I'm going to feel foolish when I'm told, but, at the moment, I'm willing to risk it !! Oh - just in case you haven't already guessed, this is my first outing with Designer.
  23. I recently had difficulty in getting the Distort > Equations Filter to work as I thought it should, I was convinced that there was an error and posted a Bug report here. After comment from members @shojtsy and @walt.farrell and moderators @Andy Somerfieldand @Patrick Connor, I finally got it sorted. I thought that an item in the Tutorials might help for others coming to this problem anew. Consider a simple pair of Equations: x=x+y*0.2 y=y*0.7 My original thoughts were that these represented algebraic transformations, that the value of the pixel at position (x,y) would be moved to pixel position (x+y*0.2, y*0.7). Applying this to the image: gives: The bottom right corner of the image is transparent. My expectation was that the height of the text would be reduced to 70%, but it is actually expanded to approximately 140% (1/0.7). I originally expected the slant to be anti-clockwise, but it was clockwise. My original thoughts and expectations were wrong. What actually happens is quite different. For any pixel at position (x,y), Affinity Photo will find the pixel at (x+y*0.2, y*0.7) and use the value of the pixel value there to apply to the pixel at (x,y). Following this logic, the results are consistent with (revised) expectations. John
  24. Hi guys, Is there a DISTORT TOOL or something similar to the distort tool from Fireworks, which allows to distort images? Thanks
  25. From previous experience, the y parameter in Distort > Equations goes from top to bottom, as with most graphic programs. I have always assumed this in constructing equations and macros. Recently I have been doing some experiments. This is the base image I have started with, allowing around 25 pixels underneath the rasterized text: I then use y=y+20 and get: and then using y=y-20 to get: which both behave as if the y-origin is at the bottom. I then try multiplying and dividing by a fraction. Firstly y=y*0.7 to get: Then y=y/0.7 to get: These seem to behave in the opposite way to what one would expect. Multiplying by a fraction 0.7 enlarges the image and dividing by 0.7 shrinks the image (leaving a gap at the bottom). These both behave as if the y-origin was at the top. I have tried these in both the current version of Photo and the most recent Beta with the same results. Resolved: it is not a bug. I have posted a Tutorial summarising the resolution of this as a Tutorial. John
×
×
  • 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.