Scale a project for the web

Hi,
I've designed a greetings card that is 1022.23x1021px
I need to scale this because i want to make it a coming soon page for a future website
In which dimensions I need to scale the whole work (drawing/text) up/down to be seen on 4/3 and 16/9 monitors?
there are smartphone and tablets standard dimensions too I guess, do i need to create multiple artboards ?
As I explored Dreamweaver CS6 I noticed the dimensions are shown in the "design" view at the bottom for these devices, may be I could use them?
Thanks

Just in case a visual will help you, here's a quick tutorial about scaling for web:
1) Go to File > Save for Web
2) This will open a dialog with lots of options for saving.
The area marked as "A" is where you would choose the file type for your image, which, as John said, would be a .gif or a .jpg, or a .png if your document has transparency.
The section Marked "B" is where you can easily resize your document. Unless you click on the chainlink icon beside the dimension boxes, your image will automatically retain its proportions when you enter a new value for height or width. Also be sure to tick the "Clip to Artboard" option so you don't get any extra objects that may be lingering in your workspace.
I would also agree with John when he says to recompose in an artboard in the desired dimensions of your final image intended for web. And you're exactly right about the multiple artboards for different devices. In the screen shot below, I have an artboard in the dimensions of your original document (1022x1021) and one for the dimensions of an iPhone screen. This makes it really easy to modify compositions based on the sizes and proportions of different devices.
Here is a link about preparing graphics for multiple devices: http://codebycoffee.com/2010/12/08/preparing-graphics-for-multiple-mobile-platforms/
I hope this helps! If you need more web assistance, don't hesitate to post in the Dreamweaver forum!

Similar Messages

I need help with exporting project for the web

Probably something i am doing wron g but here are the problems. When I use Quicktime Converter, if I try to convert to a Quicktime movie or an MPEG-4 nothing happens and i get a 'File error;File Unknown message' when i try to convert to an AVI File, it works, but even though I have already rendered the project, it shows up with little flashes of blue that say 'unrendered'. and finally, when I try to make it a w
Windows Media File, it stops after 29 seconds. Any ideas?
I have an iMac with dual core processor, and FCE HD 3.5.1. I have my video files on an external drive.
iMac Mac OS X (10.4.10)

perform a search using the term export for web and it should throw up some ideas.
here's one for starters:
http://discussions.apple.com/thread.jspa?messageID=2309121&#2309121
If you're using flip4mac to convert to wmv, the trial stops at 30 seconds - you need at least wmvstudio to export to wmv:
http://www.flip4mac.com/wmv.htm

Exporting widescreen anamorphic video for the web

I have a project in fce which is filmed in widescreen anamorphic at 720, 576 the setup in fce is dv-pal anamorphic and anamorphic is checked in item properties. When I export using quicktime using h.264 encoder it shows at as widescreen in the preview but when I open it after export it is squashed. I know that is because it is anamorphic but how can i export for the web and get the correct image? If I was doing full scale I could just change the resolution from 720 to 1024 but what if I want to do lower resoultion is there a better way? Thanks.

WMA is Windows Media Audio. I think what you meant is WMV (Windows Media Video). To export to that format on a Mac you'll need Flip4ac, available from www.flip4mac.com Once you've installed it, it adds the WMV and WMA export option to QT and other apps such as Sorenson Squeeze.
-DH

Trying to use laf project for the first time

hi all , i need help , please
i am trying to use laf project for the first time as i said , and i want help on
the installation process
step by step please , i am soo junior here
i've just downloaded the zip file as the site said (http://fdtool.free.fr/LAF/doc/implementation.htm)
please go to this url and declare the steps to me
thanks in advance

The Forms Look and Feel Project is not an Oracle product. This product was developed by Francois Degrelle. Francois has posted numerous times in this forum that if you need help with the LAF you have to go to the Oracle Forms Look & Feel Project web site or his PJCs and Java Beans Forum for support.
Craig...

Exporting FCP 16:9 to QT for the web in 16:9?

