![]() I tend to like to use my clone stamp, or the healing or pattern brushes. So with this image visible on my screen, I'm going to use a variety of the tools in my tool pallet to adjust the image. Being able to see this allows me to be able to fix it. Now we can clearly see where the image is going to tile. So what's happened is my image has folded in from the right and the left, and the top and the bottom. I'm going to make sure that the undefined areas are set to wrap around. So our vertical height was 266, this will be 133. Then I'm going to plug in half of the width of the vertical. In the offset dialogue box, I'm going to plug in the horizontal value that is half the width of my image. I'm going to come down to other and I'm going to choose offset. And now, I'm ready to go on to the next step in order to make the pattern seamless. It's going to let me know that it's going to clip my canvas. It's going to crop off one pixel of my image, but that's not going to really matter in the whole scheme of things. So I'm going to go ahead and I'm going to change the height to 266. I'm going to go into image, canvas size, and I'm going to make sure that I'm using whole numbers. I need to find out a little bit of information about my file. In order to fix this, I'm going to go back to my wood file. This is something that you want to avoid, because this is not creating the seamless graphic that we'd like to project on our website. Now, the problem with this background, is you can easily see where the image is tiling, or repeating. I've dragged this onto the very top layer, so we could take a good look at it. I'll click okay, and you can see that this pattern has now filled the background area of my website. Here's our wood pattern, so I'll go ahead and select that. I'm going to select this layer, and I'm going to use edit, fill, and for contents, I want to make sure that I'm choosing pattern from the pull-down menu, and then you'll have the option to choose whatever pattern that you want. I've already made a layer called background. I'm going to go back to my Aloha Pineapple website, and I'm going to use this to create a background texture. It's going to by default take on the name of your file. Here I have the option to name the pattern. And now that it's copied into my clipboard, I'm going to go into edit, define pattern. Now I'm going to copy this to my clipboard, So I'll use edit, copy. I've already selected my image by going to select, all. I'm going to go ahead and make sure the image is selected. For our purposes here, we're going to use this wood texture. In order to create a seamless background, you're going to want to open the file that you want to use as the background. It's better to use a small portion of an image, and simply repeat it. It's very important to not use large images, because they can impact bandwidth. A repeating background is particularly useful when working with textures where you need a large overall background, but you just want to be able to have a small image, so that you're not impacting file size. It adds a visual element to help set the tone for your website. A seamless background will often display behind your site content. Seamless and tiled backgrounds are great for both websites and all other kinds of Photoshop work.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |