Jump to content

Recommended Posts

Hello. I am trying to create design from picture above. I have problem with zig zag lines. I want to get effect like on screenshoot 1.

Screenshoot 2 is showing my package template. I would like to get zig zag lines go smoothly from one side of the package to another one.

Any ideas how i could make this work?

 

Screenshot_1.png

Screenshot_2.png

Share this post


Link to post
Share on other sites

The top edge is curved in the image not straight, the zigzag lines can be placed under the black line shape colour, I've attached a file that shows what I mean.

5b01d29cc899d_ScreenShot2018-05-20at20_54_52.png.ae010161ac76c698084265b6f6ea2893.png

 

Cone with zigzag.afdesign


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - FeedbackInstagram & Flickr

Share this post


Link to post
Share on other sites
24 minutes ago, firstdefence said:

 

The top edge is curved in the image not straight

 

 

That’s true, but your screenshot seems to ignore the fact that the plain bit at the top isn’t part of the front face of the ‘cone’. It’s the inside of the back face of what is essentially a gusseted bag with a curved top, sloping sides and a narrow base.

 

Disclaimer: I haven’t viewed your *.afdesign file.


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.3.481 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.3.155 • Designer for iPad 1.7.3.1 • iOS 12.4.1 (iPad Air 2)

Share this post


Link to post
Share on other sites

5b01daa59e467_ScreenShot2018-05-20at21_28_36.png.f9b26b2b045fb9f12b535c623ae45472.png

 

Cone Template.afdesign

 

 

 

 


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - FeedbackInstagram & Flickr

Share this post


Link to post
Share on other sites

I hope you aren’t accusing Alfredo (who’s him?) of waffling! :o


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.3.481 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.3.155 • Designer for iPad 1.7.3.1 • iOS 12.4.1 (iPad Air 2)

Share this post


Link to post
Share on other sites
35 minutes ago, αℓƒяє∂ said:

I hope you aren’t accusing Alfredo (who’s him?) of waffling! :o

He is a bit of a chatterbox


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - FeedbackInstagram & Flickr

Share this post


Link to post
Share on other sites

Thanks for help firstdefence. But from pictures below You can see what i have problem with. I dont get smooth transition of zig zag lines on other cones face. Any idea how to fix that?

 

Screenshot_2.png

Screenshot_3.png

Share this post


Link to post
Share on other sites

You won’t easily get a smooth transition if you draw a separate set of zigzags for each side of the container. You seem to be trying to make the zigzags follow the line of the top of the packaging, but if you look closely at the photo in your original post you’ll see that the curved top cuts through the zigzag pattern. To create the same effect, you just need to fill a rectangle with a regular pattern of zigzag lines, draw the packaging shapes on top, add copies of the shapes to create an outline and then clip the rectangle to that outline shape.


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.3.481 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.3.155 • Designer for iPad 1.7.3.1 • iOS 12.4.1 (iPad Air 2)

Share this post


Link to post
Share on other sites

I suspect the package zigzag design doesn't go around the back but as Alfred has noted the zigzag pattern is linear and not curved. The problem is one of a diminishing shape when its within the bounds of a triangle. In your design you are creating a problem by splitting a triangle, what you should have is three triangles with one having the glue edge, like so...

5b02baa409cf8_ScreenShot2018-05-21at13_23_22.thumb.png.c21472fa397bf657fa5febfa16979cc1.png

 

There are three triangles in this design, a front triangle, a back triangle and an extended triangle, the back triangle and an extended triangle can be merged but I have left them separate to demonstrate the construction of this shape. All triangles were created using the Pie Tool and the diagonal line is 45º this keeps everything neat. The front and back triangles have the zigzag texture as a sublayer so that the parent layer clips the texture. Both textures are in the same place but clipped by their respective parent layer. 

 

This makes for a much less complicated design and you are not fighting the design.

 

chunky monkey waffles.afdesign

 

Note: You could try rotating the zigzag texture to see if you can get the texture to follow the triangle, the results are a bit better.

5b02c01254081_ScreenShot2018-05-21at13_47_37.thumb.png.68e3e5c2efdf5245759b064bc6f98660.png

 

chunky monkey waffles v2.afdesign

 

 

You could always change the design texture to something less awkward like polka dots.

5b02c2a6c1a1f_ScreenShot2018-05-21at13_58_36.thumb.png.90c75f337ef6b7089357658e45f0003e.png

 


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - FeedbackInstagram & Flickr

Share this post


