Cutting layers using curved shapes to create lines

I need to create a document in .jpg format that has a photograph on one layer then two more layers with two color curved lines that will be covering only the bottom right, see the photo. trying this in Photoshop is killing me with the pen tool, wouldn't it be easier to create in AI and then convert later?
Notice the red line either on top or underneath the photo and the white layer underneath that. This is what I need to to I have AI cs4 so do I do this in AI or PS?

You can do it in either program. Both have a vector path tool (Pen); both can draw vector primitives, like ellipses. Photoshop can use those paths to select pixels. Illustrator can only mask pixels.
I need to create a document in .jpg format that has a photograph on one layer then two more layers....
A JPEG file does not have multiple layers.
JET

Similar Messages

Tutorial: Creating, saving and re-using Custom Shapes

I've beeen experimenting with custom shapes for the last couple of days, and thought I'd share some of the tips and techniques I found.
First of all, what are custom shapes?
Well, they're vector objects. That means that they are not built out of millions of individual pixels (like images are), but rather they're a series of mathematical statements that describe how to draw a line from point to point to create the vector shape. This means that custom shapes are "resolution independent", and that they can be grossly shrunk or enlarged and still retain razor sharp edges, curves and corners.
What are custom shapes good for?
Pretty much anything where you want to use a good, sharp object. In particular, using a custom shape as a clipping mask for an image that's been placed as a Smart Object is an outstanding technique, and really shows off the power that PSE is capable of.
PSE comes with a lot of ready-to-use custom shapes for its Custom Shape tool, and there are probably hundreds of thousands available on the Web -- just search for "photoshop shapes". Typically, those shapes will be supplied as Adobe CSH (Custom SHape) files, and simply copying the CSH files into the
"C:\Program Files (x86)\Adobe\Photoshop Elements 10\Presets\Custom Shapes"
directory will make them available for use with the Custom Shape tool.
Sooner or later, though, you'll get the itch to create your own custom shapes. Out of the box, PSE does not have the capability to let you create custom shapes and add them to the CSH files like the "big" Photoshop does, so we'll need to use a workaround: store your custom shapes as layers in a PSD file, and when you want to use them simply copy them into your image.
N.B.: To create custom shapes you'll have to use the reasonably priced Elements+ add-in:
http://elementsplus.net/
So, the procedure goes like this:
Create a new image, using the PSE defaults, and save it as "CustomShapes01.psd", keeping it open.
Open an image containing an object that you want to use as a custom shape.
Use any of the selection tools to make an accurate selection of the object:
In the Effects panel, use the Elements+...Paths effect and choose the Create New Path...From Current Selection:
Use the Elements+...Paths again, choosing "Convert to Shape", giving it a name and colour of your choosing. This will create a Shape Layer using that name.
Important: If your shape has "holes",
use the Shape Selection tool and click on the shape to select it. Then hit the "Combine" button in the Options Bar. This will combine all the individual shapes used to create the shape and its "holes" into one shape, and prevent beaucoup problems later.
Switch to the Move tool and drag the shape onto the tab of your "CustomShapes01.psd" image, keeping your mouse button pressed. That image will become activated and you can move your cursor onto the image itself and drop your shape onto it. Your PSD file will now have your custom shape as a shape layer:
Save that "CustomShapes01.psd" file.
You can repeat the process for as many custom shapes as you want, and they will each become a layer in the "CustomShapes01.psd" file.
To use your custom shape, open the "CustomShapes01.psd" file and your target image and do the drag and drop with the Move tool to copy the custom shape onto your target image.
I mentioned that using a custom shape as a clipping mask for an image placed as a Smart Object is a very powerful technique. It's powerful because the custom shape can be altered at any time and still keep its sharpness, and because the Smart Object can also be resized without becoming pixellated. Of course, that custom shape layer can have any number of layer styles applied to it and those layer styles will "follow" the shape if the shape is moved, resized or rotated.
Here are three examples of using the custom shapes as clipping masks for Smart Objects:
In this example, each custom shape is used as a clipping mask for an image Smart Object, as usual:
Here, one custom shape was used as a clipping mask for an image Smart Object and they were linked.
Then the shape and image were duplicated and moved, rotated and resized. Because of the linking, the Smart Object automatically kept its orientation and size relative to the custom shape throughout:
If you want to use custom shapes as a "combined" clipping mask, the procedure is a little more complicated because you need to get all your custom shapes on one shape layer.
So, after copying your shapes into the target image (as separate shape layers), use the Shape Selection tool to select one of the shapes. Using Edit...Cut will cut that shape layer to the Clipboard, and you can select one of the other shape layers and use Edit...Paste to paste the custom shape into that shape layer. Repeat as necessary, and you will get all of your custom shapes on one shape layer. Then use that single shape layer as your clipping mask:
The neat thing is that the individual shapes can be selected with the Shape Selection tool and independently moved, resized or rotated as necessary.
Enjoy!
Ken

