Shop Mobile More Submit  Join Login
tutorial -- repeating pattern (update) by onisuu tutorial -- repeating pattern (update) by onisuu
 
repeating cat-wolf tile by onisuuRepeatingseine by onisuuUNICORNS EVERYWHERE by onisuu
example of how it looks on a site: sta.sh/01pru40biiqs | sta.sh/0u946d86wsh
(I lowered the opacity of the final tile to 40%)
something fun to do/try ;D
drawn in SAI/moved things in photoshop elements
in photoshop you can move things with the offset filter
Filter>Other>Offset

PLEASE REBLOG FROM MY tumblr!! :love:

*please reblog from the source post! ^0^/ 

:new: I remade this tutorial to reflect the use of Offset rather than manual movement of elements XD
it's better! *7*))) <3

Add a Comment:
 
:iconmiss-gravillian1992:
Miss-Gravillian1992 Featured By Owner Mar 13, 2015  Hobbyist Digital Artist
This is amazing! :happybounce:
you saved my life with this awesome tutorial! ♥
Reply
:icononisuu:
onisuu Featured By Owner Mar 18, 2015
I'm happy it helped you! C:
Reply
:iconanairamist:
Anairamist Featured By Owner Mar 10, 2015
I always wanted to know how to do that! Thanks for the tutorial!
Reply
:icononisuu:
onisuu Featured By Owner Mar 10, 2015
I'm glad it helped you! :D
Reply
:iconscribblin:
scribblin Featured By Owner Jan 28, 2015
This is super helpful  Bunny Emoji-12 (Yay) [V1] 
thanks for making it <3
Reply
:icononisuu:
onisuu Featured By Owner Jan 28, 2015
I'm glad it helped! 8D
Reply
:iconsharkysaur:
Sharkysaur Featured By Owner Jan 27, 2015  Hobbyist Digital Artist
Hi Onisuu, what codes do you use to make the tile repeat in the custom box? I've been using this code for backgrounds, but I'm not sure what to add to it to make the image repeat.  or maybe I should be using an entirely different code? Thanks for your help.