Hello everyone,
I recently began doing my projects in 16:9 mode. I shoot them with my GL2's in 16:9, then capture to FCP as usual. FCP then automatically recognizes the 16:9 footage and adjusts everything perfectly for me. I figured out how to get the footage to DVDSP by 'forcing letterbox'. This plays the true 16:9 footage on a widescreen TV perfectly.
Now, I've come to another bridge that I can't seem to cross... that is... exporting the video to QT for the web in 16:9. I did a lot of searching here and all of the topics related to this did not help me at all. So, what I'm going to do is explain what I used to do when I shot in 4:3 mode:
1. In FCP... File>Export>QT Conversion
2. Format: QT Movie> Options
3. Settings> Sorenson Video 3
4. Frame Rate>15
5. Key Frames: Every 150 frames
6. Compressor> Medium
7. Data Rate: Automatic
8. OK
9. Sound>Settings>Mpeg-4 Audio, 16bit, Stereo
10. OK
11. Prepare for Internet Streaming> Fast Start
12. OK
13. SAVE
This usually turns a full sized 5 minute clip into a nice little presentation for the web no larger than 35 or so MB's. You can see a boat load of files like that on my website at (www.buerhausdesign.com).
Now, what I want to do is get a similar sized video for the web, only in 16:9 as I'm now shooting and editing in 16:9.
Does anyone have step-by-step instructions on how to do this? I know it's possible as I see movie trailors in 16:9 all the time in QT.
Any help would be appreciated:)
Matt

Nope, tried all of that. It stretches the image way beyond 16:9. Currently, if I export as a 4:3 file, the widescreen displays correctly, but I get two black bars at the top and bottom of the frame. Manually sizing to a 16:9 size, to say 720x404, stretches everything... including the unwanted black bars.
When I export to DVDSP, the black bars go away when I 'force letterbox'. There's gotta be a way to get it to work in QT.

How do I save for the web at 200%?

I was asked to save a file for a client, her instructions were to save for the web at 200% from illustrator. I have no idea what this means, and would love some help!

Jacob Bugge wrote:
She may have worked on it in 1:1, which is convenient, and then realized that it should be larger. But it is only a guess.
Hi Jacob....
Going by the OP's post:
"I was asked to save a file for a client, her instructions were to save for the web at 200% from illustrator." Just doesn't make sense – to me... If it needs to be larger, just scale up the master and save... why the "save for the web at 200% from Illustrator", is what foxes me. <shrug>
Cheers!
S

Directory lister for the web.

Hi
Here iam attaching my project code for my particualr aplication
The source code for a directory lister for the web. You give it
one or more URLs as arguments and its not displays the formatted results .. can any body will help me
import java.util.*;
import java.net.*;
import java.io.*;
public class WebList extends abcd.Application
static final String progName = "WebList";
public static void main( String[] args )
(new WebList()).compat( args );
public int newMain( String[] args )
int argc = args.length;
if ( argc == 0 )
usage();
return -1;
for ( int argn = 0; argn < argc; argn++ )
if ( argc > 1 )
if ( argn > 0 )
out.println( "" );
out.println( args[argn] + ":" );
list( args[argn] );
return 0;
private void usage()
err.println( "usage: " + progName + " URL ..." );
void list( String urlStr )
String base = abcd.Utils.baseUrlStr( urlStr );
Enumeration as;
try
as = new abcd.Spider( urlStr, err );
catch ( MalformedURLException e )
err.println( e );
return;
while ( as.hasMoreElements() )
URLConnection uc = as.nextElement();
if ( uc == null )
continue;
URL thisUrl = uc.getURL();
String thisUrlStr = thisUrl.toExternalForm();
if ( thisUrlStr.startsWith( base ) )
thisUrlStr = thisUrlStr.substring( base.length() );
if ( thisUrlStr.length() == 0 )
thisUrlStr = ".";
String mimeType = uc.getContentType();
int len = uc.getContentLength();
long mod = uc.getLastModified();
Date modDate = new Date( mod );
String modDateStr = abcd.Utils.lsDateStr( modDate );
out.println(
abcd.Fmt.fmt( mimeType, 14, abcd.Fmt.LJ ) + " " +
abcd.Fmt.fmt( len, 8 ) + " " +
modDateStr + " " + thisUrlStr );
try
InputStream in = uc.getInputStream();
in.close();
catch ( IOException e ) {}
}

