Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design Photoshop Foundations Slices & Save for Web The Slice Tool

Polina Zhilyaeva
Polina Zhilyaeva
14,642 Points
Posted by Polina Zhilyaeva
Polina Zhilyaeva
14,642 Points

Slicing the background texture

The tileabl.es website which Allison refers to in this video is no longer available. So how do we slice the background texture? I didn't understand what was shown in this lesson.

Maeling Murphy
Maeling Murphy
2,673 Points
Maeling Murphy
Maeling Murphy
2,673 Points

So from rewatching this section a few times, here is what I was able to figure out:

Layer 24 in the .psd file has the original texture from the tileabl.es website (grayish texture image)

  • She first creates a new .psd file with a white background that is 500x500 px
  • She then places the Layer 24 grayish texture in this new file
  • She then goes to the website .psd file and uses the eyedropper tool to get the brown background color
  • She then uses the paint bucket tool to fill the white background layer in the new file with this brown color
  • She then sets the blending mode to hard light on the gray texture layer in the new file and the opacity to 20% and the fill to 100%

I was able to recreate it using these steps so I hope this helps!