“Doom City” comic cover design and presentation

Requirements: Photoshop CS or newer Difficulty: Medium +, Hard Time: 1,5 – 2 Hours Outcomes Resource To follow this tutorial I have used the following pictures: Design tutorial I opened up “city” resource picture. Placed “clouds” resource picture. Transformed it to fit my picture properly. Now I used Polygonal Lasso Tool (L) to make selection of few […]

  • Requirements: Photoshop CS or newer
  • Difficulty: Medium +, Hard
  • Time: 1,5 – 2 Hours

Outcomes

Outcome ( CityofDoom )

Outcome ( CityofDoom_table )

Resource

To follow this tutorial I have used the following pictures:

Doom City comic cover design and presentation city resource imageDoom City comic cover design and presentation office resource imageDoom City comic cover design and presentation clouds resource image
Doom City comic cover design and presentation man resource imageDoom City comic cover design and presentation wood resource image

Design tutorial

  1. I opened up “city” resource picture.
  2. 1

  3. Placed “clouds” resource picture. Transformed it to fit my picture properly.
  4. 1

  5. Now I used Polygonal Lasso Tool (L) to make selection of few highest buildings on the picture.
  6. 1

  7. After that I right click on selection > select inverse. Now add layer mask. Little button next to New Layer in Layers pallet. Voila, now your clouds don’t interrupt buildings on the picture.
  8. 1

  9. Now using soft round black brush I brushed these parts with lower opacity to make the blending softer.
  10. 1

  11. Ctrl+L brings up Levels window, I played around with gamma (middle triangle) and White (lower right triangle). After you are satisfied click OK.
  12. 1

  13. Now make new layer (“Sky shadow“) and using white-to-nothing gradient make a vertical line like shown on pic.
  14. 1

  15. Now open up “office” pic.
  16. 1

  17. Using Polygonal Lasso Tool (L) select windows.
  18. 1

  19. Delete.
  20. 1

  21. Put your office picture in the previous document.
  22. 1

  23. Using Burn Tool (O) burn out these areas to make them darker.
  24. 1

  25. Now you can crop your picture using Crop Tool (C) and make it bigger.
  26. 1

  27. Hide office layer. Make a new layer. Go on Image > Apply Image.
  28. 1

  29. CTRL+T to transform it. Right click > Flip vertical to mirror it. Transform it something like shown on picture.
  30. 1

  31. After that you can delete unwanted parts, lower it’s opacity and I blurred it a bit with Gaussian blur. It’s up to you.
  32. 1

  33. Make a new layer. CTRL+Left Click on icon near office layer to make a selection. Now use soft white brush to paint highlighted areas.
  34. 1

  35. After finished, put it on 18-20% opacity.
  36. 1

  37. Select windows using Magic Wand Tool (W).
  38. 1

  39. On new layer fill that selection with white color and put on low opacity (14%).
  40. 1

  41. After that do 19. And 20. Step again but this time after that go Filter > Noise > Add noise.
  42. 1

  43. Put it on very low opacity. 3-4%.
  44. 1

  45. CTRL+Left Click on office layer icon.
  46. 1

  47. Now using black-to-nothing gradient make shadows like shown.
  48. 1

  49. Now cutout man in “man” picture and bring it to your document.
  50. 1

  51. Ctrl+Left Click on man layer icon. Gradient it like in previous steps (ex. 24.)
  52. 1

  53. Create new layer. Fill it with white rectangle.
  54. 1

  55. Type in some text. I used Broadway font.
  56. 1

  57. Again type some text. Save your outcome as .jpg. (File > Save As.. *jpg)
  58. 1

Presentation tutorial

  1. Now open up “wood” picture in separate document.
  2. 1

  3. Place your outcome.
  4. 1

  5. Duplicate your layer, select it and bring up levels window. (CTRL+L). Put both of these values to 0 to make it black. After that blur it a bit.
  6. 1

  7. Merge those two layers. (Select them and CTRL+E)
  8. 1

  9. Transform it like shown. (CTRL+T)
  10. 1

  11. Duplicate your layer. CTRL+T again. You should have little circle inside your transform lines, drag it to lower left corner.
  12. 1

  13. Now rotate it a bit.
  14. 1

  15. Now repeat this process until you are satisfied.
  16. 1

  17. Make a new layer below everything except background.
  18. 1

  19. Fill it with black-to-nothing gradient, like I did.
  20. 1

  21. I selected every picture and moved them a bit to center.
  22. 1

  23. New layer. Image > Apply image. Filter > Sharpen. Filter > Sharpen. Edit > Fade Sharpen (about 25%).
  24. 1

  25. Duplicate layer. Filter > Blur > Gaussian blur.
  26. 1

  27. Now add a layer mask and fill it like this. White-to-black reflected gradient. ( gradient is on mask)
  28. 1

  29. New Layer. Image > Apply Image. White-to-nothing radial gradient. Put it in the middle. Put it on soft light to around 70% opacity.
  30. 1

  31. Now on the last step I used some Color Lookup adjustment wich you can only find on Photoshop CS6. It’s called filmstock_50.dl.
  32. 1

Download .PSD

You have learned how to edit different images to produce one and how to present it.
Thank you and be sure to check out some other tutorials! If you enjoyed the tutorial, have something to add or found an error please leave a comment bellow.

Did you enjoy this?

Support us by sharing this article with your friends. This way we will be able to produce more content like this, and in the end we are all winners!

Comments and Feedback

PixelTango Original © 2014-03-23 | Usage

About the Author

Sorry to interrupt, but...

It seems you are using AdBlock to block our advertisement (yes, 1 tiny ad). Displaying ads is essential for us to keep good quality of our posts here at PixelTango.

Please unblock, so that we can keep this site alive!