。・ tutorial four, graphic tutorial two by graphictutorials ゜+.*-`. Hello everyone! In this tutorial,

。・ tutorial four, graphic tutorial two by graphictutorials ゜+.*-`. Hello everyone! In this tutorial, I’ll teach you how do make an edit/graphic with a TV and electricity doodles, like this: .’-1. Open photoshop and create a new document with the size you want.For this tutorial, I’ll be doing 540x540px.2. Add your background. You can make it a solid color, use a pattern, gradient, texture, etc.For example, I used the paint bucket tool to fill the background with a solid color (#d1ecff, to be exact), and I applied a pattern overlay (using the last one here) in soft light mode.So my background looks like this:A/N: I’m making the example pastel-ish, but you don’t have to!3. Now make a png of a vintage-esque TV, or you can use one of these: 1, 2, 3, 4.I’ll be using the 2nd png in the 1st pack.A/N: You’re going to want the screen portion erased if it isn’t already, because that is where you’re going to put an image.4. This is optional, but if you don’t like the color of the TV, you can change it by: Double-clicking on the TV layer, and go to the “Color Overlay” tab, clicked the colored rectangle, choose the color you want, click OK, and change the mode to one of the following: Overlay, Soft Light, Color, Hue, or Multiply. Choose which one looks best with your color and you can adjust the opacity if you want.For example, here’s what I did:5. If you chose a TV that already has antennae, skip this step. If your TV does not have antennae, like mine, I will show you how to quickly make some.Create a new layer, choose a foreground color to a color that matches your TV color, select the line shape tool, make the line 2px weight with no stroke, and click and drag a couple lines from the top of the TV to make antennae. A/N: You might want to rasterize those shapes (to do so, right-click on each layer and click “rasterize layer”) or put those shape layers under the TV layer.Now create another new layer, use the ellipse shape tool, click and drag a small circle to fit on top of one of the antennae (hold shift as you do so to get an even circle). Duplicate that and drag it over to the other antenna.6. Now for the screen image.Create a new layer and drag it under all of the TV/antennae layers.Select the pen tool. You’re going to make some points around the screen portion and connect them.Once you connect them, It’ll make a line like this:Go to the top bar and click the “Selection…” button. It will make the outline into a selection and that’s what you want.A/N: There will be a dialogue box pop up, but just click OK.Now it is a selection.Click the fill bucket tool and click inside the selection to fill it. It doesn’t matter what color it is.Click CTRL+D to deselect it.7. Now we will put an image/edit inside.If you just want to put an image, open the image, drag it to the TV edit document, make sure it’s right above the screen fill layer, right-click on the image layer, and select “Create Clipping Mask.” It will be inside the screen portion and you can resize.If you want to put an edit inside, I’d suggest making the edit in a new document, merge all of the layers of the edit document when you’re done, drag it over to the TV edit document, make sure it’s right above the screen fill layer, right-click on the image layer, and select “Create Clipping Mask.” It will be inside the screen portion and you can resize.For example, I quickly made this edit in a new document and merged all the layers:Then I followed the steps above and put it inside the screen.8. Creating the “electricity”. Create a new layer and use the brush tool with a simple hard round brush in a small size and draw a couple little zig-zags coming from one of the antennae. Create another new layer and make a couple more for the other antenna.Now you could stop here, or if you want, you can make them into a little gif with the next step:9. Duplicate one of the electricity layers, choose the select tool, right click on the document, and click “Free Transform”. Go to the top bar, and in the rotation box, enter -10. Hit the Enter key when you’re done.It rotated the duplicate slightly to the left.A/N: If it’s blurry around the edges, apply a Surface Blur with 5 Radius and 10 Threshold.Duplicate the other electricity layer, Free Transform it, and apply a Rotation of 10. (Do the same number but polarize it. i.e., if you previously put -10, put +10 for this one. If you previously put +10, now put -10.)10. Open the frame animation timeline.For the first frame, hide the duplicated electricity layers. Only the original ones should be visible.Create a new frame and in this one, hide the original electricity layers and un-hide the duplicates.Set the speed of the gif to 0.5, or something around there. You don’t want it too fast because it’ll hurt people’s eyes!Make sure the loop is on “Forever” as well!11. Go to File>Save for Web.., and save the gif.And you’re done!Here is my edit, image version:And here it is as a gif:Other Suggestions:> For the full effect, you can go to the screen fill layer (not the image/edit inside of it) and select it, double-click, and apply a pattern overlay with a horizontal stripe and put the mode on Soft Light and lower the opacity to create that line effect.Result:> You can also apply an Inner Glow to the screen layer and create a shadow.Result:Anyways, I hope this tutorial/guide was helpful. If you need any help or have any questions, feel free to ask! -- source link

More pics about