1. Welcome! Please take a few seconds to create your free account to post threads, make some friends, remove a few ads while surfing and much more. ClutchFans has been bringing fans together to talk Houston Sports since 1996. Join us!

[Photoshop] Placing a watermark logo at 10% offset on different size images

Discussion in 'BBS Hangout' started by SwoLy-D, Apr 7, 2010.

  1. SwoLy-D

    SwoLy-D Member

    Joined:
    Jul 20, 2001
    Messages:
    37,618
    Likes Received:
    1,456
    Greetings.

    I am summoning up the power of the Photoshop pros up in this here ClutchFans hood to see if I can get an answer to my issue.

    I am an intermediate Photoshop user... and I know most commands like recording actions and automating batch processes, but some other things are unknown to me.

    I have many photos to which I would like to add a logo on the bottom right corner of the image in a 70% opacity.

    Is there a way that I can place the logo at 10% from the right and 10% from the bottom edge of the photo, no matter what dimension the photo is? :confused:

    For example, the Rockets Logo is used as the WaterMark example... and it's placed on an image of the same Rockets logo... on the first image, it's the same dimensions, so it's 10% off the right and 10% off the bottom. I used two guides, each at 90% horizontal and vertical, to align the 10% offset.

    Like this:
    [​IMG]

    NOT like this:
    [​IMG]

    NOT like this:
    [​IMG]

    The second and third images aren't of the same dimensions as the first, so when I use the "place" command, the image I am placing (the logo for watermark) is dead center.

    My goal is to save all commands into an action that I can just use in a batch for putting the watermark into maybe hundreds of images with a logo.
     
  2. Cowboy_Bebop

    Cowboy_Bebop Member

    Joined:
    Feb 26, 2008
    Messages:
    4,503
    Likes Received:
    123
    You can try it with the free irfanview .
     
  3. Cowboy_Bebop

    Cowboy_Bebop Member

    Joined:
    Feb 26, 2008
    Messages:
    4,503
    Likes Received:
    123
  4. SwoLy-D

    SwoLy-D Member

    Joined:
    Jul 20, 2001
    Messages:
    37,618
    Likes Received:
    1,456
    Thanks for the irFanView plug-in reference. ^ :confused: Do you have that and have experience with it, or did you just find it? Good find, by the way... I believe CS3 already does batch stuff like that.

    It seems that plug-in does PIXEL placement, not percentage... so what will happen with that is that if the image is 800 x 600, it will place the watermark logo at whatever pixel location you decide (-10), and it won't be the same proportionate location on a 1200 x 900 image. Will it?

    Code:
    -----------
    -         -
    -         -
    -       - -
    -----------
    versus:
    Code:
    ---------------
    -             -
    -             -
    -           - -
    ---------------
    EDIT: The tutorial on the second link you posted does a "text layer", not a logo or place of a PDF or another image into the current image. I'd like to see an image be placed inside another one, kinda like so: http://www.showandtell-graphics.com/batch-signature.html, but always at the 90% horizontal and vertical location.
     
    #4 SwoLy-D, Apr 7, 2010
    Last edited: Apr 7, 2010
  5. CrazyDave

    CrazyDave Member

    Joined:
    Nov 21, 2002
    Messages:
    6,027
    Likes Received:
    439
    well, offsetting a 10% sized thumbnail from bottom right by pixel amounts is easy. It's the percentage that's a little more elusive. Looking into it, but have an action that does the aforementioned.
     
  6. KingCheetah

    KingCheetah Atomic Playboy
    Supporting Member

    Joined:
    Jun 3, 2002
    Messages:
    59,079
    Likes Received:
    52,748
    Yeah, it's really easy to do.
     
  7. SwoLy-D

    SwoLy-D Member

    Joined:
    Jul 20, 2001
    Messages:
    37,618
    Likes Received:
    1,456
    I know it's "easy" on one image, but I meant AUTOMATED, and with a bunch of photos, and always 10% off...

    :confused: OK, so how did YOU do it, mister "easy"? :cool:
     
  8. Cowboy_Bebop

    Cowboy_Bebop Member

    Joined:
    Feb 26, 2008
    Messages:
    4,503
    Likes Received:
    123
    Maybe try recording your action with a very large watermark image than the images that you're saving out.
     
  9. CrazyDave

    CrazyDave Member

    Joined:
    Nov 21, 2002
    Messages:
    6,027
    Likes Received:
    439
    I misread a bit up there, but still...


    Again, I'm not sure about the percentage part... yet...

    but using actions, if you have said logo in a set place that the action can access it, then...


    open swoly-logo {in noted location}
    Select all
    copy
    close window
    paste
    Select Layer 'Background'
    -Modification: Add
    -Without Make Visible
    Align current layer
    -Using: right edges
    Align current layer
    -Using: bottom edges
    Transform current layer
    -Center: Center
    -Translate: -0.139 inches, -0.139" inches
    Set current layer
    -To: Layer
    -Opacity: 70%
    -Layer styles: layer styles
    -Scale: 100%


    ====

    This will open said logo, copy it, close logo window, paste the logo on the open window, move it far right, then bottom, then move it up from there 10px.


    Obviously there'd be a bit more to it, batchwise, but that would do one picture.... without saving it (what format?, to where? naming) and without closing it.
     
    1 person likes this.
  10. CrazyDave

    CrazyDave Member

    Joined:
    Nov 21, 2002
    Messages:
    6,027
    Likes Received:
    439
    if you have your rulers set to "percent" instead of pixels or inches, you can avoid the align steps and the transform by 10pix steps, and just move the layer to 90%


    e.g.

    transform current layer
    -Center: center
    -Translate: 40%, 40%

    that should do it. in fact, i tested and it does.

    Let me know if you'd like the action and I'll send it to ya. You may have to edit slightly for location of watermark file, and for saving.
     
  11. CrazyDave

    CrazyDave Member

    Joined:
    Nov 21, 2002
    Messages:
    6,027
    Likes Received:
    439
    ok ok, so it's much simpler once you go through it and clean it up. two steps. place and opacity.

    yeah. need to contribute...
     
  12. SwoLy-D

    SwoLy-D Member

    Joined:
    Jul 20, 2001
    Messages:
    37,618
    Likes Received:
    1,456
    In this particular step, I have a log in a transparent layer inside a PDF (or in another image) in order to place it inside the current image, and then select "move it far right" or "align right", Photohshop removes the empty space on the right of the logo and places it FLUSHED to the right; I don't want to do that. I am looking instead to leave some space, sort of like the red R Rockets Logo on the other logo, and this is where the percentage (at 90%) comes in. I still can't quite get it to do that for a bunch of images of different dimensions.
    You can always save an action to save as JPG as copy or save to any other format and do this in the batch. In the batch action, you can also change the name, extension, etc. :eek:

    Thanks for your help. I'm still looking. Apparently it's the percentage that's throwing me off here. :(
     
  13. CrazyDave

    CrazyDave Member

    Joined:
    Nov 21, 2002
    Messages:
    6,027
    Likes Received:
    439
    nah, I got it, I think, though I'm not sure what you mean about "log." Or, perchance, did Swoly make a spelling error on the word LOGO? :eek:

    if you want the action I made, let me know and I'll get it to you somehow...

    But...

    will it not work if you :

    1) set rulers to percent.

    2) start recording your action

    3) place logo, and with the move tool, move it to center on your two guides set at 90% vert. and horiz. in an image. This will create an action that places said logo with statistics of 40% and 40% right and down from center, where the original logo is placed.

    4) choose blending options, and set opacity to 70%

    5) stop recording action.


    I tested it on several file sizes. It works. The only part I'm not sure about is if you want different SCALING for the watermark logo.
     
    1 person likes this.
  14. DonkeyMagic

    DonkeyMagic Member
    Supporting Member

    Joined:
    May 22, 2006
    Messages:
    21,604
    Likes Received:
    3,487
    up, up, down, down, left, right, left, right, b, a, select, start
     
  15. G0 R0CKETS

    G0 R0CKETS Member

    Joined:
    Mar 23, 2008
    Messages:
    1,052
    Likes Received:
    32
    Well first you're gonna' need some pliers, and a set of 30 weight ball bearings.
     
  16. conquistador#11

    Joined:
    Jun 30, 2006
    Messages:
    39,179
    Likes Received:
    28,349
    That's a lot of stuff just for a watermark. Just use adobe lightroom if you have it. It's easier for batches of images.
     
  17. CrazyDave

    CrazyDave Member

    Joined:
    Nov 21, 2002
    Messages:
    6,027
    Likes Received:
    439
    well, once I stripped down the unnecessary steps in previous posts, it's just a 2 step action (it just stil reads lengthy when explaining), easily implemented in photoshop in batches, but I've never used lightroom.
     
  18. Falcons Talon

    Falcons Talon Member

    Joined:
    Feb 28, 2002
    Messages:
    7,807
    Likes Received:
    945
    That's what SHE said!
     
  19. SwoLy-D

    SwoLy-D Member

    Joined:
    Jul 20, 2001
    Messages:
    37,618
    Likes Received:
    1,456
    ^ :grin:

    Thanks, CrazyDave. I will try those. :cool:
    Uhhh... I asked about PhotoShop. I don't have LightRoom, yo. Post the steps to do such task in LightRoom, then, just in case I get my hands on it. The problem is clicking ONE button, and have it do the entire procedure for MANY images and place the logo on relatively the same place on images that have different dimensions. Yes, resizing the logo is needed.
     
  20. SwoLy-D

    SwoLy-D Member

    Joined:
    Jul 20, 2001
    Messages:
    37,618
    Likes Received:
    1,456
    I got it. :eek: There's one last item that I might not have figured out (resizing the logo to fit proportionately within the image... like if the image is really tall, the logo will get taller, too), but now I can do this in a batch and successfully have a logo 10% off the right and 10% off the bottom. I can run this on images with different dimensions and it's placed at 10% off exactly.

    (These instructions are assuming you already have a file named "logo.pdf" or one you named yourself, you've set your rules to "Percent" as CrazyDave mentioned, and your initial image is opened in Photoshop). You can record the actions in your own Actions Folder to take with you to another installation of Photoshop. It works in CS4. Here's how I did it:
    1. Go to "View->New Guide..." Create a 90% horizontal guide.
    2. Go to "View->New Guide..." create a 90% Vertical guide
    3. Go to "File->Place..." and find the file "logo.pdf". When you choose it, it will be placed centered on the current image as a new layer.
    4. Click the Checkmark (or press Return or Enter) to commit changes for the layer containing the logo. It makes the current logo layer active.
    5. Choose "Select->All" (or CTRL+A). This will select the current layer and enable aligning for the next step.
    6. Choose "Layer->Align Layers To Selection->Right Edges" (Be careful... in this step and the next, Photoshop takes all the empty pixels off the right and the bottom the logo and places the logo on the rightmost and bottom edge.)
    7. Choose "Layer->Align Layers To Selection->Bottom Edges"
    8. Choose "Select->Deselect" (or Ctrl+D) to deselect the layers
    9. Now drag the current layer (logo) 10% above and 10% to the left of its position.
    10. Here you can get fancy with the logo and choose a different opacity (I pressed "6" and it went to "60%" for a see-through effect) or maybe choose a different blending mode.
    11. Now choose "Layer->Merge Visible" (or Shift+Ctrl+E) to merge all layers.
    12. Finally, choose "File->Save As..." to save it as a different name. This is important so that you can save each file in a batch later as something else. You can always change the destination folder in the "Automate->Batch..." functions.
    "Iiiiiiit's WORKIIIIIIIING!!!!! " (that's not what she said, but name that movie ;) - difficulty: moderate)
     

Share This Page

  • About ClutchFans

    Since 1996, ClutchFans has been loud and proud covering the Houston Rockets, helping set an industry standard for team fan sites. The forums have been a home for Houston sports fans as well as basketball fanatics around the globe.

  • Support ClutchFans!

    If you find that ClutchFans is a valuable resource for you, please consider becoming a Supporting Member. Supporting Members can upload photos and attachments directly to their posts, customize their user title and more. Gold Supporters see zero ads!


    Upgrade Now