Thanks, Michel.
I forgot to mention one point about copying shape layers into one shape layer: when you initially use the Shape Selection tool to select a shape for cutting, make sure the option for the Shape Selection tool is set to "Add to Selection".
MichelBParis wrote:
The problem with Elements+ is that it has so many features you soon forget what it can give you !
Truer words were never spoken!
Ken

Creating lines in an applet

Hi,
I was wondering how would I use the mouse to create lines between two vertices (also drawn by the mouse) within a Java applet. I need to be able to click on two different vertices and this should result in a line being drawn between them.
I use the mouseDown handler and need to somehow get the x and y positions when the mouse is clicked so I can draw a line between two points. I have created this in a JFrame but use the mousePressed handler and hence can type
xPos = e.getX() and yPos = e.getY(). Is there any way of doing the same thing using mouseDown.
Here is the code
public boolean mouseDown(Event e, int x, int y)
xPos = e.x;
yPos = e.y;
int i;
if (inter < max_number_of_vertices) {//draws the vertices
inter++;
circle_points[inter] = x;
circle_points2[inter] = y;
repaint();
else {
if (first_time == 0) {
JOptionPane.showMessageDialog(null, "now enter your edges");
first_time = 1;
else if (click_Second_boolean == true) {
second_click(); // the code for this is below
testing++;
else {
first_click(); //the code for this below
number_of_lines++;
return true;
///this is the code for the methods first click and second click.
public void first_click()
closest_point = 100000;
for(int i =0; i<max_number_of_vertices;i++)
int compare1a = circle_points;
int compare1b = circle_points2[i];
double compare1_phy = Math.sqrt(((compare1a - xPos) *( compare1a - xPos ))+ ((compare1b -yPos ) *( compare1b -yPos)));
if(compare1_phy < closest_point)
closest_point = compare1_phy;
closest_point_PT1 = i;
lines_array[0][testing] = circle_points[closest_point_PT1];
click_Second_boolean = true;
void second_click()
closest_point =10000;
for(int i =0; i<max_number_of_vertices;i++)
int compare2a = circle_points[i];
int compare2b = circle_points2[i];
double compare2_phy = Math.sqrt(((compare2a - xPos) *( compare2a - xPos ))+ ((compare2b -yPos ) *( compare2b -yPos)));
if(compare2_phy < closest_point)
closest_point = compare2_phy;
closest_point_PT2 = i;
lines_array[1][testing] = circle_points[closest_point_PT2];
click_Second_boolean = false;
first_matrix[closest_point_PT1][closest_point_PT2] = true;
repaint();
I then need to be able to use this as a matrix to do calculatoins on. Any help on this matter would be good.
Thanks
KP

No matter what mouse event you use, you should be able to get the X,Y of the hit. You can then feed that into your app and draw a line between the two.

I have a MacBook Pro , Model Identifier MacBook Pro8,2 , MAC OX S 10.7.4 I noticed that if I open Final Cut Projects created on other/older models MacBook Pro Laptops or MacPro Desktops, the fonts used in the previously created FCP projects, change their

I have a MacBook Pro , Model Identifier MacBook Pro8,2 , MAC OX S 10.7.4
I noticed that if I open Final Cut Projects created on other/older models MacBook Pro Laptops or MacPro Desktops, the fonts used in the previously created FCP projects, change their font spacing! which distorts the look of the Text that was written, by oevrlapping on other things that were put & present on the screen.. Another similar probelm is that the Vector shaped used for example to highlight certain words or shapes, also change their position on the screen so that they no longer highlight exact things that we once used these vectors to highlight or outline... Anyone knows how to solve this problem please?? I made sure that the same fonts are available in the Library in both old and newer computers...
thanks in advance..

You might want to take your question to the FCP forum - if you copied all fonts to your Library>Fonts folder and restarted they should be recognized by all applications. I know that this works for Adobe products, anyway.
Clinton

Quick tip help. How to add to vector layers using shape tool

This is something that's bugged me for a few versions and I'm sure someone has a tip for this.
When I use Shape Layer tool, I get a solid color with a vector mask. The tool always makes a new layer every time I use the tool. So to get around that, I draw my shapes (one per layer) and then use the Path Selection Tool and cut and paste between Shape Layer layers.
How can I draw another shape on a currently selected Vector Mask? (I want to build compound Pathfinder-like shapes)

Yes, press the shift key to add to the current shape layer (vector mask).
MTSTUNER

How to cut of rectangle shape to create bracket in Photoshop?

I want a layer like this:
I've drawn the rectangle then I made a selection with the marquee selection tool to delete a part of the rectangle but it deleted whole shape. Can anyone please help me out with this.
Thanks in advance.

hungp15938294 wrote:
Thanks to Trevor.Dennis and @station_two for helping me . I have more a stupid question because I'm not good at Photoshop. Please take a look at image below
Make your rectangle shape. If you want it to be perfectly square, hold down the Shift key while you drag.
Make your two text layers using the centered text alignment option.
Select the entire canvas — Ctrl a (Cmd a )
Select the Move tool and then select the rectangle shape and both text layers. You should see matching ants at the edges of your image.
Click on the Align horizontal centers icon in the Options bar. The rectangle and text layers will now be centered vertically in the image.
If you want the box centered width wise, select just the box layer, and make sure you still have the matching ants at the image edges.
Click on Align vertical centers second icon from the left in the strip above.
You will need to align the text layers to intersect the horizontal lines manually, but if you hold down the shift key while dragging, they will not move sideways.
Nearly done.
You still need those marching ants at the screed edges (Ctrl a). Go Select > Transform selection You will now see handles on the selection.
Hold down the Alt (Opt) key, and drag either the central handles on the vertical sides towards the middle of the box. Both sides will move symmetrically.
When the select is a couple of mm clear of the wider text, click on the tick icon on the Options bar to OK it.
Make sure just the box layer is selected, and add a Layer mask. This will actually hide the bits you don't want hidden, so last step.
Invert the layer mask Ctrl i (Cmd i)

How do I use shapes I create in Adobe Shape?

All the shapes you create with Adobe Shape are stored in a CC Library. This means you can access them in other desktop, mobile, and web apps. Detailed instructions below.
How to access your shapes in Creative Cloud
Desktop: In order for this to work, you must have the most recent version of Illustrator and Photoshop.
Open Adobe Illustrator on your desktop.
Open the Libraries panel (Windows > Libraries)
Your shapes should be present in your Libraries. If you don’t see them there, select the libraries drop down to see if you saved your shapes in a different library.
Now, you can drag the shape onto your canvas.
At this point, you can continue working with your shape, by adding editing. Or, you can simply save the file. Of course, after you save it to your desktop, you can email, post online, etc.
Mobile apps:
Open Adobe Illustrator Draw and open a drawing.
Tap the Shapes icon to open the Shapes menu.
Tap a library name to view the shapes in the Creative Cloud Library. Tap Change Library to select another library.
Select your shape by tapping on it.
Active Slide or Tocuh Slide. You can use Adobe Slide or Touch Slide to place the shape on the canvas. Access Touch Slide by tapping on the circular icon at the top of the menu bar.
Place the shape. Once you have activated Touch Slide, you will see a light rendition of your shape on the canvas. Simply double tap on the shape outline to stamp the shape in place.
Web:
Navigate to https://assets.adobe.com/
Select the Libraries menu item (left menu on the page)
Select the desired library (if this is your first time using Libraries, you will only have one).
This page provide a preview only.
Also, here’s a great walk through video that may be useful: http://helpx.adobe.com/mobile-apps/how-to/shape-get-started.html?set=mobile-apps--fundamen tals--adobe-shape-cc

I use Illustrator CC not Illustrator CC 2014 where can I find "Open the Libraries panel (Windows > Libraries)" and How can get the vector file from adobe shape cc?

Using Select all to create multiple lines in a sales order

Hello SAP experts,
In our business practice users create multiple line sales orders with reference to contracts and use the copy paste method and then assign each line to the contract manually.
After a few years of this practice i found a new way to create multiple lines but it doesn't quite work correctly. When you have created the first line of an order if you click on the select all button the system will ask you how many lines do you want to copy. I don't know if this is standard SAP but 3 things don't happen when we use this 1) The schedule line information is blank 2) conditions do not copy from the contract even though the contract has been referenced. 3) Since there is no schedule line information the order fails when saving and we get a update terminated message.
I am having problems finding any documentation around this function so any help with this would be greatly appreciated.
error when updating is
Transaction..   VA01
Update key...   4D358878A8B601AAE10080000A2C4982
Generated....   28.01.2011, 13:47:23
Completed....   28.01.2011, 13:47:23
Error Info...   00 671: ABAP/4 processor: GETWA_NOT_ASSIGNED

GETWA_NOT_ASSIGNED
Many threads are there on this error message and you would come to know if you google with this text. Check couple of threads where the same topic was discussed
[Re: GETWA_NOT_ASSIGNED|Re: GETWA_NOT_ASSIGNED;
[Re: GETWA_NOT_ASSIGNED ABAP Dump|GETWA_NOT_ASSIGNED ABAP Dump;
Also there are some 20 OSS notes on this error message and you can have a look at the following notes:-
1)   Note 913679 - VA01: Short Dump GETWA_NOT_ASSIGNED on click of quantity.
2)   Note 591955 - ABAP runtime error GETWA_NOT_ASSIGNED
3)   Note 870670 - SD_SALES_DOCU_MAINTAIN_DIALOG termination with GETWA_NOT_***
4)   Note 141314 - VA02: Dump with 'GETWA_NOT_ASSIGNED'
thanks
G. Lakshmipathi

Using Pages, I have created a document and inserted a Table for use in logging an inventaory. When I came to print this off however the lines for the table were missing but the text was in the Table format, weird! How do I print the Table?

Using Pages, I have created a document and inserted a Table for use logging an inventory. When I came to print this document the lines and boarders of the Table feature did not print however the text did print in the table format. How do I get the lines and boarders to print also?

Using Pages, I have created a document and inserted a Table for use logging an inventory. When I came to print this document the lines and boarders of the Table feature did not print however the text did print in the table format. How do I get the lines and boarders to print also?

Hi can I use apple pages to create a line or scatter graph ?

Hi can I use apple pages to create a line or scatter graph ?

If you need to see the legal document that makes this OK see this Apple document, section 2C

Placing text inside curved shape

i am having bit trouble placing the text inside this custom shape (i used custom shape tool)
I followed one of the post found here Fitting text inside a custom shape but i couldn't get any results at all. Would someone maybe try to give me exact instructions on how to do this please.
I would like to place this text inside yellow shape and text should follow the curved path of the shape.

It's easier to apply the flag warp to both the Type and Shape layers at the same time, so start with your text, and create the shape layer below it. Select both layers, and right click and choose Convert to Smart Object. Then Free Transform > Warp

Cs6 camera lens blur not using curve ajustment on blur map

So I am doing some camera lens blur to create the 'tiny town' effect. I have completed following this tutorial: http://www.youtube.com/watch?v=oleQ9O3kaPk
But the camera lens blur doesn't seem to be taking into account any curve ajustments I make.
It is creating the blur effect as if the curve is not activated (even though it is and I can visibly see my ajustments to the gradient on the shape layer).
Anyone know what the problem is?

It works as it should. Effects referencing otehr layers use the layer source, not the effects result. You need to pre-compose the adjusted depth map.
Mylenium

Use mouse movement to create parallax

How would I create a little parallax between layers using the mouse movement rather than the scroll bar? Just trying to create the sense that there is some depth on the page,not massive movement. Sorry don't have an example to show what I mean.

Yes, you can do that.
After you have selected your rectangle tool, look in the options bar at the top of the window and click on the down pointing triangle next to the custom shape icon. In the resulting dialog box click on fixed size and put in your values. Then click on your image and place your shape.
Paulo

How to distort image into curved shape

Hi,
I want to distort an image to curved shape.so that the image should be wrapped around to tea cups,mugs or any cylindrical shapes.
If anybody have idea please help.
with thanks,
srinivas

hi,
You can do this a few of ways, you can use a 3d library like away3d then have a surface on the model that allows an image to be 'molded' to it,
http://gumbo.flashhub.net/gifting.html
this will give you an idea of what can be done, select some images from your hard disk, click on the image button(1 or 2) then select an image for that holder, it will display on any 3d object you choose.
You can use a library like as3dmod http://code.google.com/p/as3dmod/ which has a bender utility which enables you to 'shape' an image
http://gumbo.flashhub.net/flip/ this will show you the strength of image bending with as3dmod.
There is also pixelbender, this is more complex as you need to write code to create filters that will 'bend' the image. But there may be something in the pixelbender gallery. http://labs.adobe.com/technologies/pixelbender/
Just note the 2 examples I gave you for away3d and pixelbender will not have sourcecode available, I just linked the examples so you can see that the image manipulation is possible with flex.
David.

Points inside curved shape

Hi all,
I need to extract points(pixels) that lie within a curved shape. The curved shape is formed with four bezier curves.
I think I could use Shape, contains(), and PathIterator().
Can anybody direct to a link with some code to try or share some snippets to test?
Thanks!

import java.awt.*;
import java.awt.event.*;
import java.awt.geom.*;
import javax.swing.*;
public class ContainsTest extends JPanel {
    CubicCurve2D.Double[] curves;
    Path2D.Double curvePath;
    Path2D.Double intxnPath;
    Point2D.Double[] intxns;
    boolean showCurves = true;
    boolean showCurvePath = false;
    boolean showIntxnPath = false;
    JCheckBox[] checkBoxes;
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        Graphics2D g2 = (Graphics2D)g;
        g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
                            RenderingHints.VALUE_ANTIALIAS_ON);
        if(curves == null) {
            initialize();
        if(showCurves) {
            g2.setPaint(Color.green.darker());
            for(int j = 0; j < curves.length; j++) {
                g2.draw(curves[j]);
        if(showCurvePath) {
            g2.setPaint(new Color(220,200,230,125));
            g2.fill(curvePath);
        if(showIntxnPath) {
            g2.setPaint(Color.blue);
            g2.draw(intxnPath);
        // Mark intxns in sequence (clockwise).
        Color[] colors = {
            Color.red, Color.green.darker(), Color.blue, Color.orange
        for(int j = 0; j < intxns.length; j++) {
            g2.setColor(colors[j]);
            g2.fill(new Ellipse2D.Double(intxns[j].x-1.5,
                                         intxns[j].y-1.5, 4, 4));
     * Make up some Bezier (CubicCurve2D) curves and Path2Ds to work with.
    private void initialize() {
        double[] coords = {
            0, 100, 140, 160, 250, 300, 375, 290
        CubicCurve2D.Double curve = new CubicCurve2D.Double();
        curve.setCurve(coords, 0);
        Rectangle r = curve.getBounds();
        double[] destCoords = new double[coords.length];
        curves = new CubicCurve2D.Double[4];
        curvePath = new Path2D.Double();
        for(int j = 0; j < curves.length; j++) {
            curves[j] = new CubicCurve2D.Double();
            // Rotate 90 degrees.
            double phi = Math.toRadians(j*90);
            // Move (50) away from the center.
            double x = -50*Math.cos(phi);
            double y = -50*Math.sin(phi);
            AffineTransform at = AffineTransform.getTranslateInstance(x, y);
            at.rotate(phi, r.getCenterX(), r.getCenterY());
            // Transform coords for setting this next curve.
            at.transform(coords, 0, destCoords, 0, coords.length/2);
            curves[j].setCurve(destCoords, 0);
            curvePath.append(curves[j], false);
        createIntxnPath();
     * Create a Path2D of the curve segments that lie between the
     * points of intersection along each curve.
    private void createIntxnPath() {
        // Collect curve intersection points, moving clockwise.
        intxns = new Point2D.Double[curves.length];
        for(int j = 0; j < curves.length; j++) {
            intxns[j] = getIntersection(j, (j+1)%curves.length);
        // Get path segments of each curve that lies between
        // the points of intersection. Move in reverse order
        // of points, viz, anti-clockwise, for congruency of
        // path segments.
        intxnPath = new Path2D.Double();
        for(int j = curves.length-1; j >= 0; j--) {
            int k = (j-1 >= 0) ? j-1 : curves.length-1;
            Path2D.Double subPath = getSubPath(j, intxns[j], intxns[k]);
            intxnPath.append(subPath, true);
     * Find intersection of two curves.
    private Point2D.Double getIntersection(int index, int index2) {
        Point2D.Double p = new Point2D.Double();
        double flatness = 0.001;
        PathIterator pit = curves[index].getPathIterator(null, flatness);
        double[] coords = new double[2];
        double minDist = Double.MAX_VALUE;
        while(!pit.isDone()) {
            int type = pit.currentSegment(coords);
            switch(type) {
                case PathIterator.SEG_MOVETO: // fall through
                case PathIterator.SEG_LINETO:
                    Point2D.Double p2 =
                        getClosestPoint(index2, coords[0], coords[1]);
                    double dist = p2.distance(coords[0], coords[1]);
                    if(dist < minDist) {
                        minDist = dist;
                        p.setLocation(coords[0], coords[1]);
                    break;
                case PathIterator.SEG_CLOSE:
                    break;
                default:
                    System.out.println("unexpected type: " + type);
            pit.next();
        return p;
    }

Cutting layers using curved shapes to create lines

Similar Messages

Maybe you are looking for