Watermarking for the web

Hi, will try and be clear with this! In Aperture, when sending email the psd watermark file created in photoshop 3 works fine. when I select same watermark image to use on web site photos after uploading I just get a black box in the center of the image. Why is this?
I am new to photoshop. In Photoshop I File..New, Set size and background transparent. NEW LAYER. select type and write name etc and insert C logo from charcter palette on mac.. Place center. Rastorize type (cant rastorize layer 1, grayed out,, should I ?) and merge visible . Save on desktop as psd file and select it in presets and mail preferences in aperture and away ya go. At least thats how it always worked before, now on web images there is just a black box. Email is fine. Am I missing something. I don't think Aperture is the problem as there is only select, scale watermark and opacity to think about so presume its something at the photoshop stage.
any help is going to be much appreciated as I have searched various forums with no luck. Many thanks. David.

The problem I believe is finally sorted.!
THE issue has something to do with the way raw files are read in version 1 of aperture and web journals and presumably web pages built before updating to version 2. . The black square issue is resolved by control clicking on the journals built before the update to 2 and selecting "migrate web journal" and following instructions without changing anything. Then publish as normal. At least has worked for me!
As for making a watermark. If you have Photo Shop the following is what works for me as a very simple one but i like it:
File-new. Name. Custom. size about 26 x 10 cm. Res 300. rgb 8bit background transparent.
Menu-layer-new, click ok
Click type, set what you want, I used font size 30 and type away. (copyright logo came from character palette on mac) At this point people who actually know what they are doing can get creative!
Select curser and position centrally.
When happy dont do anything else other than "Save as" Format Photoshop (psd) and put somewhere you will find it! click save.
Select in Aperture preferences for anything that needs a watermark (except mobile me galleries where I am stuck exporting images to folder on desk top with said watermark (e-mail medium works for me) and re importing them into new project then create new gallery from selecting in that project.) check the 'scale watermark' and set opacity to your liking.
Regards
David

Similar Messages

The save for the web function has stopped working in my copy of photoshop elements 12. I get this message, " The operation could not be completed. The system cannot find the path specified" Resetting preferences did not fix.

The save for the web function has stopped working in my copy of photoshop elements 12. I get this message, “ The operation could not be completed. The system cannot find the path specified” Resetting preferences did not fix.

my os is windows 7. elements 12 worked fine for many months then save for the web stopped working

HD video compressed for the web

I was doing some testing trying to figure out the best way to compress the HD video I get from the Sony XDCAM HD for the web (streaming). I shoot in HD (1080/30P) because it's needed for our videos. The web streaming is secondary.
I would prefer to make the web videos .flv because it works best and most easily cross-platform. In the real world, the majority of users have Windows PCs, which made me hesitant to use h.264 (.m4v) because it probably would require the average user to download things they may not wan to. Nonetheless, it has to be viewable on all computers in all browers.
So, I took three 10 second clips of steady camera video with audio from the camera that I used in all tests. I will refer to them by clip number...
Clip 1: 30P 16:9 High quality, 10sec=45mb
Clip 2: 30P 16:9 Low Quality, 10sec=24mb
Clip 3: 60i 16:9 High Quality, 10sec=45mb
First I tested making FLV is Adobe CS3 Encoder using the High Quality (700) setting.
Test 1 used size 848x480 (16:9)
Clip 1: 1.3mb
Clip 2: 1.1mb
Clip 3: 1.2mb
Comments: Looked very crisp, audio was clean, slightly darker image than original on default settings
Test 2 used size 480x270 (16:9)
Clip 1: 1.2mb
Clip 2: 1.1mb
Clip 3: 1.1mb
Comments: Looked very crisp, audio was clean, slightly darker image than original on default settings
Next, I tested making .m4v using the h.264 iPod settings in Compressor.
Test 1 used size 640x370.
Clip 1: 240kb
Clip 2: 1440kb
Clip 3: 204kb
Comments: Image wasn't quite as clean as the Flash files, but still good. Much lighter/brighter than the Flash files also. Low Quality HD video had high file size... why? I don't know, but I don't shoot on LQ for things anyway.
Test 2 used size 320x180.
Clip 1: 160kb
Clip 2: 865kb
Clip 3: 865kb
Comments: Image wasn't quite as clean as the Flash files, but still good. Much lighter/brighter than the Flash files also. Low Quality HD video had high file size... also the 60i file...why? I don't know.
In conclusion, I'm lucky that I shoot 30P since it worked well in all areas. The h264 codec provides a much smaller file size than Flash, with a good image. Amazing considering we started with a 45MB clip. What are the standards for aspect ratios for putting 16:9 video on the web? I haven't heard much set in stone like you have for 4:3 video. Nonetheless, the 640x360 or 480x270 seem to be a nice size for most uses.
I have heard that in Flash 9 you can chance the m4v extension to flv and it will work. IF that is true, that would be great because now my concern is that a base Windows PC cannot play these .m4v images without plugins/codecs. I suppose right now its a tradeoff between smaller file size/less compatibility with h264 or larger file size, great compatibility with Flash.
Any comments or suggestions to help out would be great. I typed this fast so forgive me if I left out any important info.

