make chevy logo

Post questions on how to use or achieve an effect in Inkscape.
fredep57
Posts: 5
Joined: Sat Jan 07, 2012 2:37 am

make chevy logo

Postby fredep57 » Sat Jan 07, 2012 2:39 am

I have a tutorial that has told me how to make the chevy logo but it is in photoshop. Now, I can do most, but need to know how to pull in the rectangle 65px from each opposite corner. Cannot figure out how to select just the corner and then move it in/out at all.

Thanks
E

User avatar
flamingolady
Posts: 687
Joined: Wed Jun 10, 2009 1:40 pm

Re: make chevy logo

Postby flamingolady » Sat Jan 07, 2012 9:46 am

It's a bit hard to tell what you want to do without seeing it. However, maybe this will help. Go into the node mode (when you hover over it, it says 'edit paths by node'. Then click on your object to see the nodes appear. You can then select a single node and drag it, or you can hold down your shift or ctrl key and choose several nodes and drag all of them at once.
note: sometimes you will need to move nodes before dragging, so they move as you want, and sometimes you will need to add more nodes so the rest of the object doesn't move out of proportion.
hope this helps to get you started at least.
dee

User avatar
brynn
Posts: 10309
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: make chevy logo

Postby brynn » Sat Jan 07, 2012 5:40 pm

Welcome to InkscapeForum!

If you have rectangle shapes, you'd first have to use Path menu > Object to Path. Then switch to the Node tool ( :tool_node: ) as flamingolady suggests.

To move the node exactly 65 px, you could use a couple of different techniques. One -- create a grid, so that you can measure where to place the node. Or 2, which is probably easier, is do some simple math. With the Node tool, click on the node to select it (it will turn red/blue) then look up at the tool control bar, where you can see the coordinates of the node's position. Whatever value you have for X, either add or subtract 65 (depending on which way you need to move it). Or if you're moving the node vertically, use the Y value.

Let us know how it goes :D

fredep57
Posts: 5
Joined: Sat Jan 07, 2012 2:37 am

Re: make chevy logo

Postby fredep57 » Wed Jan 18, 2012 7:59 am

OK, got to the nodes and.... am struggling.

I am trying to use the tutorial/instructions for a chevy logo here http://vforvectors.com/create-the-chevrolet-logo/.

Any help "converting" it from illustrator to inkscape would be great

F

User avatar
brynn
Posts: 10309
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: make chevy logo

Postby brynn » Wed Jan 18, 2012 11:50 am

Aaahh.....that is a very complex image. And while you can probably use the Illustrator tutorial for drawing the basic shape in Inkscape, it will become much more difficult when you get to creating the 3d effects, shading, highlighting, reflections, etc. And if you're struggling still with the nodes, I think it will be a long road for you. But you certainly seem to be determined!

I don't mind commiting to trying to help, but I've never used Illustrator, and can't guarantee that I will be able to understand the tutorial enough to explain the more complex techniques in Inkscape terminology. I do think that the image can be recreated with Inkscape, but it will be a major project. Do you want to recreate the whole thing, or do you want to use just parts of it?

I don't mean to discourage you. I just need to get an idea how much help (and time) will be needed. So if you could explain how much of the tutorial you plan to use, that would be helpful.

Have you managed to set up the grid in Inkscape? Maybe you could show us what you've done so far?

Someone recently posted messages asking for some tutorials for specific projects, which I thought would never be answered. But I was surprised when someone else (a new member) recently posted some video tutorials for them! I can't really volunteer that person, but if you look around or search the forum, you might find out who it was. Note that this is a much more complex project than those.

fredep57
Posts: 5
Joined: Sat Jan 07, 2012 2:37 am

Re: make chevy logo

Postby fredep57 » Thu Jan 19, 2012 8:05 am

I thought that this tutorial was pretty straight forward, but... maybe I was too naive.

OK, I have gotten some done and have attached the SVG file for review.

I am sticking on "uniting" the objects like the tutorial has. Maybe I am still looking at this too easily.

I am really trying to see how the Inkscape commands "parallel" the Illustrator commands. One should be able to do the same vector things in Inkscape as Illustrator????

Thanks
Attachments
Logo.svg
(2.96 KiB) Downloaded 324 times

User avatar
Maestral
Posts: 982
Joined: Sat Aug 27, 2011 7:10 am

Re: make chevy logo

Postby Maestral » Thu Jan 19, 2012 11:53 am

"One should be able to do the same vector things in Inkscape as Illustrator????"

Not really. Same result - yes, but workflow is different. Inkscape is in a way limited, compared to Illustrator. But, I recognize it as a different approach. Inkscape asks for some more basic knowledge yet Illustrator offers bunch of automatized helpers and almost endless combination of effects. Also, it`s not quite fair to compare them after all, due to their origins and originators (I`m mostly refering to the speed of development, since all that I need more from Inkscape is variable path width, announced for the next release).

I haven`t aimed the complete resemblance, and was lazy about entering exact RGB, but I hope this would encourage you to do it, in your own way:
Image

Few things I would like to point out, which might significantly differ in Inkscape from the link, Illustrator.
Inner parts of shadows have rounded corners, and I think that usage of square object along with Rx/Ry for corners could provide desired result. Editing nodes is less precise but evenly efficient.
Image
^In this case, I made a duplicate, added nodes and then adjusted curvature according to the sharp cornered original.

Inset of front plane (orange) could be produced with Path/Inset or Extensions/Generate from path/Interpolation (including exponent, steps and method). As brynn already mentioned, guides and/or grid is also very nice solution. Still, I have a question. Does anybody have an explanation why does Inset tends to distort even straight lines (as in this case) when applied? I`ve noticed that distortion is not quite predictable, which makes things even more complicated (at least, for me,)
Image
I`m asking this, cause at first I made a "quick walk" trough this tutorial and later I made the one which you may see above. Both times distortions were different, when inset applied.
:tool_zoom: <<< click! - but, those with a cheaper tickets should go this way >>> :!:

User avatar
brynn
Posts: 10309
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: make chevy logo

Postby brynn » Fri Jan 20, 2012 6:12 am

Yes, I agree with Maestral. You can probably do the same things with Inkscape that you can with Illustrator (in this image), but they are done in different ways. Let me have a look at your file, and peruse Maestral's comments. Then I'll add some of my own (if I have anything helpful to add).

Edit
Aaah, ok. For the Illustrator "Unite", the comparable command in Inkscape is Path menu > Union. So select both pink objects then Union, and select both green then Union. I'm gonna leave you to move on as far as you can after that. Because it's a long tutorial, and too long for me to "translate" step by step. Then whenever you get stuck again, post a reply, and we'll try to find the equivalent Inkscape steps for you. :D

Edit 2
Maestral, I don't know why the Path Offset commands turn straight lines into not so straight lines. I think that Inkscape attempts to make the inset difference equal at all points (not nodes). And if you notice, the only way to make that happen on a sharp corner (of 2 straight segments) is to create a curve around the corner. There's probably a much more mathematical (or geometric) explanation, and I don't have the proper terminology.

Instead of Inset, in this case, I think I would Scale instead. That will retain the sharp corners, and otherwise create the "concentric" shape.

~suv
Posts: 2272
Joined: Sun May 10, 2009 2:07 am

Re: make chevy logo

Postby ~suv » Sat Jan 21, 2012 4:26 am

Maestral wrote:Still, I have a question. Does anybody have an explanation why does Inset tends to distort even straight lines (as in this case) when applied? I`ve noticed that distortion is not quite predictable, which makes things even more complicated (at least, for me,) (…)

  1. There are known issues with very small paths (bug #616469)
  2. The stroke style for Join and Cap does affect the outset/inset commands (test inset/outset commands with two basic stroked stars, one with miter joins and one with round joins)
For further investigation, a screenshot does not really help to reproduce (original SVG source would be needed).

User avatar
Maestral
Posts: 982
Joined: Sat Aug 27, 2011 7:10 am

Re: make chevy logo

Postby Maestral » Sat Jan 28, 2012 3:01 am

Almost forgot to reply and to upload .svg

@ ~suv
I`d really like to hear your opinion about this.

Image
offset1.svg
:tool_zoom: <<< click! - but, those with a cheaper tickets should go this way >>> :!:

~suv
Posts: 2272
Joined: Sun May 10, 2009 2:07 am

Re: make chevy logo

Postby ~suv » Sat Jan 28, 2012 4:32 am

Maestral wrote:I`d really like to hear your opinion about this.

AFAICT the odd inset path depends on the (absolute) path geometry of the original. Try this: select the original path, rotate it one step (15°) - e.g. using the keyboard shortcut [ - then duplicate and inset: for me this result is closer to the expected one (visually, all corners stay cusp and the extracted node handles seem to align well with the straight line segments). Tests done with Inkscape 0.48.2 (OS X Lion).
maestral-offset1-rotated.png
maestral-offset1-rotated.png (47.16 KiB) Viewed 6533 times

Path modifications like
  • flipping the path vertically and/or horizontally
  • breaking the path at the first/last node
  • reversing the path direction
  • moving the path to a new layer (to avoid any preserved transforms on parent group, and on the path itself)
have no effect on the 'Inset' command.

I haven't figured out yet what actually could be the trigger (in the path geometry).

User avatar
Maestral
Posts: 982
Joined: Sat Aug 27, 2011 7:10 am

Re: make chevy logo

Postby Maestral » Sat Jan 28, 2012 5:00 am

Thanks.

I`ll pay attention in further usage and post if I got any news about it.

*edit
I`ve tried inset with rotation, but on stars (from the uploaded file) and it didn`t worked well. That`s why I have not made any further comments, instead I made a few more tryouts, but just recently I applied it on original shape from the logo and it worked fine/as shown on your picture.
:tool_zoom: <<< click! - but, those with a cheaper tickets should go this way >>> :!:

User avatar
PolyDawg
Posts: 15
Joined: Tue Feb 28, 2012 9:49 pm

Re: make chevy logo

Postby PolyDawg » Sun Sep 09, 2012 5:50 am

For the initial question I did the following :

- Create the grid with 5px
- Creating the rectangle with double sizes
- Then convert the rectangle to path
- Then move the corners of desired length on X axis, snapping to the grid

Regards


Return to “Help with using Inkscape”