You can use Google Search Console to measure and troubleshoot your site's search traffic and performance, and to make your site stand out in Google search results.
A Google account is required to proceed with this article. If you do not have a Google Account yet, please create a new one using the link below and clicking Create Account.
Step 1: Register Google Webmaster Tools
Go to Google Webmaster Tools (Search Console).
Click the Get Started button. (Login with Google account is required.)
There are two ways to start Google Search Console. One way is by using the URL prefix and the other is by using the domain. To use the URL prefix, http and https must be registered separately, so if you want to register at the same time, it is recommended to register as a domain. Enter your domain and click the Continue button.
(Note: If you have registered the website at least once through your account, this process can be skipped. To add a new site, click Attribute Search in the upper left corner and click Add Attribute.)
You then need to copy the HTML code that Google gives you. When the meta tag appears, click the Copy button to copy it.
Make sure to leave this page open.. Now from within the Weebly Editor go to Settings > SEO and paste the line of code you copied from Google into the Header box. Be sure to Save and Publish your Weebly website.
When you’ve done this, hit the Verify button on Google Webmaster Tools interface. Give it a few minutes then your website will be verified with Google.
In my case, when I click the "verify" button, I found the following message:
In the message window, someone told me to wait for a while, but something didn't feel right. Like everyone else, I wanted to quickly see the green window that ownership was recognized. So I decided to try another way. This time, I went into the URL below.
Then, in the Verify Ownership window below, you will see a phrase to copy the HTML code, click the Copy button.
In that state, go to the Weebly editing site and click the page on the upper bar.
First, if you press the home button on the left, you will see a menu like the screen on the right below.
Now, simply paste the copied code into the header code section below.
Don't forget to hit the publish button!
Then, when you return to the Ownership Verify window in Google search Console(Google webmaster tool) and press the Verify button, the following message window will finally appear.
And you can see that the site has been added to the Google Search Console site as shown in red below.
If you've come this far, but it's been difficult, the next thing to do is to add a sitemap of the Google Search Console site.
A sitemap is a file that contains a list of all your website’s pages URL’s. It provides the different search engines such as Google with relevant information about your website’s URL’s and structure.
o submit your Weebly sitemap:
If you see the window above and below, you have succeeded. Congratulations!!!
I wish you all the best of luck, registering in the Google search engine and managing well.
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.
It would be worrying if the artist painted and his works piled up in the warehouse. As with everyone, painters, in particular, feel very rewarding when their works are shown to the public, and the message they wanted to convey through their paintings is well communicated. In addition, the joy will reach its peak when you find the right owner for your work. When I worked at a medical informatics research institute, an artist came to me for a while with his portfolios. The paintings were so wonderful that I still remember him, and he had the talent to express the sea's waves clearly and transparently. Our institute did not have the opportunity to buy the painting, and also, it is not as easy as it used to be for artists to sell their images. However, Nowadays there are many platforms online where anyone can sell their handmade works if they wish. Today, I want to show you Etsy among those platforms. In fact, I also recently opened Etsy shop. So I want to show you the extent of sharing my experience to the area that how it is structured before you are joining Etsy.
Etsy, Inc. is an American e-commerce company focused on handmade or vintage items and craft supplies. If you open a shop on Etsy, you will be charged a $0.2 fee for each product you register.
Preparations before joining Etsy seller
- Email to sign up for Etsy
- Create a PayPal account
- Determine the shop name
(English name consisting of 4-20 characters, use of other people's trademarks or abusive language is prohibited)
- Items to be listed and detailed description text
Etsy Seller Signup Process
Sign up by email. If you want to sign up with Google or Facebook, click the button below and if you have another email, enter that email address.
Click the button "Open your Etsy shop", and go to Etsy registration site.
Set your preferred language, home country of product sales, and currency.
Then which of these best describe you? --> The question determines whether you are full-time, willing to transition full-time or part-time.
Name the shop within 4-20 characters and check whether the name is available by check availability. The shop name can be changed only once after creating an account. Be careful. Choose a shop name and click the Save and Continue button in the red area above.
Click the Add a listing button to register your product. As I briefly introduced above, when you register a product, you automatically or manually pay a registration fee of 20 cents, and this fee must be paid every time a sale is made.
Click Add a listing to enter a product title, image, description, etc. Listings can be edited even after store registration.
Next, choose a payment option.
Click the button to the right of PayPal, which is the red part of the options. Here, we only introduced the PayPal part, but if you look below, you can see the mail and other methods. Please confirm it.
Enter your PayPal email address. Enter the same email again in the box below.
When you save your PayPal email address, you will see a message that the save was successful and you can see that the PayPal option is turned on in orange as shown below.
Now it's time to link your PayPal account for payment and deposit. Click Pay with Paypal, the red area below.
After confirming that your PayPal account is linked, click the Open Your Shop button.
The screen below is my personal edge shop that I actually opened.
I've put the shop's name, logo, and some items. We plan to work hard to decorate in the future. We hope that you will open your own online shop as well. Next, I will briefly introduce how to upload and operate products mainly based on pictures on Etsy.
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.
Sometimes when I'm drawing, I want to move the image in the picture. Whenever that happens, I open Photoshop and let the objects in the image run once. I'm not very fond of drawing visible things. Instead, I try to pull the energy into an invisible dream or object. Because I want to draw the hidden world or power, sometimes I wonder how they move, so I use this feature of Photoshop. Today, I would like to introduce an object in a picture using the puppet warp function of Photoshop, which I often use.
First, I brought up a picture of a running baby horse with a rainbow on its back I drew earlier. This is a picture I drew in my dream, and one day in my dream I saw a baby horse running like this. The weather in my dream was a bright sunny day with thunder, but I couldn't see a rainbow to show in the sky, so I was looking for it. Then, from somewhere, a cute little horse ran with a rainbow in the sky. I got up and quickly drew that dream on a small canvas and named it Hope.
Now, in order to move this horse, we will extract only the horse in the picture using the Lasso tool.
Then, press the Cmd + C key to copy the selection, then create a new layer and press the Cmd + V key to paste it.
Then place the mouse cursor on the newly created layer, right-click and click on the Convert to Smart object.
Check if the file has changed as follows.
From the menu bar, go to Edit--> Puppet warp.
Suddenly, the picture was meshed. Then that's good.
Puppet warp's options are shown below in the menu bar above.
You can select an option to check the deformed appearance and use it according to the purpose. The mod allows you to set the amount of flexibility when deforming, Rigid is used to transform stiff objects and Distort is used to deform them with high elasticity. And the Density option decides if you want to put more pins in to make them denser or less.
If you want to clear the pin, just hold down the alt key and click the dot.If you move the mouse pointer over an object in the puppet warp state, it changes to a pin shape. When it changes to a pin shape, insert a dot at the point you want to move as shown below.
I stretched the front leg of the horse straight forward.
Next, tap the check mark in the red area on the far right of the puppet warp function bar below the menu bar.
Since we are going to create a moving gif file, we will copy this layer by pressing Cmd + J so that the next movement will follow.
Apply the puppet function to the newly copied Layer 1 copy layer to create a different movement.
To create the next step again, press Cmd + J to copy the layer, then apply the Puppet warp to change it to a different motion. To avoid confusion because the newly created movement overlaps the previously created movement, only the eye of the layer is visible as shown below and the rest are turned off.
This time, I would like to introduce the Pin Depth function of the puppet warp menu bar to move the rear leg separately during a new movement.
Pin Death is an option that determines which pins are placed on top and which pins are placed below when pins overlap each other while transforming an object. If you select Set Pin Forward (the left) with the rear of the horse's tail selected, the tail will come forward on the body.
If you select Set Pin Backward (the right) with the rear of the horse's tail selected, the tail will come backward bihind the body.
If you want to move both legs at the same time, just hold down the shift key and click.
If you want to rotate an object, click the pin like the Alt key and it will change to a scissors-shaped cursor. At this time, if you click anywhere other than the object, a round rotation plate is created as shown below.
When you have finished applying the puppet warp function of the three files, right-click each transformed layer as shown below and click export as to save the file as a gif.
I saved it as original.gif, horse1. gif, horse2.gif, horse3.gif like this. You can download it by clicking the download button below.
If everything went well so far, let's make a moving GIF file with the file above. How to make a moving GIF in Photoshop is described in the previous post. I hope you all run the horse of hope in your heart.
How to make a moving gif 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.
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.
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.
After opening an online painting flower shop, I sold my first yellow roses. In the past, when I sold my paintings, I sold them through gallery exhibitions. Someone I knew bought it, and someone I didn't know purchased it. When selling paintings through the gallery, the gallery took care of receipts, taxes, insurance, etc. However, there are many things to think about when selling paintings to personal orders. First of all, I would like to take this opportunity to create receipts for my customers.
After doing some research, I really like the receipt site below. I feel good all day when I find a site I like this way.
If you look at the invoice download on the right side, you can download and use one of the PDF or Word files.
Instead of the picture on the invoice above, I put my newly created logo in my case.
The next page of the invoice is about payment options. I recently added venmo here, and you can transform it like this if you use a word file.
The next step was to make a thank-you card for the customer who purchased the painting. The following ecard site can use templates of various designs and the user interface is simple.
Since I was selling flowers, a pretty flower card caught my eye.
And the next step is to create a postal address label before shipping. The online label template site below allows you to choose your favorite label and use it for free.
In my case, I chose flower-shaped label paper.
This painting was painted with acrylic on 7 x 10 inch paper, and I wanted to prevent it from getting wrinkled or wet when shipping. So, I bought an acrylic sign holder plate and an poly envelope from Amazon and put it in as shown below.
Below is the Amazon site. (Please note this is not for advertising purposes)
When this picture is delivered to the customer, I will write more about how it was delivered.
Hope this helps when you are about to start your own small business.
Yesterday, I was tired after working all day, and I was lying in bed late in the morning. My husband often makes hotcakes with his recipe for breakfast, which is very tasty. The smell of deliciously baked pancakes gave me strength, and I got up from my seat. After eating all the hotcakes, I was about to clean the frying pan , and I saw a tiny piece of hotcake smiling like this.
I realize that even non-living food can make you smile if you put your heart into everything. I also looked around again to see if I was missing something small. Then I made a decision to add an easy supplementary explanation on making a mockup file.
What the mockup file is and why it is created was recorded on the previous page.
However, the last tutorial was mainly for non-flat surfaces such as cans, so the process is complicated. So today, I'm going to show you an easy way to make a mockup frame file.
First, go to the free frame mockup file download site introduced earlier.
Here I chose the silver picture frame with the cactus at the bottom.
Click to go to that site !
If you pay and download premium, you can see more variety of mockups, but now I clicked the green button on the right, free download. The number of downloads is limited to 10 files per day for free download. When you click the download button, you can see the following screen.
As I always feel, thanks to the designers who made this free talent donation. You can also say thank you to them while waiting for the download. After downloading, the following folder will be created, go into the folder and open the .psd file, which is a file for Photoshop.
Below is a picture of the opened Photoshop file.
Now it's your turn to put your picture in the pretty picture frame where it says Mockup.
The layer labeled Graphics in the Layers panel on the right is the layer to replace the image. This word is different depending on the designer, such as "edit here, edit design, edit design here, mock up, click here, etc" so check carefully. By the way, you can double click the red rectangle area.
A nice double-click will bring up the following screen.
Press the Ctrl + O or Cmd + O key to load the image you want to put in the pretty frame. (Import image) In my case, I opened a yellow rose file that I recently worked on.
To copy this file, the layer must first change from the background to the layer state. For that, double click on the background layer in the right layer panel. Then you will see the following message window, click ok !
Check that the layer's name has changed to the name " Layer 0" in the red box and copy it by pressing the key, Ctrl + C or Cmd + C . And take a good look from now on. And then you should quietly go to the tab marked by the red box on the screen below.
After moving and pasting with the key, Ctrl + V or Cmd + V, you will see something like this:
Now we need to resize the image to fit the frame. To change the image, press the key , Ctrl + T or Cmd + T to adjust the size. If you want to transform only one part, you can adjust it while holding down shift key.
We're almost done. Go to file and click save as shown below.
Then go to the red box tab as shown in the screen above on the right and check the result.
Below is the result image. I hope you got a nice picture frame like me.
|Myungja Anna Koh||