Hi APPLE27:
One comment from your post that immediately caught my attention was this, "Nonetheless, it has to be viewable on all computers in all browsers."
Unfortunately, it is unrealistic to expect one digital video file to be viewable on "all computers in all browsers" as there are simply too may variations in both hardware and software.
A common approach when offering digital video is to provide two formats to choose from and then within each of those two formats a few versions of the video for different bandwidths.
For example, a web site might offer Video for Windows and QuickTime. For each of these, there would be a low bandwidth Video for Windows file and QuickTime file and a high bandwidth Video for Windows file and QuickTime file (four files total). Of course, there's also Flash Video, Real Video, MPEG1, and so on.
For better or worse, YouTube.com has allowed video content creators the realistic expectation of creating a digital video file that is viewable on "most computers". But, the video is unavoidably tied to that web site.
When it comes to online distribution of video, it's still very open ended.
Also, computers are not all that's out there. Mobile devices are a huge market and you'd be hard pressed to create a single digital video file that will play on all mobile devices (iPhone, iPod Touch, Palm Treo, Sony PSP, etc.) either from local storage or from a mobile browser.
QuickTime offers a solution for creating a referencing movie - one file that links to other digital video files, but it too is imperfect at best when it comes to reaching the broadest audience possible.
With my few comments here, I'm just scratching the surface. But, it all starts where you are right now: caring about the image quality when exporting from your edited master.
-Warren

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.

I've just bought a Macbook Pro 15" and I'm trying to use Photoshop, but the resolution its displaying the images at for 100% are too small. I have to design for the web, so need to be intricate with detail, but I'm finding it adjusts the resolution of the

I've just bought a Macbook Pro 15" and I'm trying to use Photoshop, but the resolution its displaying the images at for 100% are too small. I have to design for the web, so need to be intricate with detail, but I'm finding it adjusts the resolution of the image right down. (I mean you can see the image clearly, but it's too small to edit). When I look at Safari and see a web page at 100% it's clear, but the same page displayed in Photoshop CC appears 50% of the size (even though it says it's 100%) If I move the application window to another screen it adjusts it correctly – leaving all the pallettes, menus and tools correctly sized as they are on the retina display Is there some way to adjust the way Photoshop CC displays images so it is more consistent with what you actually see? There doesn't seem to be any answer on the Adobe forum, so hopefully someone here can shed some light. MacBook Pro with Retina display, 15", OS X Yosemite (10.10.2), Photoshop CC 2014

I tested both ways. With "open in low resolution" ckecked the size of the images is cool, but it is low-resolution including Photoshop appearance.
If "open in low resolution" is unckecked the appearance is good but the very small size.
See the image below. It has 650 x 732 px, 72 dpi. The font of the text "Neste aniversário ..." is with 18pt.

Saving JPG to PNG using Save for the Web

