This is Marty from Blue Lightning TV.
I'm going to show you how to create a haunting, retro, Chillwave graphic.
Chillwave is a music and art microgenre that emerged in the late 2000s.
It loosely emulates 1980s electropop while engaging with notions of memory and nostalgia.
Before we begin, if you want to know as soon as I upload new Photoshop tutorials, smash
that "Subscribe" button and please remember to click "Like" if you like this video.
I provided 2 images that you can download.
One is this silhouette of a man and the other is a photo of clouds.
Their links are in my video's description or project files.
Press Ctrl or Cmd + N to make a new document.
For its width and height, type in 100 pixels each.
Its resolution is 150 pixels per inch.
If the color box isn't black, click it and pick black.
Then, click "Create" or "Open".
To fit it onto our screen, press Ctrl or Cmd + 0.
Unlock the background and double-click the layer to open its Layer Style window.
Click "Stroke".
If the color box isn't white, click it and pick white.
Make the size: 1, the Position: Inside, the Blend Mode: Normal, and the Opacity: 100%.
Go to Edit and "Define Pattern".
Name it, "Grid".
To save it, click OK or press Enter or Return.
We can close the pattern shape that we created.
When you see this message, click "No", since we already saved it as a pattern.
We'll create a new document to place our grid pattern into.
Make its width: 1920 pixels, its height: 540 pixels and its resolution: 150 pixels per inch.
The color mode is RGB and 8 bits per Channel.
If the color box isn't black, click it and pick black.
Click the Adjustment Layer icon and click, "Pattern".
Open the Pattern list and scroll to the bottom.
The last pattern box is the pattern we just saved.
Click it to fill the document with the grid pattern.
The Angle is 0 degrees and the Scale is 100%.
Make the background active and make a copy of it by pressing Ctrl or Cmd + J.
Shift-click the pattern fill to make it active, as well, and press Ctrl or Cmd + E to merge them together.
We'll stretch out the top edge of the grid, but before we do, let's zoom out of our document
to give us more room.
Press Ctrl or Cmd and the minus key on your keyboard 4 times.
Go to Edit, Transform, and Perspective.
Go to a top corner and pull it out approximately this much.
Then, press Enter or Return..
Zoom back in by pressing Ctrl or Cmd and the plus key 4 times or press Ctrl or Cmd + 0
to fill your screen with it.
I'd like it better without the top horizontal line, so I'll open back my Transform Tool,
go to the top, middle anchor point and press and hold the Shift key, as I drag it up until the line is gone.
Then, I'll press Enter or Return.
To save file size and make it easier to work with, we'll crop off the grid that extends
past both sides of our document.
To do this, press Ctrl or Cmd + A to select our document and go to Image and Crop.
Then deselect it by pressing Ctrl or Cmd + D. Hide the grid pattern layer and make the black background active.
Click the Adjustment Layer icon and click "Gradient".
Open the Gradient list and click the black and white gradient thumbnail.
The Style is Linear, the Angle is 90 degrees and the Scale is 100%.
Click the gradient bar and click the lower, left Stop.
Click the color box and when the Color Picker opens, type into the hexadecimal field, "E62F34".
For its location, type in 5%.
Click below the bar to create a new Stop.
Click the color box and type in: D611DA.
For its location, type in 15%.
Make a new Stop and click the color box.
Type in 28246D.
Its location is 30%.
Click the lower, right Stop, the color box and pick black.
Type in 70% for its location.
Shift-click the background to make it active as well, and press Ctrl or Cmd + E to merge them together.
Make the grid pattern visible and active.
Make a copy of it by pressing Ctrl or Cmd + J. Hide the copy and make the bottom grid active.
Change its Blend Mode to Soft Light and reduce its opacity to 50%.
Notice we can't see the top half of the grid.
To make it visible, make the top grid visible and active.
Change its Blend Mode to Lighten and reduce its opacity to 3%.
We'll place the grid layers into a folder by Shift-clicking the bottom grid to make
it active, as well and pressing Ctrl or Cmd + G. Name it, "Grid".
Click the New Layer icon to make a new layer.
Open the Polygon Tool.
If your foreground and background colors aren't black and white respectively, press "D" on your keyboard.
Invert the colors by pressing "x", so white is the foreground color.
Choose "pixels".
Type in 3 for the number sides.
Click the gear icon and tick "Unconstrained" and make sure "From Center" isn't checked.
Place your cursor at the bottom of the image and drag out the shape.
Then, release.
To center it, press Ctrl or Cmd + A to select the entire document and open your Move Tool.
Click the Align Vertical Centers icon.
Then, deselect it.
Unlock the gradient background, so we can make a copy of it.
Drag the copy to the top.
We want this top copy to appear just inside our triangular shape.
To do this, we need to clip it TO the shape by making into a clipping mask.
There are few ways to do this.
We could go to Layer and "Create Clipping Mask" or we could press Ctrl + Alt + G on
Windows or Cmd + Option + G on a Mac.
Or we could place our cursor between the two layers and press and hold Alt or Option.
When we see this icon, just click it.
Go to Edit, Transform, and "Flip vertical".
Make a copy of the layer and clip it to the triangle shape.
Open your Transform Tool and go above or below the bounding box.
When you see a curved, double-arrow, rotate it counter-clockwise and drag the gradient
across until it meets the top of the triangle.
Continue to finesse it until you like its angle.
Then, press Enter or Return.
Next, we'll reposition the gradient colors within the angled shape.
To do this, Ctrl or Cmd-click the angled gradient to select its shape and click the Layer Mask
icon to make a layer mask next to it.
Click the chain-link icon to unlink the layer and the layer mask.
This allows us to adjust the size and position of either of them independently of the other.
Make the gradient active and drag it across until you like how the colors look within the pyramid.
Make a copy of it and clip it to the triangle shape.
Make the bottom layer mask active and invert it by pressing Ctrl or Cmd + I.
Make the layer next to it active and open your Transform Tool.
Rotate and position the gradient in this side of the pyramid.
Then, press Enter or Return.
Reduce its opacity to 70%.
Make the top layer active and make a new layer above it.
Clip it and make the top layer mask active.
Press and hold Alt or Option as you drag a copy of it up onto the empty layer above it.
Click it to make it active.
We'll fill the rest of the right half of the layer mask with white by opening our Rectangular
Marquee Tool and dragging a rectangular selection over the right half of the image.
We'll fill the selection with white and since our background color is white,
press Ctrl or Cmd + Delete.
Then, deselect it.
Make the empty layer active and change its Blend Mode to Overlay.
Notice that after you made the empty layer active, your foreground and background colors
should've inverted back to white and black, respectively.
If it didn't, press "x" to invert them.
Open your Brush Tool and Brush picker.
Pick a soft, round brush.
Make the size 500 pixels.
Its hardness is 0% and its opacity and flow are 100%.
Brush over the bottom of the pyramid.
Make a new layer, clip it and name it, "Door".
Open your Rectangular marquee Tool and go to the bottom of the pyramid.
Drag out a rectangle in the shape of a door.
Fill it with white and deselect it.
Double-click the door layer to open its Layer Style window.
Click "Color Overlay" and the color box.
Type in FFF8D5.
Click "Outer Glow".
The color is white, the Blend Mode is "Linear Dodge" and the Opacity is 40%.
The Spread is 10% and the Size is 30 pixels.
The Contour is linear and the Range is 50%.
Open the silhouette of the man I provided.
We'll place it into our Chillwave document by pressing "v" to open the Move Tool and
dragging it onto the tab of the Chillwave document.
Without releasing your mouse or pen, drag it down and release.
Then, clip it.
Open your Transform Tool to resize and reposition it, making sure the bottom of the feet is
flush to the bottom of the document.
Then, press Enter or Return.
Double-click the silhouette layer to open its Layer Style window.
Click Inner Glow . The color is white.
The Blend Mode is Normal and the Opacity is 50%.
The Source is "Edge", the Choke is 0% and the Size is 6 pixels.
The Contour is linear and the Range is 50%.
Go to Filter, Blur, and Gaussian Blur.
Blur it point 5 pixels.
Let's save some space in the Layers panel by collapsing the effects.
Open the Clouds photo I provided.
Drag it onto the tab of the Chillwave document, drag it down and release.
To see the pyramid under it, reduce its opacity.
Ctrl or Cmd-click the pyramid to select its shape.
Go to this layer mask and press Ctrl + Alt +Shift on Windows or Cmd + Option + Shift
on a Mac to intersect this shape with the shape of the pyramid.
Click the Layer Mask icon to make a layer mask of the selection next to the clouds.
Unlink the clouds and the layer mask and make the clouds active.
Drag it below the door layer.
Open your Transform Tool and reduce the clouds' size, so it's top and bottom are aligned to
the top and bottom of the pyramid.
Increase its opacity back to 100% and change its Blend Mode to Overlay.
Drag the clouds to a position you like.
We're going to make a copy of all the layers, so it'll ultimately become the reflection
of our image, but before we do, link back all the layers with their respective layer
masks because we want them to move together when we make the reflection.
Scroll to the bottom and make the bottom layer active.
Scroll to the top and Shift-click the top layer to make all the layers active.
Press Ctrl or Cmd + G to place all of them into a folder.
Go to Image and Canvas Size.
Make the unit of measure: "Percent".
The gray square in the center of the Anchor arrows represents our existing image area.
Since we want to add canvas area to the bottom of our image to make room for its reflection,
click the top, middle box of the grid.
The arrows point to where the new canvas area will be added.
In the Height field, type in 200, which doubles the height of our document.
Make a copy of the folder and make the bottom folder active.
Go to Edit, Transform and Flip Vertical.
Press and hold the Shift key as you drag down the copy to the bottom.
Don't be concerned if there' a slight space between the two images.
We'll be adding a black horizontal line a bit later, which will become the representation of the horizon.
The line will also cover up the empty space.
Next, we'll make the grid on the lower half to be on top of the pyramid reflection since
the grid is part of the floor.
To do this, open the bottom folder and scroll to the bottom.
Make the Grid folder active and drag it up.
Place it below the door.
Close the "Group 1" folder.
Make the top folder active and make a new layer above it.
Name it "Horizon Line".
Open the "Single Row Marquee Tool" and place it directly between the top and bottom halves.
Click to make a horizontal line selection.
Go to Edit and Stroke.
Make the Width 10 pixels and click the color box.
Pick black.
The Location is Center.
Click OK and deselect it.
Open back the bottom folder and drag the Grid folder to the top of the Group 1 folder.
Click the layer below it, which is our silhouette of the man.
Scroll down to the pyramid shape and Shift-click it to make all the layers active between it and the silhouette.
Then, group them into a folder.
Reduce the folder's opacity to 80%.
This is Marty from Blue Lightning TV. Thanks for watching!