Hi,
It is enumerating the files reachable at or
below those URLs, i hope it will full fill your application requirements.
and also in the for loop you have to do pre increment not post increment so it may be the casue for entier your logic ..
as per my knowledge iam changing the code .. i hope it will work for your application...
still if you have any querys please post me with details of your projects so that i can help you more..
here is modified code:
=================
import java.util.*;
import java.net.*;
import java.io.*;
public class WebList extends abcd.Application
static final String progName = "WebList";
public static void main( String[] args )
(new WebList()).compat( args );
public int newMain( String[] args )
int argc = args.length;
if ( argc == 0 )
usage();
return -1;
for ( int argn = 0; argn < argc; ++argn )
if ( argc > 1 )
if ( argn > 0 )
out.println( "" );
out.println( args[argn] + ":" );
list( args[argn] );
return 0;
private void usage()
err.println( "usage: " + progName + " URL ..." );
void list( String urlStr )
String base = abcd.Utils.baseUrlStr( urlStr );
Enumeration as;
try
as = new abcd.Spider( urlStr, err );
catch ( MalformedURLException e )
err.println( e );
return;
while ( as.hasMoreElements() )
URLConnection uc = (URLConnection) as.nextElement();
if ( uc == null )
continue;
URL thisUrl = uc.getURL();
String thisUrlStr = thisUrl.toExternalForm();
if ( thisUrlStr.startsWith( base ) )
thisUrlStr = thisUrlStr.substring( base.length() );
if ( thisUrlStr.length() == 0 )
thisUrlStr = ".";
String mimeType = uc.getContentType();
int len = uc.getContentLength();
long mod = uc.getLastModified();
Date modDate = new Date( mod );
String modDateStr = abcd.Utils.lsDateStr( modDate );
out.println(
abcd.Fmt.fmt( mimeType, 14, abcd.Fmt.LJ ) + " " +
abcd.Fmt.fmt( len, 8 ) + " " +
modDateStr + " " + thisUrlStr );
try
InputStream in = uc.getInputStream();
in.close();
catch ( IOException e ) {}
Regards,
TirumalaRao.
Developer Technical support,
sun MicroSystem, India.

How to publish edge projects to the web?

I've never published edge projects to the web before.
Sorted the web settings out to what I need but wondering but do I need to upload the whole edge project file (with the edge project, edge includes etc) or just the publish folder?
Thanks
Robyn

Hi Robyn
The contents of the publish folder is all what is needed to deploy.
PS: the publish folder might have two directories, 'Web' and '.oam', depending on your publish settings. For publishing projects to Web, You only need (all the) contents of the 'Web' directory. If you have uncheked the CDN option in publish settings, then edge_includes directory will be available in Published content.
I hope that answered your query.
Thanks
Manigandan

Getting complete WSDL for the web services created in J2EE

Hi,
I have created a web service using Netweaver developer studio for a J2EE project (complete EJB, WEB and Appln Project) similar to CAR rental application.
I also have tested the web service in web service perspective and it is working fine. Now i want to call this web service from XI. Therefore i need the WSDL for the same. The testing screen also gives the WSDL for the web service. But it has got number of links inside in the forms of import.
Editing all those documents and forming the complete wSDL is very difficult..
How do i do it??
Abhijeet

Hi,
When I opened the wsdl it has number has a wsdl:import location tag..which refers to binding.
when opened this import location we have one more import location for porttypes.
When combined all thhree e.g. service, binding and porttype we get the complete WSDL which i could comofortably import in XI and further process.
This way i coudl succesfully call a web service from XI.
I used Stylus studio for editing WSDL.
Thanx

Recomended configurations for creating video for the web

I'm working on a project creating video segments for the web (no plans for broadcast of DVD) and I'm looking for opinions on the most efficient way to use FCP to do this. We are shooting with an HD camera with a green screen and composting a couple of additional layers of Motion graphics and we found that the render times were really long. I'm looking for ways to mitigate this, on thing we did was switch from shooting in 1080p to 720p. We also tried shooting at 24fps instead of the broadcast 60fps and that cut our render time by a good percentage. Since the final product is going to be 640 by 360 at 15fps it seems like a good trade off but are there any down sides I'm not thinking of.
I was also wondering if there might be an advantage to working at the size of the final product, if the FCP sequence were 640 by 360 would there be any advantages in terms of render times and what might the disadvantages would be.
This is my first semi-professional project, just been a hobbyist up until now so any advice is appreciated.

