HOME | DD

RadenWAPS Tutorial- Looped Background

Published: 2011-04-28 11:24:24 +0000 UTC; Views: 55569; Favourites: 2693; Downloads: 1135
Redirect to original
Description So, to make sure I did something useful this Easter Break, I did this tutorial on a Photoshop animating trick I just recently developed.

The finished animation of this tutorial is here:


Since this is an animation tutorial, it might be only helpful for people who needs animation stuffs and know what they would use this stuff for.

But I realized, the swapping-merging technique works awesome to make any other patterns too, even tiles or textile patterns. Well it's good to have such a versatile technique!

---
suggested that Filter > Other > Offset is a better option to do the swapping thingie, so you may give it a try! :3
---

The softwares used here is Photoshop CS2. I think later versions should have an animation window too, but of not, usually you only need to switch to ImageReady. The painting work itself was made on SAI.

Anyways, here's my tutorial, hope you can understand it and be helpful for whatever you intend to do.

Tutorial by *RadenWA .
Meet my other tutorials there [link]

LE EDIT
OMG, lol, so it's, liek, a DD. Well that wasn't expected, really. Big thanks and all sorts of gratitude and regards to =medli20 for suggesting and ^shelldevil for featuring this humble piece. I'm more than glad that I can contribute some kinda help back to this awesome community and like, get a recognition for that.
Related content
Comments: 278

RadenWA In reply to ??? [2011-05-05 06:42:54 +0000 UTC]

Wow, is there something special with animating in CS5?

👍: 0 ⏩: 0

FoXsPhotos In reply to ??? [2011-05-03 18:00:25 +0000 UTC]

Wow! Thx!

👍: 0 ⏩: 1

RadenWA In reply to FoXsPhotos [2011-05-04 07:19:44 +0000 UTC]

My pleasure ^^

👍: 0 ⏩: 0

animegirl007 In reply to ??? [2011-05-02 15:15:11 +0000 UTC]

Thanks for the tip

👍: 0 ⏩: 1

RadenWA In reply to animegirl007 [2011-05-03 12:16:22 +0000 UTC]

👍: 0 ⏩: 0

Andrade-IV In reply to ??? [2011-05-01 18:14:43 +0000 UTC]

Thank you,thank you,thank you........!!

👍: 0 ⏩: 1

RadenWA In reply to Andrade-IV [2011-05-03 12:18:22 +0000 UTC]

My pleasure

👍: 0 ⏩: 0

PsdDude In reply to ??? [2011-05-01 17:05:46 +0000 UTC]

great tutorial, I am learning new things everyday about this amazing program. Thank you so much for your effort to write this tut !

👍: 0 ⏩: 1

RadenWA In reply to PsdDude [2011-05-03 12:21:29 +0000 UTC]

I am glad to be helpful!

👍: 0 ⏩: 0

tinadas96 In reply to ??? [2011-05-01 16:30:04 +0000 UTC]

thanz

👍: 0 ⏩: 1

RadenWA In reply to tinadas96 [2011-05-03 12:21:35 +0000 UTC]

👍: 0 ⏩: 0

Inghelene In reply to ??? [2011-05-01 12:58:16 +0000 UTC]

thank you so much o.o

👍: 0 ⏩: 1

RadenWA In reply to Inghelene [2011-05-01 13:40:45 +0000 UTC]

👍: 0 ⏩: 0

DamaiMikaz In reply to ??? [2011-05-01 10:21:32 +0000 UTC]

This is so awesome

👍: 0 ⏩: 1

RadenWA In reply to DamaiMikaz [2011-05-01 11:28:25 +0000 UTC]

👍: 0 ⏩: 0

CircuitDruid In reply to ??? [2011-05-01 09:55:39 +0000 UTC]

so simple, so easy XD one feels one should have figured it out onself! Thanks, what a great trick.

👍: 0 ⏩: 1

RadenWA In reply to CircuitDruid [2011-05-01 11:28:31 +0000 UTC]

Thanks

👍: 0 ⏩: 0

AngelERenoir In reply to ??? [2011-05-01 09:47:22 +0000 UTC]

Do you know how to make anime-style animated speedlines background? I've been trying to figure that one out for ages but can't seem to make it work.

👍: 0 ⏩: 1

RadenWA In reply to AngelERenoir [2011-05-01 11:29:52 +0000 UTC]

Scattered brushes + motion blur

Or simply lines with random ellipses. Have some experiments!

👍: 0 ⏩: 1

AngelERenoir In reply to RadenWA [2011-05-01 16:54:43 +0000 UTC]

And then do the thing you said in tutorial? Cut in half and put it on opposite ends? Kay, I'll give it a try.

👍: 0 ⏩: 1

RadenWA In reply to AngelERenoir [2011-05-03 12:16:08 +0000 UTC]

👍: 0 ⏩: 0

joe9320 In reply to ??? [2011-05-01 04:54:02 +0000 UTC]

CS5 works too. Kamu punya Photoshop CS5?

👍: 0 ⏩: 1

RadenWA In reply to joe9320 [2011-05-01 09:36:01 +0000 UTC]

no. I go to uni if I feel the need to get that stuff

👍: 0 ⏩: 0

BlueZaoldyeck22 In reply to ??? [2011-05-01 02:44:09 +0000 UTC]

thanks for the tutorial!!

👍: 0 ⏩: 1

RadenWA In reply to BlueZaoldyeck22 [2011-05-01 09:36:08 +0000 UTC]

no worries! ^^

👍: 0 ⏩: 0

Chibikorea In reply to ??? [2011-04-30 23:11:05 +0000 UTC]

LOL. the mushrooms always fix everything.
Even the deepest problems in life.

👍: 0 ⏩: 1

RadenWA In reply to Chibikorea [2011-04-30 23:27:05 +0000 UTC]

lol

👍: 0 ⏩: 0

Anhestemes In reply to ??? [2011-04-30 22:22:25 +0000 UTC]

Thanks for the tutorial

👍: 0 ⏩: 1

RadenWA In reply to Anhestemes [2011-04-30 23:27:10 +0000 UTC]

👍: 0 ⏩: 0

dr4cul4anubis [2011-04-30 19:53:58 +0000 UTC]

nice, thanks for sharing

👍: 0 ⏩: 1

RadenWA In reply to dr4cul4anubis [2011-04-30 23:27:17 +0000 UTC]

No worries ^^

👍: 0 ⏩: 0

UdonBullets In reply to ??? [2011-04-30 19:30:39 +0000 UTC]

Another golden nugget of wisdom! : D Much appreciated!

👍: 0 ⏩: 1

RadenWA In reply to UdonBullets [2011-04-30 23:27:30 +0000 UTC]

No worries! ^^

👍: 0 ⏩: 0

sillentassault [2011-04-30 18:21:55 +0000 UTC]

Wow very nice! its practically right there in front of you but you don't realize it, its been a while since I have animated but this may get me to start again just to try this

👍: 0 ⏩: 1

RadenWA In reply to sillentassault [2011-05-01 09:36:50 +0000 UTC]

It's great that I motivated someone!

👍: 0 ⏩: 1

sillentassault In reply to RadenWA [2011-05-01 10:30:57 +0000 UTC]

Thanks for this awesome tut

👍: 0 ⏩: 0

turynn In reply to ??? [2011-04-30 17:35:29 +0000 UTC]

I don't think I'm gonna animate anything anytime soon but this tutorial is SO cool I've always been curious about that. Thanks for sharing! You did an awesome job. It's really clear and easy to follow.

👍: 0 ⏩: 1

RadenWA In reply to turynn [2011-05-01 09:37:31 +0000 UTC]

Haha, thank you, glad you find it easy to follow. I thought this tut would sound like nosense for people who don't animate

👍: 0 ⏩: 0

Aetherya In reply to ??? [2011-04-30 17:14:52 +0000 UTC]

I don't animate, not yet, but what the heck. It's faved.

👍: 0 ⏩: 1

RadenWA In reply to Aetherya [2011-05-01 09:37:38 +0000 UTC]

you will later

👍: 0 ⏩: 1

Aetherya In reply to RadenWA [2011-05-01 13:39:07 +0000 UTC]

Maaaaaaaaybe...

👍: 0 ⏩: 0

krystlekmy [2011-04-30 11:37:04 +0000 UTC]

Ah, thankies so much, Radewa-kun! L This is what i need for my WB animation! GREAT tutorial is really inspire me for my animation job!!

👍: 0 ⏩: 1

RadenWA In reply to krystlekmy [2011-04-30 14:06:29 +0000 UTC]

Oh gawd, I am so honored to be able to help people with REAL job!

👍: 0 ⏩: 1

krystlekmy In reply to RadenWA [2011-04-30 15:04:03 +0000 UTC]

heheh, oh yeah, u did very great job coz i could read ur tutorial easily!

👍: 0 ⏩: 0

peachnewt In reply to ??? [2011-04-29 05:59:30 +0000 UTC]

Excellent! I don't have any aspirations for animation, (it would probably take me a lifetime), but I can see how the making a loopable background or pattern could be used for long poster backgrounds, cup labels, or other such crafts.

Insta ! ^_^

👍: 0 ⏩: 1

RadenWA In reply to peachnewt [2011-04-30 05:12:12 +0000 UTC]

Indeed, I love techniques which are versatile ^^

👍: 0 ⏩: 0

splgum In reply to ??? [2011-04-29 00:41:05 +0000 UTC]

Fantastic tutorial! I've never animated backgrounds in PS before so this would be fun to try out

👍: 0 ⏩: 1

RadenWA In reply to splgum [2011-04-30 05:18:54 +0000 UTC]

try ^^

👍: 0 ⏩: 1

splgum In reply to RadenWA [2011-05-03 00:25:39 +0000 UTC]

Once I got the time OTL

👍: 0 ⏩: 0

NinRac In reply to ??? [2011-04-28 22:30:14 +0000 UTC]



Great tutorial and taught me a new trick with photoshop for testing out parallaxes so I don't have to switch over to ImageReady unless necessary. I've already sent it to my lead artist with orders to learn from your wisdom too I can already guarantee 2 people using this tutorial until all of the steps are memorized

👍: 0 ⏩: 1


<= Prev | | Next =>