Barcode Transformation Tutorial

Step 1: Think of an image you would like to use for this assignment.

Step 2: Google said image as a silhouette

Step 3: Click on the picture you want

ice cream

Step 4: Save it to your computer and pasted it into Paint

Step 5: Create lines through the picture by clicking the Line button under Shapes and dragging the mouse through the picture; making sure that the line is straight.  To make the line white, right-click on the line and a pop up will appear.  Select the Invert Color option and the line will automatically become white.

Step 6: Continue doing that until you create the illusion of barcodes

Step 7: Go back to Google and search for barcodes

Step 8: Choose a barcode that you think best suits your image

barcode

Step 9: Paste the barcode image into Paint

Step 10: Using the Select button, crop out the numbers by highlighting them.  You will then be able to move the numbers under your image.

Step 11: Delete the barcode you retrieved from Google by using the Select button and highlighting it.  Then press delete.

Step 12: Use the Select button to move your image to the top left corner

Step 13: Click and drag on the bottom right corner of the white “page” to reduce the amount of white in your picture.  Save your image to your computer.

Voila!

barcode ice cream

Barcode Transformation Tutorial

For this tutorial I will take you step by step through the process of completing Barcode Transformation. This process is the way that I figured out how to do it but there may be other ways to do it.

1. Choose the design and barcode you want to use. I used google to get a silhouette image of Mickey Mouse and then just googled random barcodes and chose one.

mickey silhouette barcode

 

2. Open the Silhouette image and the barcode in Adobe Photoshop. Each one should open as its own file. As you see below each one is its own project right now.

Tutorial 1

 

3. You need to change the image from “Background” to “Layer.” To do this on the right where you see the image and it says background, right click on that area and choose “Layer from background.” This will allow you to edit the image. You will also need to do this for the barcode image.

Tutorial 2

 

4. Using the magnetic lasso (circled in the 1st picture below) trace the outline of the silhouette (seen in image 2 below).

Tutorial 3

Tutorial 4

 

5. You will then need to right click on the image and choose “Layer Via Copy.”

Tutorial 6

6. As you see on the image below near the arrow the image is split into two. One being just the Mickey image and the other being the image as a hole.

Tutorial 7

7. On the right where you see the entire image you will need to click on the eye icon to only have the mickey silhouette (no white background). This will hide all of the area you don’t want as part of your barcode.

Tutorial 8

8. You will then need to choose the “Move Tool” to move this image onto the barcode one.

Tutorial 9

9. Once you selected the tool, click on the middle of the image and drag it to the bottom where the barcode image is.

Tutorial 10

10. Once you dragged it correctly the image of the barcode with the silhouette on top will come onto the screen.

Tutorial 11

11. Adjust the sizing the of the silhouette so it fits on the image of the barcode. Once you have it adjusted how you want it click the green arrow to confirm the sizing.

Tutorial 12

12. Next, repeat the magnetic lasso step of the Mickey Silhouette. Drag the lasso around the image but you may have to left click to get it to stick since there is another image in the background. A trick is to select the eye icon of the barcode layer on the right of the screen to hide it and then once it is lassoed select the eye icon to replace the layer.

Tutorial 13

13. Once the image is lassoed make sure you are on the layer with the barcode and not the mickey. As seen in the image below. To select that layer just left click on it. This will not mess up the lasso you have already completed.

Tutorial 14

14. Next, right click on the main image and choose “Layer Via Copy.” (1st image below). This will create 2 layers for the barcode image on the right of the screen as seen in the second image below.

Tutorial 15

Tutorial 16

15. Now to get the barcode silhouette alone you will need to click the eye icons for the Mickey Silhouette Full Barcode image. This will create your final image.

Tutorial 17

Tutorial 18

16. Lastly to add a background to the image slected the tab at the top of the screen “Layer” and then “New Layer” then “Layer from background.

 

Tutorial 19

Tutorial 20

 

17. Final Image

Final Barcode Transformation

 

Barcode Transformation

Recently on Pinterest I discovered some images of designs people made out of barcodes. Turn a simple. boring barcode into something interesting by using an image of a barcode and forming a different object or design. For examples, look here.