Color Grid Design In Photoshop. Written by Steve Patterson. We'll use Photoshop's guides and rulers to set up the initial spacing, then a couple of rarely used selection tools to convert the guides into an actual grid. We'll learn how to easily select random squares in the grid and colorize them with adjustment layers and blend modes, and finally, how to color and adjust the appearance of the grid itself! I'll be using Photoshop CS5 throughout the tutorial, but any recent version will work. Here's the final effect we'll be working towards: The final color grid design. The Basics – Photoshop Tools Part 3 of 3. Rectangular Marquee Tool, Elliptical Marquee Tool, Single Row Marquee Tool, Single Column Marquee Tool,Lasso Tool. The only marquee tool that does not allow cropping is the elliptical. Although the single row and column marquee tools allow for cropping, they are not ideal. I have used PS7 for many years but have never found a practical use for the single row/column marquee tool,am i missing. The simplest rule would just be that the objective is to use the Single Pixel Marquee. Rectangular Marquee Tool . Single Row Marquee Tool & Single Column Marquee Tool de Photoshop - Duration. GIMP - Rectangle and Ellipse Select Tool. Using the Marquee Tools. Make an elliptical selection using 'Elliptical Marquee Tool'. Make a vertical selection 1 pixel wide using Single Column Marquee. Adobe Photoshop (often shortened as Photoshop, or even PS) is an image editing program. Single Column Marquee Tool; Lasso Tool; Polygonal Lasso Tool. Let's get started! Step 1: Create A New Photoshop Document. Let's begin by creating a new document for the grid. Go up to the File menu in the Menu Bar along the top of the screen and choose New: Go to File > New. This opens Photoshop's New Document dialog box. I'm going to create a square- shaped document by entering 1. Width and Height. Of course, you can enter whatever dimensions you need, but the effect tends to work best if you stick to a square shape. For this tutorial, I'll leave the Resolution value set to 7. If you're planning on printing the final result, you'll want to create a larger document and set your resolution to 2. Click OK when you're done to close out of the dialog box. Hidden Photo Optical Illusion. Use the Single Column Marquee tool to select 1 column of px. Never really used gimp so i cant if you have any questions i will try and answer them based on photo shop. Use the following search parameters to narrow your results: subreddit:subreddit find submissions in 'subreddit' author:username find submissions by 'username' site:example.com find submissions from 'example.com' url:text. The new document will appear on your screen: The New Document dialog box. Step 2: Show Rulers. Go up to the View menu at the top of the screen and choose Rulers, or press Ctrl+R (Win) / Command+R (Mac) to quickly turn the rulers on with the keyboard shortcut: Go to View > Rulers. Step 3: Change The Ruler Measurement Type To Percent. This displays Photoshop's rulers along the top and left of the document. Depending on what measurement type your rulers are set to in Photoshop's Preferences, they're probably displaying either pixels or inches. Move your mouse cursor into the rulers, either along the top or the left, then Right- click (Win) / Control- click (Mac) inside the rulers and choose Percent from the list. You'll see the rulers change to percentage increments: Right- click (Win) / Control- click (Mac) inside the rulers and select Percent from the list. Step 4: Drag Out Horizontal And Vertical Guides At 1. Percent Increments. The reason we turned the rulers on was so that we could easily add equally- spaced guides to our document, which will then become our grid lines. Let's add vertical guides first. Click inside the ruler along the left of the document, and with your mouse button held down, drag out the first guide. Use the top ruler to place the guide at the 1. Click inside the left ruler and drag out a vertical guide to the 1. Do the same thing to add a guide at each 1. Your document should now appear divided into 1. The guides divide the document into 1. Next, use the same steps to add horizontal guides. Click inside the top ruler and with your mouse button held down, drag out a horizontal guide. Use the left ruler to place the guide at the 1. Continue dragging out horizontal guides at 1. When you're finished, you should have the same number of horizontal and vertical guides dividing the document up into a grid of squares: The guides divide the document into a grid of squares. With the guides in place, press Ctrl+R (Win) / Command+R (Mac) on your keyboard to hide the rulers, since we no longer need them. Step 5: Add A New Blank Layer And Name It . They won't be of any real use to us unless we somehow convert them into an actual pixel- based grid, and we can do that easily using a couple of Photoshop's rarely used selection tools - The Single Row and Single Column Marquee Tools. Click on the Rectangular Marquee Tool near the top of the Tools panel and hold your mouse button down for a second or two until a small fly- out menu appears showing you the other tools nested in behind in, then choose the Single Row Marquee Tool from the list: Click and hold on the Rectangular Marquee Tool's icon, then select the Single Row Marquee Tool. As it's name implies, the Single Row Marquee Tool will select a single horizontal row of pixels in the document. To use the tool, we just need to click anywhere in the document and Photoshop will automatically select the pixel we clicked on, plus every other pixel in that row from left to right. We're going to use the tool to convert the horizontal grid lines into a series of selection outlines. First, move your cursor directly over the top horizontal grid line (the one you placed at the 1. You'll see a 1- pixel thick selection outline appear along the guide: Click anywhere on the first horizontal guide to add a selection outline around it. Hold down your Shift key and click on the next horizontal guide below it. This will add a second selection outline to the document. Continue holding down your Shift key and clicking on all the horizontal guides until a selection outline appears along each of them. You should see 9 selection outline rows in total. Make sure you keep your Shift key held down as you click on each new guide, otherwise you'll just replace the previous selection outline with the new one: Hold Shift and click on each horizontal guide to add a selection outline around each one. We need to do the same thing now with the vertical guides, which means we need to switch to the Single Column Marquee Tool. Click on the Single Row Marquee Tool in the Tools panel (it will appear where the Rectangular Marquee Tool icon appeared earlier) and hold your mouse button down until the fly- out menu appears, then choose the Single Column Marquee Tool from the list: Click and hold on the Single Row Marquee Tool's icon, then select the Single Column Marquee Tool. We want our vertical selection outlines to be added to the horizontal selection outlines we already have, so once again hold down your Shift key, then click on each of the vertical guides in the document until they're all selected. When you're done, you should have selection outlines along every guide, horizontally and vertically: A grid of horizontal and vertical selection outlines. Step 7: Fill The Selection With Black. Go up to the Edit menu at the top of the screen and choose Fill: Go to Edit > Fill. When the Fill dialog box appears, set the Use option at the top to Black, then click OK to close out of the dialog box: Change the Use option to Black, then click OK. This fills the selections with black, although it may be hard to see with the guides and selection outlines in the way, so go up to the Select menu at the top of the screen and choose Deselect, which will remove the selection outlines: Go to Select > Deselect. Then, to turn off the guides, go up to the View menu, choose Show, and then choose Guides. At first, you'll see a checkmark to the left of the word Guides which tells us the guides are currently visible. Clicking Guides will remove the checkmark and turn the guides off: Go to View > Show > Guides. With the selection outlines and guides removed, we can see our black grid on the Grid layer: The black grid lines now appear. Step 8: Open The Photo You Want To Use With The Effect. Open the photo you'll be using with the grid effect. Here's my image: Open the photo. If you're using Photoshop CS3 or earlier, the photo will automatically open in its own floating document window. If you're using Photoshop CS4 or CS5, depending on how you have things set up in Photoshop's Preferences, the photo may open in a tabbed document. If that's the case, to make the next step easier, go up to the Window menu at the top of the screen, choose Arrange, and then choose Float All in Windows (CS4 and CS5 only): Go to Window > Arrange > Float All in Windows (Photoshop CS4 and CS5 only). Step 9: Drag The Photo Into The Grid Document. Click anywhere inside the grid's document window to make it active, then click on the Background layer in the Layers panel to select it. This way, when we drag the photo into the document, as we'll be doing in a moment, the photo will appear on its own layer between the Background and Grid layers: With the grid's document window selected, click on the Background layer in the Layers panel. Now click anywhere inside the photo's document window to make it active and select the Move Tool from the Tools panel: Grab the Move Tool from the top of the Tools panel. Hold down your Shift key, then click with the Move Tool inside the photo's document window and drag the photo into the grid's document window: With the Move Tool selected, hold Shift and drag the photo into the grid document. Release your mouse button, then release your Shift key, and the photo will appear centered inside the grid's document window. You can close out of the photo's document at this point since we no longer need it: Holding the Shift key is what centers the photo inside the document when you drag it. Notice that the grid appears in front of the photo. That's because, if we look in the Layers panel, we see that the photo has been placed on its own layer under the Grid layer, just as we wanted: Photoshop placed the photo on a new layer directly above the layer that was active, which is why we first selected the Background layer. Step 1. 0: Resize The Photo If Needed With Free Transform. If you need to resize your photo inside the grid document, go up to the Edit menu at the top of the screen and choose Free Transform: Go to Edit > Free Transform. This places the Free Transform bounding box and handles around the image. If you can't see the handles because the edges of your photo extend beyond the viewable area in the document window, go up to the View menu and choose Fit on Screen: Go to View > Fit on Screen. Photoshop will instantly zoom the image out far enough so that everything, including the Free Transform handles, fits inside the document window. To resize the photo, hold down your Shift key, then click on any of the four corner handles and drag them. Holding the Shift key down as you drag will maintain the original aspect ratio of the image so you don't accidentally distort the look of it.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. Archives
December 2016
Categories |