Some works become series when working on paintings. For example, a rose that I've been drawing recently for a painted flower store project is growing, and one day it will become a large painted flower shop. When I think of warehousing these tasks while doing all the step-by-step tasks, the fatigue piled up will disappear, and I will be happy all day long. So, today, I want to show the step-by-step growth by dividing these works into one category, so I will make a banner to introduce the results on a project basis.
First, open a new Photoshop document 300 pixels wide and 250 pixels high. The size of a standard banner ad. Since the banner is only used online, you can keep the resolution at 72.
Add one more layer.
Load the image you want to use and paste it on a new layer.
Use the Rounded Rectangle Tool (U) to create a button near the bottom of the ad.
Add a mask as shown below to highlight the new shape layer in the Layers panel.
Select the drop-down menu and choose Bevel and Emboss. Set the style to 50% for Inner Bevel and Depth.
Add a new layer to the file and use the Type Tool (T) to create a button "Buy painted flowers!.
Then create another layer and use the Type tool again to create the basic message for the banner.
Go to the window timeline to create the animation.
Now let's create a simple animation to make the banner a reality. With the first animation frame selected, toggle the button layer and both text layers invisible.
Create a new frame in the Animation panel. Redisplay the default message layer in banner ads. Move the text up so that only the last line is visible. In the Layers panel, set the opacity of this layer to 40%.
Create a third frame and move the text further down so that most or all of the text is visible and increase the layer opacity to 70%.
Create a new frame and move the messaging text to its final batch. Increase the opacity to 100%.
Create a fifth frame and display the button and button text layers. Each frame will have “0 seconds” displayed below the thumbnail. Use the drop-down menu to set Frames 0.5 sec. Click the “play” icon in the animation panel and you will see the banner ad in action and you can adjust the timing if necessary.
Create another layer to give the button a twinkle effect. And make the background button of the text invisible, leaving only the text
Create the 7th action flame layer, select the layer with the button and text together.
To complete your banner ad, go to File > Save for Web & Devices. Select GIF as the file type from the second drop-down menu at the top and click Save.
Below is the completed GIF file. I hope you all start a successful business by creating your own awesome advertising banners.
How to fill empty space in Photoshop
Yesterday, I took out the running horse in the picture and made it run.
Go to previous post : moving object with Puppet warp function in Photoshop.
I believe you must have already checked the running horse and moved the objects in other pictures.
But yesterday's horse runs on empty space. In order for the horse in the picture to run better, you need a background in the picture. As you can see from the previous post, there is a hole in the picture as shown below because the horse was pulled out using the lasso tool.
Fill in this hole naturally so that the horse can run happily on this background. Today I want to show you this work.
First, you can click the Lasso tool and draw the outline on the object like below.
Then go to the edit --> fill menu.
In the new window that appears, check if the content part is set to Content-Aware and click OK.
Below is a background filled with holes. When the hole is filled to a certain degree rough, make corrections as shown on the right.
Add some background to the running horse you learned in the previous post.
Then use the timeline function to create a running horse GIF file.
Previous post: Making a moving GIF
Below is an image of a running horse GIF perfectly blended with the background.
I hope you can create more wonderful scenes.
How to make a moving glow effect in Photoshop.
As explained in the previous post above, I explained how to create a light beam in the picture and created the following two files.
Today, I'm going to show you how to create an animated gif file by adding one more file below.
The four files above can be downloaded by clicking the download button below.
First, go to the File ---> Scripts ---> Load Files into Stack as shown below.
Then, a window like the one below appears, click Browse to select all the files to create a moving file, and then click the O.K button.
You can see all the imported files in the Layers panel window as shown in the screen below.
After checking that all files are on one layer, if you move to the window timeline, the timeline window as shown below appears in the middle or at the bottom.
When the timeline selection window appears, you will see a dropbox with two selection options. From there, click Create Frame Animation.
The thing to note here is that you have to double-click the mouse cursor over the text of the Create Frame Animation to move to the execution window where the timeline is created.
If you double-click, the following window will appear. Click the red add frame button 4 times to create 4 frames.
When you press the 2nd frame, as shown below, turn on the eyes of only the layer corresponding to number 2 and turn off the eyes of the other layers.
When you press the 3nd frame, as shown below, turn on the eyes of only the layer corresponding to number 3 and turn off the eyes of the other layers.
When you press the 4nd frame, as shown below, turn on the eyes of only the layer corresponding to number 4 and turn off the eyes of the other layers.
And then you go back to 1 frame and then , turn on the eyes of only the layer corresponding to number 1 and turn off the eyes of the other layers.
Then press the play button in the red area below to confirm the action.
The result screen looks like the one below, it's like the lights of a club.
I'll try to slow down the glittering speed to match the mood of the picture. Click the button to adjust the time as shown below to change it to 0.5 seconds.
Then, the resulting file is saved in gif format. Below is the finished file.
This effect makes it easy to create moving banners as well. I hope you all moved by changing the dark picture you all have.
How to create a moving glow effect in Photoshop
Today, I took out a picture of a piano placed under the moonlight on a night out of a picture I drew a long time ago. This painting is an image of my dream. I entered the hall where the piano was placed in a dream, and I saw an old church jumped out of the sea through the big windows. The moonlight coming down from the far crescent moon and the energy brought by the piano alone combined to create a mysterious scene. I captured the scene and put it on canvas. I remember a pianist who liked this painting so much.
There was no light in my mind at that time. Only in my dreams I saw and felt the light. It took a lot of time before I had the realization of life itself. When I look at this picture, I always think of myself in the dark and longing for the light. Today, I want to give light to this painting and make it come alive.
First, create a new layer. (Shift + Ctrl + N or Shift + Cmd + N), and then
you must first use the Polygonal Lasso tool on the new layer.
With this tool, I drew the shape of the moonlight pouring from the moon through the window to the floor.
If you make a mistake, you can start over by pressing the ESC key.
Then fill the drawn light shape with white.
In that state, select Filter ---> Blur--> Gaussian Blur in order. Then a window will appear where you can adjust the intensity of the shadow. In my case, I entered 120 and clicked OK.
I'm going to duplicate the layer by pressing Ctrl +J or Cmd + J to duplicate the light beam. In my case, I copied it twice to express three lines of light like below.
Then, use the Ctrl + T or Cmd + T keys to move the shape and position of the light on each layer.
Then press the Ctrl + E or Cmd + E key to merge the glow layer into one, as shown below.
Then again I selected the Filter Blur Gaussian Blur and set the Gaussian value to 34.6. The result is a glow effect as shown below. This process personally shows me re-adjusting the moonlight streak while looking at the overall tone of the picture.
And this file was saved as piano_effect1.gif.
The following describes the next process to create the second file.
Go back to the file you were working on (piano_effect 1)and create a mask layer at the bottom of the Layers panel. I would like to show you clouds effect for the reality.
You will then see the screen on the right below.Let's change the current three stalks of moonlight to make them more vivid. In this state, go to the Channels tab above the Layers panel.
Check the Layer 1 mask as shown below and then go to the filter--> render--> clouds.
The blow screen is after applying clouds effect.
In this state, click the layer 1 mask of the channel window with the Alt key and move it back to the layer channel.
And if you click once on the red area below, a more natural light stream is created as shown in the lower right. This effect is useful when you want to make the effect that even the dust floating in the light beam is visible.
Then add one more mask next to it. On the newly created layer, take out the blush tool, set it to black, and put some light on it.
Then add a new layer as shown below and change the background color to black.
Then we go to the filter --> render--> lens flare to put in the light points. Adjust the brightness of the light, the street position, etc.
After adjusting everything, change the black background layer to the screen as shown below.
If you have been doing well so far, you should see a screen like the one below.
I saved this file as piano_effect 2.gif for creating moving gif file. Tomorrow, we will create a moving gif file using the two files we created today.
How to create shadows in Photoshop.
As I draw, I feel that the colors and backgrounds become simpler. Our life also seems to become lighter and lighter as the years go by, like a painting. Today, I'm going to try to make a different artwork by removing the background from my old drawing and adding simple shadows. Digital makes these things possible and often I use them well.
First of all, I opened a painting called Ballerina I drew before.
This painting was painted in acrylic on a small canvas a year after I moved to the US in 2014. It was drawn for the granddaughter of an acquaintance who dances brilliantly against the background of sad and pathetic music. But sometimes I just want enough to get her out of the dark and dance in the light. Today I'm going to try to do some of that. First I choose the ballerina in this picture.
Double-click the image to make it a layer state, then click the Lasso tool in the left menu panel.
There are various ways to extract an image from the background in Photoshop, and the most used is the Quick Selection tool. However, since I have to extract the image from the work, I have to pick it up more precisely. The Lasso tool helps you naturally pick images like this. Try to select the image as close to the image as possible. Lasso tool can be difficult to handle the first time you use them because you have to complete them all at once. However, I have my own tip, which is not to focus on the senses on the hands, but to breathe slowly like yoga and concentrate on the breathing to draw much better.
Below is the image after Lasso tool is applied.
Then, in the top menu bar, click the Select and Mask menu in the red box on the screen below.
Finally the ballerina is ready to go out into the bright world.
Click OK at the bottom of the window that appears in the Layers panel on the right.
Then click the Copy Layer tool at the bottom of the Layers panel to create a new layer. (or use Ctrl + J or Cmd + J)
Now we will change the color of Layer2, the foreground color is Ctrl + Delete( Cmd + delete) , and the background color is changed using the Alt + Delete key. In my case, I changed it to white for minimalism as shown below.
And to create an image like the one on the right below, change the order of the layers as shown on the left. In other words, the layer 1 copy must be on the layer2
For the next step, I moved the composition of the image slightly to the right to increase the artistic perfection and changed the image more naturally as shown below using the brush tool.
Then select the image by selecting the Quick Selection tool from the leftmost menu bar. Since it will be used when creating shadows, roughly select it as follows.
If the protruding selection area still bothers you, press the Alt key and tap the protruding area, a minus sign will appear and the clicked area will decrease.
In this state, click Ctrl + J or Cmd + J to duplicate only the selected area on a new layer. If you've been doing well so far, you should have Layer 3 of the chessboard background, as shown in the screenshot on the left.
Then, if you double-click the layer 1 copy with the quick selection tool selected, the window in the red area below appears. Set the drop shadow as shown below and click.
Then, the layer panel window changes as shown in the left screen below, and the place where we will create shadows is the effects in the red area. If you place the mouse cursor over this Effects text and right-click, you can select the create layer menu as shown in the lower right screen.
Then a small window like some kind of warning message will pop up to surprise you, but you can ignore it and hit OK.
If you bravely hit OK you'll get a new layer with only shadows, like the bottom left screen, and you'll see a result like the one on the right.
For some reason, it makes me feel better now that the ballerina is ready to take off in style.
Next, with the layer 3's drop shadow layer and then select Edit --> Transform --> Distort from the top menu bar to adjust the shape and angle of the shadow.
If you click select Edit --> Transform --> Skew, and then you can find more better shadow.
Finally, the picture below is the finished image.
I hope everyone can take out the ballerina in their heart and send them to a brighter world.
|Myungja Anna Koh||