How to create a Film Roll Icon in Photoshop

Here’s a tutorial about creating a film roll icon. Just follow the steps of the tutorial and you will have a professional looking film roll icon in no time.

  1. First of all, you are going to need this .gif. Save it in your PC and then open it in Photoshop.
  2. After opening the .gif, go to Edit>Define pattern and give it the name you want and you’re done. You can close this file.
  3. Create a new file, File>New, dimensions 300×300 with a transparent background. Create a new layer (CTRL + Shift + N) and then pick the Rectangular Marquee Tool
  4. On the new layer, using the current tool, create a rectangle about 220px wide by 100px high. You can use whatever size you want, it’s important to remain ~ 2 * width height ratio. Fill the rectangle using the Paint Bucket tool (G key) with color # 414141. You should already have something like this:
  5. Then create a new layer (Shift + Ctrl + N) keeping the selection of the previous layer (dotted line you are still seeing around the rectangle). Then select the Rectangular Marque Tool but this time as a way to create ,select Intersect with selection.
  6. Now, tap the top of the rectangle, about a fifth of the top as tall and as wide, as the entire rectangle. Then select from the menu Select> Modify> Contract and enter the value 4. Order it will lower our selection 4 pixels. Now go to Edit> Fill and choose the way of filler (Fill), the type Use Pattern, and select Custom Pattern pattern that I created at first. (eg, in the image below)
  7. Press Ctrl-D to deselect the region. Keeping Layer3 selected, call the menu Image> Adjustments> Hue / Saturation (or Ctrl + U)Lightness here goes to bar 100,the maximum value, as shown.
  8. This pattern will fill our with white instead of black. Our working space should now look like this:
  9. Now hold Ctrl and click on Layer 2, our rectangle containing layer. This will select him. Note. Ctrl + left click, and not just clicking. We just want to select the region, not the layer. Now add a new layer above all to be created (the name of this layer should be Layer4, if so, it means you have skipped some steps, or you’ve given another name)Using all the Rectangular Marquee Tool (Intersect with selection mode, see above how) make a selection to begin above the diagonal stripes and end in the rectangle to include the piece of content. Shrink this area with four pixels, as above (Select> Modify> Contract, enter 4 value, and then click OK). Then fill the selection with the following color: # 0E8ABA. Your image should now look like this:
  10. Now do Ctrl-click on the layer containing the rectangle filled with blue: Create a new layer above it: Select the Marquee Tool ecliptic:
  11. We will use as a way to create the Intersect with selection: Then create a big circle that crosses our rectangle around the quarter: Then shrink this selection by 2 pixels: Select the Fill tool but not Paint Bucket use Tool Gradient Tool (from the same menu)
  12. Press D now (it will reset the colors to black and white) the X (interchanges the 2 colors)
  13. From the top of the gradient (on toolbar under the main menu) select the gradient that goes from white (left) to transparent (right):
  14. Then fill our selection with the vertical gradient by clicking the first time in a superior position selection, then dragging the mouse in that direction (mouse pressed): You should get a similar picture:
  15. Let’s add some text
  16. Create a new layer, but position it below the gradient. Text color and font can be white, whatever you want. You can even put a logo or anything. Write anything in text. My example looks like this:
  17. Then select Layer3 (should be layer containing white stripes) Under this layer should be the layer that contains the dark gray rectangle. Press Ctrl + E. Thus, the two layers become one. Now choose the Rectangular Marquee use Tool. Select using this tool, the top of our image:
  18. In the selected rectangle right click and choose Layer via Copy. Thus we create a new layer using the top of the image. Move that piece just above our image (using the arrow keys on your keyboard) for this layer that must be selected.
  19. Then press Ctrl + T. You should see a rectangle of editing, as described below.
  20. In the middle is a circle that resembles a target: Click on it and move it into the bottom left corner.
  21. Then take the cursor in the upper right until the course appears as a curved arrow, then pull up a bit. The new image should look like this:
  22. Now create a new set for layers. A set can contain multiple layers and thus set the example by moving a set we move the containing layers also: Menu Layer> New> Layer Set …
    Add all the layers already created in the same place in the set (with drag & drop in the same order in which they were created. If they are not in the same order, order them with Drag & Drop:
  23. Then close and select the respective set. Press Ctrl+T and spin it with about 30 degrees.
  24. Then right click on the set and click Duplicate Layer Set. On the new copied layer press Ctrl + E. This command will create a single layer in the set. Place this layer below the set.
  25. Press Ctrl+U and , at Lightness, select -100.
  26. Then press Alt + down arrow to duplicate that layer and move down 1 pixel: Do this operation about 10 times.
  27. Press Ctrl + E then until all the layers become one.


And here is the final result.

No Comment

Leave a reply

Your email address will not be published. Required fields are marked *