Link to post
Share on other sites
9 hours ago, firstdefence said:

All triangles were created using the Pie Tool and the diagonal line is 45º this keeps everything neat.

But it would not be much like the package template:

cone.png.b1755a7dda68f6b393e72f769cc777a4.png  633470193_chunkymonkeyangle.png.4247f1a12fa57565e158ce0419e1421c.png  1836610694_wackydaffy.png.2cf9f7301884b20e30ffc86c7caf181e.png

On the assumption that the actual angle of the package is probably 60°, I came up with Wacky Daffy Waffles.afdesign. It is based on your chunky monkey file but I decided to see if using symbols for the front & back would keep everything neat & aligned at the fold. And so it does ... almost. :S You can't tell from the screenshot above but it is easy to see the slight misalignment in the opened afdesign file if you zoom in.

Any idea why this doesn't work perfectly?


Affinity Photo 1.7.3, Affinity Designer 1.7.3, Affinity Publisher 1.7.3; macOS High Sierra 10.13.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 1.7.3.155 & Affinity Designer 1.7.3.1 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 13.1.2

Share this post


Link to post
Share on other sites
30 minutes ago, R C-R said:

But it would not be much like the package template:

My packaging cost less, I can serve less and charge more = more profit. 


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - FeedbackInstagram & Flickr

Share this post


Link to post
Share on other sites

I think making a simpler less obvious texture would look better, actually I think these packages are for serve crepes not waffles but I could be wrong, 60º works as well and symbols is good angle < pun intended to come from. I think the person eating the food isn't going to worry too much about a slight offset with the printing but if I was actually making one of these I'd certainly spend more time making sure it all worked and was accurate.


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - FeedbackInstagram & Flickr

Share this post


Link to post
Share on other sites
5 minutes ago, firstdefence said:

My packaging cost less, I can serve less and charge more = more profit. 

Your grasp of supply & demand economics may not be quite as good as one might hope for. xD

1 minute ago, firstdefence said:

actually I think these packages are for serve crepes not waffles...

With a flat bottom, they remind me somewhat of McDonald's french fry (chips on your side of the Atlantic?) containers.


Affinity Photo 1.7.3, Affinity Designer 1.7.3, Affinity Publisher 1.7.3; macOS High Sierra 10.13.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 1.7.3.155 & Affinity Designer 1.7.3.1 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 13.1.2

Share this post


Link to post
Share on other sites
11 minutes ago, R C-R said:

With a flat bottom, they remind me somewhat of McDonald's french fry (chips on your side of the Atlantic?) containers.

We call them fries here as well, although I don't eat junk food. Chips are fatter, soggier and dripping in hydrogenated grease, they are then drowned in vinegar and salt added for taste, if taken home they may also have salad cream, mayo, brown or tomato sauce liberally splashed all over them, they can also come with plastic cheese melted onto them. Yum!

forgot to add, I export textures as PNG to be applied later in my cutting app Make The Cut, so I focus on shape, cut lines and fold lines, then I overlay the texture and export separately.

Loving the new forum by the way.


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - FeedbackInstagram & Flickr

Share this post


Link to post
Share on other sites
4 hours ago, R C-R said:

Any idea why this doesn't work perfectly?

because the zigzag in your file isn't exactly symmetrical. If you mirror the 2nd piece, the two parts match and moreover when closing the beautiful thing, the beginning would meet the end perfectly.

Screen Shot 2018-05-22 at 04.51.01.png

Share this post


Link to post
Share on other sites
23 minutes ago, hannah said:

because the zigzag in your file isn't exactly symmetrical.

Thanks! I blame @firstdefence (& my own laziness) for that -- I stole borrowed his ZIGZAG TEXTURE zigzag group from his original chunky monkey file for my Wacky Daffy file.


Affinity Photo 1.7.3, Affinity Designer 1.7.3, Affinity Publisher 1.7.3; macOS High Sierra 10.13.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 1.7.3.155 & Affinity Designer 1.7.3.1 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 13.1.2

Share this post


Link to post
Share on other sites

Isn't a cone shape just part of a larger circle shape?

I would start with a circle (shown in grey below) add the wavy lines out from the centre point of the circle

Then add pie segments to make the cone, etc etc etc

Once done just mask out the unwanted stuff

No time to do this neater but hopefully you can see what I mean, the wavy lines are just made with the polygon shape tool. Each with 24 sides, in my example

 

 

conefin.jpg


Due to the fact that Boris Johnson is now our Prime Minister, punctuation, spelling and grammar will never be worried about ever again.  We now have far bigger problems to be concerned about.

