How to create dotted or dash rectangle in Photoshop?

Hi All,
Is there any easy way in Photoshop CS3 or later Extended to create "dotted or Dask" rectangles? I am talking about the border of the rectangle to be "dotted or dash" line rather usual line? If there is any Actionscript (free) that will be fanastic.
Thanks in advance...

Photoshop CS6 makes it easy.
With Photoshop CS5.5 and older, the best way is to make a path in the shape you want, then stroke it with a brush that's been prepared with the proper spacing and direction dynamics to cause the stroke to be dotted or dashed.
Generally speaking you can find a lot of tutorials for doing it via Google. What I might do is to search for something along the lines of dashed stroke photoshop, possibly also adding the word tutorial in the mix, then use the Google Images search, find one that looks like what you're trying to accomplish, and click through the Website For This Image link.
Here's one of the first I ran across with such a search: http://www.techimo.com/forum/graphic-design-digital-photography/110702-mini-tutorial-photo shop-making-dotted-dashed-lines-complex-path.html
-Noel

Similar Messages

How to create and print contact sheet using photoshop elements 10?

how to create and print contact sheet with photoshop 10?

Which operating system are you using?
On a windows system you can use the Organizer
http://www.dummies.com/how-to/content/how-to-print-contact-sheets-in-photoshop-elements-.h tml
On a Mac, File>Contact Sheet II within the pse 10 editor

How to create dots on a circle?

I need help please. Could someone kindly tell me how I can create dots to fit around a circle or wavy line using the blend tool and spine. However I want the dots to go from say 50mm in diam to 25mm at the middle one and then back up to 50 again? Any tips? Thanks in advance.

In CS 5 it is not really necessary to make a blend to do this particular effect you can use a drashed stroke as well
Use round caps give the dash "0" as the length and give the gap a distance sufficient enough so the sots clear each other and then use the width tool to
increase or decrease the width of the stroke it remains a stroke and the dots are proportionally scaled.
and you can go crazy whit it and depending on what you preferences are set for scaling strokes and effects you have even more options
below is one stroke
All one path two strokes

Create dotted or dashed line

I cannot figure out how to create a dotted or dashed line. Thanks

Are you using the Photoshop SDK (a tool for programmers)?
Aandi Inston

Need Help, how to create more than one rectangle from one button in one stage of canvas

