Tutorial-Photoshop: Graphic Design Drive sales Book Cover – Ghada Hassan Portfolio
    post __ 1 comments

    Tutorial-Photoshop: Graphic Design Drive sales Book Cover

    Ghada / May 8, 2016 / Photoshop

    1. Model (Man):

      1. Searching the internet for a photo of a man who is thinking or dreaming with closed eyes. The purpose of the eyes being closed is to give a sense of deep
        thinking and arranging ideas. He is a design dreamer.
      2. Do the Mask to separate the background and to Refine Mask Edges to have clear edges and to repeat Refine Mask Edges till we have the good results.
      1. Use Clone stamp to complete the back head and to patch the missing part of the ear and do Selective Color Layer Adjustment to adjust the new part of the ear’s color to match the original skin color and Clip to ear’s layer.
      2. Make a selection for the hair by Ctrl+Click on Dreamer layer and remove the front face selection by Lasso Tool using Subtract from Selection option and Save the Selection and name channel “Hair” to make a Selective Color Layer Adjustment to adjust the hair color and make it darker.P.S I do not need to clip it because the adjustment layer will only affect the selected area, which is the hair.

    Step Tools:

    graphic designer book See Tutorial

    2. Puppet the face:

    1. Draw the puppet net on the face using Line tool to draw triangles using Combined Shapes Option, I draw each the lines between skin tones. So, each triangle defines a different area of the skin color tone.
    2. Rasterize the Shape layer to be able to select each triangle and start coloring.
    3. Create New layer to fill each triangle with it is corresponding background skin/hair color tone by using Magic Wand Tool to
      marquee each triangle area then pick up the skin color from the middle point of triangle by Eyedropper Tool then use Paint Bucket Tool to fill each triangle with the color and repeat this step for each triangle with corresponding background color tone behind it.
      d. Save as PSD.

    Step Tools:

    graphic designer book See Tutorial

    3. New File with size 8.5 inches x 11 inches resolution 300pixles/inches.

    4. Dreamer-Colored:

      1. Insert the Dreamer man as a Smart Object and rename it to “Working Model”.
      2.  Do Mask to hide the lower part edges using black color in Brush Tool.
      3. Add Drop Shadow layer style with Angle -50 with color dark red #6f172f to expose the facial features and make them more visible and clear from the background.
    image006
      1. Add Vibrance Adjustment Layer and adjust Vibrance to +25 and Saturation to +7 and Clip to “Working Dreamer” Layer to enhance the riot of color.
      2. Save Head selection by Ctrl+click on layer and use Polygonal Lasso
        Tool and use Subtract Option to select the Hair only then Save.
        Selection “Marketing in Head”.
      3. Group all layers and rename it “Colored puppet Dreamer”.

    Step Tools:

    graphic designer book See Tutorial4

    5. Dreamer -black and white backhead:

      1. Dublicate Layer “Working Model” layer and rename it “Working Model B&W”
      2. Add a Black & White Adjustment Layer and Clip to the “Copy Dreamer” layer, Reds: 22 -Yellows:55- Greens:22 – Cyans: 55 -Blues:22 – Magentas: 55
      3. Do Mask to hide the front face using black color Brush with different Opacity level with black.
    image007
      1. Change the order of the Groups to make the “Working Model B&W” above “Colored puppet Dreamer”.
      2. Group and Rename it “ B&W Puppet Wrap”

    Step Tools:

    5t

    6. Background

      1. Create New Layer and Fill the back ground color with #9c0f32 and rename the
        layer to “BG”.
      2. In order to introduce the idea that there must be two components of the design and graphic designer I dragged Vertical Guide Line to split of the page to half.
      1. Create New layer and rename it “Right”.
      2.  Use Rectangular Marquee Tool to select the right half of the page and fill it with color same color #9c0f32.
      3. Use Filter Gallery> Distort > Diffuse Glow
        Graininess: 6 – Glow Amount: 10 – clear Amount: 15.
      4. Use Filter Gallery> Distort > Diffuse Glow Graininess: 6 – Glow Amount: 10 – clear Amount: 15.
      5. Use filter Gallery > Texture> Craquelure Crack spacing: 20 – Crack Depth: 5 – Crack brightness: 7.
      1. Change the Blend to Multiply.
      2.  Group Layers to “Background”.

    Step Tools:

    6t

    7. Smoke:

    1. “Black Smoke”
      1. Create New layer and do the black Smoke by Brush with two New types of brushes (ink & smoke) and change the Opacity to 80%.
      P.S Download the brushes from” http://all-free-download.com/photoshop-brushes/download/cloud_brushes_hires_nr1_of_5_177943.html “
      “http://all-free-download.com/photoshop-brushes/download/clouds_ii_photoshop_brushes_177978.html”
      .

    2. Do Mask to fade and reduce the edges and make it more transparent to make it look real by using Brush Tool.

    1. “White Smoke” The space is made larger than the black smoke to lighting up the edges by:
      1. creating New Layer filled with white color and delete the dreamer face area by Ctrl+click on dreamer layer to select the face and back and delete by Eraser Tool.
      2. Do Mask and hide all of the white color then use brush with white color with different opacities levels to show and create white smoke.
    2. Group layers in folder “ Smoke

    Step Tools:

    7t

    8. Newspaper:

    1. Download newspaper images from internet and unlock the layer.
    2. Do Mask to hide the background or the unneeded area to focus on words.
    3. Add Black & White Adjustment Layer to remove the colors and save.
    4. Insert newspaper pieces as Smart Object.
    5. Change layers order to make newspaper under the smoke layer to give the sense that the marketing information is the reason behind the design and composition of it.
    6. I used two methods in Mask; first, is hiding all layer with black color then use Brush Tool (Cloud) with white color and different Opacities levels and start the brush in the middle of the layer to start to show the newspaper and give it a smoky effect. Second, is the opposite way which is using Brush Tool with black color to hide the edges and use different brush sizes & Opacities levels.
    7. Group the layers in “Newspaper

    Step Tools:

    8t

    9. Words In Head

    1. In order to highlight some main roles in marketing information the graphic design must know. Create New file and type the words with different direction using Horizontal Type ToolVertical Type Tool and type “Marketing- Competitors – Identity –Unique Points – Branding- Promotion- Products life Cycle-Multi Media-Social Media-Culture”.
    2.  Insert the new file as a layer and name it “Marketing in Head”
    3.  In Channels window go to saved selection “Marketing in Head” and reselect by Ctrl+click then do Mask.
    4. Using Horizontal Type Tool to type “Branding” & “Competitors” then Create Warped Text and change Style: Rise for
      Branding”: Bend: +50% – Horizontal Distortion: -59% – Vertical Distraction: -41%
      Competitors”: Bend: +50% – Horizontal Distortion: -62% – Vertical Distraction: -16%
    5. Change the Opacity for Branding to 70% and for Competitors to 78%
    6. Group all layers in “Words in Head” and change the order to be under “Smoke” Group

    Step Tools:

    9t

    10. Shapes:

      1. Create different shapes using Pen Tool, Ellipse Tool, and Polygon Tool and make modification using use Add Anchor Point, Delete Anchor Point, Direct Selection Tool to move anchor points and Anchor Point Tool to turn curves to lines and make the shapes look sharp and final use Move Tool to move shapes and Free Transform to rotate and scale.
        1. Circle ”Green Big” Layer: Ellipse Tool (Fill: #96992d – Stroke: 13px /#721b33) then Add Anchor Point Tool and Anchor Point Tool to turn the curves into lines by clicking on each anchor point.
        2. “3 figures” Group: Rectangle Tool – Fill: White- Stroke: 5px/ White then Direct Selection Tool to move anchor points and Add Anchor Point Tool to create the shape.
        3. “circles” Group:

    a) “core” layer: Rectangle Tool (Fill: #96992d – Stroke: NONE) then Delete Anchor Point Tool and Free Transform Path.
    b) “core outline” layer: Polygon Tool (Fill: NONE – Stroke: 10px /#721b33) then Add Anchor Point and Delete Anchor Point Tool.c) “curve” layer: Pen Tool (Fill: white – Stroke: NONE) and Direct Selection Tool.
    c) “curve” layer: Pen Tool (Fill: white – Stroke: NONE) and Direct Selection Tool.
    d) “thick” Layer: Polygon Tool (Fill: NONE – Stroke: 70px /#318381) then Add Anchor Point and Delete Anchor Point Tool.
    e) “outline” Layer: Polygon Tool (Fill: NONE – Stroke: 20px /White) then Add Anchor Point and Delete Anchor Point Tool.

    4. “small white circles” Layer: Polygon Tool (Fill: NONE – Stroke: 10px /white) then Add Anchor Point and Delete Anchor Point Tool.
    5. “green” Layer: Pen Tool (Fill: # 318381 – Stroke: NONE).
    6. “Yellow Drop” Layer: Pen Tool (Fill: # f08f00 – Stroke: NONE) then Direct Selection Tool.
    7. “part feather” Group:

    a) “middle”: Pen Tool(Fill: white – Stroke: 5px/white) then Direct Selection Tool.
    b) “outline”: Pen Tool(Fill: NONE – Stroke: 10px/white) then Direct Selection Tool.

    8. “round stick” Layer: Pen Tool (Fill: white – Stroke: 3px/white) then Direct Selection Tool.
    9. “green curve” Group:

    a) “Dark Green” Layer: Pen Tool (Fill: #318381 – Stroke: NONE).
    b) “Light green” Layer: Pen Tool (Fill: NONE – Stroke: 13px/#96992d).

    10. “Feather” Group:

    a) “center line” Layer: Pen Tool (Fill: #f08f00 – Stroke: 13px/white).
    b) “Right”, “branching o”,” branching 1”,” branching 2”, “branching 3”& “branching 4” Layers: Pen Tool (Fill: NONE – Stroke:
    13px/white).
    c) “end” Layer: Pen Tool (Fill: NONE – Stroke: 17px/white).

    11. “MAZE” Layer: Pen Tool (Fill: NONE – Stroke: 35px/white) then Direct Selection Tool and Use Layer style to add Inner Shadow (Color: #f08f00, Opacity: 44%, Angle: -50, Distance: 88, Choke:0, Size: 8).
    12. “3 ORANGE drops” Group: Pen Tool (Fill: #e23515 – Stroke: NONE) then Direct Selection Tool and Use Layer style to add Inner Shadow (Color: #f08f00, Opacity: 44%, Angle: -50, Distance: 88, Choke:0, Size: 8).
    13. “Flower yellow” Group:

    a) “small flower”, “bigflower core” & “bigflower” Layer: Pen Tool (Fill: #f08f00– Stroke: 5px/#9c0f32).
    b) “line w” Layer: Pen Tool (Fill: NONE –
    Stroke: 20px/white).

    14. “blue Road” Layer: Pen Tool (Fill: #358482– Stroke: 15px/#358482).
    15. “Shapes” Group:

    a) “core” Layer: Rectangle Tool (Fill: #96992d – Stroke: NONE) then Delete Anchor Point Tool and Free Transform Path.
    b) “core outline” layer: Rectangle Tool (Fill:#909320 – Stroke: 15px /white) then Free Transform and rotate it 45 then with Anchor Point Tool turn corner point to Smooth Point by dragging Direction Point. Link “core” & ““core outline” Layers.
    c) “Triangle ” Layer: Rectangle Tool (Fill:#358482 – Stroke: 5px /#358482) then Free Transform and rotate it 45 then with Delete Anchor Point Tool turn it to triangle.
    d) “curve green” Layer: Pen Tool (Fill: NONE – Stroke: 15px /#909320).
    e) “curve white” Layer: Pen Tool (Fill: NONE – Stroke: 15px /white) Link “curve green” & “curve white” Layers.
    f) “diamond” Layer: Rectangle Tool (Fill:NONE – Stroke: 15px /white) then Free Transform and rotate it 45.

    16. “hitter” Group:

    a) “outline” Layer: Pen Tool (Fill: NONE – Stroke: 25px /#d2c485).
    b) “inline” Layer: Pen Tool (Fill: NONE – Stroke: 15px /#d2c485).
    c) “green space” Layer: Pen Tool (Fill: #909320 – Stroke: NONE).
    d) “tear orange small” Layer: Pen Tool (Fill: #f08f00 – Stroke: NONE). b. Group all Layers in “Shapes” and move it to “Background” Group.

    b. Group all Layers in “Shapes” and move it to “Background” Group.

    Step Tools:

    10t

    11. Fabric:

      1. Download Fabric pictures from internet with different styles Modern, Classic, kids, Indian, Chinese, Arabic, Japanese and abstract.
        P.S Download photos form
    https://pixabay.com http://www.gettyimages.ca
    https://us.fotolia.com https://www.flickr.com
    1. Unlock the layer then use Polygonal Lasso Tool to make selection in triangle shape then Inverse the selection to Delete and save.
    2. Repeat the past step in each fabric photo but use the same triangle selection for each 3-4 photo to retain the composition of a structured form and does not cause distraction of altered angles by using Marquee Tool and drag the triangle selection from photo to another by Arranging the view and use Transform Selection to scale and rotate.
    3. Insert each photo as Smart Object and use Free Transform to rotate and scale then use Distort to stretch the triangles in all directions to fit and create the background puzzle compensation.
    1. Group all Layers in “Fabric” and move it to ”Background” Group.
    2.  Change Opacity of the Group to 60%.
    3.  Change Blend Mode for the group Linear Burn and change the Blend Mode to layers:
      “3”: Overlay “6”: Multiply
      “5”: Subtract “8”: Lighter Color “11”: Vivid Light.
    4. To cut the edges of fabric pieces which are passing the center line, re-select “Right” layer in “Background” Group by Ctrl+left click on ”Right” layer then select layer “1” and Alt+Mask to hide the selected area and repeat the same
      step in Layer “2”.

    Step Tools:

    11t

    12. Name Tag::

    1. Create new layer and rename it to “Back ribbon”.
      1. Use Rectangular Marquee Tool and fill with color by shift+F5 #909320.
      2. Re-select the dreamer by CTRL+left click then go back to “Back ribbon” layer and do Mask.
    2. Create new layer and rename it to “Pocket”
      1. Add vertical Guide Lines to leave 0.8 inches from vertical edges and add horizontal Guide Lines to “Back ribbon” layer edges.
      2. Use Rectangular Marquee Tool to add rectangular select area then use Elliptical Marquee Tool to Subtract form the top edge of the rectangule by
      starting to do circle selection from the center guide line, Click+Alt to
      start selection from center and use space bar to move selection up and drag down to increase the circle space and make the curve wider.
      3. Fill with color by shift+F5 #909320.
      4. Do Alt+Mask then re-select the pocket layer by ctrl+click on layer.
      5. Use Gradient Tool and change option to Redial and color to default black & white to fade the edges to make 3D effect.
      6. Create New Layer and name it “IN Shadow” then Fill (shift+F5) with black color and deselect (ctrl+D).
      7. Filter> Blur> Gaussian Blur and change Radius to 20.
      8. Change Opacity to 46%.
      9. Use Transform > wrap to adjust the shadow to the curve
      10. Use Move Tool to move the “In Shadow Layer” up.
      11. Use Eraser Tool with opacity 10% and decrease the shadow edge above the neck.
      12. Create New Layer and name it “LIGHTING” and Re-select (ctrl+click on pocket layer) use
      Gradient Tool and drag from the center to the selection edge. Change the Opacity of the layer to 9%.
      13. Group all layers to “Pocket”.
    3. Shapes R ” & ”Shapes L
      1. “comma” Layer: Pen Tool (Fill: #721b33 – Stroke: None) then Direct Selection Tool. Then Duplicate the layer 6 times and use Free Transform to scale and rotate the shapes.
      2. Change the Blend of the comma layer on green background to Multiply while Comma layer on red background to Lighter Color.

    Step Tools:

    12t

    13. Book Name:

    NOTE: One of the project’s requirements is to create and present 3D elements or elements look like a 3D. So I made this part trying to have the full mark .. BUT I did not like it. So, I changed to a mature text after handing the project.

      1. New File width :1.9 inch, Height 3.3 inch, Resolution 300 pixel/inch.
      2. Type Tool font : Roboto Black, size: 160 pt.
      3. Duplicate and Rasterize layer.
      4. Use Pen Tool (fill: NONE) draw triangle then (ctrl + enter) to turn it to selection – then (ctrl+J) to have new layer with a copy of the selection.
      5. Re-select the new part (ctrl+ click on layer) and go back to rasterized layer then Alt+Mask.
      6. Deselect (ctrl+D) and select the Mask layer and use Brush with black color to clean the lines
      7. Go to new part of the letter and use distort and move one of the anchor points to the inside.
      8. Use Burn Tool to darken the letter piece to give 3D effect by making wrinkles to back and Dodge Tool to light up the letter or the opposite method to make light pieces wrinkled up.
      9. Use Pen Tool to draw triangle shadow shape next to dark letters’ pieces then deselect then use Filter> Blur> Gaussian Blur and change Radius to 10 and Change Opacity of the layer to 10%.
      10. Repeat the past steps for more wrinkled pieces of the letter.
      11. Then copy letter’s layer – Rasterize layer and Fill color with black then deselect.
      12. Use Filter> Blur> Gaussian Blur and change Radius to 20 and Change Opacity of the layer to 30%.
      13. Use distort to stretch the shadow to angled up directions.
      14. Merge letter layer and letter’s pieces.
      15. Insert winkled paper layer, change the Blend Mode to Multiply and clip it to letter.
      16. Use Selective Color Adjustment Layer to change the color.
      17. Then save.
      18. Repeat same steps for each letter and change the cuts, shadow locations and color.
      19. Drag all letters as a smart objects and scale it using Free Transform.
      20. Group all letters to “Book NameDuplicate the group then
        Merge Group and rename the layer to Shadow to have all letters in one layer and ctrl+click on layer to Fill with Black color.
      21. Filter> Blur> Gaussian Blur and change Radius to 20 and Change Opacity of the layer to 40% then with Move Tool move the shadow up.
      22. Make sure that the “Shadow” layer is behind the “Book Name” Group.

    14- Save Web file

    1. Image > Image size to change the Resolution to 72 pixel/inch
    2. Then save as

    Step Tools:

    12t

    14. Save Web file

    1. Image > Image size to change the Resolution to 72 pixel/inch
    2. Then save as.

    15. Change RGB File To CMYK for print

    1. Edit> Preferences> Transparency & Gamut to change the gamut warning color to violet color.
    2. View > Proof Colors.
    3. View > Gamut Warning to see out-of-gamut colors.
    4. Image > Duplicate to see the design with the true colors and start to match the colors and tones.
    5. In order to change the gamut colors, Select each Group and Layer then Select > Color Range. And select: Out of gamut and press ok then Add Hue/Saturation Adjustment Layer for every group and start to change Saturation & Lightness till you match the color and tone.
    6. Repeat all steps for each layer or Group needs to change and control Gamut.
    7. Add Levels Adjustment Layer to adjust the black and light to match the RGB lights
    8.  Convert the file to CMYK, Image> Mode> CMYK
    9. Edit> Color Settings change the CMYK: U.S. Web Coated (SWOP) v2 then Ok.
    10. Save as EPS file and check mark on Use Proof Setup: U.S. Web Coated.

    Leave a Reply

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

    SHARE VIA