how to create this effect? 1010 Responses

Last post: 2 years, 1 month ago | Thread started: Dec 12, 09, 4 a.m.

RespondNew TopicDisable Images

• blackspade

  hey guys

  How would you go about creating this type of pixel perfect grid texture as you can see overlayed on the background on this site...

  http://www.christmastweets.co.uk…

  Ive had a shot a couple diff ways but doesnt look as nice, was interested to hear how you think they went about it here?

  trying to create a similar effect on a fun project

  thanks =)!

  Dec 12, 09, 4 a.m. – Permalink

• thatboyneave

  Looks like a pretty straightforward pattern with every other pixel in black and a little bit transparent.

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earDec 12, 09, 4:05 a.m. – Permalink

• blackspade

  yea you're right - just wondered if there's an easy way to quickly create these kinda bitmap pixel grids in PS or similar without creating them manually, ill get it though ..cheers man

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earDec 12, 09, 4:20 a.m. – Permalink

• thatboyneave

  Make a 2x2 pixel image with a black pixel top left. Then edit > define pattern.

  Then you can fill an image with that using edit > fill > pattern.

  • yep.– egosmoke

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earDec 12, 09, 4:23 a.m. – Permalink

• lambsy

  it's a simple preset pattern in fireworks.

  make box > choose pattern from texture fill > export as flv > done

  • ^– Stugoo1/3

    what lambsy is saying is that you don't even need to create it. It's a preset in fireworks. You can set the level of transparancy for the negative areas, too.– Josev2/3

    transparancy for the negative areas, too.– Josev3/3

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earDec 12, 09, 4:23 a.m. – Permalink

• Stugoo

  create a 4x4 psd with a transparent background
  top left pixel and bottom right, paintthem black.
  reduce the opacity of said black pixels
  edit > define pattern.

  the pattern should appear in your pattern list now.

  • ^– Stugoo

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earDec 12, 09, 4:35 a.m. – Permalink

• blackspade

  on it, dont know why i didnt think of above suggestions as have used define pattern before!

  thanks guys big help!

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earDec 12, 09, 10:03 a.m. – Permalink

• Knuckleberry

  get a piece of paper> draw

  • < Paper? What's that?– luckyorphan1/3

    its what the proles use– ifeltdave2/3

    http://content.ytmnd…– moldero3/3

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earDec 12, 09, 10:33 a.m. – Permalink

• detritus

  I'd be wary about doing at 2x2 - don't know if it's still the case, but making such small tiles that need so much repeating used to slow the shit out of browsers - I doubt it's that much different within Flash.

  I'd consider trying 20x20 upwards.

  • It had performance impact?– acrossthesea1/4

    I dunno, try it.– detritus2/4

    I mean, yes - it did. Don't know whether or not it still does - I haven't used a tile background in a looong time.– detritus3/4

    Haven't worried about that since v4 browsers.– ETM4/4

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earDec 12, 09, 3:50 p.m. – Permalink

• utopian

  Here is the "bg.gif" from their website:
  

  

  Here is the background blown up:
  

  

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earDec 12, 09, 5:48 p.m. – Permalink

• version3

  this again? ffs lol bbqslosions ftw fml

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earDec 12, 09, 7:56 p.m. – Permalink