Adobe Photoshop Tutorial. Copyright Michael B. Karbo.

  • Next chapter.
  • Previous chapter.

    8. A puzzle

    Now we have a small task for you. You are going to use 8 small graphics files, each of which has one chip for a puzzle. The 8 chips have to be copied together in one Photoshop file, where they are placed each on their own layer. Finally the puzzle comes together.

    Get the files

    Now you need to go on the internet to get the files for the task.

    1.   Open your browser, and find the internet address: Homepage to get files for exercises.

    2.   Click on the link Pictures. You can choose to retrieve all the pictures (for all the exercies in this booklet) in one large zip file. You could also just get the 8 image files from puz1.png to puz8.png, which you need now:

    3.   Save the image files in the task folder on your harddisk. Close the browser when that is done.

    4.   When you have downloaded and saved all 8 files, you need to open the first of them. Open puz1.png in Photoshop.

    5.   You see a tall picture, which contains one of the chips for the puzzle:    

    6.   The 8 files that you retrieved are all in the PNG format, which is suitable for internet use. The pictures are stored with just 256 colors (in the color mode indexed colors with 8 bit color depth) to occupy a minimum amount of space. But to enable work with multiple layers in the picture, it needs to be saved in Photoshops own format, and the color palette has to be RGB colors.

    7.   So choose menu items Image --> Mode, and select RGB colors as shown below:

    8.   The save the picture in this way: Select menu items File --> Save As.

    9.   Press Tab, so the cursor jumps to Format field: Try to press ArrowDown and Home, to select the Photoshop (*.PSD, *.PDD) format. The file name must be puz1.psd like here:

    10. Then press Enter. Now you have a Photoshop PSD file to work with, and it may contain many layers.

    11. Now open the other files for the puzzle (from puz2.png and up to puz8.png). You can open them in individually, or you can select them all and open them in one move:

    12. If you open all seven PNG files in the same operation, you get a total of 8 open files stacked on top of each other in Photoshop:

    13. Now you are ready to assemble the puzzle.

    Copy from picture to picture

    You now have 8 image files open, each of which has one chip for a puzzle. They need to be combined in one image file (puz1.psd, which you just made). There the 8 chips need to be placed each in their own layer.

    You can flick between the 8 open pictures with the shortcuts Control+Tab and Control+Shift-+Tab. Another shortcut that works in all Windows programs is Control+F6 and Control+Shift-+F6; it works in the same way.

    Now you need to copy the contents of the 7 PNG files to the Photoshop file puz1.psd. Try first to press Control+Tab a couple of times. That flicks one way. Then press Control+Shift-+Tab a couple of times; that flicks the other way.

    1.   Now flick your way to the image file puz2.png.

    2.   Select its content with the shortcut Control+a. Make a copy of the content with Control+c.

    3.   Shift to puz1.psd.

    4.   Insert the content with Control+v.

    5.   The puzzle chip is inserted as layer 2:


    6.   Switch back to puz2.png, and close this file with Control+w.

    7.   Now repeat the operation with the remaining 6 PNG files (puz3.png to puz8.png): Copy their content into puz1.psd. Remember to close the files as you get through them. The sequence is immaterial, so you can shift to the ”nearest” open image file, copy and close it, take the next etc.

    8.   Finally you have one file with 8 layers – each with its own chip. Now use the move tool to put the whole picture together. Remember that you can move the individual chip with the keys ArrowLeft, ArrowRight, ArrowUp and ArrowDown; that can be useful for the last fine tuning.

    9.   When it is assembled correctly, save the puzzle!

    Figure 20. The 8 chips for the puzzle are in each their own layer. Your task is to assemble the picture!

  • Next chapter.
  • Previous chapter.

  • Adobe Photoshop book overview.