Create a romantic futuristic photo gallery in virtual reality.
In this lesson we are going to create a romantic, virtual photo gallery. This is a wallpaper with a girl lying on the grass and looking (and maybe dreaming) at these photos before her eyes. In any case, leave the interpretation and get down to business. This is what should happen:
We will need a lot of photos for these wallpapers. You can create non-romantic wallpapers, if you want, just find the photos you like, for example, or take photos of your girlfriend to make her a romantic gift. You decide, but I will give links to photos that were used in this work.
Girl on the grass
Step 1. The background of this image is just a girl on the grass. But, as you can see, the girl in the previous picture is slightly rotated. And if we rotate the image, some empty areas will appear. We will have to fix this by filling the grass with empty areas. Create a new document with a transparent background of the size you need. The author worked on a widescreen document 1280×800 pixels. Insert the image of the girl in the document:
Empty areas on both sides will not disappear anywhere, as if by magic, until we do something with them. But this is a bit later. We still need to rotate the girl a little. Click Ctrl +T, Move the cursor outside the transformation rectangle so that the mouse pointer turns into a rotation cursor. Now rotate the image slightly to the right, as shown below:
Step 2. Now is the time to add grass to the empty places. It is very simple. Take the tool Clone Stamp (Stamp) and at the top of the Photoshop window, set the following options:
This tool works as follows:
a) choose the area you want to clone on the grass (make sure that it does not overlap with anything else);
b) place the cursor on this place;
c) clamp Alt and click the left mouse button (this will select the cloning area);
d) position the cursor in the empty space you need and start drawing. You must repeat this process until you clone all the grass. Here’s what the image should look like after this:
Step 3. Click Ctrl +Shift +U. This will discolor the image (make it black and white). Take a soft brush large diameter with the settings shown below:
Start drawing at the edges of the image. You need to make them darker, like here:
It was the background. Next comes the more difficult part.
Step 4. In this part we will create a template for the frame of our virtual image. We will use it to prepare all the photos in the gallery, and then just hide it. First create a folder named Pictures (Images) and new layer Shape (Pattern) inside it.
Take the tool Rounded Rectangle (Rectangle with rounded edges), set it to Path (Contour) in the tool settings window.
Zoom into the image of the girl and draw a rectangle about 600×300 pixels in size. You can see the changes when you draw, in the info window Window> Info (Window> Information). Right-click on the rectangle and select Make selection (To form a selected area). Here’s what you should do:
Change the background color to black by pressing the key. D and fill the selection (Alt +Backspace). Click Ctrl +D, To remove the selection, you should have a beautiful rectangle with rounded edges.
Step 5. Take the tool Polygonal Lasso Tool (Polygonal lasso) and make a selection like this:
Click Delete, To remove a small angle from the pattern:
Step 6. Now duplicate the pattern layer by clicking on Ctrl +J. In the duplicated layer, change the field value Fill (Fill) by 0%. Opacity (Opacity) of the Layer Pattern change to 50%, as in this image:
Double click on the icon of the duplicated layer in the layers palette and define Inner Glow (Internal glow), Outside Glow (Outer Glow) Layer Styles:
Your template should become luminous:
Step 7. Now we need to place the template in the current viewport. It will be easier if we create another similar template and align them. If you do not see the form completely, zoom out. Then do the following with both layers of the template: click Ctrl +A, Ctrl +X, Ctrl +V. This will cut the contents and paste it into the center of the window. Now it is important that you do not select the image and do not change the scale! Create a layer below the Template layer and name it. Grass Frame (Glass frame). Use the same Rectangle tool with rounded corners to draw a slightly larger rectangle than the one we already have:
Click on it with the right mouse button and select Form a Selected Area. After that, fill the selection with white color (D, X, Alt +Backspace). Finally click Ctrl +A, Ctrl +X, Ctrl +V on this layer. Now your template is aligned on the glass frame.
Now you can zoom or scroll the image, the alignment is complete. Change value Fill (Fill) layer Glass frame at 7% and double click on the layer icon to apply the layer style Stroke (Stroke):
This is how the image looks now:
Step 8. Create a new layer above the Glass Frame layer and name it. Highlight (Glow). Click Ctrl + Click on the layer thumbnail Glass frame to load the selection. Now select any selection tool (the key M) and move the selection down and to the right by 4 pixels (you can press Down (Down and Right (Right) on the keyboard 4 times).
Click Ctrl +Shift +I, to invert the selection. We will paint in the upper left corner of the glass frame, but only over 4 pixels. Take a large soft brush with an opacity of about 15% and click a few times on the top of the upper left corner of the frame:
As you can see, the inverted selection prevents the brush from drawing inside the frame. Now Ctrl + Click on the layer thumbnail glass frame and click again Ctrl +Shift +I. This will highlight everything outside the frame, including the white spot. But the white spot covers the frame by 4 pixels, so when you invert the selection and click Delete, To remove a white spot, you will have a nice glow, like this:
Step 9. Well, the author lied, it is definitely not a pleasant glow We still need to make it a little better. For this we need to make it thinner. Take Move Tool (Move tool) and press the keys Left (Left) and Top (Up) two times. Now Ctrl + Click over the glass frame layer, click Ctrl +Shift +I, to invert the selection and Delete again. Your glow now looks better:
A little blur it. Go to Filter> Blur> Gaussian Blur (Filter> Blur> Gaussian Blur) and apply it with a radius of about 0.5 – 1 pixels. Here is the final result of the glow:
Duplicate it (Ctrl +J) and turn in both directions Edit> Transform> Flip Horizontal (Edit> Transform> Flip Horizontal) and Edit> Transform> Flip Vertical (Edit> Transform> Flip Vertically). Take the Move tool and place the resulting glow in the lower right corner. Then click Ctrl + E, to merge both layers with glow. Here is a frame with both lights:
Step 10. Change the opacity of the Template layer to 70%, otherwise you will have a different result than the author. The pattern will become slightly darker:
Create a new layer above the Glass Frame layer and name it. Label (Label). Ctrl + Click on the layer thumbnail Glass frame to load the selection, then take the tool Polygonal Lasso Tool (Polygonal lasso). We need to cut off a bit from the selection, so follow the instructions shown in the figure:
Due to this, the following selection will appear in the upper right corner:
Click D, X, Alt +Bakspace, to fill the selection with white. Change the label layer fill to 20-30%:
Double click on label layer to add layer style Bevel and Еmboss (Embossed) with settings as below:
Step 11. Take the tool Text tool (Horizontal text) with the following parameters:
Create a new layer above the label layer and name it Text (Text). Change the background color (D, X) and click on the document. Enter some text. The author used the date, you can enter any name, but keep in mind that the text will be placed in the upper right corner, so do not make it too long. The author scored a few dates and reflected them horizontally. Edit> Transform> Flip Horizontal (Edit> Transform> Flip Horizontally).
The author reflected them, as it is assumed that the images are located facing the girl. Now click Ctrl +T, To reflect / move text into a corner:
In theory, for each photo the text should be different, but the author is lazy, so he left the same date. In addition, he changed the text color to black and lowered the layer opacity to 60%.
Step 12. And now we will insert into the frame the images we want to use in the virtual gallery. To do this, you must make an invisible layer with a girl. Click on the small eye next to the layer thumbnail, and the layer will be hidden. Select the Template layer and insert any photo into it. Use Ctrl +T, to reduce the size and reposition the image.
Click Ctrl +Shift +U, To discolor the image, go to Layer> Create Clipping Mask (Layer> Create Clipping Mask). Your image is now in a “trap” – inside the borders of the template and inherited its transparency.
Then click Ctrl +A, Ctrl +Shift +C, Ctrl +N, Ctrl +V. This will allow copying the contents of all layers (that’s why we turned off the background), to create a new document and insert an image into it. The first image is prepared. Do not worry, it should be translucent. Delete the layer above the Template layer (the one with the photo) and repeat the same procedure with the rest of the images. When you’re done, make the background layer visible again, but turn off the visibility of the Images folder. Now the document contains only the image of a girl, but you also have photos within other open documents. Time to start transferring photos.
Step 13. The last part of this lesson is to collect all the images together. Select a background layer and insert the first photo (either the last, or the second, or the fifth :)).
Click Ctrl +T, resize photo hold key Shift, rotate the image clockwise twice:
Place a photo on the document and do the same with several other images. Just try to make them all about the same size. Here is the result of the author:
Step 14. You will create many new layers. Select all of them (except for the background layer and the Images folder) and click Ctrl + E, to combine them. Rename the merged layer to Set 1. Now paste in a few other images, but make them a bit larger:
Re-select all new layers (this time do not select the Set 1 layer too), merge them into one Set 2. The Set 2 layer must be above the Set 1 layer. Thus, we create the illusion of depth: the larger the image, the closer it is to us. In any case, the depth may not be fully visible, but we will correct everything when all the photos are created. Therefore, create Set 3 just as you did the previous two, and again make the images larger than those already created:
Create the last two layers Set 4 and Set 5 with even larger photos. The author used one image per set (Girl on the left above and a kissing couple below).
Step 15. It’s time to increase the illusion of depth. Select layer Set 5 and apply filter Filter> Blur> Gaussian Blur (Filter> Blur> Gaussian Blur) with a radius of 1 pixel. The author blurred the top image, as he decided that the bottom ones should be in focus. In other words, if the top layer were in focus, and the rest were blurred, the image would not look as impressive as the layer in the middle of the focus, just like the others. Therefore, we will leave Set 4 in focus. This means that you can skip it and go to the Set 3 layer. This set is at the same distance as Set 5, so we will also blur it. Press Ctrl+F, to repeat the last filter action. Select Set 2 and apply a blur (Ctrl+F) twice. Apply the filter three times to the Set 1 layer.
Step 16. According to the author, the image already looks good, but some people with logic will probably start asking questions, so we will take one optional step for the illusion of depth. As you can see, only the fourth set is in focus, the rest are either higher or lower. But the girl is below all the pictures. This means that in the real world it would be blurred. If you are aiming for realism, select the layer with the girl and press Ctrl+F four times. For the author personally, the result looks better if the girl is not blurred, but this is contrary to the laws of physics
Finally, select the Images folder (since it is above all in the layers palette) and click on the button Create new fill or adjustment layer (Create a new adjustment layer or a fill layer). Use the following parameters:
And here it is, the final result!
Author: Marius S.