screencasts:making_a_header_image
Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
screencasts:making_a_header_image [2019/06/11 22:26] brittany [Resize] |
screencasts:making_a_header_image [2020/05/28 19:32] (current) michaels |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| + | #redirect https://support.realgeeks.com/hc/en-us/articles/360043154134 | ||
| ===== Getting Started ===== | ===== Getting Started ===== | ||
| Line 36: | Line 37: | ||
| After adjusting the width, we now want to change the height without warping the image. We will now move on to cropping. | After adjusting the width, we now want to change the height without warping the image. We will now move on to cropping. | ||
| + | |||
| + | ==== Crop ==== | ||
| Click the crop symbol, which is below the arrow crossed symbol. Change the height to 720, click "Apply" and then "Save". | Click the crop symbol, which is below the arrow crossed symbol. Change the height to 720, click "Apply" and then "Save". | ||
| {{:undefined:pxlrxrar5_1_.jpg?700|}} | {{:undefined:pxlrxrar5_1_.jpg?700|}} | ||
| - | |||
| - | For saving, you will want to keep the image as a JPG, keep the resolution as HIGH. Click "Download". | ||
| - | |||
| - | |||
| - | ==== Crop ==== | ||
| - | |||
| - | {{ :screencasts:crop.png?200 |}} | ||
| - | |||
| - | Cropping is like taking scissors to your picture. You're effectively just getting a piece of the image instead of the whole thing. This is useful if you want to snip out a person from a group photo, change the focus of an image to a house instead of the trees around it, or hide some cars in the driveway of a property. | ||
| - | |||
| - | {{ :screencasts:pixcrop1.jpg?600 |}} | ||
| - | |||
| - | To crop an image to the landscape image size, input the width and height in the boxes below the image. **Don't touch the other buttons. The selected button should be "X:Y"!** Once you've adjusted the size, just move the box around by dragging-and-dropping it to the image you would like. When you're happy with the result, click on "Apply" in the bottom-right. | ||
| ==== Saving the Image ==== | ==== Saving the Image ==== | ||
| - | Once you've resized your image to the correct size, click on "Save" in the top-left of your window. You'll be taken to a screen like the one below. | + | For saving, you will want to keep the image as a JPG, keep the resolution as HIGH. Click "Download". |
| - | {{ :screencasts:save_image.png?nolink |}} | + | {{:undefined:pxlrxrar6.jpg?700|}} |
| - | + | ||
| - | Enter a filename into the box above. In this case, we've named our file "victoria_resized". Click on "Save" and you're done! | + | |
| Line 73: | Line 61: | ||
| Go to the "Template Options" tab and scroll down to "Header Image". | Go to the "Template Options" tab and scroll down to "Header Image". | ||
| - | {{ :screencasts:headerimage1_1.jpg?700 |}} | + | {{:screencasts:screen_shot_2019-06-11_at_5.30.51_pm.png?700|}} |
| Scroll down until you find the "Header Image" setting and click on the icon to the right of the file-path. | Scroll down until you find the "Header Image" setting and click on the icon to the right of the file-path. | ||
| Line 82: | Line 70: | ||
| ===== Uploading the Logo ===== | ===== Uploading the Logo ===== | ||
| - | Simply **repeat the procedure you followed for the landscape image** outlined above; however, instead of modifying the "Header Image" setting, **modify the "Header Logo"** setting. | + | Click [[http://docs.realgeeks.com/uploading_your_logo|here]] to learn how to create/add a logo. |
| - | + | ||
| - | {{ :screencasts:header_logo.png?nolink |}} | + | |
| - | + | ||
| - | //The logo dimensions are 400 x 86 pixels.// | + | |
screencasts/making_a_header_image.1560291994.txt.gz · Last modified: 2019/06/11 22:26 by brittany
Page Tools
