How do I duplicate an 850 x 500 px visual to 250x850 without loosing my proportions

Question

Hello InDesign group,
 
My name is Daniel.  I'm a grateful user of InDesign.  I am a specialist in Customer Service, using a CMS  named tiki.org and a CRM known as SalesForce
 
In the field of software, my friends call me an eternal newbie.  I usually like to learn new User Interfaces except that the learning curve for this Adobe product is pretty steep.  I need help.  Here is my use case:
 
Here is my question:
I'm used to create two types of banners for my rolling caroussel on my web site and I'm giving up on trying to do it alone using InDesign.
 
I'm placing two examples in attachement.
a) 850 x 500 px and b) The same (almost.  My example is not perfect, that is the one I had near me. Usually users can see the same visual and I put text on the right side of the small banner)  250 x 850 px
 
How do I transform and do the same with Adobe please?
 
I give up in trying to find the right documentation. The closest doc I found is this url:
https://helpx.adobe.com/ca/indesign/using/laying-out-frames-pages.html

Daniel
[links removed by moderator]

jane-e · Accepted Answer

@dan1am

Hi Dan,

I might possibly understand what you mean now. If I do, it would be a two-step process.

Resize the image to 250px high. To keep the image proportional, the height will adjust to 425 px.
Add canvas to the width to give you an empty blank area on the left or right for the text area while keeping the height the same.
(Image > Canvas Size)
https://helpx.adobe.com/photoshop/using/adjusting-crop-rotation-canvas.html (Scroll to "Add Canvas Size") Put the Anchor on the left or right instead of leaving it in the middle.

Is this what you mean? Or something else?

A macro can only do the steps you tell it to. If you are going to be doing this multiple times you can record the steps into a macro after you have the steps down first.

Only staff can add that line to your footer, btw. Volunteers can't. I think you can remove it the current message though. They are serious about the URLs.

Jane

Dan, I just realized this is the InDesign forum and not the Photoshop forum and am revising my answer.

In InDesign:

Create new InDesign document that is 850 px x 250 px (the final size)
File > Place the image and scale it proportionally to 250 px for the height. The width will be 425 px.
Move the image to the left or right edge of the page
Draw a text frame in the blank area with the Type tool. Type and format the text.
Save the InDesign file in case you need to make edits
Export to jpeg or png for your web banner

Jane

jane-e · Answer

@dan1am wrote:"How do I duplicate an 850 x 500 px visual to 250x850 without loosing (sic) my proportions" For the second size, do you mean 850 x 250 pixels or do you want it to be tall and skinny? If you mean 850 px for the width for both the before and after and you want to change the height from 500 px to 250 px, there are two ways to do that:Crop the imageDistort the image You cannot keep the width the same while cutting the height in half and also expect to keep your proportions. Jane

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded