Post details: Fancy 3D eBook Cover (Workflow in progress)

03/25/2010

Fancy 3D eBook Cover (Workflow in progress)

In my post yesterday, I announced a Gimp tutorial on how to make a fancy 3D e-Book cover. Some people even sell these types of tutorials on the internet, so I decided to let my readers participate in the workflow on how I usually create these tutorial videos.

First of all, I had to find out how it works. After that, I did it at least three or four times to make sure I got all the necessary steps of the process right. After that, I made a step-by-step instruction text that I will use for my voice-over on the video.

Here is this step-by-step description so far:

- Create a new image 300 x 400 pixel

- add a layer make it 300 x 400 pixel and name it "front". This is the front of your book
- fill the front layer with a color, then add some text to it
- merge text layers down to the front layer
- you can make the front layer invisible now

- add a layer make it 120 x 400 pixel and name it "spine", this is the spine - or back of your book
- fill with color, then add some text and rotate the text -90 degree.
- merge text layers down to spine lawer
- make spine layer invisible

- add a layer, make it 300 x 100 and name it "paper", this is the top paper edge of your book
- fill with white, then use the noise filter to add black pixels
- RGB Noise, turn off independent RGB, slider to 0.5
- use motion blur filter to give it the paper structure
- Blur Type Linear, Length: 20, Angle: 0
- use bump map filter to give it a mor 3D like structure
- Bump map: paper, map Type: liniear, compensate for darkening, Azimuth 190, Elevation 45, Depth: 3. other values: 0

- add a transparent layer, make it 300 x 400 pixel and name it "empty".

- make all layers invisible except the front layer
- resize the canvas to 300 x 800 pixel
- duplicate the front layer
- flip the front layer
- place two guides, one horizontal at 400, one vertical at 0
- move the flipped front layer down, it should snap to guides (if not, use View - Snap to Guides)
- add a layer mask to the flipped front layer, initialize with white (full opacity)
- draw a black/white gradient into the layer mask for the mirror effect
- change the layer opacity to 70
- merge down the mirror front with the front layer

- repeat these steps with the spine layer

- when finished, make the background layer the active layer
- choose Layer - Layer to image size (so the layer will be 300 x 800 pixel)

- use Filter - Map - map Object to map the layers to a box
- Map to: Box, transparent background, create new image
- map images to Box Faces: Front: front layer, Back: empty layer, Top: paper layer, Bottom: empty layer, left: empty layer, right: spine layer, change scale x to 0.4 and scale z to 0.2
- use "show preview wireframe to control rotation
- in "orientation" set Rotation x to 20, Rotation y to -25
- Click "ok" to create the image (this may take a while)

- draw a path around the upper box (above the reflection)
- select - select from path
- use filter - perspective shadow: Angle: 145, Relative distance: 5.0, length 1.0, blur radius: 20, opacity 80, allow resizing
- cut out the part of the picture you want to use

Next step will be to create a screen capture using this step-by-step script.

Stay tuned

Permalink 03/25/2010 19:45:53, von Marian eMail , 546 words, 632 views   English (US) Categories: Tutorials, Articles, Gimp

Comments, Pingbacks:

No Comments/Pingbacks for this post yet...

Leave a comment:

Your email address will not be displayed on this site.
Your URL will be displayed.
Antispam-Feld
Allowed XHTML tags: <p, ul, ol, li, dl, dt, dd, address, blockquote, ins, del, span, bdo, br, em, strong, dfn, code, samp, kdb, var, cite, abbr, acronym, q, sub, sup, tt, i, b, big, small>
Options:
 
(Line breaks become <br />)
(Set cookies for name, email & url)

Hello, it's me
  • my e-mail:
    heddesheimer@gmail.com

join me on facebook

Google Ads

buy viagra online|1|2|3|4|5|6|7|8|9|10|11|12|13|14|15|16|17|18|19|20|21|22|23|24|25|26|27|28|29|30|31|32|33|34|35|36|37|38|39|40|41|42|43|44|45|46|47|48|49|50|51|52|53|54|55|56|57|58|59|60|61|62|63|64|65|66| levitra overdose effects levitra overdose symptoms which is stronger levitra or viagra cialis levitra or viagra levitra or viagra which is better levitra interactions alcohol levitra uk side effects levitra uk online generic levitra uk levitra use for women levitra use instructions levitra user group levitra tabs 20mg levitra trial coupon levitra time effectiveness levitra time frame levitra ratings and reviews levitra effects viagra levitra effects use levitra effects forum levitra effects liver levitra effects women levitra effectiveness reviews levitra women effect standard levitra dose levitra generic medication levitra generic viagra levitra generic cheap levitra generic drug levitra generic available