• If this is your first visit, be sure to check out the FAQ by clicking the link above. You may have to register before you can post: click the register link above to proceed. To start viewing messages, select the forum that you want to visit from the selection below.

Announcement

Collapse
No announcement yet.

Advanced Watermarking- Adobe Photoshop

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Advanced Watermarking- Adobe Photoshop

    Advanced Watermarking- Adobe Photoshop

    This is going to be a less detailed, but a quicker and more advanced write up on how to add a watermark using the Adobe Photoshop CS3 Extended program. Even though this is the newest and highest version, all of these options should be available in earlier versions as well. I'm assuming that those who will be using this guide are moderately computer literate since Adobe Photoshop is an advanced program.

    If you need help with a more detailed, beginner write up for adding watermarks with a free program, please refer to this thread: How to add a watermark to your pictures

    Alright, on with the show.

    Here is the photo I will be using in this demonstration, taken by yours truly of course. What, did you think I stole it?


    Open up your photo in Photoshop under the File tab or using the "Ctrl + O" shortcut.

    Opened Photo (Shortcut is "Ctrl + O")


    First thing you want to do, is make sure your Layers window is visible, available under the Window tab.
    Layers Window Option (Shortcut Key is F7)


    Next, you need to add a new layer so you can freely edit your text without worrying about "adjusting" your photo along with the text. Once you click on this option, it will bring up a layer properties window. Here you can rename the layer, change your color, mode, and opacity as well. Best bet is just to leave this at the default options.
    Add New Layer (Shortcut Keys "Shift + Ctrl + N)


    In your Layers box, you can now see the new layer above the Background layer, default named Layer 1. Now we need to add the text to the picture. Go ahead and click on the Text button (the "T" in your Tools box on the left) or use the shortcut button "T". This will bring up your text toolbar above your photo.
    Text Toolbar


    Next, click where you want your text to start. Go ahead and type what you would like and then select your Move tool (Shortcut key "V"). Move the text to where you would like it. To adjust the opacity, make sure you have your text layer selected, and use the Opacity option in the Layer box to adjust it as you see fit.
    Just to insert an aside here, you can use the alignment options to make your watermark more "professional" looking by selecting either the left or right align options if you are going to be using multiple lines. Unlike Paint.NET (the free program used in the basic watermark write up), Photoshop also allows you to go back and edit the text by using the Text tool and clicking on the text.
    Text Placed


    From here, you can either skip ahead to the part about flattening your image, or look here for information about "transforming" your text. Using the Transform option in Photoshop allows you to further edit your text. Here you can scale, rotate, skew, flip, and warp your text. You can also use the Free Transform option (Shortcut "Ctrl+T) to freely rotate and scale your text. Remeber, hold shift when scaling to have the program automatically keep your text in proportion. Once you are finished, you have to accept the changes. To do this, click on something like the Move tool to show the program you are finished, and it will ask you if you want to accept the changes or not.
    Transform Options


    Here you can see I moved it, rotated and scaled it to fit along the lower door area of the car.
    Transformed Text


    Now all that is left is to flatten the image, which merges all layers into one. The flatten option is available under the Layer tab at the bottom.
    Flatten Image Option


    Here is your completed, watermarked image.
    Finished


    If you want to resize the image here, that option is available under the Image tab --> Image Size (Shortcut "Alt + Ctrl + I). The resize box that pops up is very similar to the Paint.NET one in the basic write up.

    Remember: Make sure when you go to save the file, use the "Save As..." option to rename your picture. This will prevent you from saving over your original copy of the picture. If you do, there is no fixing it. Here's a tip: When I edit a picture, I like to copy the original and edit the copy so if something like that does happen, I did not ruin the original picture!

    The final, saved and watermarked image


    Written by Tyler Clegg (roushtage2) for Meguiar's Online Forums. If you find any errors, please let me know so that I can get them fixed! Thanks!


  • #2
    Re: Advanced Watermarking- Adobe Photoshop

    You the man!

    I'm going to rep you for that one!

    I do have one question for you. How do you get the screen shots? I used to know but forgot. Isn't it ctrl + something. lol
    Scott

    Comment


    • #3
      Re: Advanced Watermarking- Adobe Photoshop

      Great job again Tyler!




      I'll give this a try using my lowly Adobe Elements.

      Originally posted by BlueZero View Post

      I'm going to rep you for that one!
      Me too...


      Mike Phillips
      760-515-0444
      showcargarage@gmail.com

      "Find something you like and use it often"

      Comment


      • #4
        Re: Advanced Watermarking- Adobe Photoshop

        Originally posted by BlueZero View Post
        You the man!

        I'm going to rep you for that one!

        I do have one question for you. How do you get the screen shots? I used to know but forgot. Isn't it ctrl + something. lol
        Thanks! There are different options. You can hit Ctrl + Prt Scr and that will take a screen shot of the entire display.

        Since I am already at it, I will do a simple write up on the two different options, really easy. EDIT: Here you go: Taking Screenshots

        Originally posted by Mike Phillips View Post
        Great job again Tyler!




        I'll give this a try using my lowly Adobe Elements.



        Me too...


        Thanks Mike!

        Comment


        • #5
          Re: Advanced Watermarking- Adobe Photoshop

          Great job Tyler!
          Thanks for taking the time to share

          Comment


          • #6
            Re: Advanced Watermarking- Adobe Photoshop

            Tyler,
            Once again a great tutorial. Thanks again for sharing.
            quality creates its own demand

            Comment


            • #7
              Re: Advanced Watermarking- Adobe Photoshop

              Tyler,

              Sorry to resurrect an old thread, but do you know if this can be done at with Photoshop Elements?
              ----------------------------------

              3Fitty - Now recommending products I have never used.

              Comment


              • #8
                Re: Advanced Watermarking- Adobe Photoshop

                Comment


                • #9
                  Re: Advanced Watermarking- Adobe Photoshop

                  Originally posted by 3Fitty View Post
                  Tyler,

                  Sorry to resurrect an old thread, but do you know if this can be done at with Photoshop Elements?
                  I don't have Elements, but this should help. It's not done by me, but seems pretty self explanitory. This tutorial adds a beveled effect too, which you could of course skip if you wanted.


                  If that doesn't work out for you, let me know and I will work on a write-up!

                  Comment


                  • #10
                    Re: Advanced Watermarking- Adobe Photoshop

                    Thanks man. If I can, I'll try to get to it tonight and let you know.
                    ----------------------------------

                    3Fitty - Now recommending products I have never used.

                    Comment


                    • #11
                      Re: Advanced Watermarking- Adobe Photoshop

                      Very Much. Great Tip.

                      Comment


                      • #12
                        Re: Advanced Watermarking- Adobe Photoshop

                        Tyler,

                        I got it done, but can't figure out how to save the watermark layer.

                        ----------------------------------

                        3Fitty - Now recommending products I have never used.

                        Comment


                        • #13
                          Re: Advanced Watermarking- Adobe Photoshop

                          Originally posted by 3Fitty View Post
                          Tyler,

                          I got it done, but can't figure out how to save the watermark layer.
                          Just save the file in Photoshop with the layer there and re-use that file later, increasing or decreasing image/canvas size as necessary.
                          Ivan Rajic - LUSTR Auto Detail
                          Chicago, Illinois

                          Recognized as One of the Top Nine Auto Detailers in the US by AutoWeek Magazine!!

                          Comment


                          • #14
                            Re: Advanced Watermarking- Adobe Photoshop

                            Ivan got it.

                            Basically what I'd do, if you resize your pics to say 800x600 for web use, create a new file 800x600 with a blank background and the watermark layer above it, then you can just copy your picture to the background, and save it as it's own file. This way you don't have to redo the dimensions and watermark everytime, just copy and paste.

                            Comment

                            Working...
                            X
                            gtag('config', 'UA-161993-8');