Search the Community
Showing results for tags 'Distort'.
Found 40 results

Designer  Free transform tool (perspective distort)
SalfingerAndrew posted a topic in Affinity on Desktop Questions (Mac and Windows)
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. 55 replies

 mac
 free transform tool

(and 5 more)
Tagged with:

Distort / warp feature affinity designer
Ahmed Yasir posted a topic in Feedback for Affinity Designer on Desktop
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 35 replies

 affinity designer
 mockup

(and 3 more)
Tagged with:

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.

Hello, How to distort text like in Adobe Illustrator like a flag or arch ? How to distort horizontly or verticaly ? Thanks for advices.
 5 replies

 artistic text
 designer

(and 2 more)
Tagged with:

Using Equations in Distort  Convert to Polar
John Rostron posted a topic in Tutorials (Serif and Customer Created Tutorials)
Conversion of a rectangular image to polar coordinates using Equations is not straightforward. A major problem is that the origin of the rectangular Cartesian coordinates 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 xaxis, and at or near the bottom on the yaxis. First select Filter > Distort > Equations and enter: x=w*atan((xw/2)/(h/ay))/100+w/2 y=hsqrt((xw/2)^2+(hy)^2) The expression (xw/2) displaces the horizontal origin to the centre, and the expression (hy) 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 recentres 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 
Filters > Distort> Equations Noise()
John Rostron posted a topic in Tutorials (Serif and Customer Created Tutorials)
WARNING: for the technicallyminded 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 grainlike 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 
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.

Wrapping a label round a bottle or mug in Photo
John Rostron posted a topic in Tutorials (Serif and Customer Created Tutorials)
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 (xhalfwidth)/halfwidth, where halfwidth is both the label and the final image. Putting this together and rearranging a bit gives us an Equation: x=(asin(2*x/w1)*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=yConst*x*(wx)/w/w The Constant determines the depth and direction of the curve. I have used the expression w*(0.5a) 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.5a)*x*(wx)/w Note that the w in the numerator and denominator cancel out. The value of (0.5a) 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. WrapAround.afmacro John 
Vector Warp, Skew, Perspective or Distort
Skinner posted a topic in Affinity on Desktop Questions (Mac and Windows)
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? 
Node/vector free distort or transform transform
Gwlister posted a topic in Feedback for Affinity Designer on Desktop
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/curvedtype/ 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/tvshapeballoon/ 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. 
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

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

Vexillomorphic transformations (FlagWaving) in Photo
John Rostron posted a topic in Tutorials (Serif and Customer Created Tutorials)
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 yaxes. The equations to apply are: x=(x+20*sin(360*y/h))/c100*b y=y+a*(h/10)*sin(2*360*x/w)(x/w)*h/10 I add a sideways sine wave to the xaxis as a function of the yposition. 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 lefthand corners of the flag can otherwise move outside the canvas. The yaxis also has a sine wave, depending on the xposition. 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 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 
[AD] Distort Shape Options?
Sirenetta posted a topic in Affinity on Desktop Questions (Mac and Windows)
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! 
Designer  Drawing a Simple Banner
Suetonius posted a topic in Affinity on Desktop Questions (Mac and Windows)
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. 
Distort > Equations: How it works
John Rostron posted a topic in Tutorials (Serif and Customer Created Tutorials)
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 anticlockwise, 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 
Is there a way to distort images?
chris.bannu posted a topic in Affinity on Desktop Questions (Mac and Windows)
Hi guys, Is there a DISTORT TOOL or something similar to the distort tool from Fireworks, which allows to distort images? Thanks 
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=y20 to get: which both behave as if the yorigin 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 yorigin 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

Hi, I'm new here. I bought Designer an hour ago. Do not anyone know where to find distort? Thanks Mak

How to cut out precisely selection of sphere filter?
Roland Rick posted a topic in Affinity on Desktop Questions (Mac and Windows)
How do I cut out precisely (!!!) the range I selected with the distortion filter "Sphere"  no matter live or destructive. I tried everything, giving up... FYC: if I make a circle selection first, I never get the range spherized I want to... Why is this filter limited to 1024 pixels??? Thanks for all reply in advance 13 replies

 distort
 live filter

(and 3 more)
Tagged with:

Using Equations in Distort  Parameter won't work
John Rostron posted a topic in Affinity on Desktop Questions (Mac and Windows)
@atfitzy posted a thread about reshaping a text block. I tried various Equations in Filter> Distort and the best I could come up with is: x=x y+(hy)*(wx)*x/w/w/a This produces the required arch in the upper margin of the block. The a parameter allows the user to increase the stretching effect. The default of one has no effect; reducing it will increase the effect. However, I find that reducing the parameter has no effect until the value goes below half, after which it has the desired effect. I can get the desired effect by putting a multiplier at the start of the equation: y+2*(hy)*(wx)*x/w/w/a Here are a couple of arched images using this formula: Otherwise the formula works as desired. Before I commit this to a macro can anyone explain this unexpected behaviour in the parameter value? John 
I have been trying to use the Filter >Distort > Equations to perform a simple Perspective correction. However when inserting formulae into the Equations filter, it seems to act on the wrong axis. I therefore tried a much simpler pair of formulae: x=x100*(1a) y=y100*(1b) By default there is no change, since the default parameter value is 1. If I reduce parameter a, a transparent area appears at the top of the image, increasing as I reduce parameter a. If I reduce parameter b, a transparent area appears at the right of the image, increasing as I reduce parameter b. So, the formula for the xaxis affects the yaxis, and the formula for the yaxis affects the xaxis. John

I have been using Filter > Distort > Equations to modify text onto a sine curve. First I rasterize the text, then apply Filter > Distort > Equations with the following formulae: x=x y= y+(h*a/2)*(b*sin(360*x/w/c)+(1b)*cos(360*x/w/c)) This filter works as intended as a oneoff, and whilst recording the macro, but If I then export the macro, and try to apply the macro later nothing happens. The history panel shows that it has been applied, but the image is unchanged. This happens whether I load the macro as a single macro, or if I add it to a library and load it from there. What seems to be happening is that when I record, I set the parameters a, b and c to 0.25, 1 and 1 respectively. The default in each case is 1. When I try to execute the macro, the parameters b and c seem to have been reset to zero which means that the macro is unusable, since dividing by c means dividing by zero. I can use the Macro Edit facility to apply valid values, but this should not be necessary. Text onto sinecosine curve.afmacro John

Macro records but will not perform
John Rostron posted a topic in Affinity on Desktop Questions (Mac and Windows)
I have been using Filter > Distort > Equations to modify text onto a sine curve. First I rasterize the text, then apply Filter > Distort > Equations with the following formulae: x=x y= y+(h*a/2)*(b*sin(360*x/w/c)+(1b)*cos(360*x/w/c)) This filter works as intended as a oneoff, and whilst recording the macro, but If I then export the macro, and try to apply the macro later nothing happens. The history panel shows that it has been applied, but the image is unchanged. This happens whether I load the macro as a single macro, or if I add it to a library and load it from there. Text onto sinecosine curve.afmacro Anyone any ideas? John 
Using Equations in Distort  Trig functions
John Rostron posted a topic in Tutorials (Serif and Customer Created Tutorials)
The equations facility in Affinity is not well documented. There is limited support in some AP actions, but the Transform and Distort > Equations filter offers a wide range of functions. This tutorial focuses on using the trigonometrical functions, sine, tangent and arctangent. The argument to many trigonometrical functions is an angle. In mathematics this is usually expressed in radians. However, the Affinity functions expect their argument in degrees. Sines and cosines The argument expected is in degrees, and over 360 degrees, the value of the function varies between 1 and +1. The sine function starts at zero and rises to a maximum at 90 deg, then falls to zero at 180 deg, falling to a minimum of 1 at 270 deg before rising to zero at 360 deg. If we wish to map this cycle to the width of an image, then we can use sin(360*x/w). Typically we would want the amplitude of the cycle (the maximum and minimum) to be more than 1 and 1, so we add a scale factor, measured in pixels. For an amplitude of 100 pixels, we have 100*sin(360*x/w). This gives one cycle across the width of the image. If we want more than one cycle, we can add a multiplier in the argument, so for three cycles per width, we can use 100*sin(3*360*x/w). Note that I use 3*360 rather than 1080 since it preserves the standard 360 multiplier. As an example, here is a checkerboard with Filter > Distort > Equations: x=x y=y+100*sin(2*360*x/w) If we apply this to a real image, we get: This is varying the vertical position of a point along the xaxis. We could vary the vertical position of a point along the yaxis by using the equation: y=y+100*sin(2*360*y/h) For the checkerboard, this would give: And for the Severn Bridge we get: We could even combine them both with the formula: y=y+100*sin(2*360*x/w)*sin(2*360*y/h) to give: or, for a real image: I will be adding further examples using tangents and cotangents.