MoSaT wrote:
We are shooting with an HD camera with a green screen and composting a couple of additional layers of Motion graphics and we found that the render times were really long. I'm looking for ways to mitigate this, on thing we did was switch from shooting in 1080p to 720p. We also tried shooting at 24fps instead of the broadcast 60fps and that cut our render time by a good percentage.
those simple steps reduced the number of pixels in each frame from about a million to 750,00, about 25%; and you reduced the number of frames from 30 or 60 to 24 or 48. So, yeah, your rendering times are going down. If your Motion project has ten HD layers you're saving tons of processing.
MoSaT wrote:
This is my first semi-professional project, just been a hobbyist up until now so any advice is appreciated.
Since the final product is going to be 640 by 360 at 15fps it seems like a good trade off but are there any down sides I'm not thinking of.
Absolutely. But you engaged the project without knowing how you were going to accomplish anything; implies your plans for improving workflow will be similarly incomplete. We all got by with NTSC and plan ol' DV for decades. The web is a low end distribution system, not a theatrical viewing experience. You can force your viewers to download a huge file and watch it on their TVs or you can open it up in weensy teeny window on their iPhones.
MoSaT wrote:
I was also wondering if there might be an advantage to working at the size of the final product, if the FCP sequence were 640 by 360 would there be any advantages in terms of render times and what might the disadvantages would be.
Purists will be correct in telling you better source footage results in better uploads. I will tell you that's true but it's academic. Your realworld needs are based on your web upload, not your plans to archive high def footage for future exploitation.
Here's what I'd do: Work backwards. Figure out what your upload needs are--exactly. Research Compressor and other compression systems to determine how you are going to process your project to get the target output. Now decide what format that software wants to process to create the best results. then figure out how you want to provide that input for the compression application. then figure out what the tradeoffs are for your original footage in terms of your camera resources, your skills with the camera, and your mistaken impression that effects and chromakey should be fast.
bogiesan

I am looking for a way to develop a grammar checker for the web like spellcheckerplus can you help?

I am looking for a way to develop a grammar checker for the web like spellcheckerplus can you help? I have my own dictionary for comparing and replacing words.

Hi,
The forum is about install/uninstall .NET Framework, please post your issue to dev related forum instead of here.
Best regards,
Barry
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

Clip for the web

Hi. A client has asked us to create a clip suitable for the web for a project we recently edited for them. What the best programme to use to this? I heard Mpeg Steamclip is good but there is sooo many settings. The clip was edited in FCP 7 its 5 minutes longs. Client simply wants the file so they can upload to their site. could someone please advise settings which result in the clip loading pretty fast while keeping the quality good.
Thanks.

Any serious converter will have many settings for your indulgence. Before you do any conversions ask your client of the size he requires. You can use compressor to convert to H264, or a load of other programmes such as MPEG Streamclip. The problem with other converters is that they cost money whereas compressor is part of FCS and MPEG Streamclip is free.

Optmizing big image for the web

Dear Friends,
In the 1st place I apologise if this is not the most apropriate forum to post my question but its web / image related, hence my doubt.
I have this big image file that I need to publish on the web but even before optimizing the picture I should scale it down by over 60%. Right now 'save for the web' won't even take it...If I use the 'image size' menu to simply resize it (to 900 x 300px) the quality of the image becomes very poor so I wonder, is it better to scale it down first using the 'edit/transform/scale' option?
Also, if you will be so patient: on a webpage with no other images what would be the approx.maximum size acceptable for it to still load quickly?
I'm sorry if it sounds like I haven't done my homework - and honestly I've tried - but I can't find conclusive answers and the perfect pictures on the web (like I see often) remain an undisclosed mistery for me.
Thanks a lot
JV

jvmonteiro wrote:
I have this big image file that I need to publish on the web but even before optimizing the picture I should scale it down by over 60%. Right now 'save for the web' won't even take it...If I use the 'image size' menu to simply resize it (to 900 x 300px) the quality of the image becomes very poor.
Like Zeno said use Bicubic Sharper.
Also keep in mind that when you make an image smaller you are throwing away data so of coarse it not going to be as detailed as the original. actually I would bet you can open your image in SFW. You are just getting a warning that its a big image. Just open it anyway then you can adjust the size and quality of the image to your liking.

HDV Aspect Ratio and Exporting For the Web

