Comments on: How To: Create a Seamless Diagonal Pattern in Illustrator http://www.bittbox.com/illustrator/how-to-create-a-seamless-diagonal-pattern-in-illustrator Free high quality design resources, tutorials and tips for graphic and web designers Thu, 09 Feb 2012 09:22:51 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Learn Adobe Illustrator: All the Basics for Beginners | Vandelay Design Blog http://www.bittbox.com/illustrator/how-to-create-a-seamless-diagonal-pattern-in-illustrator/comment-page-1#comment-54736 Learn Adobe Illustrator: All the Basics for Beginners | Vandelay Design Blog Thu, 11 Nov 2010 12:58:49 +0000 http://www.bittbox.com/?p=2442#comment-54736 [...] How to: Create a Seamless Diagonal Pattern in Illustrator [...] [...] How to: Create a Seamless Diagonal Pattern in Illustrator [...]

]]> By: kelly http://www.bittbox.com/illustrator/how-to-create-a-seamless-diagonal-pattern-in-illustrator/comment-page-1#comment-54049 kelly Thu, 21 Oct 2010 21:11:47 +0000 http://www.bittbox.com/?p=2442#comment-54049 Hi, I desperately need help here. Tutorial was going fine but when I drew a shape and filled it with the pattern, it somehow wasn't seamless - i had repeated squares with diagonal stripes. Checked that the square to create the crop/clipping mask was "no fill/no stroke". What else could I be doing wrong? Any advice would be much appreciated. Thank you!! :) Hi,
I desperately need help here. Tutorial was going fine but when I drew a shape and filled it with the pattern, it somehow wasn’t seamless – i had repeated squares with diagonal stripes. Checked that the square to create the crop/clipping mask was “no fill/no stroke”. What else could I be doing wrong? Any advice would be much appreciated. Thank you!! :)

]]> By: Free Vectors http://www.bittbox.com/illustrator/how-to-create-a-seamless-diagonal-pattern-in-illustrator/comment-page-1#comment-53527 Free Vectors Thu, 30 Sep 2010 17:47:29 +0000 http://www.bittbox.com/?p=2442#comment-53527 Thanks for sharing useful tips. Thanks for sharing useful tips.

]]> By: Yulken http://www.bittbox.com/illustrator/how-to-create-a-seamless-diagonal-pattern-in-illustrator/comment-page-1#comment-53187 Yulken Wed, 22 Sep 2010 22:06:43 +0000 http://www.bittbox.com/?p=2442#comment-53187 Thank you very much! You post was very helpful for me :) Best regards! Thank you very much! You post was very helpful for me :)
Best regards!

]]> By: Mark Bult http://www.bittbox.com/illustrator/how-to-create-a-seamless-diagonal-pattern-in-illustrator/comment-page-1#comment-52007 Mark Bult Fri, 20 Aug 2010 19:28:18 +0000 http://www.bittbox.com/?p=2442#comment-52007 It's so stupid that this sort of thing isn't baked in to Illustrator already. It’s so stupid that this sort of thing isn’t baked in to Illustrator already.

]]> By: Stuart http://www.bittbox.com/illustrator/how-to-create-a-seamless-diagonal-pattern-in-illustrator/comment-page-1#comment-51606 Stuart Thu, 05 Aug 2010 15:16:37 +0000 http://www.bittbox.com/?p=2442#comment-51606 Why do you continue to make more work for yourself with what should be simple patterns? For a simple line (or dot pattern, as I have commented on that one) pattern draw it horizontally then use the rotate options as Jimmy correctly mentions. Obviously if the patterns are more complex then yes, they require more thought. Why do you continue to make more work for yourself with what should be simple patterns? For a simple line (or dot pattern, as I have commented on that one) pattern draw it horizontally then use the rotate options as Jimmy correctly mentions. Obviously if the patterns are more complex then yes, they require more thought.

]]> By: keith http://www.bittbox.com/illustrator/how-to-create-a-seamless-diagonal-pattern-in-illustrator/comment-page-1#comment-51367 keith Mon, 26 Jul 2010 12:18:11 +0000 http://www.bittbox.com/?p=2442#comment-51367 do you know how to fade it out from a colour to transparent? do you know how to fade it out from a colour to transparent?

]]> By: Lisa http://www.bittbox.com/illustrator/how-to-create-a-seamless-diagonal-pattern-in-illustrator/comment-page-1#comment-49040 Lisa Fri, 30 Apr 2010 02:22:57 +0000 http://www.bittbox.com/?p=2442#comment-49040 Another thing that you forgot to mention was expanding the blended object. And also, when I tested the pattern, I started getting these crazy seams, especially after cropping my artwork in the first place. Is there something I'm doing wrong? How can I avoid it? Another thing that you forgot to mention was expanding the blended object. And also, when I tested the pattern, I started getting these crazy seams, especially after cropping my artwork in the first place. Is there something I’m doing wrong? How can I avoid it?

]]> By: jimmy http://www.bittbox.com/illustrator/how-to-create-a-seamless-diagonal-pattern-in-illustrator/comment-page-1#comment-48937 jimmy Sun, 25 Apr 2010 20:29:27 +0000 http://www.bittbox.com/?p=2442#comment-48937 It's far quicker to apply a horizontal/vertical line pattern from the the defaults, double click rotate tool, and there check "patterns" and uncheck "objects". Type in 45 and then you're done! It’s far quicker to apply a horizontal/vertical line pattern from the the defaults, double click rotate tool, and there check “patterns” and uncheck “objects”.
Type in 45 and then you’re done!

]]> By: E7PX.com Design & Photoshop » Blog Archive » Learn Adobe Illustrator: All the Basics for Beginners http://www.bittbox.com/illustrator/how-to-create-a-seamless-diagonal-pattern-in-illustrator/comment-page-1#comment-48721 E7PX.com Design & Photoshop » Blog Archive » Learn Adobe Illustrator: All the Basics for Beginners Tue, 20 Apr 2010 04:35:22 +0000 http://www.bittbox.com/?p=2442#comment-48721 [...] How to: Create a Seamless Diagonal Pattern in Illustrator [...] [...] How to: Create a Seamless Diagonal Pattern in Illustrator [...]

]]> By: Spotlight Ideas » 250 Excellent Blog Articles for Web Designers http://www.bittbox.com/illustrator/how-to-create-a-seamless-diagonal-pattern-in-illustrator/comment-page-1#comment-48649 Spotlight Ideas » 250 Excellent Blog Articles for Web Designers Sat, 17 Apr 2010 15:26:09 +0000 http://www.bittbox.com/?p=2442#comment-48649 [...] How To: Create a Seamless Diagonal Pattern in Illustrator – Bittbox – Oct ‘09 [...] [...] How To: Create a Seamless Diagonal Pattern in Illustrator – Bittbox – Oct ‘09 [...]

]]> By: ktfitz http://www.bittbox.com/illustrator/how-to-create-a-seamless-diagonal-pattern-in-illustrator/comment-page-1#comment-47955 ktfitz Wed, 31 Mar 2010 04:09:36 +0000 http://www.bittbox.com/?p=2442#comment-47955 I can not crop the pattern down to a sqaure?? I can not crop the pattern down to a sqaure??

]]> By: siki? http://www.bittbox.com/illustrator/how-to-create-a-seamless-diagonal-pattern-in-illustrator/comment-page-1#comment-45622 siki? Thu, 28 Jan 2010 19:34:35 +0000 http://www.bittbox.com/?p=2442#comment-45622 thanks you You will have to crawl very nice,owe you gratitude.. thanks you
You will have to crawl very nice,owe you gratitude..

]]> By: Fere http://www.bittbox.com/illustrator/how-to-create-a-seamless-diagonal-pattern-in-illustrator/comment-page-1#comment-45088 Fere Thu, 31 Dec 2009 01:29:06 +0000 http://www.bittbox.com/?p=2442#comment-45088 thank you for this! thank you for this!

]]> By: 35+ High Quality Illustrator Tutorials You Can Not Miss | Flash, Design, Vector, Photoshop, Adobe Tutorials | GraphicMania.net http://www.bittbox.com/illustrator/how-to-create-a-seamless-diagonal-pattern-in-illustrator/comment-page-1#comment-44912 35+ High Quality Illustrator Tutorials You Can Not Miss | Flash, Design, Vector, Photoshop, Adobe Tutorials | GraphicMania.net Fri, 18 Dec 2009 15:49:42 +0000 http://www.bittbox.com/?p=2442#comment-44912 [...] [...] [...] [...]

]]> By: Fujilives http://www.bittbox.com/illustrator/how-to-create-a-seamless-diagonal-pattern-in-illustrator/comment-page-1#comment-44853 Fujilives Wed, 16 Dec 2009 16:10:24 +0000 http://www.bittbox.com/?p=2442#comment-44853 This didn't work as well for me, so I created horizontal repeating lines from the 'blend' tool, made the last line transparent (so it would loop more cleanly, though I should have probably moved it up one line in retrospect) and defined it as a pattern. I then applied it to squares and used the "rotate pattern" function and saved Graphic Styles for Horizontal, Vertical, Upward 45 degree angle, and Downward 45 degree angle repeating lines. When I wanted to see lines closer together or further apart I would just use the pattern zoom function: To scale pattern only while leaving object untouched, select pattern object > go to object menu > Transform > Scale > now check only the pattern uncheck others, activate preview, now adjust the value in uniform. I saved these in an illustrator graphic style palette and you are welcome to use them. http://filedump.fujilives.com/Illustrator%20Styles%20and%20Swatches/Graphic%20Styles.localized/Repeating%20Background%20Lines.ai This didn’t work as well for me, so I created horizontal repeating lines from the ‘blend’ tool, made the last line transparent (so it would loop more cleanly, though I should have probably moved it up one line in retrospect) and defined it as a pattern. I then applied it to squares and used the “rotate pattern” function and saved Graphic Styles for Horizontal, Vertical, Upward 45 degree angle, and Downward 45 degree angle repeating lines. When I wanted to see lines closer together or further apart I would just use the pattern zoom function:

To scale pattern only while leaving object untouched,
select pattern object > go to object menu > Transform > Scale > now check only the pattern uncheck others, activate preview, now adjust the value in uniform.

I saved these in an illustrator graphic style palette and you are welcome to use them.

http://filedump.fujilives.com/Illustrator%20Styles%20and%20Swatches/Graphic%20Styles.localized/Repeating%20Background%20Lines.ai

]]> By: ??????????????????????2 | Nutspress http://www.bittbox.com/illustrator/how-to-create-a-seamless-diagonal-pattern-in-illustrator/comment-page-1#comment-44358 ??????????????????????2 | Nutspress Tue, 08 Dec 2009 04:32:56 +0000 http://www.bittbox.com/?p=2442#comment-44358 [...] a Rolling Stones Inspired Tongue Illustration 40+ Excellent Adobe Illustrator Cartoon Tutorials Create a Seamless Diagonal Pattern in Illustrator How To Create An Iconic Logo Design Urban Art Tutorial in Photoshop and Illustrator 40 Adobe [...] [...] a Rolling Stones Inspired Tongue Illustration 40+ Excellent Adobe Illustrator Cartoon Tutorials Create a Seamless Diagonal Pattern in Illustrator How To Create An Iconic Logo Design Urban Art Tutorial in Photoshop and Illustrator 40 Adobe [...]

]]> By: Best of the Web – October 2009 | Graphic Design Pro http://www.bittbox.com/illustrator/how-to-create-a-seamless-diagonal-pattern-in-illustrator/comment-page-1#comment-43452 Best of the Web – October 2009 | Graphic Design Pro Mon, 09 Nov 2009 05:19:15 +0000 http://www.bittbox.com/?p=2442#comment-43452 [...] Visit Tutorial [...] [...] Visit Tutorial [...]

]]> By: More tuts for Graphic Designers « http://www.bittbox.com/illustrator/how-to-create-a-seamless-diagonal-pattern-in-illustrator/comment-page-1#comment-43338 More tuts for Graphic Designers « Tue, 03 Nov 2009 18:48:26 +0000 http://www.bittbox.com/?p=2442#comment-43338 [...] http://www.bittbox.com/illustrator/how-to-create-a-seamless-diagonal-pattern-in-illustrator [...] [...] http://www.bittbox.com/illustrator/how-to-create-a-seamless-diagonal-pattern-in-illustrator [...]

]]> By: Paul Grunt » Blog Archive » Create Seamless Diagonal Pattern in Illustrator http://www.bittbox.com/illustrator/how-to-create-a-seamless-diagonal-pattern-in-illustrator/comment-page-1#comment-42674 Paul Grunt » Blog Archive » Create Seamless Diagonal Pattern in Illustrator Wed, 28 Oct 2009 02:33:54 +0000 http://www.bittbox.com/?p=2442#comment-42674 [...] If you’ve ever wanted to create a seamless diagonal pattern in Illustrator here is a great tut to get the job done!  How To: Create a Seamless Diagonal Pattern in Illustrator [...] [...] If you’ve ever wanted to create a seamless diagonal pattern in Illustrator here is a great tut to get the job done!  How To: Create a Seamless Diagonal Pattern in Illustrator [...]

]]>