Jump to content
You must now use your email address to sign in [click for more info] ×

Rotating Colour from Image ('Pixel Stretch Effect') in Affinity Photo


Recommended Posts

Hi,

I saw this cool kinda colour wheel 'Pixel Stretch Effect' done by a guy called Joe Cavazos on Pinterest and I wondered if I could recreate it in Affinity Photo. His website is http://www.fubiz.net/en/2019/10/23/the-pixel-stretch-by-joe-cavazos-2/ and if you are interested check it out cos its really cool.

Pixel Stret Effect by Joe Joe Cavazos on Pinterest.jpg 

This is the effect I was trying to recreate in Affinity Photo 02.jpg

So I nabbed the image of the female dancer on Pinterest page https://www.pinterest.co.uk/pin/64317100919832831/

Ballerina Elena Olshin by Vihao Pham Photograpy

Not sure if this effect has already been done as a tutorial for Affinity Photo, but I thought I knew away to create it, so here goes...

So I selected the Selection Brush Tool and made the size 10px

image.png.54745ae1908ffe55645f9c2803186bae.png     

This area of the image...

image.png.087dcbc7d0f2491f545b03f6a6f186ea.png

Like this...

image.png.246879eb8a317c7ffae723c4da5c81e7.png

Press CTRL D to turn off the selection

With the layer selected (as shown below)

image.png.1da094d2de9d025033f424f060153f49.png

Click the Cycle Selection Box image.png.f885f7de2ff93d9bea48cbad17d39ed8.png

Click the Enable Transform Origin image.png.d334d31ddca75b9c34bbaeb416309545.png

You'll see the 'Centre' of the image displayed

image.png.b42b4909feb95d1f29525394ca67a3a8.png

image.png.afe9893508d1ed36af0122bfd75afcf6.png

With this layer selected:

In the 'Brushes' panel

Select New Brush from Selection - to create a brush of this section of the image (which has all the colours in the image)

image.png.c24604236553ee26a546e864dbe840d1.png

Right-click the brush

Select Rename Brush. I called it Dancer

image.png.24f6c5e5053d40d85c5d8125cc66f591.png

image.png.0f48ef2b1b2621e707b57c6ba8cf1881.png

Click OK

Right-click brush again

Click Edit Brush

image.png.62cb8957b945828927352058738ee46e.png

On 'General' tab

In 'Spacing':

Set to as low as it will go (mine is 1%)

image.png.e68a1b0a3105d26d74d1e1e8ff5f9ed4.png

Click OK

Create a new file

Click once with the new 'Dancer' brush

With the layer selected (on which you have made a brush dab of the section of the dancer:

Click the Cycle Selection Box image.png.f885f7de2ff93d9bea48cbad17d39ed8.png

Click the Enable Transform Origin image.png.d334d31ddca75b9c34bbaeb416309545.png

You'll see the 'Centre' of the image displayed

Click and drag the 'Centre of the Image' icon to the tip of the fingers of the dancer

image.png.a40471af33618b975cfb982096a008dc.png

You may need to zoom in at this point...

With the layer selected:

Click Layer

Click Duplicate - to duplicate the layer

Select the bottom right corner of the layer and position the cursor until you see the double 'Rotation' handle

Rotate the duplicate very slightly to the right

image.png.39b99c3535de42e81783d8a0f24f793a.png

Click Layer again

Click Duplicate - to duplicate the layer

Then press CTRL J - to Repeat the last action,

then keep pressing CTRL J (or keep your fingers on the keys) to duplicate the layer until it has created a circular blur of the layer.

I would suggest you Save. I crashed a couple of times cos there are so many layers. Luckily, Affinity Photo opens up the unsaved file and I was able to continue creating the duplicates until I was done. But we're not finished yet.

image.png.23fcb26f6ec871430227c4b80ea79af1.png

image.png.f718aeb007fee7932be42744ef91297b.png

When you've made as many duplicates as you need, select all of them and Group the layers

Duplicate this Group

Hide all the other layers by clicking the Eye icon (so none of them are displayed, then 

 

image.png.de00ec8385c1291dfd69d9d21e71cec2.png

image.png.40ad767327f313865c1f75faa47db17c.png

Then remove the background of the original Dancer image.

Copy the Dancer into the file that has the rotated colour blur

Resize the Dancer image until you are happy with the positioning.

Note: When I crashed and opened up the image again and resumed the duplicates, I moved the image too much when duplicating it so you can see a 'banding' on the second half of the rotated layers. You won't make this mistake, hopefully.

image.png.fb6ea83c763bd8d18e055a907b505268.png

Already you can see that its getting there...

With the layer selected:

Put a Layer Mask on it by clicking the image.png.f4a17f48f2703e7f8e0784a5aa881e2b.png Mask Layer icon

image.png.f1e2e655903ad36cf08444a18060b3ef.png

Duplicate this layer.

In the 'Brushes' palette:

Select the Basic brush category

Select Round Soft Brush 128

In Width: 

Increase brush size to approx 595px (or whatever you prefer)

image.png.4cbef18d260e38a534cef5b242ac4938.png

Then paint out the area of the circular blur, leaving the section you need to retain.

image.png.3f6bca01e006d8c3322c8f4a5fd3872e.png

The section of the Dancer image still has its uses. You can paint with it...

Depending on the direction of your brush stroke, you can paint with it reversed too by painting a brush stroke to the left or to the right

image.png.c2454056dab9689642bd5f88c3253697.png

You can create fabric...

image.png.a7b60fce6bdac5e97d76f0c07e3fca99.png 

image.png.08eea49d480a40cda5ca482986f5de82.png

Strange seamless textures/patterns and brush strokes that you can create new brushes with...

image.png.e64c8ca5a1f3a8d7a78803f8749d1345.png

Fringing...

image.png.8734b726035780c4b948ae26696d9561.png 

image.png.25624784f2e34c9e28a93895b70209bc.png

image.png.d19fb179a8b5fe1bebe843b470212009.png

image.png.f576902520715508e8c4a5edb4b59741.png

Changing the Brush settings determines what the brush stroke paints like.

I'm fairly new to Affinity Photo and Affinity Designer. I have come from a Corel Painter/Adobe Photoshop/Illustrator background, but I have been impressed by both Affinity programs.

Just wanted to pass on this use of the Brush tool to create this effect (albeit rather rushed). I don't know if its of any use to anyone, but just wanted to pass it on to the Affinity Photo users.

Please let me know what you think... 

 

 

 

This is the effect I was trying to recreate in Affinity Photo.jpg

This is the effect I was trying to recreate in Affinity Photo 02.jpg

Pixel Stret Effect by Joe Joe Cavazos on Pinterest.jpg

Ballerina Elena Olshin by Vihao Pham Photograpy.jpg

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

Link to comment
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.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | 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.