6 Replies - 1554 Views - Last Post: 24 November 2012 - 01:24 PM

#1 Sergio Tapia  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 1253
  • View blog
  • Posts: 4,168
  • Joined: 27-January 10

Need help figuring out what images are used here.

Posted 23 November 2012 - 12:02 PM

http://www.desayunos...o.blogspot.com/

I'm building out a new website for a friend for free, and I want to keep the background images. Specifically I was looking for the vertical stripe image. I also need to find the image for the "noisey" pink (I'm assuming that's an image).

Posted Image

I can't seem to find them using Chrome inspector, either in the resources pane or the net pane. I see a lot of loaded images, but not either of the two I'm actually looking for.

Can anyone help me out? Thanks! :)/>

This post has been edited by Sergio Tapia: 23 November 2012 - 12:04 PM


Is This A Good Question/Topic? 0
  • +

Replies To: Need help figuring out what images are used here.

#2 tlhIn`toq  Icon User is offline

  • Please show what you have already tried when asking a question.
  • member icon

Reputation: 5627
  • View blog
  • Posts: 12,071
  • Joined: 02-June 10

Re: Need help figuring out what images are used here.

Posted 23 November 2012 - 12:19 PM

Sergio, if this wasn't you I'd swear it was some wacker trying to clone a site.

I can't tell you where to find the image, but I might suggest you'll spend more time looking than to just build a fresh image in Photoshop. Its maybe a 5 minute image.
Was This Post Helpful? 0
  • +
  • -

#3 BenignDesign  Icon User is offline

  • holy shitin shishkebobs
  • member icon




Reputation: 6213
  • View blog
  • Posts: 10,727
  • Joined: 28-September 07

Re: Need help figuring out what images are used here.

Posted 23 November 2012 - 01:00 PM

View PosttlhIn`toq, on 23 November 2012 - 02:19 PM, said:

Sergio, if this wasn't you I'd swear it was some wacker trying to clone a site.


This.

And it looks to me like the file name is Base64 encoded in the CSS. I could be wrong, but that's what I'm seeing.

But I'm with the Klingon... it's not exactly a horribly complicated graphic to recreate.
Was This Post Helpful? 0
  • +
  • -

#4 Sergio Tapia  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 1253
  • View blog
  • Posts: 4,168
  • Joined: 27-January 10

Re: Need help figuring out what images are used here.

Posted 23 November 2012 - 01:47 PM

A) I don't own photoshop, I can't afford to pay it's ridiculous cost.

B) Paint.NET doesn't let me create crisp images like this.

C) I'm terrible with from-scratch asset generation.

@b9: I didn't check for base64 encoded images in the CSS, I'll take a look. Good suggestion!
Was This Post Helpful? 0
  • +
  • -

#5 Atli  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 3730
  • View blog
  • Posts: 6,017
  • Joined: 08-June 10

Re: Need help figuring out what images are used here.

Posted 23 November 2012 - 01:48 PM

As far as I can see, the site has a red background, with a few semi-transparent images placed strategically over it to create the pattern. That's probably why you are having a hard time finding them. Here's where I see the overlay images in the Chrome resources inspector:

Attached Image

The CSS selector .body-fauxcolumns .cap-top controls the base colour.
Was This Post Helpful? 1
  • +
  • -

#6 Sergio Tapia  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 1253
  • View blog
  • Posts: 4,168
  • Joined: 27-January 10

Re: Need help figuring out what images are used here.

Posted 23 November 2012 - 01:54 PM

@Atli: Thanks! That was the key to it, basically they set a background color, and overlay this transparent .png image and repeat it horizontally to achieve this striped pattern.
Was This Post Helpful? 0
  • +
  • -

#7 BenignDesign  Icon User is offline

  • holy shitin shishkebobs
  • member icon




Reputation: 6213
  • View blog
  • Posts: 10,727
  • Joined: 28-September 07

Re: Need help figuring out what images are used here.

Posted 24 November 2012 - 01:24 PM

Sergio - Try this: http://www.gimp.org/

It's free. I prefer it to Photoshop.

Gimp haters can take their whining elsewhere cuz I don't give a shit.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1