4 Replies Latest reply: Sep 13, 2013 10:45 PM by John Waller RSS

    How to use the rectangular marquee tool?

    techmanaustin

      i am trying to use the rectangular marquee tool to make spaces in my text. im making a side nav bar for a website for a family member.

      so i need to add in dviders to go between each text link. i need to make selections 210 by 1 pixel using the rectangular marguee tool between each line and fill with the colour #1e1e1e.

      How do i do that? im not sure where to find those settings. im following a turtial so thats why its like this.

      here is a pic of what im trying to do.

      photo 1.png

      any help would be great thanks!

        • 1. Re: How to use the rectangular marquee tool?
          gener7 MVP

          You could go up to the Marquee tool Options bar and at Style, change it from Normal to Fixed Size and enter the pixel width and height.  210 w x 1 h  Set Feather to 0 px or the line looks blurry.

           

          Then from Photoshop's color picker, enter the hex value to set the foreground color.

           

          Use the Alt + Delete keyboard shortcut to fill that rectangle with the foreground color wherever you position the rectangle.

           

           

           

          Gene

          • 2. Re: How to use the rectangular marquee tool?
            John Waller MVP

            i am trying to use the rectangular marquee tool to make spaces in my text. im making a side nav bar for a website for a family member.

            so i need to add in dviders to go between each text link.

             

            Just a thought: Since the end goal of this exercise is making components for a webpage, you'd be better off creating your dividers and whitespace using Cascading Stylesheets (CSS) using whichever web editor you use.

             

            One feature of navbars on webpages is that they're prone to change over time and it's far easier tweaking text rules in a stylesheet than re-visiting Photoshop to create new graphics every time you want a small change in the nav bar.

            • 3. Re: How to use the rectangular marquee tool?
              techmanaustin Community Member

              Ok I can see your point. I have used CSS before. How would I do this? Good thought too! I hadn't thought of that!

              • 4. Re: How to use the rectangular marquee tool?
                John Waller MVP

                How would I do this?

                Hard to explain in a single forum post.

                 

                Best if you upload your site to the web and post a link.

                 

                Then it's a matter of creating a CSS-based navbar (there are plenty of tutorials - and tools/utilities to make the process easier - online) and tweaking the CSS rules to taste

                One example: http://css3menu.com

                 

                All this is strictly off-topic for a Photoshop forum, of course. Which web editing software do you use? Perhaps take the discussion there.