Photoshop Zone

Hi everyone! I realized that in my past posts about the custom fabric labels I did not include how to design your label in Photoshop for upload to Spoonflower’s website. Here is a quick tutorial for creating a custom label design (you will also find a download link at the bottom of this post to download the label template): First, open the template (provided at the end of this post) in Photoshop. Create your design, making sure you stay within the interior teal guide lines. This will ensure that you have a 1/2 inch are around your design for when you cut it out of the fabric. After you have created your design go to Edit>Define Pattern… Name Your design whatever you would like and hit Ok Now go to File>New… Create a document with a Transparent   Background  and with the dimensions listed above.  If the picture above is too small for you to see they are:  Width: 2700 pixels Height: 3150 pixels Resolution: 150 RGB Color ...

Step 1 This time we’re going to create a full web design in grunge style using Photoshop and a lot of stock images. As this is a intermediate to advanced level tutorial, I’ll skip the explanation of some basic steps. First create a new document 950 px by 800 px at RGB 72dpi. Show the rulers and drag four guides bounding the document, this will be the optimal area of the design. I’m planning to keep a fixed width layout. Go to Image > Canvas Size and increase the width and height a lot more, 1200 px by 1000 px is OK, this way we’ll be designing for wider screen resolutions. Then add more guides where you’re planning to add the containers (Header, Navigation bar, Sidebar, Footer). Let’s imagine this design is destined for a WordPress template, so we’ll need a header, a navigation bar inside the header, and a right sidebar. Take a look at the bottom of the following image. Then fill a background with this color #7A8173. Step 2 Now we’re going to create a patter...

Making a premium WordPress theme from scratch is an essential skill for designers to learn and will become increasingly important as WordPress continues to become the web publishing tool of choice. In this two part tutorial will we cover how to make premium WordPress themes happen. Part 1, covered below, shows how the photoshop mock up is created, and in Part 2 we’ll outline how to turn the psd into HTML/CSS and wordpress theme files. I’m Alvaro Guzman and in part 1 I’ll show you how to design a modern web interface from scratch using Photoshop and stock pictures. You can download the finished psd file at the end of this tutorial. Firstly let’s have a look at the finished psd mock up: The Finished Mock Up Step 1 Let’s get started, first create a new blank document and draw some guides to delimite your design, 960px width is just fine, then increase your canvas size to see how it looks on wider resolutions, maybe to 1200-1260px. Do the same with the Height, start...