Drawing a warped grid in perspective???

Now...... i know how to use the perspective tool and i understand that i can draw a grid onto this but the grid always seems to be out of whack when i do and the line spacing isn't at all perfect. What i want to be able to do is draw a grid with equal spacing and have the ability to warp this so it looks all bent up going off into the distance.
I can see this is going to be something that i have to draw in manually but i'm kind of hoping that i can have the bulk of the job done for me.
However, if i do have to draw it manually, how would i go about spacing the lines equally along a wafty curved line???

Actually, upon playing about with this, i seem to have got exactly wat i was after Thanks a lot

Similar Messages

Im looking for a drawing app that i can draw on a grid paper

im looking for a drawing app that i can draw on a grid paper any suggestions?

an app that when i open it has a graph paper on it and i can use the grid to draw things. something like paint but has graph paper on it

Warped grid in AI cs3

I'm trying to create a warped grid for a logo background. I made a grid in Photoshop and imported into AI. when I go to use the free transform tool it does not warp the grid at all. I imported the photoshop file to AI as a .psd and I tried importing as a .jpg, same problem. Is there an easier way to do this or is this the only way but I'm doing something wrong?
what I need the fiel to look like is similar to the file in the attached.
any help?
rdere

entlity wrote:
I'm doing something wrong?
rdere
You sure are.
There are several ways.
1 Object>Envelope Distort>Make with Mesh
2 Object>Envelope Distort>Make with Warp
3 Effect>Warp
4. Any number of the distorting effects under the effects menu Effects>Distort and Transform>
I almost for got the warp tool and under it are other distortion tools.

Drawing a rectangular grid

Hi, I'm looking for advice on the best way to draw a rectangular grid with java2d (or other appropraite java). I need to essentially produce a world map on a e.g 200*100 grid, the ocean coloured blue, land in various shades of colour depending on altitude. I want to colour each grid square individually, essentially as if pixel by pixel, and am not sure how best to do this. Do I need to produce 200*100 individual squares and attach them all or is there a way of dividing up a single rectangle into grid squares. Thanks.

use a BufferedImage and increase the scale of the graphics object.

Mesh Warp grid disappears

I am new to AE. While moving intersection points of the Mesh Warp grid overlay on a video, the grid suddenly disappears. It happens when I click somewhere in the image area I think, but I can't seem to reproduce the problem to see what kind of click causes it.
Any ideas?

Highlight the effect name in the layer's effect controls panel, and the grid reappears.

How to interactive-draw on a grid?

Hello!
Imagine you had set up a grid based on little 1x1px boxes.
Wouldn’t it be cool to take your Wacom-Pen and simply color the boxes the way you’d love to?
You could simply set up a solid brush matching your needs …no matter if it’s 1x1 px thin. …or 1000x1000 px heavy.
You could create sharp edged drawings in beautiful colors.
Well, that’s pretty the kind of set-up I’m looking for.
But instead of that solid look, I get shades or halftones even if my brush is set to 1px.
Anyone an idea how to create a sharp-edged brush-set-up?
Any hints would be much appreciated
G

how about making a grid of actual 1px X 1px squares...
Yes, and one could use the Rectanglular Grid tool to create the grid and not mess with snaps or the document grid at all. And using that method, there would be no reason to draw the grid to a measure of 1 "pixel" (1 point) at all. At that size, you would have to zoom in to see what you're doing and zoom out to see what the finished results will look like at "actual size." So instead, you could draw the grid of squares to any arbitrary scale, flood fill them, and then scale the results to the desired vector-squares-per-inch size.
But (beside the pointlessness of the whole exercise, which I hope is becoming evident) that does not satisfy G's desire to use a pressure-sensitive Wacom stylus to interactively adjust the fatness of his swipes.
Functionally, what G desires is exactly what any ordinary bitmap program (assuming pressure-sensitivity support) does and has been doing for decades, when painting at low res or high zoom with antialiasing turned off (or some other means which disallows it, such as painting in limited index color mode).
What G is failing to realize is that drawing a mosaic of vector squares is essentially the same thing as coloring aliased pixels. A pixel is essentially a call for a colored square. You can scale and rotate that raster pixel every bit as much as you can scale and rotate a vector square. In other words, by wanting his vector drawing to consist of nothing other than squares, he is essentially desiring to circumvent the resolution-independent rasterization of vector drawing.
So G may argue, "But James, by drawing with vector paths, I can have adjustability of the array of squares! If only I had the new kind of pressure-sensitive brush I want, I could reshape the spine path which auto-generates the array of squares!"
And I would answer: Yes. But that's exactly what you would have if you simply turned off antialiasing and used any of the existing Brushes (and/or any of the other drawing tools, like the Blob tool), and otherwise used those tools normally. Getting a "scaleable" version of the artwork with the desired number of "squares" is a simple matter of zooming (thereby controlling the number of rows/columns of squares) and taking a screen capture (because, as demonstrated, scaling an aliased raster image is for most practical purposes functionally equivalent to scaling an array of vector squares).
If you want to see how many "squares" are created as you draw, you could even use a screen magnification utility, like the Magnifier built into Windows. But in practice, that's rather antithetical to the notion of pressure-sensitivity; you don't really want to "count pixels" as you go with an interactively pressure-sensitive "painting" tool.
So again; the whole idea is so much like just wanting to make Illustrator act exactly like what any aliased painting method does in even the cheapest raster program, that it raises the question, "Why reinvent the wheel?" Just use a paint program--or turn off antialiasing and take a screen shot, and you've got the "new feature" that you want, without hoping and waiting for Adobe to ever add such a (frankly quite dubious) feature.
In a nutshell, the primary intent and purpose of the resolution independence of vector drawing is to avoid the aliasing inherent in raster imaging--exactly what G now wants to preserve. So simply use raster imaging, and you'll have your aliased artwork, and it will be scaleable.
There's no need to re-invent the square wheel. The square wheel is easy. The whole purpose of vector drawing is to avoid square wheels. If you want square wheels, you don't need vector squares.
JET

Repeatable and storable Warp grids

Here's another thing that you should be able to do but can't…
The Warp Function at the moment is not repeatable, Transform Again does not allow you to repeat Warp transformations. There is only one way to 're-warp', and thats to record an Action step which will perform the same transform. Analyzing this Action step, its possible to see that the co-ordinates "rational points" and displacements from these, seem to still require a relatively small amount of data. So being able to repeat them in Transform again (Command Sift T) should be within the bounds of possibility. As far as I can see. Within my limited knowledge.
Also in the Options bar, while using Warp, or for that matter any Transform, the possibility to save out loadable grids and co-ordinates would be useful.
While we are on a similar subject - it should surely be possible to load in saved Liquify Grids as part of Actions also.

The thing I miss about Liquify is useful applicability as a Smart Filter.

Why doesn't my perspective warp have a grid?

I'm trying to follow along with the tutorial for the perspective warp tool, but when I try to draw a grid using perspective warp, it only draws a box. How do I turn on the grid for this tool?

Strangely, after coming back to it today, the whole tool seems to be functioning fine now, exactly as shown in the tutorial. Thank you for your answer.

Draw a grid(different)

Hi,
I am trying to draw a circular grid, i.e. like a dartboard, where each ring is split into a number of parts.
So far I have managed to do that by drawing an image of the board. This creates other problems like reading mouse clicks,scaling, and placing components in correct coordinates.
I can provide more info. Thank you

This kinda solves my problem
for(int i = 0; i < 8; i++)
               g2d.draw(new Ellipse2D.Double(i*45, i*45,
                    getWidth()-(2*i*45),
                    getHeight()-(2*i*45)));
for(int i = 0; i < 24; i++)
               double temp = Math.toRadians(i*15);
               Line2D line = new Line2D.Double(getWidth()/2,getHeight()/2, getWidth()/2,0);
               g2d.draw(line);
               at.rotate(Math.toRadians(15),(getWidth()/2), (getHeight()/2));
               g2d.setTransform(at);
}This draws the grid. Now if I want to place something or read a click my best bet is:
x = a + r cos(t)
y = b + r cos(t)
So a code of this sort:
Point point = new Point((int)(center.x+(getWidth()/2)*Math.cos(temp)),
                         (int)(center.y+(getHeight()/2)*Math.sin(temp)));Will produce results slightly different from the actual drawing.
Thanks again for the help

Help with 2D Perspective

Hello,
Using Illustrator CS5 I am drawing a 5 drawer cart in the 2D Perspective grid. After drawing one drawer with connected sides, back and bottom I want to be able to copy and move this drawer 4 times into the correct positions in the cart. I do not want to redraw the drawer 4 times. I know I must use the Perspective Selection Tool to do this. However, I cannot get it to move the entire copied drawer into the next position. I have tried using PathFinder to unite the parts of the drawer and the Compound Path command but to no avail. How can I accomplish this task? Thanks a million for any suggestions. Paul

If you're trying to duplcate the whole drawer at once, it simply doesn't work that way. This is a purely 2D construct, not a 3D model. The Perspective Grid is really little more than just sets of temporary guide lines, much like you would draw on a drawing board.
If you have multiple faces of multiple objects (i.e.; the left sides of several parallel drawers) on one of the perspective planes, you can group those faces and duplicate/move them. But there is no actual connection at all between objects drawn on different perspective planes. For example, the drawer's bottom is drawn on the horizontal perspective plane. The drawer's left side is drawn on the vertical left plane. There is no actual connection between those paths. Moving/dupicating the drawer side on its vertical plane is not going to simultaneously dupicate/move the corresponding bottom which drawn on the horizontal plane.
What would make sense is if you had, for example:
1. Draw a drawer side to scale, in the flat (not attached to the Perspective Grid at all.
2. Step/repeat that drawer side multiple times vertically to end up with a side view of all the drawers.
3. Group all those.
4. Attach the Group to the vertical Perspective Plane.
5. Move the vertical Perspective Plane while pressing Alt, thereby duplicating its content to create the opposite sides of all the drawers in one move.
JET

Control handles or points and warping text

The transform controls in Photoshop CS6 disappear as soon as I click on the warp mode icon, preventing me from manually warping the layer on which I am working. Oh sure, I can click on Show Transform Controls and, voila, there they are. But as soon as I click on the icon that switches me between warp and free transform, the handles disappear (no mesh either) and without them there is no way to manually warp text or images. Because this used to work perfectly in CS5, I am just a tad frustrated. None of the prebuilt warp modes involve perspective (although I understand this option is maybe, perhaps, it's possible, coming at some point in the future) I can't even get the look I'm after with any prebuilt mode.
3D doesn't offer a simple perspective tool either. Yes, it does a lot, but not what I want.
So, why do the handles disappear and how can I get them to stick when I need them?
And, yes, I do have View > Extras active. Or at least the option is checked as active.
Thank you for any help.

PECourtejoie, That was a lot of text! I did not include most of it, but I did include anything related to the video card. I hope I included what you need. If not, I can copy the whole shebang. Thank you for all your help.
Adobe Photoshop Version: 13.1.2 (13.1.2 20130105.r.224 2013/01/05:23:00:00) x64
Operating System: Windows 8 64-bit
Version: 6.2
System architecture: Intel CPU Family:6, Model:10, Stepping:7 with MMX, SSE Integer, SSE FP, SSE2, SSE3, SSE4.1, SSE4.2
Physical processor count: 4
Processor speed: 3293 MHz
Built-in memory: 8045 MB
Free memory: 4931 MB
Memory available to Photoshop: 7046 MB
Memory used by Photoshop: 60 %
Image tile size: 1024K
Image cache levels: 4
The GPU Sniffer crashed on 2/6/2013 at 3:19:27 PM
OpenGL Drawing: Enabled.
OpenGL Drawing Mode: Advanced
OpenGL Allow Normal Mode: True.
OpenGL Allow Advanced Mode: True.
OpenGL Allow Old GPUs: Not Detected.
OpenCL Version: 1.1 CUDA 4.2.1
OpenGL Version: 3.0
Video Rect Texture Size: 16384
OpenGL Memory: 1024 MB
Video Card Vendor: NVIDIA Corporation
Video Card Renderer: GeForce GTX 650 Ti/PCIe/SSE2
Display: 2
Display Bounds: top=-30, left=1680, bottom=1020, right=3360
Display: 1
Display Bounds: top=0, left=0, bottom=1050, right=1680
Video Card Number: 2
Video Card: NVIDIA GeForce GTX 650 Ti
Driver Version: 9.18.13.1106
Driver Date: 20130118000000.000000-000
Video Card Driver: nvd3dumx.dll,nvwgf2umx.dll,nvwgf2umx.dll,nvd3dum,nvwgf2um,nvwgf2um
Video Mode: 1680 x 1050 x 4294967296 colors
Video Card Caption: NVIDIA GeForce GTX 650 Ti
Video Card Memory: 1024 MB
Video Card Number: 1
Video Card: Intel(R) HD Graphics 3000
Driver Version: 9.17.10.2932
Driver Date: 20121212000000.000000-000
Video Card Driver: igdumd64.dll,igd10umd64.dll,igd10umd64.dll,igdumd32,igd10umd32,igd10umd32
Video Mode:
Video Card Caption: Intel(R) HD Graphics 3000
Video Card Memory: 2172 MB
Serial number: 90970570205633490069
Application folder: C:\Program Files\Adobe\Adobe Photoshop CS6 (64 Bit)\
Temporary file path: C:\Users\Sheryl\AppData\Local\Temp\
Photoshop scratch has async I/O enabled
Scratch volume(s):
C:\, 1.82T, 1.74T free
Required Plug-ins folder: C:\Program Files\Adobe\Adobe Photoshop CS6 (64 Bit)\Required\
Primary Plug-ins folder: C:\Program Files\Adobe\Adobe Photoshop CS6 (64 Bit)\Plug-ins\
Additional Plug-ins folder: not set

Using Actionscript to generate a grid

Hello all.
I am working on a Flash project and have a problem that has
turned out to be a real head scratcher for me. I need to create a
Flash form that will generate a floorplan grid based upon width and
length values entered by the user. I have successfully completed
part of the task and I am able to generate a grid based upon the
width and length entered by the user.
Here is my problem: When the Width and Length "units" are
entered as feet, I need to generate a grid that displays 1 grid
square for every 5 feet of length or width entered, (the scale is 1
square grid = 5 ft so if you entered a 50 ft building length or
width the "length or width" side of the grid would be 10 grid units
in length). Then, if the user re-enters new values for the width
and height and clicks "draw floorplan"
again
the grid needs to regenerate
again
at the proper size. Currently my sample generates 1 grid for
every foot of length or width entered and will not regenerate
properly.
Below is a link to a sample of where I am so far as well as
the Actionscript I am using to control the sample file.
Can anyone provide some pointers on how to generate the grid
with one grid representing 5ft and how to regenerate the grid once
new values are input and the "draw floorplan" button is clicked
again? (Also, ultimately I need to then send the form data as
email.)
Any help is very much appreciated!
Bitjammer
Link to sample:
http://216.197.127.249/grid/grid_sample_1.html
(Try entering 10 width and 10 length then click draw floor
plan)
Here is my actionscript code so far:
my_button.addEventListener("onPress",gridf);
my_button.onPress=function(){if(Number(widthTF.text)>1&&Number(heightTF.text)>1){gridF(Num ber(widthTF.text),Number(heightTF.text))
function gridF(h,w){
initX = 0;
initY = 0;
counter = 0;
for (var i = 1; i<=h; i++) {
for (var j = 1; j<=w; j++) {
counter++;
grid_container.attachMovie("cellMC", "cell"+counter,
counter);
grid_container["cell"+counter]._x = initX;
grid_container["cell"+counter]._y = initY;
initX += 15;
initY += 15;
initX = 0;
(For clarification: the width input variable is widthTF and
height input varible is heightTF.)

Thanks for taking time to answer my post, kglad.
Yes. I believe I understand. I could create another button
and call it "Reset Grid" and call this function, however what I am
hoping for is to have the grid redraw simply by the user entering
new values for the width and height and then clicking "draw
floorplan" again.
Currently the first line of code is:
my_button.addEventListener("onPress",gridf); Should not the grid
redraw each time and then parse the new values in the width and
height fields? I am sure I am just dense but my grid is not
clearing each time the "draw " button is clicked.
You can see this happen on the sample link below. After
entering say 20 width and 20 height values and clicking "draw"
button, the grid is created perfectly. Then if, say new values of
10 width and 10 height are entered and "draw" button is clicked,
the grid does not redraw correctly using these new values.
Sample link:
http://216.197.127.249/grid/grid_sample_1.html
Could the problem be that the gridf function should happen as
the first function in the script before the new values are parsed
again? Should a: grid_container.removeMovieClip(); execute before
anything else is executed each time the "draw" button is clicked?

How to make my own grid and perform a "snap to grid" effect?

Hi! I am a newbie in flash and I am trying to create a puzzle like game (a chinese puzzle game called tangram). I am wondering what kind of functions should I use to create a "triangular" grid i.e. something similar to this ? http://img40.imageshack.us/img40/2259/triangulargrid.jpg. What should I do to make the movie clips to perform the "snap to grid" effect to this grid?I have tried to draw my own grid and used the "cacheAsBitmap" function to implent it, however it doesnt seems to be working. Is there any suggestions or tutorials to this problem? Thank you very much.

Well, the project you are taking is not a simple one. It requires quite an experience with AS3. It is not a few lines of code but an understanding of Flash display list model and how objects can interact. In addition, there is no a single solution but rather wide array of possible approaches depending on use case.
To illustrate, the code below draws a mesh that replicates the image in your first post. Do you think that this is enough from the standpoint of your AS3 knowledge to get you started?
This code needs Flash 10:
var side:Number = 400;
var s:Sprite = new Sprite();
var g:Graphics = s.graphics;
g.lineStyle(3);
//g.beginFill(0xFF8000);
g.drawTriangles(
     Vector.<Number>([     0, 0, side * .5, 0, side, 0,
     side * .25, side * .25, side * .75, side * .25,
     0, side * .5, side * .5, side * .5, side, side * .5,
     side * .25, side * .75, side * .75, side * .75,
     0, side, side * .5, side, side, side
     Vector.<int>([
          0, 1, 3,
          1, 2, 4,
          0, 3, 5,
          1, 3, 6,
          5, 3, 6,
          1, 2, 4,
          1, 4, 6,
          2, 4, 7,
          6, 4, 7,
          5, 6, 8,
          5, 8, 10,
          6, 8, 11,
          10, 8, 11,
          6, 7, 9,
          6, 9, 11,
          7, 9, 12,
          9, 11, 12
addChild(s);

Best technique for creating an isometric grid

I know there are plugins to make isometric grids. I just want to draw one and have it available for later usage. How can I create this? (I am new to Illustrator and have no experience making custom grids.)
Thanks!

There are no true "custom grids" in Illustrator (in the sense of angled snap grids), just as there are no custom rulers.
If you feel you must use a grid for isometric drawing, you can fake it by several methods:
1. Draw an array of lines. Put them on a locked layer. Snap to point and SmartGuides will snap to them, even though they are locked.
2. Draw the array of lines. Convert them to Guides.
3. Use the Grid Tool to draw a square grid, rotate it 45°, scale it vertically 57.7%, put it on a locked layer or convert it to Guides.
4. Draw two short lines of the same length (one at 30°, the other at 150°), centered on each other, and use that figure to create a Pattern Swatch. Draw a rectangular path, fill it with the Swatch. Expand the fill so that snaps will work on it.
All the above have their drawbacks. 1, 2, and 3 are cumbersome because if your page size changes, the grid has to be changed, moved, or added to accordingly. (Unless you draw the grid to fill the entire pasteboard). 3 is awkward because of all the extraneous trash Illustrator is so prone to creating (unfilled, unstroked paths and clipping masks in expanded results).
I don't use a grid when drawing isometric in Illustrator. I just use SmartGuides. Look it up in online Help. Set the construction guides to 15° increments (or set custom angles to 30°, 150°, and 90°.)
JET

Warping picture in CS3 - stupid thing beeps at me!

I've used the Transform-Warp tool pretty readily before, but mostly with straight surfaces. Now I'm trying to match a picture onto a curved frame (it's actually imitating individual frames of a segment of film going across my picture)...
So, I put the picture in a layer over the frame (which in reality is transparent except for the lines and start the Transform. First I match the corners by holding CTRL and dragging the corners to the respective place on the frame. So far, so good. However, the right and left sides are still straight, not matching the curve of the frame (see below).
I'm still in the Transform dialog, so I click the Warp button on the Transform toolbar (or right-click and choose Warp). This, of course, gives me the warp grid. However, 9 time out of 10 when I click on a point on the grid the computer beeps!! What is worse, perhaps, is that sometimes it doesn't beep but when I drag the mouse another part of the picture entirely starts to warp!
BTW- clicking Commit to the above transform and then trying to warp that doesn't really work because the transform outline is now a big square that encompasses the picture/layer but its bottom is horizontal. The Warp grid doesn't give me just the points of the layer I'm warping!
Does anyone have any suggestions on a) what's up with the beep and/or b) the "best" method to warp the picture to fit the frame!
As usual, ANY and ALL help appreciated!
- Jim 8^O

The motherboard beeps?
http://www.intel.com/support/motherboards/desktop/sb/cs-010249.htm
If not the motherboard go into window sounds and look for a sound that is listed for program error or crtiical stop and test it to see if the sound matches. This will get you closer to the problem.

Drawing a warped grid in perspective???

Similar Messages

Maybe you are looking for