Morning
I came across Paul Riggott's script for saving PSD to PNG which I changed to JPG to PSD.
The only problem with this is that the file size in most cases is larger than the original.
Is there a way to do a save as for the web as well?
Here is the original code:
#target photoshop
var imageFolder = Folder.selectDialog("Select top folder to process");
var folderList=[];
if (imageFolder != null) {
processFolder(imageFolder);
folderList.unshift(imageFolder);
createPNGfromJPG(folderList);
function createPNGfromJPG(folderList){
for(var a in folderList){
var fileList = folderList[a].getFiles ("*.jpg");
   for (var z in fileList){
    var file = fileList[z];
    open(file);
    var Name = fileList[z].name.replace(/\.[^\.]+$/, '');
    var saveFile = File(decodeURI(fileList[z].path+"/"+Name+".png"));
    SavePNG(saveFile);
    app.activeDocument.close(SaveOptions.DONOTSAVECHANGES);
function processFolder(folder) {
    var fileList = folder.getFiles()
     for (var i = 0; i < fileList.length; i++) {
        var file = fileList[i];
if (file instanceof Folder) {
folderList.push(file);
       processFolder(file);
function SavePNG(saveFile){
    pngSaveOptions = new PNGSaveOptions();
    pngSaveOptions.embedColorProfile = true;
    pngSaveOptions.formatOptions = FormatOptions.STANDARDBASELINE;
    pngSaveOptions.matte = MatteType.NONE;
    pngSaveOptions.quality = 1;
pngSaveOptions.PNG8 = false;
    pngSaveOptions.transparency = true;
activeDocument.saveAs(saveFile, pngSaveOptions, true, Extension.LOWERCASE);
Any help or support to head me in the right direction would be appreciated.
Iain

This uses "Fitimage"....
#target photoshop
var imageFolder = Folder.selectDialog("Select top folder to process");
var folderList=[];
if (imageFolder != null) {
processFolder(imageFolder);
folderList.unshift(imageFolder);
createPNGfromJPG(folderList);
function createPNGfromJPG(folderList){
for(var a in folderList){
var fileList = folderList[a].getFiles ("*.jpg");
   for (var z in fileList){
    var file = fileList[z];
    open(file);
    var Name = fileList[z].name.replace(/\.[^\.]+$/, '');
    var saveFile = File(decodeURI(fileList[z].path+"/"+Name+".png"));
    FitImage(640,640); //Resizes to the longest size
    //FitImage(128,128);
    savePNG8SFW(saveFile);
    app.activeDocument.close(SaveOptions.DONOTSAVECHANGES);
function processFolder(folder) {
    var fileList = folder.getFiles()
     for (var i = 0; i < fileList.length; i++) {
        var file = fileList[i];
if (file instanceof Folder) {
folderList.push(file);
       processFolder(file);
function savePNG8SFW(saveFile) {
    var desc8 = new ActionDescriptor();
        var desc9 = new ActionDescriptor();
        desc9.putEnumerated( charIDToTypeID('Op '), charIDToTypeID('SWOp'), charIDToTypeID('OpSa') );
        desc9.putEnumerated( charIDToTypeID('Fmt '), charIDToTypeID('IRFm'), charIDToTypeID('PNG8') );
        desc9.putBoolean( charIDToTypeID('Intr'), false );
        desc9.putEnumerated( charIDToTypeID('RedA'), charIDToTypeID('IRRd'), charIDToTypeID('Sltv') );
        desc9.putBoolean( charIDToTypeID('RChT'), false );
        desc9.putBoolean( charIDToTypeID('RChV'), false );
        desc9.putBoolean( charIDToTypeID('AuRd'), false );
        desc9.putInteger( charIDToTypeID('NCol'), 256 ); //Number of colours.
        desc9.putEnumerated( charIDToTypeID('Dthr'), charIDToTypeID('IRDt'), charIDToTypeID('Dfsn') );
        desc9.putInteger( charIDToTypeID('DthA'), 100 );
        desc9.putInteger( charIDToTypeID('DChS'), 0 );
        desc9.putInteger( charIDToTypeID('DCUI'), 0 );
        desc9.putBoolean( charIDToTypeID('DChT'), false );
        desc9.putBoolean( charIDToTypeID('DChV'), false );
        desc9.putInteger( charIDToTypeID('WebS'), 0 );
        desc9.putEnumerated( charIDToTypeID('TDth'), charIDToTypeID('IRDt'), charIDToTypeID('None') );
        desc9.putInteger( charIDToTypeID('TDtA'), 100 );
        desc9.putBoolean( charIDToTypeID('Trns'), true );
        desc9.putBoolean( charIDToTypeID('Mtt '), false );
        desc9.putInteger( charIDToTypeID('MttR'), 255 );
        desc9.putInteger( charIDToTypeID('MttG'), 255 );
        desc9.putInteger( charIDToTypeID('MttB'), 255 );
        desc9.putBoolean( charIDToTypeID('SHTM'), false );
        desc9.putBoolean( charIDToTypeID('SImg'), true );
        desc9.putBoolean( charIDToTypeID('SSSO'), false );
            var list3 = new ActionList();
        desc9.putList( charIDToTypeID('SSLt'), list3 );
        desc9.putBoolean( charIDToTypeID('DIDr'), false );
        desc9.putPath( charIDToTypeID('In '),File( saveFile) );
    desc8.putObject( charIDToTypeID('Usng'), stringIDToTypeID('SaveForWeb'), desc9 );
    executeAction( charIDToTypeID('Expr'), desc8, DialogModes.NO );
function FitImage( inWidth, inHeight ) {
if ( inWidth == undefined || inHeight == undefined ) {
alert( "FitImage requires both Width & Height!");
return;
var desc = new ActionDescriptor();
var unitPixels = charIDToTypeID( '#Pxl' );
desc.putUnitDouble( charIDToTypeID( 'Wdth' ), unitPixels, inWidth );
desc.putUnitDouble( charIDToTypeID( 'Hght' ), unitPixels, inHeight );
var runtimeEventID = stringIDToTypeID( "3caa3434-cb67-11d1-bc43-0060b0a13dc4" );
executeAction( runtimeEventID, desc, DialogModes.NO );

HT5182 How can I convert Raw images from iphoto to jpg for the web?

I have some pictures in Raw mode stored in my Iphoto that I need to convert in JPG for the web and to print in business cards, I have been going around e-mailing the pictures to myself in large or medium size and then saving them again to my iphoto. Is there a way to do this from iphoto directly?

iMac (24-inch Early 2009), iOS 6
Are your pictures on your iMac or on an IOS device?
On your iMac use "File > Export " set the jpeg quality and size you want:
Regards
Léonie
Sorry, Ralph, I see, we have been cross posting

Problems with PSE 10 when saving for the web.

I'm having problems saving for web with PSE 10. I edit in RAW, edit in PSE 10, save as Jpeg, resize and save for the web. Results are muddled and not sharp (looks cartoonish). Also, there is no metadata when you look at the image properties. I uninstalled the program and installed again. No change.

Are you resizing the photo before save for web?
What settings are you using in the save for web dialog for the jpeg quality?
If you compress the jpeg too much (low quality settings below 60), that can make your photos look bad.
And save for the web in pse 10 automatically strips any metadata in order to keep the file sizes smaller.
Also, the save for web in pse 10 has a bad habit of not remembering your last used settings, so it's good to verify that your actually set to jpeg instead of the default GIF setting.
Message was edited by: R_Kelly

Saving a pdf doc optimized for the web

i am trying to find out if there is a way to set the subject and keyword fields before saving as a pdf.
What i am trying to achieve is that the pdf is optimized for the web, so search engines can read the pdf document for keywords etc.
Thank you

Inspector > Document > Info
Peter

Best way to save HQ video for the web?

What´s the best settings for great video-quality for the web?
I have a 5 min long clip I´d like to put on my website.
I would like it to be 480x360 and with good quality. It´s ok if the file gets 30-40 MB.
I have tryed the Expert Settings, Quicktime Movie, Broadband - High, but the movie gets "striped".
What´s wrong?
A lot Mac OS X (10.4.8)

Hi Magnus40,
I'm not sure what you are doing to create this problem. I create web movies all the time and have never had this problem, although, I never use the advanced settings cos I have never had to. When you go to the Quicktime export pane in iMovie you have the quality choices from full quality to web. When you select one of these it gives an estimate of the file size. For that length clip you should not need to use any setting besides full quality. I'd say the problem is coming from the 480x360 aspect ratio. This is what is compressing the file. Have you tried exporting it as full quality and then uploading it? The only problem you face by doing this is, it will take a long time for the movie to load on your website. For a short clip you may find that the CD ROM setting is sufficient.
Good luck.
SR

Advice on saving DVD video and re-sizing for the web

Hello...
I'm looking into purchasing a copy of Adobe Premiere - but I need advice on which version I need - and if it can do what I'm after.
I want to transfer my own video work from DVDs and save them as MPEG4 files. I then want to upload them on to my website. They'll be about 10 minutes each each DVD will have several videos on them.
Is Adobe Premiere able to do this...? If so which version would suit me best? It's simply to do the above with no editing, just re-sizing for the web and saving as an MPEG4 file.
Thank you for your help and time in advance.
philip

For web video creation, I use a program called V2F. It creates Flash rather than mp4, but if you're not stuck on that format, the files are very good quality.

Should I deinterlase my movie before compressing to a h264 file for the web

Hi I have a movie in fcp that I want to compress for the web. I am going to compress it to a h264 file using quicktime. I was wondering if I should deinterlace the movie before compressing it
thanks sam

I have done it both ways and on computer monitors at least its always been my experience that DEINTERLACING the video looks better. Quite a bit better.
Now there are 2 main ways to do it. And I've gotten similar results both ways. You can deinterlace from within Final Cut Pro which works fine or you can set Compressor to Deinterlace. Now I've read articles on why one is better than the next, but at least with Final Cut Pro 5.1.4 in the videos I've worked on I can't tell the difference. It looks good both ways.
Hope that helps-

OUTPUT PNG W/ Alpha for the web?

Hello to everyone.
I'm hoping someone can shed some light on this...
I need to output my file as a PNG with an ALPHA Channel for the web. First, I created an alpha for my image, and then I tried to simply use the "save as" function and select the PNG format, but the ALPHA selection is grayed out. I've also tried "the save for web function" and selected transparency, but when I reopen the file the alpha channel has dissappeared. I know that it is possible to save an alpha channel to a PNG, but I can't seem to do it with Photoshop... Can anyone help?
Thanks in advance.
Bryce

Hello Zeno Bokor
Thanks for your reply.
In fact, my client, who is using the images for a web game that they are developing, requested that the files have an Alpha channel. They have explained that the alpha channel helps the video program understand what areas are transparent.
I wish that it was just a case of transparency... It would be hell of a lot easier.
Any ideas?
Thanks again.
bgub.

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

Best way to encode Quicktime file for the web?

Hello all and thanks in advance for your help with this problem.
I need to know the best way to encode a quicktime clip for the web.
This was my first try:
http://www.denmothers.net/trailer-big.htm
It works fine in safari, firefox, and ie for mac, provided they have quicktime 6 or later but it seems not to work on pc browsers. The file is encoded as an .mp4 using compressor and played with the browser's quicktime plugin. I've read that encoding files as a .mov provides greater compatibility but when i compress it as a .mov using the mpeg4 codec the file sizes are huge and when i use the photo-jpeg codec the quality is poor. h.264 looks great and has low file sizes but then my viewers have to have quicktime 7 which i think is too limiting because many will have older computers.
How should I encode my file such that it works best across browsers and platforms and has the highest quality at the lowest size?
Best,
Keegan

If you open an .mp4 file in quicktime pro you can then select File->Save-As and you are presented with two options:
Save as self-contained: This will create a .mov that is the same size as your .mp4 but is playable on any system w/ QuickTime 6 and the Mpeg-4 codec. (PC's included).
Save as reference: This will create a small (>500kb) file that will simply reference the .mp4. If they're in the same folder the .mov created will open the .mp4. Without the .mp4 the .mov in this case is useless.
For what you're trying to do I suggest going with self-contained.

Watermarking for the web

Similar Messages

Maybe you are looking for