Share this post


Link to post
Share on other sites
46 minutes ago, carl123 said:

Isn't a cone shape just part of a larger circle shape?

I would start with a circle (shown in grey below) add the wavy lines out from the centre point of the circle

Then add pie segments to make the cone, etc etc etc

Once done just mask out the unwanted stuff

No time to do this neater but hopefully you can see what I mean, the wavy lines are just made with the polygon shape tool. Each with 24 sides, in my example

 

 

conefin.jpg

Nice angle {Groan}

Yes, there are quite a few ways to do this, such as the donut shape, you could even make it even simpler by creating a roll-up version so all you have  is an arc with a glue edge. The most awkward part of all of this is the texture, the design.

Because Affinity doesn't honour a distance when scaling a shape or have an Offset Tool yet, it makes it clumsy to create consistently spaced shapes easily, especially arcs. I don't think a zigzag shape works particularly well anyway and is probably why the zigzag is straight and not curved in the original design. Creating a texture layer that can be placed as a sublayer to an outline later is the easiest method and its fairly easy to make an overprint to allow for less than accurate cutting.


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - FeedbackInstagram & Flickr

Share this post


Link to post
Share on other sites

Hi, tterihaj,

The file confuses me some. It starts w. the main wedge. It seems to be close to 45 degrees, but not quite. I can't tell, but I think it is 44.2 +/- .05. That makes every thing hard to line up.

Also, the "measures" are oddly constructed. Seems to be a bunch of thin overlapping rectangles. Polygons w. corner nodes overlapping should allow better placement of object on upper layers.

I have to take care of something else just now, but will try to get back in an hour or so with some solutions.


iMac 27" Retina, c. 2015: OS X 10.11.5: 3.3 GHz I c-5: 32 Gb,  AMD Radeon R9 M290 2048 Mb

iPad 12.9" Retina, iOS 10, 512 Gb, Apple pencil

Huion WH1409 tablet

Share this post


Link to post
Share on other sites
12 minutes ago, gdenby said:

Hi, tterihaj,

The file confuses me some. It starts w. the main wedge. It seems to be close to 45 degrees, but not quite. I can't tell, but I think it is 44.2 +/- .05. That makes every thing hard to line up.

Also, the "measures" are oddly constructed. Seems to be a bunch of thin overlapping rectangles. Polygons w. corner nodes overlapping should allow better placement of object on upper layers.

I have to take care of something else just now, but will try to get back in an hour or so with some solutions.

Ok thank you. I think i could fix it with circle zig zag shape as described above. but i have problem forming circle zig zag shape...

Share this post


Link to post
Share on other sites
7 minutes ago, tterihaj said:

Ok thank you. I think i could fix it with circle zig zag shape as described above. but i have problem forming circle zig zag shape...

A “circle zig zag” shape is just a star shape with lots of points, a large inner radius and a wide stroke.


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.3.481 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.3.155 • Designer for iPad 1.7.3.1 • iOS 12.4.1 (iPad Air 2)

Share this post


Link to post
Share on other sites
4 minutes ago, αℓƒяє∂ said:

A “circle zig zag” shape is just a star shape with lots of points, a large inner radius and a wide stroke.

Thanks a lot alfred! 

Share this post


Link to post
Share on other sites

I started out using the ellipse tool, converting to pie section. The center 1, 45°, the left and right, 22.5°. Made a larger center section, and used the corner tool to round the top corners. U

Using the pen tool, made a zig zag line snapping to grid. Made the line weight what I thought was similar to the photo example. Selected all those, and expanded stroke. Added the shapes together, and gave them color.

Beginning.thumb.jpg.e741df85069266c2b7c8fbd0a3923db0.jpg

Converted the pie shapes to curves, and changed nodes to sharp to get triangles. Nested the zig-zag lines in the main triangle. Duplicated that, and rotated around the bottom vertex. Adjusted the parent triangles nodes to snap to the underlying pie shapes.

I could only imagine what machines might do to cut out the shapes, perhaps perforate them, add glue, and fold them into the cone pocket. So the notations like "2nd fold" are just my imagination.

MyAttempt3.afdesign


iMac 27" Retina, c. 2015: OS X 10.11.5: 3.3 GHz I c-5: 32 Gb,  AMD Radeon R9 M290 2048 Mb

iPad 12.9" Retina, iOS 10, 512 Gb, Apple pencil

Huion WH1409 tablet

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.