1 00:00:03,020 --> 00:00:05,645 We're about to create something fun by 2 00:00:05,645 --> 00:00:08,270 taking a simple word and giving it 3 00:00:08,270 --> 00:00:10,520 a makeover using the Rectangular Marquee 4 00:00:10,520 --> 00:00:12,020 and Paint Bucket tools. 5 00:00:13,430 --> 00:00:15,972 I'm in Advanced Mode of Photoshop E 6 00:00:15,972 --> 00:00:18,514 lements and I've already opened the 7 00:00:18,514 --> 00:00:21,480 Lesson 3 worksheet from the class files, 8 00:00:21,480 --> 00:00:24,446 made a duplicate copy and closed the 9 00:00:24,446 --> 00:00:27,257 original. Now on our worksheet 10 00:00:27,257 --> 00:00:30,030 I've provided the word big as a PNG 11 00:00:30,030 --> 00:00:32,803 so we can jump right into the fun 12 00:00:32,803 --> 00:00:35,533 part. And as you can see, 13 00:00:35,533 --> 00:00:38,258 we also have the word big in gray 14 00:00:38,258 --> 00:00:40,984 that you can use as a reference for 15 00:00:40,984 --> 00:00:43,368 future words and fonts since font sizes 16 00:00:43,368 --> 00:00:46,245 can vary widely. I've also 17 00:00:46,245 --> 00:00:48,571 included the color swatches as shape 18 00:00:48,571 --> 00:00:51,285 layers so that you can easily change 19 00:00:51,285 --> 00:00:53,998 the colors of the swatches to match 20 00:00:53,998 --> 00:00:56,711 your projects. To edit the swatches, just 21 00:00:56,711 --> 00:00:59,425 double click on the thumbnail of the s 22 00:00:59,425 --> 00:01:02,138 watch in the Layers panel and choose 23 00:01:02,138 --> 00:01:04,852 a new color in the Color Picker, 24 00:01:04,852 --> 00:01:06,790 then click OK. Super easy. 25 00:01:08,030 --> 00:01:11,026 Now in the Layers panel, activate the 26 00:01:11,026 --> 00:01:13,803 word Big Layer. The gray Big 27 00:01:13,803 --> 00:01:15,750 reference layer should be turned off. 28 00:01:17,080 --> 00:01:19,360 Press Control Plus or Command Plus on a 29 00:01:19,360 --> 00:01:21,640 Mac to zoom in on the word Big. 30 00:01:22,510 --> 00:01:25,080 Making sure your color swatches and the 31 00:01:25,080 --> 00:01:26,916 sample deconstructed word are still 32 00:01:26,916 --> 00:01:29,854 visible. Let's hold down the Letter I to 33 00:01:29,854 --> 00:01:32,791 get the Eyedropper tool and then click on 34 00:01:32,791 --> 00:01:35,729 the green color swatch on the document to 35 00:01:35,729 --> 00:01:38,680 sample the color. Get the Paint B 36 00:01:38,680 --> 00:01:41,420 ucket tool and in the Tool O 37 00:01:41,420 --> 00:01:44,160 ptions click on the Paint icon. 38 00:01:44,160 --> 00:01:46,900 Set the Opacity to 100%, the T 39 00:01:46,900 --> 00:01:49,850 olerance to 32, the Mode 40 00:01:49,850 --> 00:01:52,753 to Normal, All Layers should 41 00:01:52,753 --> 00:01:55,559 be unchecked and Contiguous and Anti- 42 00:01:55,559 --> 00:01:57,430 aliasing should be checked. 43 00:01:58,470 --> 00:02:00,744 Now on the document, click on the letter 44 00:02:00,744 --> 00:02:03,302 B with the Paint Bucket tool to fill it 45 00:02:03,302 --> 00:02:06,174 with color. Next, click on 46 00:02:06,174 --> 00:02:08,868 the rectangular part of the letter I 47 00:02:08,868 --> 00:02:11,561 to fill it with color, but not 48 00:02:11,561 --> 00:02:14,343 the circle above it. Then click 49 00:02:14,343 --> 00:02:16,830 on the letter G to fill it with color. 50 00:02:17,270 --> 00:02:20,172 Now you may notice if you zoom in 51 00:02:20,172 --> 00:02:23,073 further, there may be a few jagged edges. 52 00:02:23,073 --> 00:02:25,612 This can happen when using the Paint B 53 00:02:25,612 --> 00:02:27,788 ucket tool because we're coloring pixels 54 00:02:27,788 --> 00:02:29,965 normally. When you're zoomed into 100%, 55 00:02:29,965 --> 00:02:32,866 it won't even be noticeable. So you can 56 00:02:32,866 --> 00:02:35,768 just ignore those jagged edges. Or we can 57 00:02:35,768 --> 00:02:38,670 easily fix it with a fun little trick 58 00:02:38,670 --> 00:02:41,571 that works well on flat items that need 59 00:02:41,571 --> 00:02:44,110 smoothing. So let's give it a try. 60 00:02:44,670 --> 00:02:46,962 In the Layers panel, Control Click or 61 00:02:46,962 --> 00:02:49,581 Command click on a Mac on the thumbnail 62 00:02:49,581 --> 00:02:52,528 of the Big word layer to make a selection 63 00:02:52,528 --> 00:02:55,523 of the word. Then in the M 64 00:02:55,523 --> 00:02:58,346 enu Bar, choose Select > Refine 65 00:02:58,346 --> 00:03:01,340 Edge. In the dialog 66 00:03:01,340 --> 00:03:04,140 box, set the View Mode to Black 67 00:03:04,140 --> 00:03:06,540 and white. Under Edge Detection, check 68 00:03:06,540 --> 00:03:09,436 Smart Radius, and set the Radius 69 00:03:09,436 --> 00:03:12,236 to 0 pixels. Under Adjust 70 00:03:12,236 --> 00:03:14,950 Edge, set Smooth to 18, 71 00:03:15,550 --> 00:03:18,475 Feather to 0.1 pixels, the C 72 00:03:18,475 --> 00:03:20,230 ontrast to 10%. 73 00:03:21,190 --> 00:03:23,870 And Dhift Edge to -10%. 74 00:03:24,790 --> 00:03:27,270 Decontaminate Colors should be unchecked. 75 00:03:28,070 --> 00:03:29,990 Set output to New Layer. 76 00:03:30,590 --> 00:03:33,500 And check Remember Settings. And 77 00:03:33,500 --> 00:03:36,296 then click OK. And now it's 78 00:03:36,296 --> 00:03:39,140 placed a smoothed version on a new layer 79 00:03:39,140 --> 00:03:41,628 and turned off the visibility of the 80 00:03:41,628 --> 00:03:44,116 original layer for us. Super handy. OK, 81 00:03:44,116 --> 00:03:46,960 if you zoomed in, go ahead and press 82 00:03:46,960 --> 00:03:49,804 Control minus or Command minus on a Mac 83 00:03:49,804 --> 00:03:52,522 to zoom out. Now 84 00:03:52,522 --> 00:03:55,402 it's time to deconstruct our word, so 85 00:03:55,402 --> 00:03:57,870 let's get the Rectangular Marquee tool. 86 00:03:59,070 --> 00:04:01,752 Now make sure to zoom out and 87 00:04:01,752 --> 00:04:04,433 reposition your document so not only is 88 00:04:04,433 --> 00:04:07,115 your word, but your swatches and the 89 00:04:07,115 --> 00:04:09,030 example deconstructed word are visible. 90 00:04:09,510 --> 00:04:12,454 In the Tool Options, click on the New S 91 00:04:12,454 --> 00:04:15,278 election icon. Set the Feather to 92 00:04:15,278 --> 00:04:18,070 0, and the Aspect Style 93 00:04:18,070 --> 00:04:20,990 to Normal. Now on the 94 00:04:20,990 --> 00:04:23,137 document, click and drag out a selection 95 00:04:23,137 --> 00:04:24,670 over the entire letter B. 96 00:04:26,230 --> 00:04:28,808 And then press SHIFT CTRL J or Shift CMD 97 00:04:28,808 --> 00:04:31,672 J on a Mac to cut out the letter and 98 00:04:31,672 --> 00:04:33,390 place it on its own layer. 99 00:04:34,820 --> 00:04:37,251 With the Rectangular Marquee tool still 100 00:04:37,251 --> 00:04:40,087 active and using the example word as 101 00:04:40,087 --> 00:04:42,923 a reference, click and drag out a 102 00:04:42,923 --> 00:04:45,759 thin rectangular shape over the left side 103 00:04:45,759 --> 00:04:47,380 of the letter B. 104 00:04:48,870 --> 00:04:51,302 And press the Letter I to get the E 105 00:04:51,302 --> 00:04:54,190 yedropper tool. And then click on the 106 00:04:54,190 --> 00:04:56,430 orange Swatch on the document to sample 107 00:04:56,430 --> 00:04:59,390 the color. Next, get the Paint B 108 00:04:59,390 --> 00:05:02,327 ucket tool. And on the document, click 109 00:05:02,327 --> 00:05:04,849 inside the selection on the letter B to 110 00:05:04,849 --> 00:05:07,587 fill it with color. And then 111 00:05:07,587 --> 00:05:10,568 press SHIFT CTRL J or Shift CMD J to cut 112 00:05:10,568 --> 00:05:13,252 out the selection and place it on its own 113 00:05:13,252 --> 00:05:15,670 layer. Now let's get the Move tool. 114 00:05:16,430 --> 00:05:18,738 And on the document, click on the orange 115 00:05:18,738 --> 00:05:21,333 section of the letter B and move it to 116 00:05:21,333 --> 00:05:23,590 the left. And up a bit. 117 00:05:24,430 --> 00:05:27,139 Using the example word as a 118 00:05:27,139 --> 00:05:29,919 reference. In the Layers panel, 119 00:05:29,919 --> 00:05:31,830 activate the Big Copy layer. 120 00:05:33,060 --> 00:05:35,140 Get the Rectangular Marquee tool. 121 00:05:36,870 --> 00:05:39,693 And on the document, click and drag out a 122 00:05:39,693 --> 00:05:41,889 selection around the entire letter I to 123 00:05:41,889 --> 00:05:44,799 make a selection. Press Shift CTRL 124 00:05:44,799 --> 00:05:47,694 J or Shift CMD J to cut out the letter 125 00:05:47,694 --> 00:05:50,010 I and place it on its own layer. 126 00:05:50,510 --> 00:05:53,104 Now click and drag out a selection around 127 00:05:53,104 --> 00:05:55,698 the circle shape above the letter I to 128 00:05:55,698 --> 00:05:58,302 make a selection. Press Shift control J 129 00:05:58,302 --> 00:06:00,714 or shift command J to cut out the circle 130 00:06:00,714 --> 00:06:02,590 and place it on its own layer. 131 00:06:03,810 --> 00:06:05,992 With the circle layer active, click and 132 00:06:05,992 --> 00:06:08,485 drag out a selection over a little less 133 00:06:08,485 --> 00:06:10,979 than half of the bottom of the circle 134 00:06:10,979 --> 00:06:13,857 shape. Next, get the Paint B 135 00:06:13,857 --> 00:06:16,799 ucket tool. And on the document, click 136 00:06:16,799 --> 00:06:18,996 inside the selection to fill it with 137 00:06:18,996 --> 00:06:21,870 orange. And then press Shift Control J 138 00:06:21,870 --> 00:06:24,270 or Shift Command J to cut out the 139 00:06:24,270 --> 00:06:26,670 selection and place it on its own layer. 140 00:06:27,190 --> 00:06:29,849 Now activate the top half of the circle 141 00:06:29,849 --> 00:06:32,834 layer in the Layers panel. Press 142 00:06:32,834 --> 00:06:35,421 the Letter I to get the Eyedropper tool 143 00:06:35,421 --> 00:06:38,333 and then click on the pink swatch on the 144 00:06:38,333 --> 00:06:41,198 document to sample the color. Get the P 145 00:06:41,198 --> 00:06:43,985 aint Bucket tool. And on the 146 00:06:43,985 --> 00:06:45,1000 document, click on the top half of the 147 00:06:45,1000 --> 00:06:48,909 circle to fill it with color. Let's get 148 00:06:48,909 --> 00:06:51,582 the Move tool and on the document, click 149 00:06:51,582 --> 00:06:54,256 and move the top half of the circle 150 00:06:54,256 --> 00:06:56,929 upward to create a space between the two 151 00:06:56,929 --> 00:06:59,507 halves of the circle shape. Next, 152 00:06:59,507 --> 00:07:02,129 in the Layers panel, activate the 153 00:07:02,129 --> 00:07:04,750 bottom of the letter I layer. 154 00:07:05,590 --> 00:07:07,590 Get the Rectangular Marquee tool. 155 00:07:08,510 --> 00:07:11,124 And on the document, starting at the top 156 00:07:11,124 --> 00:07:14,064 left side of the bottom of the letter, I 157 00:07:14,064 --> 00:07:16,677 click and drag out a selection over a 158 00:07:16,677 --> 00:07:19,290 little more than half of the shape to 159 00:07:19,290 --> 00:07:22,270 make a selection. Now press the letter 160 00:07:22,270 --> 00:07:25,236 I to get the Eyedropper tool. And then 161 00:07:25,236 --> 00:07:27,356 click on the yellow Swatch on the 162 00:07:27,356 --> 00:07:30,150 document to sample the color. Get the P 163 00:07:30,150 --> 00:07:33,073 aint Bucket tool. And on the 164 00:07:33,073 --> 00:07:35,159 document, click inside the selection to 165 00:07:35,159 --> 00:07:37,985 fill it with color. Then press Shift C 166 00:07:37,985 --> 00:07:40,727 ontrol J or Shift Command J to cut out 167 00:07:40,727 --> 00:07:43,165 the selection and place it on its own 168 00:07:43,165 --> 00:07:45,030 layer. Get the Move tool. 169 00:07:46,590 --> 00:07:48,999 And on the document, click on the yellow 170 00:07:48,999 --> 00:07:51,708 section of the letter I and move it down 171 00:07:51,708 --> 00:07:54,682 a bit. Then hover the cursor 172 00:07:54,682 --> 00:07:57,265 over the top right corner handle of the 173 00:07:57,265 --> 00:08:00,210 bounding box until a curved double arrow 174 00:08:00,210 --> 00:08:03,198 appears and then click and drag it to the 175 00:08:03,198 --> 00:08:05,190 left to rotate it a bit. 176 00:08:06,230 --> 00:08:08,596 Click on the layer and move it until you 177 00:08:08,596 --> 00:08:11,161 are happy with the placement. And don't 178 00:08:11,161 --> 00:08:13,113 forget you can always use the 179 00:08:13,113 --> 00:08:15,065 deconstructed example as a reference if 180 00:08:15,065 --> 00:08:17,933 needed. Now click 181 00:08:17,933 --> 00:08:20,590 Done in the contextual taskbar. 182 00:08:21,510 --> 00:08:24,227 If you are using a previous version 183 00:08:24,227 --> 00:08:26,556 of Photoshop Elements, click the check 184 00:08:26,556 --> 00:08:29,273 mark to commit the change. In the 185 00:08:29,273 --> 00:08:31,602 Layers panel, activate the letter G 186 00:08:31,602 --> 00:08:34,533 layer. And then get the Rectangular M 187 00:08:34,533 --> 00:08:37,213 arquee tool. Now on the document, 188 00:08:37,213 --> 00:08:39,899 starting at the top left side of the 189 00:08:39,899 --> 00:08:42,585 letter G, click and drag out a selection 190 00:08:42,585 --> 00:08:45,271 over a little less than half of the 191 00:08:45,271 --> 00:08:46,950 letter to make a selection. 192 00:08:47,990 --> 00:08:50,303 And then press Shift Control J or Shift C 193 00:08:50,303 --> 00:08:52,616 ommand J to cut out the selection and 194 00:08:52,616 --> 00:08:55,444 place it on its own layer. Next, 195 00:08:55,444 --> 00:08:57,310 get the Paint Bucket tool. 196 00:08:58,310 --> 00:09:00,281 And on the document, click on the top 197 00:09:00,281 --> 00:09:02,744 left side of the letter G to fill it with 198 00:09:02,744 --> 00:09:05,388 color. In the Layers 199 00:09:05,388 --> 00:09:07,949 panel, activate the bottom of the letter 200 00:09:07,949 --> 00:09:10,769 G layer. Now press the letter 201 00:09:10,769 --> 00:09:13,085 I to get the Eyedropper tool and then 202 00:09:13,085 --> 00:09:15,402 click on the pink swatch on the document 203 00:09:15,402 --> 00:09:18,390 to sample the color. Get the Paint Bucket 204 00:09:18,390 --> 00:09:21,221 tool. And on the document, 205 00:09:21,221 --> 00:09:23,720 click on the bottom of the letter G to 206 00:09:23,720 --> 00:09:26,390 fill it with color. Get the Move tool. 207 00:09:27,430 --> 00:09:30,020 Now hover the cursor over the top right 208 00:09:30,020 --> 00:09:32,610 corner handle of the bounding box until a 209 00:09:32,610 --> 00:09:34,553 curved double arrow appears and then 210 00:09:34,553 --> 00:09:37,467 click and drag it to the left to rotate 211 00:09:37,467 --> 00:09:40,337 it. Then click inside the bounding box 212 00:09:40,337 --> 00:09:43,048 and move it down a bit so that there's a 213 00:09:43,048 --> 00:09:45,217 bit of white space between the two halves 214 00:09:45,217 --> 00:09:47,974 of the letter. Use the deconstructed 215 00:09:47,974 --> 00:09:50,320 example as a reference if needed. 216 00:09:51,230 --> 00:09:53,830 Now click Done in the 217 00:09:53,830 --> 00:09:56,510 contextual taskbar. If you are 218 00:09:56,510 --> 00:09:59,170 using a previous version of Photoshop 219 00:09:59,170 --> 00:10:01,830 Elements, click the checkmark to commit 220 00:10:01,830 --> 00:10:04,110 the change. Let's group our layers. 221 00:10:04,710 --> 00:10:06,931 In the Layers panel, activate the layer 222 00:10:06,931 --> 00:10:09,786 at the top of your layers, which will be 223 00:10:09,786 --> 00:10:12,641 the orange section of the letter B if you 224 00:10:12,641 --> 00:10:15,228 followed my steps exactly. Then holding 225 00:10:15,228 --> 00:10:17,619 down the Shift key, click on the pink 226 00:10:17,619 --> 00:10:20,515 bottom half of the letter G layer. So 227 00:10:20,515 --> 00:10:22,941 that all your deconstructed letter layers 228 00:10:22,941 --> 00:10:25,746 are active. Then click on the Create 229 00:10:25,746 --> 00:10:28,720 a New Group icon. Double 230 00:10:28,720 --> 00:10:31,673 click on the name of the group and 231 00:10:31,673 --> 00:10:34,546 rename it Deconstructed Word. Then 232 00:10:34,546 --> 00:10:37,035 press Enter or Return to commit the 233 00:10:37,035 --> 00:10:39,902 change. Wasn't that fun? Now you 234 00:10:39,902 --> 00:10:42,298 can create your own words and titles 235 00:10:42,298 --> 00:10:44,694 using the Type tool and your favorite 236 00:10:44,694 --> 00:10:47,433 bold style fonts to match your pages and 237 00:10:47,433 --> 00:10:48,802 projects. I've included detailed 238 00:10:48,802 --> 00:10:51,198 instructions in the manuals so that you 239 00:10:51,198 --> 00:10:53,936 can start from scratch and use the same 240 00:10:53,936 --> 00:10:55,990 technique with different words and fonts. 241 00:10:56,950 --> 00:10:59,795 OK, I have a little bonus for you. I'm 242 00:10:59,795 --> 00:11:02,323 going to quickly show you another way we 243 00:11:02,323 --> 00:11:04,852 can use the Marquee tools to add color 244 00:11:04,852 --> 00:11:07,380 and dress up our letters. I'll just walk 245 00:11:07,380 --> 00:11:09,593 you through this real quick since it's 246 00:11:09,593 --> 00:11:11,805 using the same techniques we just used 247 00:11:11,805 --> 00:11:14,018 minus cutting the letters apart. You will 248 00:11:14,018 --> 00:11:15,914 find more detailed instructions in the 249 00:11:15,914 --> 00:11:18,764 manual. Now I'm starting out 250 00:11:18,764 --> 00:11:21,028 with pink letters this time with the 251 00:11:21,028 --> 00:11:23,292 exception of the circle over the letter 252 00:11:23,292 --> 00:11:26,203 I, and this time I don't need to cut 253 00:11:26,203 --> 00:11:28,143 the letters apart because I'm not 254 00:11:28,143 --> 00:11:30,680 deconstructing it. I'll start by clicking 255 00:11:30,680 --> 00:11:32,728 and dragging a selection around the top 256 00:11:32,728 --> 00:11:35,582 half of the letter B using the 257 00:11:35,582 --> 00:11:38,301 Rectangular Marquee tool. And 258 00:11:38,301 --> 00:11:40,758 then grab yellow from the color swatch 259 00:11:40,758 --> 00:11:43,565 using the Eyedropper tool and fill in the 260 00:11:43,565 --> 00:11:45,670 selection using the Paint Bucket tool. 261 00:11:46,630 --> 00:11:49,432 Now here's the fun part. I'm going 262 00:11:49,432 --> 00:11:51,539 to click and drag out thin rectangular 263 00:11:51,539 --> 00:11:54,247 shapes on the bottom half of the letter B 264 00:11:54,247 --> 00:11:56,885 to create stripes. And then fill them 265 00:11:56,885 --> 00:11:58,870 with color using the Paint Bucket tool. 266 00:11:59,470 --> 00:12:02,380 This is such a quick way to transform a 267 00:12:02,380 --> 00:12:05,136 solid colored letter. Next I'll add three 268 00:12:05,136 --> 00:12:06,915 different colors using the same technique 269 00:12:06,915 --> 00:12:08,990 to the circle over the letter I. 270 00:12:10,740 --> 00:12:13,354 And we aren't limited to the Rectangular M 271 00:12:13,354 --> 00:12:16,050 arquee tool. I'll use the E 272 00:12:16,050 --> 00:12:18,337 lliptical Marquee tool this time and drag 273 00:12:18,337 --> 00:12:20,950 out a skinny vertical oval shape on the 274 00:12:20,950 --> 00:12:22,910 bottom part of the letter I. 275 00:12:24,190 --> 00:12:26,555 And I'll grab green from the color swatch 276 00:12:26,555 --> 00:12:28,919 and fill in the selection with the Paint B 277 00:12:28,919 --> 00:12:31,653 ucket tool. Next I'm just going 278 00:12:31,653 --> 00:12:34,259 to click and drag out a tall oval 279 00:12:34,259 --> 00:12:37,190 selection on top of the letter G and fill 280 00:12:37,190 --> 00:12:39,796 it with color. And I'll follow the same 281 00:12:39,796 --> 00:12:42,076 steps to add several other colored ovals. 282 00:12:42,076 --> 00:12:44,030 How fun and easy is that? 283 00:12:44,990 --> 00:12:47,738 OK, now before you go, I've included 284 00:12:47,738 --> 00:12:50,485 a template in the class files that 285 00:12:50,485 --> 00:12:53,232 is the perfect way to showcase your 286 00:12:53,232 --> 00:12:55,194 new deconstructed word. Customize the 287 00:12:55,194 --> 00:12:57,941 template to fit your project, and I've 288 00:12:57,941 --> 00:13:00,688 included the words Smile and Dream for 289 00:13:00,688 --> 00:13:03,436 either smile big or dream big. I 290 00:13:03,436 --> 00:13:05,790 hope you have fun with it. 291 00:13:06,470 --> 00:13:09,180 Well, I hope this lesson inspires you 292 00:13:09,180 --> 00:13:11,890 to spice up your words by deconstructing 293 00:13:11,890 --> 00:13:14,600 them or just decorating them using the 294 00:13:14,600 --> 00:13:17,310 marquee tool and the paint bucket tool. 295 00:13:18,420 --> 00:13:20,909 Make sure to save your document in the 296 00:13:20,909 --> 00:13:23,087 class folder. For this lesson, this has 297 00:13:23,087 --> 00:13:24,020 been Syndee Rogers.