< div class="floaty-boat">
<img src="IMAGE URL GOES HERE"/ >< /div>< /div>
Reply
:icononisuu:
onisuu Featured By Owner Jan 27, 2015
hi! I actually just use the img src  tags as you've shown, and make a large picture (with the repeating) as the picture source :D (make sure the picture size is bigger than the widget box size you are trying to cover)
rather than just uploading the one tile and trying to make it repeat in the coding (cause I don't know how to do that, or if it's possible in the widgets XD)
Reply
:iconsharkysaur:
Sharkysaur Featured By Owner Jan 27, 2015  Hobbyist Digital Artist
Thanks for your help! I finished my tile and added it to my profile page!
Reply
:icononisuu:
onisuu Featured By Owner Jan 28, 2015
Ohhh yay!! It looks fantastic! ^0^
Reply
:iconsharkysaur:
Sharkysaur Featured By Owner Jan 28, 2015  Hobbyist Digital Artist
Thank you!
Reply
:iconsharkysaur:
Sharkysaur Featured By Owner Jan 27, 2015  Hobbyist Digital Artist
Oh, thanks! That makes sense. I with try that.
Reply
:iconmangomilkpaw:
MangoMilkPaw Featured By Owner Dec 8, 2014  Student Traditional Artist
Great tutorial, thank you really really really much <3
Reply
:icononisuu:
onisuu Featured By Owner Dec 13, 2014
aw I'm happy it helped you! C:
Reply
:iconshadedforests:
Shadedforests Featured By Owner Dec 1, 2014  Student Digital Artist
How does one do this in SAI?
Reply
:icononisuu:
onisuu Featured By Owner Dec 2, 2014
You will have to do it manually in SAI! 
You'll need to crop the picture in half so you get the right side and left side exactly, do this by adjusting canvas size and anchoring the image on the middle right and left (2 separate crops)
and pasting the left and right half on and opposite side on a new canvas
well, in general I don't recommend this especially if you have tons of layers cause it will be such a pain in the butt.
yOu can most likely find a free trial of photoshop or photoshop elements which will make your life easier...or maybe look and see if there is a site that helps with making tiled images
Reply
:iconshadedforests:
Shadedforests Featured By Owner Dec 2, 2014  Student Digital Artist
Ah ok, thanks hun <3
Reply
:iconsepsichoco:
SepsiChoco Featured By Owner Nov 22, 2014  Hobbyist General Artist
Could you pass me the link to download Photoshop elements?
Reply
:icononisuu:
onisuu Featured By Owner Nov 22, 2014
Sorry I don't have it! Try googling for a free download of it ^_^
Reply
:iconsepsichoco:
SepsiChoco Featured By Owner Nov 22, 2014  Hobbyist General Artist
De acuerdo, ¿podría decirme al menos, como se le llama a su photoshop?
Reply
:icononisuu:
onisuu Featured By Owner Nov 22, 2014
It's called photoshop elements 6 ^__^
Reply
:iconzaiiya:
Zaiiya Featured By Owner Oct 22, 2014  Hobbyist Digital Artist
Wow this is amazing thanks so much for the tutorial<3
Reply
:icontaishobee:
TaishoBee Featured By Owner Oct 11, 2014  Hobbyist Traditional Artist
I just made my first ever seamless tile thanks to you! THANK YOU!!
Reply
:iconbrigadon:
brigadon Featured By Owner Aug 17, 2014
is there a way to do this within sai itself? transferring to pjotoshp elements loses all the layers and stuff
Reply
:icononisuu:
onisuu Featured By Owner Sep 10, 2014
I save the file as a .psd in SAI and then when I arrange the layers with offset, I do the same settings for each layer~~ it's quite tedious ; u ; ))
otherwise, I would fully colour each picture and then assemble them together as a pattern on the canvas, shifting it with offset to position the coloured pieces evenly on the tile. :D
Reply
:iconmarritime:
Marritime Featured By Owner Sep 5, 2014  Hobbyist Digital Artist
I believe with sai you can save the file as a .psd file instead of .sai, and it shouldn't lose it's layers.
Reply
:iconhannun:
Hannun Featured By Owner Jul 30, 2014  Hobbyist
Nisuuu thank you for posting this tutorial *^*
I really needed this !
fc08.deviantart.net/fs71/f/201…
I made this using your tutorial
Reply
:icononisuu:
onisuu Featured By Owner Jul 30, 2014
Omggg that's so cute!!! Ahhh you did a fabulous job! ^q^))))
Reply
:iconkokoroichan:
KokoroIChan Featured By Owner Jul 4, 2014
thanku ; U ;
your tutorials helped me so muchu 
Reply
:iconinvisibleking:
InvisibleKing Featured By Owner Jun 7, 2014  Hobbyist General Artist
Thanks for tutorial, it helped a lot! <3
Reply
:icononisuu:
onisuu Featured By Owner Jun 7, 2014
Aw you're welcome! ^__^
Reply
:iconcaptainerror:
CaptainError Featured By Owner Jun 7, 2014  Student Digital Artist
Do you know what size I'd have to make it to use as a background for the boxes on my page?
Reply
:icononisuu:
onisuu Featured By Owner Jun 7, 2014
What I did was screenshot the boxes so I know the width of the picture, and then make the background image be the picture. Then, to make the box's height match the picture, I had to put a bunch of < br> withoutthe space, to make line breaks (bythe way, one < br> is equivalent to pressing 'enter' on the keyboard once,  but incode form )
Reply
:iconcaptainerror:
CaptainError Featured By Owner Jun 7, 2014  Student Digital Artist
Ah thanks!
I'll be attempting it at some point when I have motivation ^u^
Reply
:icondareofshadowpack:
DareofShadowPack Featured By Owner May 13, 2014  Student General Artist
AHHHH THANK YOU THIS HELPED ME SO MUCH
Reply
:iconyoki-roo:
Yoki-Roo Featured By Owner Apr 24, 2014  Hobbyist General Artist
I've been trying so hard to do these and failing. 
Your tutorial really helped me out. 
Thanks for sharing it.
Reply
:icononisuu:
onisuu Featured By Owner Apr 24, 2014
I'm so glad it helped you! :D
Reply
:iconemthesmall:
emthesmall Featured By Owner Mar 23, 2014
rearly helpful,  thanks xD
Reply
:iconchai-tea-dream:
chai-tea-dream Featured By Owner Mar 21, 2014  Hobbyist General Artist
Lovely tutorial btw!! I was wondering if you know the code to put this on your page/ in the journal? I've been havin trouble with it ^-^;
Reply
:iconkuri-nii:
Kuri-Nii Featured By Owner Feb 13, 2014  Student General Artist
this is super useful! Thank you <33
Reply
:icononisuu:
onisuu Featured By Owner Feb 15, 2014
i'm glad it helps! =D
Reply
:iconwhelms:
Whelms Featured By Owner Feb 13, 2014  Hobbyist Digital Artist
I really needed this. Thanks!
Reply
:icononisuu:
onisuu Featured By Owner Feb 15, 2014
aw I'm glad it helped! ^^
Reply
:iconrhodart:
RhodArt Featured By Owner Feb 13, 2014  Hobbyist General Artist
ahh this is such a great tutorial i just tried it and its super cute! <3
Reply
:icononisuu:
onisuu Featured By Owner Feb 15, 2014
awesome!! <333
now you can make tons of cute patterns ehehehe! <33
Reply
:iconsir-herp:
Sir-Herp Featured By Owner Feb 13, 2014  Student General Artist
ONISUU, I LOVE YOU

I only have SAI and GIMP though, so I guess I'm just gonna have to manually butcher my canvas :'D
I was just thinking last night how I needed to learn how to do this
I thank theeeee
Reply
:icononisuu:
onisuu Featured By Owner Feb 15, 2014
AWW I'm glad it helped you at the right time too! XDDD

oh man, manual butchering is a pain but at least it works! ^^ <33
Reply
:iconthejaguar9:
thejaguar9 Featured By Owner Feb 13, 2014  Student Digital Artist
OMG THOSE ARE SO ADORABLEEEE

and i love offset! so good for when im texturing my models <3
Reply
:icononisuu:
onisuu Featured By Owner Feb 15, 2014
eheh thank you! <3333
Reply
:icongalphath:
galphath Featured By Owner Feb 13, 2014  Student General Artist
Oh my thank you :heart:
Reply
Add a Comment:
 
×




Details

Submitted on
April 9, 2013
Image Size
892 KB
Resolution
1200×3500
Link
Thumb
Embed

Stats

Views
52,841 (56 today)
Favourites
3,507 (who?)
Comments
173
Downloads
348
×