Dear Guys,
I has problem to create more than one rectangle canvas from one button. here my role to create :
1. I create input size with textfield
2. I click button called "submit query"
3. My web will create a rectangle with specific size.
My problem come when I click again the button, my old rectangle has been remove than my new rectangle has created.
My question is : how I can create more than one without delete/remove the old I was created?
Here my Code :
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link rel="stylesheet" type="text/css" media="all" href="css/style.css"><script src="kinetic-v4.7.2.min.js"></script></head> <body><label>Length</label><input name="panjang" id="panjang" type="text" size="5" maxlength="5"><br> <label>Width</label><input name="lebar" id="lebar" type="text" size="5" maxlength="5"><br> <label>Height</label><input name="tinggi" id="tinggi" type="text" size="5" maxlength="5"><br> <label>Packing Name</label><input name="nam_pac" id="nam_pac" type="text" size="5" maxlength="5"><br> <input name="submit" type="submit"> <script defer>              var stage = new Kinetic.Stage({                container: 'container',                width: 943.5,                height: 254.10              });              var layer = new Kinetic.Layer();              var rectX = stage.getWidth() / 2 - 50;              var rectY = stage.getHeight() / 2 - 50;                            var group = new Kinetic.Group({                draggable: true              });                                         var box = new Kinetic.Rect({                x: rectX,                y: rectY,                width: <?php echo ($_POST['panjang']/10)/1.3; ?>,                height: <?php echo $_POST['lebar']/10; ?>,                //fill: '#00D2FF',                stroke: 'blue',                strokeWidth: 2                //draggable: true              });               var simpleText = new Kinetic.Text({                x: Math.round(box.getWidth() / 2),                y: Math.round(box.getHeight() / 2),                text: '<?php echo $_POST['tinggi'].'/'.$_POST['nam_pac']; ?>',                fontSize: 30,                fontFamily: 'Calibri',                fill: 'blue',              });                                          // add cursor styling              box.on('mouseover', function() {                document.body.style.cursor = 'pointer';              });              box.on('mouseout', function() {                document.body.style.cursor = 'default';              });                            group.add(box);              group.add(simpleText);              layer.add(group);              stage.add(layer);            </script></body>
this is my printscreen may help you to help me :
thanks before to help me
Regards,
Prabowo.

It's work Ken, but if I modify your code into my code.
error again. they say like before (...is undefined)
May You want to check my code
<?php
include('pinambung.php');
?>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>GI Loading Plan Maker</title>
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" type="text/css" media="all" href="css/style_2.css">
<script src="js/kinetic-v4.7.2.min.js"></script>
<script src="js/CalendarPopup.js"></script>
<script src="js/jquery-1.10.2.js"></script>
</head>
<body>
<header class="w" id="header"> 
      <img src="images/headers.jpg" width="100%" height="100%" />
</header>
<nav class="w" id="nav">
      <?php include('top.php'); ?>
</nav>
<section class="w" id="main">
      <section id="content">
      <article>
        <h2>Customer Info</h2>
        <form id="myForm" action="insert.php" method="post">
        <label>Customer Name :</label><input name="cs_name" id="cs_name" type="text" size="25" maxlength="50">
        <br>
        <label>Date of Shipment :</label><input name="shipment_date" id="shipment_date" type="text" size="10" maxlength="12" > use format : YYYY-MM-DD
        <br />
        <label>Container Name :</label><input name="con_num" id="con_num" type="text" size="10" maxlength="12">
        <label>Revision :</label><input name="revision" id="revision" type="text" size="5" maxlength="5"><br />
        <label>Prepared by :</label><input name="prepared_by" id="prepared_by" type="text" size="25" maxlength="50">
        <button id="saveinfo">Save As DB</button>
        <button id="saveall">Save As Image</button>
        <button id="print" onclick="window.print();return false">Print</button>
        </form>
        <span id="result"></span>
        <script type="text/javascript" src="js/insert.js"></script>
      </article>
          <br /><br />
      <article>
          <h2>Packing Info</h2>
        <label>Container Type :</label>
        40' HC<input name="con_type" type="radio" id="con_type" value="40hc">
        40'<input name="con_type" type="radio" id="con_type" value="40">
        20<input name="con_type" type="radio" id="con_type" value="20"><br />
        <input name="loadstan" type="button" value="Create Container" id="isSelect">
        <button id="removecon">Remove Container</button>
        <br />
        <label>Length</label><input name="panjang" id="panjang" type="text" size="5" maxlength="5">
        <label>Width</label><input name="lebar" id="lebar" type="text" size="5" maxlength="5">
        <label>Height</label><input name="tinggi" id="tinggi" type="text" size="5" maxlength="5">
        <label>Packing Name</label><input name="nam_pac" id="nam_pac" type="text" size="20" maxlength="55">
        <input name="loadstan" id="loadstan" type="button" value="Load Standard Packing" onclick="window.open('spk.php', 'winpopup', 'toolbar=no,statusbar=no,menubar=no,resizable=yes,scrollbars=yes,width=300,height=400');">
        <input name="submit" type="submit" value="Create Box">
        <button id="remove">Remove Box</button><br />
      </article>
    </section>
    <aside id="sidebar">
      <label for="layer-to-delate">Select a layer to delete or rotate</label><br />
      <select id="layer-to-delete" size="14"></select><br />
      <input id="delete-layer-button" type="button" value="Delete layer">
      <input id="rotate-layer-button" type="button" value="Rotate box">
    </aside>
    <section id="content2">
      <div id="container">
      </div>
      <script defer>
      function radians (degrees) {return degrees * (Math.PI/180)}
      function degrees (radians) {return radians * (180/Math.PI)}
      function angle (cx, cy, px, py) {var x = cx - px; var y = cy - py; return Math.atan2 (-y, -x)}
      function distance (p1x, p1y, p2x, p2y) {return Math.sqrt (Math.pow ((p2x - p1x), 2) + Math.pow ((p2y - p1y), 2))}
        var stage = new Kinetic.Stage({
            container: 'container',
            width: 943.5,
            height: 254.10
        var layers = new Array();
       function addCont(){
           layer2 = new Kinetic.Layer();
            switch ($('input:radio[name=con_type]:checked').val()){
              case '40hc':
                 var box_con = new Kinetic.Rect({
                      x: 10,
                      y: 10,
                      width: 1190/1.3,
                      height: 2300/10,
                      stroke: 'black',
                      strokeWidth: 2
                  var TextCon = new Kinetic.Text({
                      x: 10,
                      y: 240,
                      text: 'Container Size 40 HC (11900mm X 2300mm X 2550mm)',
                      fontSize: 12,
                      fontFamily: 'Calibri',
                      fill: 'green',
                  layer2.add(box_con);
                  layer2.add(TextCon);
                  stage.add(layer2);
                  break;
                 case '40':
                 var box_con = new Kinetic.Rect({
                      x: 10,
                      y: 10,
                      width: 1190/1.3,
                      height: 2300/10,
                      stroke: 'black',
                      strokeWidth: 2
                  var TextCon = new Kinetic.Text({
                      x: 10,
                      y: 240,
                      text: 'Container Size 40 (11900mm X 2300mm X 2250mm)',
                      fontSize: 12,
                      fontFamily: 'Calibri',
                      fill: 'green',
                  layer2.add(box_con);
                  layer2.add(TextCon);
                  stage.add(layer2);
                  break;
                 case '20':
                 var box_con = new Kinetic.Rect({
                      x: 10,
                      y: 10,
                      width: 580/1.3,
                      height: 2300/10,
                      stroke: 'black',
                      strokeWidth: 2
                  var TextCon = new Kinetic.Text({
                      x: 10,
                      y: 240,
                      text: 'Container Size 20 (5800mm X 2300mm X 2250 mm)',
                      fontSize: 12,
                      fontFamily: 'Calibri',
                      fill: 'green',
                  layer2.add(box_con);
                  layer2.add(TextCon);
                  stage.add(layer2);
                  break;
        function addRect() {
            layer = new Kinetic.Layer();
            var box = new Kinetic.Rect({
                x: 10,
                y: 10,
                width: +(($("#panjang").val()/10)/1.3),
                height: +($("#lebar").val()/10),
                stroke: 'blue',
                strokeWidth: 2
            var group = new Kinetic.Group({
                        draggable: true,
                        snap : true
            var boxLabel = $("#nam_pac").val() + "/H : " + $("#tinggi").val();
            if (($("#panjang").val() && $("#lebar").val()) != 0) {
            var simpleText = new Kinetic.Text({
                x: 10,
                y: 10,
                text: boxLabel,
                fontSize: 12,
                fontFamily: 'Calibri',
                fill: 'red',
            } else {
                var simpleText = new Kinetic.Text({
                x: 10,
                y: 10,
                text: '',
                fontSize: 12,
                fontFamily: 'Calibri',
                fill: 'red',
            group.add(box);
            group.add(simpleText);
            layer.add(group);
            stage.add(layer);
            layers.push(layer);
            $("#layer-to-delete").append("<option>Layer " + boxLabel + "</option>");
        function deleteRect() {
            if($("#layer-to-delete > option").length < 1) return;
            var i = $("#layer-to-delete").prop("selectedIndex");
            layers.splice(i,1)[0].destroy();
            $("#layer-to-delete > option").eq(i).remove();
        function rotateRect() {
            if($("#layer-to-delete > option").length < 1) return;
            var i = $("#layer-to-delete").prop("selectedIndex");
            layers[i].rotateDeg(30);
            layers[i].draw();
        $("#delete-layer-button").click(function(e) {
              deleteRect();
        $("#rotate-layer-button").click(function(e) {
            rotateRect();
        $("input[type=submit]").click(function(e) {
            addRect();
        $("#isSelect").click(function () {
              addCont();
        $("#removecon").click(function () {
              layer2.destroy();
        $(window).keypress(function(e) {
            if(!$(document.activeElement).is("label")) {
                if((e.keyCode || e.which) == 46) {
                    layer.destroy();
            if((e.keyCode || e.which) == 35) {
                    layer2.destroy();
        document.getElementById('saveall').addEventListener('click', function() {
          stage.toDataURL({
            callback: function(dataUrl) {
                  window.open(dataUrl);
        }, false);
      </script>
    </section>
</section>
<footer class="w" id="footer">
    Copyright <a href="login.php" target="_new">©</a> 2013, <a href="http://omhanggar.com" target="_new">created</a><a href="http://intranet.guentner-asia.com" target="_new"> by PT. Güntner Indonesia </a>
</footer>
</body>
</html>
thanks again before,
Prabowo

How to create a tv-shaped frame in Photoshop?

I'm trying to create a frame for a photo that has the shape of an old-style TV screen: square, with rounded corners, all four sides bulging out slightly. I've figured out how to create a rectangle with rounded corners, but I can't figure out the bulges. (My PS vector and pen skills are very poor.) A rough sample is below. Is there a way to do this in Photoshop? Or, is there a template available?
Thanks for any help.
EdB

I would say use the pen tool to add a point at the center of each side. Select all 4 points then scale outward. If necessary you can use the convert point tool to drag out on each point to smooth the bend. Using the convert point tool, will move both sides of the point to once, other wise, you would be using the direct selection tool which can drag only one handle at a time, which may make the point not symmetrical as far as the handles are concerned. Having both handles out at the same distance, may make a better smoothing for that point.
But you may also be satisfied with how it looks with out dealing with the handles at all. It is all subject to the eye of the beholder.

How to create dotted line under a region in page

I have to create a region like this
Registration
Initial regitration
Date Prepared field Date received
LTO registration
Registration No Date

Hi,
Add an Item of type Separater where you want a dotted line.
Or if you have the region without Text(some of them) will show the region with line in the top(full line).
Thanks.
With Regards,
Kali.
OSSi.

How to create a full height rectangle without add-ons like "MuseThemes 100% height"

On my site www.rostany.com I'm trying to create the background black metal grid going from top to bottom. I've managed to do this by putting it down as a page background image tiled vertically. However, now I need to add image slideshow as a background and want to place the above mentioned grid over it (the way it used to be) to constitute the "page" where text and graphic information is laid out.
This is what I want this grid to look like (spanning from top to bottom)
This is how it looks with the ugly gap appearing at the top when the content is filled in.

I believe you have already figured out the solution as I can verify with your live site.
Thanks,
Sanjit

How to create a Contact Sheet with Adobe Photoshop CS5 from a disc with images in different folders

I got a disc with images files (mainly ai and psd files) in different folders and subfolders, how can I create a contact sheet including all the image files in different folders. (It seems that Adobe Bridge can only create a contact sheet by clicking the image files directly but not a folder including the images files)
thx!

Use the optional Contact Sheet II plugin which is found in Adobe's Downloads:
1) search for contact sheet in PS CS5 help
2) choose the first result and read carefully about the Photoshop Optional Plug-In Picture Packager
3) follow the instructions to download the zip file and note the location that you download it to.
4) follow the instructions to install the files.
I'm not sure how PS CS5 will handle ai vector image files or if you have to batch convert them to raster images first before using Contact Sheet II. Contact Sheet II allows you to choose a folder and Include All SubFolders as an option so you could create a Contact Sheet folder and copy all of your desired folders into that folder which will become subfolders of the main folder you choose for your contact sheet.

How to create keyboard for Load Files into Photoshop

does anyone know if there is a way to create or is there an existing keyboard shortcut to Load Files into Photoshop from Bridge?

I should have been more specifc.
Much like in bridge-tools-photoshop-load files into photoshop, I want to load multiple files into a layered photoshop document.
Can't seem to find a keyboard shortcut for this action. Though I don't know how to write scripts very well but there are far too many keyboard shortcut posts I've searched and can't seem to find a way.
thanks

How to create parallel Diagonal lines easily in Photoshop?

Hi All,
I want to create some parallel but diagnol lines easily in photoshop or illustrator. A easy to follow tutorial will be fanastic. Please help me.
Thanks in advance.

I nearly always start an angled illustration element on the horizontal or vertical grid, and Free Transfor the angle after.
If you need several lines then I would tend to use Free Transform step and repeat.
Show Grid and check that snap to grid is enabled.
Select Line tool and set thickness
Draw line in line with the grid
Free Transform, and move line to the required spacing using the grid as a guide. Press Enter
Ctrl Alt Shift t (or Cmd Opt Shift t) as many times as you need lines
I would probably make them too long, and trim after any rotation or aother adjustments had been made.
I don't have or use Illustrator.

How to create a ripple 3d effect using photoshop cs4

Hi,
Can any one help us or guide us to create 3d ripple design [link removed by host] for homepage.?
Thanks in advance
Cinas

Cinas,
Must it be in Photoshop? It might also be in Illustrator, to mention an obvious alternative.
An image hinting at what you want would help the helpers.

How to create high dynamic range image in Photoshop Elements 2.0?

I wonder if it is possible to Photoshop Elements 2.0. Any advice would be greatly appreciated.

If you are talking about the idea of merging exposures IN ELEMENTS 2 and you are shooting RAW, you can do what Barbara suggests: Open the file once with favorable settings for the bright parts of the image and a second time for the shadows and merge. In Elements 2, the images will not open in 16-bit, and will be converted immediately to 8-bit. You will find that registration is right on, but there will be issues with the process if you want to retain higher bit counts (which to me is really the only way to have higher dynamic range in reality). I don't know where these started to be called 'high-dynamic range', and I think it is really a bit of a misnomer--especially in 8-bit. Even Elements 5 will not support 16-bit images with layers, so the opportunity to get true accentuation of dynamic range is...limited.

How to creat a transparent psf in photoshop cs4

Creating a file which Background contents is transparent in Photoshop CS4,and save as this file in PDF or print this file in PDF,but i found the pdf file is un-transparent when opened in Acrobat, why ?
and how to create a transparent pdf file in Photoshop CS4?
and a transparent pdf file can be created easily in an early version Photoshop

The transparent pdf file created by Photoshop CS4 will be use to print over an underlying background image,nor for a web site,and can not be placed into a Indesign file
if Show transparency grid (Acrobat>preferences>page display>show transparency grid)is checked,the transparent background will be show

How to create a rectangle per entering dimensions rather than by drawing it

how to create a rectangle per entering dimensions rather than by drawing it

ReNewUs,
Just click with the Rectangle Tool somewhere on the Artboard, then insert Width and height.

How to create dotted or dash rectangle in Photoshop?

Similar Messages

Maybe you are looking for