INTRODUCTION
I am trying to export an HDV video for the first time and have managed to confuse myself. I want to upload it to blip.tv and they transcoded videos into Flash with 4:3 aspect ratio. But more than that, I want to understand how this all works so I don't have to guess about the settings that will give me what I want.
BACKGROUND DATA
4/3 is 1.333...
16/9 is 1.777...
1440/1080 is 1.333... (if the pixels are square)
1920/1080 is 1.777... (if the pixels are square)
In FCP my clip format says:
Frame Size: 1440 x 1080
Pixel Aspect: HD (1440 x 1080) (Does this mean the pixels are 1.333... times wider than it is high?)
EXPORT USING QUICKTIME CONVERSION
When I go to export this clip using Quicktime Conversion under the Options... Size... dialog and look at the Dimensions dropdown, (I assume this is the dimensions of the exported video. Is that correct?)
Some of the settings are (the settings are in quotes, my notes are in parentheses.):
"HD 1440 x 1080 16:9" (if pixels are square this is 4/3)
"HD 1920 X 1080 16:9" (if pixels are square this is 16/9)
So both of these settings claim to be 16:9 but they both can't be true unless they have different pixel aspect ratios (which I find hard to believe). This makes me think I don't really know what they mean when they notate something as 16:9. Can anyone give a definition that will help me here?
EXPORTING FOR THE WEB
Using FCS2, what settings should I use to export this clip undistorted for the web (with letterbox if needed)?
Thanks for the help,
Rob:-]

What I find with HDV 16x9 1440x1080 footage, is that when you output for the web you have to hard code the size you want the result to be. 320x180 or 640x360 for example scale things nicely. If you want bigger, just do the math.
I don't know why but whenever I select a predefined output size, it always screws it up (I don't work with 4:3 ever, so I'm speaking only of 16x9). So I always enter the size I want.
And as far as Compressor 3, I really can't get that to set the size I want correctly either. Mostly its due to me being lazy and not wanting to spend a year reading the Compressor manual. A package that should basically have the easiest interface known to man is now so complicated that unless I have to hand-holding tutorial, or get to drag/drop one of their presets, I end up screwing things up with it. Not to mention that you get to wait for hours just to see how you screwed up the settings of your output.

24p for the Web... de-interlacing?

Hi all,
I am stumped. I am editing a project in FCP 5.1.2 shot on a DVX-100A in 24p (not advanced). I captured the footage using the Easy Set up option of DV-NTSC.
My problem is a usual one that has been posted often, but rarely clearly solved. I see horizontal line artifacts on any shot with movement in my timeline and when I export to Quicktime. Look at the kid climbing rope in the following captured still (click on the still to enlarge):
http://homepage.mac.com/obidow/deinterlace/PhotoAlbum3.html
The artifacts disappear in two ways: a) when I watch the footage on an NTSC monitor, the artifacts disappear b) I can put an FCP de-interlace filter on the clips and the problem disappears when viewed on the computer.
However, this project is for the Web, not to be viewed on TV or DVD, and I seem to lose a lot of quality with the de-interlace filter (oddly, the de-interlace filter makes it look exactly like a DVD on an NTSC monitor).
My question is this: is there a way to eliminate the artifacts for computer viewing without using a de-interlacing filter?
Secondly, (and less importantly to me right now) why EXACTLY does this happen? I have read a ton about 24p and pulldown and interlacing and Cinema Tools, etc. but I still can't get a handle on it. Some sites say 24p does not need to be de-interlaced, some say it does, some say you need Cinema Tools, some say FCP can do it--- ARRGGGH--I just can't figure it out.
Thanks,
Mike
Thanks,
Mike
I have read a ton about Cinema TOols and pulldowns and
Mac Pro Tower/Powerbook G4 Mac OS X (10.4.8)
Mac Pro Tower/Powerbook G4 Mac OS X (10.4.8)

What is Pulldown?
google reveals these Pulldown explanation pages:
http://www.adamwilt.com/24p/#24pRecording
http://home.aol.com/ajaynejr/pulldown.htm
http://en.wikipedia.org/wiki/24p
http://www.zerocut.com/tech/pulldown.html
http://www.denecke.com/24pinfo.htm
here's a visual representation of 24P with pulldown added to be recorded on a 29.97 tape (this is how all feature films are broadcast on NTSC)
As you can see, you get a BC frame and a CD frame that are made up of fields of differing frames. Thus the artifacts you present in your still.
Patrick

Scale a project for the web

Similar Messages

Maybe you are looking for