sizing question

AH
Posted By
ann.harris
Dec 19, 2004
Views
206
Replies
3
Status
Closed
i have a picture of a painting. the goal is to have a "large" version of the picture in the upper left of the screen, the remaining screen will be black with white lettering to the right of the picture (description).

what i’m doing is:
1. selecting the picture, do a copy
2. create a new document with a size of 2000 x 2000 pixels with black fill
3. paste the copy into this
4. move it to the upper left
5. add white text to the right of the picture
6. save for web as jpg.

i then add a link in the HTML code to this.
the display doesn’t fill the entire screen. i get this little thing in the lower right corner that i click on and the display then fills the entire screen.

how can i save the document so it will fill the entire screen, instead of clicking on this thing in the right corner?

thanks.

ann
PS9
Related Tags
question

Must-have mockup pack for every graphic designer 🔥🔥🔥

Easy-to-use drag-n-drop Photoshop scene creator with more than 2800 items.

C
Corey
Dec 19, 2004
wrote in message
i have a picture of a painting. the goal is to have a "large" version of the picture in the upper left of the screen, the remaining screen will be black with white lettering to the right of the picture (description).

what i’m doing is:
1. selecting the picture, do a copy
2. create a new document with a size of 2000 x 2000 pixels with black fill
3. paste the copy into this
4. move it to the upper left
5. add white text to the right of the picture
6. save for web as jpg.

i then add a link in the HTML code to this.
the display doesn’t fill the entire screen. i get this little thing in the lower right corner that i click on and the display then fills the entire screen.

how can i save the document so it will fill the entire screen, instead of clicking on this thing in the right corner?

thanks.

ann
PS9

If you’re doing this for a web page, you’re going about it completely wrong. What you need to do is size the picture to the exact size in which you want it to appear. Save it using the "Save for Web" feature under File, probably in a different folder and/or using a different name for the file. Be sure not to use spaces when naming the jpg. The naming convention should be something like painting_large.jpg.

Now I’m not sure if your goal is for visitors to click on a thumbnail which will open the larger image or if you want the larger image to be in the initial page. If you want a thumbnail, create the thumbnail(s) in Photoshop by resizing the image drastically down, or selecting a portion of it to be represented by the thumbnail—or a combination of these two methods. You can create two thumbnails too for a rollover effect.

Once you have your thumbnails "saved for web" perhaps with the name painting_tn.jpg and painting_tn_over.jpg, use your HTML program (Dreamweaver, Front Page, Notepad, HomeSite, etc.) to create the HTML rollover and link. In a separate page, create the page to which the thumbnail link will connect. You may want to use a table, inserting your large image into the first cell (top left). Or you could insert your image and align the image to the left. This will cause the text to display along side the image eventually wrapping around beneath the image should the amount of text be sufficient to do so.

What you don’t want to do is create a huge file in Photoshop with the text created in Photoshop. saving this will convert the text to a jpg which will no longer be editable and will create a huge file for visitors to download. All the text should be done in HTML, not the graphics program. The HTML text and background can be set to black and white in the HTML code.

If you’re using Windows XP and IE, the small size you’re seeing may be due to the browser resizing the huge image to fit your screen. If this is the case, mousing over the image should give you a tiny icon in the lower right hand corner of the image to expand to full view. This feature can also be disabled in you Internet Options.

Peadge 🙂
AH
ann.harris
Dec 20, 2004
thanks for the advice.
i already have the thumbmails.
i decided to try the table idea for the larger image. it’s working ok, BUT i have to tweek the size of the large image and cells. i’m thinking that it will work.

thanks for the advice.
i’m slowly learning that tables are the best kept secret!

ann
C
Corey
Dec 21, 2004
If you place an image in a table, size the cell as close to the size of the image as you can. If the image is in the top-left cell, and you define the sizes in pixels, the height will transfer to the cells to the left and the width will transfer to the cells below.

The main thing for you is to keep the graphic as a graphic and the text as HTML text.

Good luck and happy holidays!

Peadge 🙂

wrote in message
thanks for the advice.
i already have the thumbmails.
i decided to try the table idea for the larger image. it’s working ok, BUT i have to tweek the size of the large image and cells. i’m thinking that it will work.

thanks for the advice.
i’m slowly learning that tables are the best kept secret!
ann

Master Retouching Hair

Learn how to rescue details, remove flyaways, add volume, and enhance the definition of hair in any photo. We break down every tool and technique in Photoshop to get picture-perfect hair, every time.

Related Discussion Topics

Nice and short text about related topics in discussion sections