Photoshop: “Wrap a texture or pattern around an Object 2”

I did another sample of  “Wrapping a texture or pattern around an Object”

Here are the steps/process in wrapping a texture or pattern around an object:

 

Step  1:  Open the first (for distortion and wrapping image)

Slide42

Step  2:  Open the 2nd image (to be wrapped) remove the background. Copy this to the fist document.

Step  3:  Paste this to the first Document

Slide43

 

Step  4:  You now have 2 Layers

Step  5:  Image – Adjustments – Desaturate

Slide44

Step  6:  At this point: Duplicate the layers to avoid stepping backward later

Slide45

Step  7: Image – Adjustments – Levels

Slide46

Step  8:  Adjust to eliminate the Gray and increase saturation

Slide48

Step  9:  Blur –Gausian Blur (set between 3 to 10)

Slide49

Slide50

Step  10:  Save this as the distortion map

Slide51

Step  11:  Move and deactivate the adjusted & blurred layer/ activate the desaturated copy and move between the flag Layers

Slide52

Step   12:  Filter – Distort – Displace

Slide54

Step  13:  Load the Displacement map (the file saved earlier)

Slide56

Step  15: Activate the target image (to be wrapped) Click Control + icon to load the image

Slide53

Step  16:  Activate the distorted layer; Hold down the Vector Mask Icon

Slide59

Step  17:  Change the blending mode to Overlay

Slide60

Slide61

Step  18:  Activate the Background layer

Slide62

Step  19:  Save the Image if you are satisfied with the result

Slide63

 

 

Have a nice day and God Bless!

 

.

Photoshop: “Wrap a texture or pattern around an Object”

Another lesson I have learned in Photoshop is “Wrap a texture or pattern around an Object”

The effect is almost the same as combining photo and text but this time it involves the Distort/Displace filter.

Here are the steps/process in wrapping a texture or pattern around an object:

 

 

Step  1:  Open the first (for distortion and wrapping image)

Open the  first Image/Document

Open the first Image/Document

Step  2:  Open the 2nd image (to be wrapped) remove the background. Copy this to the fist document.

Open the object or image to be wrapped / remove the Background

Open the object or image to be wrapped / remove the Background

Step  3:  Copy & Paste this to the first Document

Slide67

Copy the document

 

Step  4:  You now have 2 Layers

Slide68

Step  5:  Image – Adjustments – Desaturate

Slide69

Step  6:  At this point: Duplicate the layers to avoid stepping backward later

Slide70

 

Step  7: Image – Adjustments – Levels

Image – Adjustments - Levels

Image – Adjustments – Levels

Step  8:  Adjust to eliminate the Gray and increase saturation

Slide72

Step  9:  Blur –Gausian Blur (set between 3 to 10)

Slide74

Step  10:  Save this as the distortion map

Slide75

Slide76

Step  11:  Move and deactivate the adjusted & blurred layer/ activate the desaturated copy and move between the flagLayers

Slide77

Step   12:  Filter – Distort – Displace

Slide78

Slide79

 

Step  13:  Load the Displacement map (the file saved earlier)

Slide80

Step  14:  This will change the Flag (Distorted Map)

Slide81

Step  15: Activate the target image (to be wrapped) Click Control + icon to load the image

Slide82

Step  16:  Activate the distorted layer; Hold down the Vector Mask Icon

Slide83

Step  17:  Change the blending mode to Overlay

Slide84

 

Slide85

Step  18:  Activate the Background layer

Slide86

Step  19:  Adjust the opacity and fill

Slide87

Step  20:  Apply Hue and Saturation

Slide88

Step  21: Save the Image if you are satisfied with the result

Jio wrap

 

 

Have a nice day and God Bless!

 

.

Samples of my Cube Photo Album

I wanted to remember if not master the “Cube Photo Album”. So I did it over and over with all the available photos I can get. And happy to share them!

Just Click on the thumbnails to view the actual sizes of the Images

Pope Benedict

Pope Benedict

Wrap jp2 -3

Pope John Paul II

rIBICS-JP 1

Pope John Paul II

jp2 - 4

Pope John Paul II

jp2 - 5

Pope John Paul II

jp2 - 7

Pope John Paul II

Pope John Paul II

Pope John Paul II

"Zaira" My eldest Niece

“Zaira” My eldest Niece

lalas rubik 2

“Zaira” My eldest Niece

lalas rubik 3

“Zaira” My eldest Niece

Family bonding

Family bonding with Bro. Digs of OSJ

Jio My Youngest Nephew

Jio, “My Youngest Nephew”

Jio My Youngest Nephew

Jio, “My Youngest Nephew”

"Jio" My Youngest Nephew

Jio, “My Youngest Nephew”

family bonding jio 4

Jio, “My Youngest Nephew”

family bonding jio 5

Jio, “My Youngest Nephew”

family bonding jio 6

Family Bonding

family bonding jio 7

Jio, “My Youngest Nephew”

family bonding jio 8

Jio & Kaye

family bonding jio 9

Jio And Tintin

family bonding Jio 10

Jio, “My Youngest Nephew”

family bonding tintin

Tintin, ” My niece”

Hope you’ll like them!

Photoshop: “Combine Photos and Text 2”

Here’s another sample for “Combining Photos and Text”.

Of course I have to do one of my favorite subject “Pope John Paul II”

Step  1:  Open an image or a photo in Photoshop /Duplicate the layer.

Slide3

Step  2:  Hit “T” on the menu for Text / Type the text (In this illustration, I did 2 text layers)

2 Text Layers

2 Text Layers

Step 3:  Move the text to your desired position on the image or photo/ Apply a warp text if desired (I used a “curve lower warp” on the first text and “bulge warp” on the second).

Apply warp on text

Apply warp on text

Step 4:  Position the text layer between the 2 photo layers

Slide21

Step 5:  Make the original Photo layer invisible. Activate the Text layer. Hold Alt key and the space/line between the upper photo layer and the text layer to join the 2 layers.

Join 2 layers

Join 2 layers

Step 6:  Apply effects on the text layer (fx) . Apply bevel & emboss (experiment how you want your text to look or appear. Hit ok

Slide23

Apply fx (Bevel)

Slide24

Apply fx (Emboss)

Step 7: Activate the original layer or background and Create a Layer mask 

Activate the Original Layer

Activate the Original Layer

Step 8:  Experiment with different effects. Do this on the Layer

Effects on the original layer

Effects on the original layer

Step 9:  In this image, I decided to apply Color balance and Hue& Saturation Adjustments.

Slide26

Step 10:  Save the image if you are satisfied with the result.

Slide27

Have a nice day and God Bless!

.

Photoshop: “Combine Photos and Text”

Here is another Lesson I’ve learned in Photoshop. I’ll Call it “Combining Photos and Text”. This is not a tutorial. I would just like to document the steps by steps to do the “combining process” so I can always go back to it if I have forgotten the procedures.

If you think this may help you to do the same, especially the beginners – feel free to do so. I am happy to share this with you.

Step  1:  Open an image or a photo in Photoshop /Duplicate the layer.

Open image

Open image

Step  2:  Hit “T” on the menu for Text / Type the text

Slide30

Step 3:  Move the text to your desired position on the image or photo/ Apply a warp text if desired (I used a “flag warp” on this text).

Apply warp (Flag) on the text

Apply warp (Flag) on the text

Step 4:  Position the text layer between the 2 photo layers

Slide32

Step 5:  Make the original Photo layer invisible. Activate the Text layer. Hold Alt key and the space/line between the upper photo layer and the text layer to join the 2 layers.

Position the text layer between the 2 photo layers

Position the text layer between the 2 photo layers

Step 6:  Apply effects on the text layer (fx) . Apply bevel & emboss (experiment how you want your text to look or appear. Hit ok

Slide34

Apply Bevel & Emboss

Slide35

Apply Bevel & Emboss

Step 7: Activate the original layer or background and Create a Layer mask 

Slide37

Step 8:  Experiment with different effects. Do this on the Layer Mask (In this illustration; layer mask was inefective because I decided to apply effects directly on the image).

Slide36

Step 9:  In this image, I decided to apply Filter – Blur – Radial Blur (position the center on the desired spot of the text.)

Slide40

Step 10:  Save the image if you are satisfied with the result.

TEXT WRAP

Have a nice day and God Bless!

.

Photoshop: How to make a Cube Photo Album

I find Photoshop very intriguing and interesting. It has so many features and really a great help for photographers, designers, developers and newbie like me.

It maybe easy for some who had mastered “Photoshop” but for me it’s definitely an accomplishment and I thank “Youtube” for this. For all those who are continually doing tutorials, keep up the good work.

Anyway I am very exited to share what I’ve learned here. The step by step process I went through to accomplish a simple project and I’ll call it “Cube Photo Album”.

I have chosen my favorite personality “Pope John Paul II” as the subject because of the unlimited free photos of him on the web.

What do I need to make a “Cube Photo Album”

  • Cube as guide (chose a cube where you can at least have a clear view of the 3 sides)
  • 36 photos (9 for each side)
  • Arrange the photos on a square sheet ( 3 columns x 3 rows)

Step  1:  Open the “cube” in Photoshop.

Slide1

Cube Layer

Step  2: Open 3 photo files ( 3 columns x 3 rows) at the same time

3 PhotoFiles

3 PhotoFiles

Step  3: Starting on the first file 

First Photo File

First Photo File

  • Select/All (to make a selection of the whole photo)
Select/All

Select/All

  • Edit/Copy (to copy the selected area)
Edit/Copy

Edit/Copy

  • Go to the “cube document” (The guide document you have loaded first)
Go to cube layer & Edit/Paste

Go to cube layer & Edit/Paste

  • Edit/Paste (you now have to layers on this document)
Two layers in the Docs

Two layers in the Docs

  • Delete the file you have copied since you will not be needing this and to avoid confusion
Delete this first photo file

Delete this first photo file

Step  4: Repeat “Step 3” for the other 2 remaining files .

3 photo files now copied in the document

3 photo files now copied in the document

Step  5: Make the “cube layer” and photo file layer you will work with first.

  • Activate the photo layer 1
Free transform to adjust the size

Free transform to adjust the size

  • Edit/Free Transform (Adjust the size of the layer and align to the side of the cube)
Align to side of the cube

Align to side of the cube

  • Edit/transform/distort
Edit/Transform

Edit/Transform

  •  Grab the corners of the photo and attach/align it to the corners/sides of the cube
Grab the corner & Align to the cube

Grab the corner & Align to the cube

  • Hit the (√) check box on the upper portion to accept the transformation.

Step  6:  Repeat “Step 5” for photo layer 2.

Slide13

Slide14

Slide15

Step  7: Repeat  “Step 5” for photo layer 3

Slide16

Slide17

Slide18

Step  8:  Make the “cube layer” invisible to check on the alignments of  the photo layers.

Slide19

Step  9: Activate the “photo layer” that needs adjustment

Step 10: Edit/transform/distort or wrap to make adjustments on the alignment.

Slide20

Step  11: With all the layers visible, see if you are please with the result.

Slide21

Step  12: Success? hit save. View & share your “Cube Photo Album”

Slide22

Have a nice day And God Bless!