colour gradient in 3d text

Post questions on how to use or achieve an effect in Inkscape.
heini
Posts: 1
Joined: Wed Feb 26, 2014 1:45 am

colour gradient in 3d text

Postby heini » Thu Feb 27, 2014 9:43 pm

Hello,

I'm new to this forum and not really experienced, although by playing around with gimp, inkscape and vectorian giotto and reading a lot of tutorials I've gotten closed to what I want. But now I'm stuck.

I'm trying to achieve something like this:

0.jpg
0.jpg (17.99 KiB) Viewed 2598 times


I've got the text extruded and the sunbursts. Later I hope to assemble it in vectoriangiotto for an animated intro to my website.

Questions 3d text:

I've extruded the text using extrude/polygons. How do I get rid off those lines on the edges and how to I apply a colour gradient to the depth (extrusions) from .e. black to transparent? Or similar to the image, is this some kind of texture?

Questions sunbursts:

Zooming into the image, it seems that there are 3 circles (sunbursts), 2 coloured ones and a 3rd, nearly invisible (transparent) that gives those other 2 sunbursts some kind of structure. How do I achieve this effect?

Also, I have to work long hours, so it may take some time till I'm back here so let me thank you all in advance for any suggestions, they're greatly appreciated.

So, thank for your valueble input and please bear with my English, Im from Czech Republic.


heini


And please, don't tell me it's a questions of minutes in blender (unless you could point out some tutorials), this programm is sure great but so complex, it would take me another half year to figure that one out!

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: colour gradient in 3d text

Postby Lazur » Fri Feb 28, 2014 12:57 am

Hi.

Inkscape doesn't offer conic gradients.
You can use somekind of interpolation or blur filters. Either way it would be hours work to make it clean on a similar image.
With gimp you could add such fills in less time with the brush tool -and masking used-. Even if it might not be 100% precise, details won't appear in a small animation.

So it needs alot manual working with gimp and more with inkscape, or
small amount of modelling in blender, and a more time to experiment with setting up the scene.
Can't point out tutorials, but can give you some direction.

It is possible to import svg-s there.
Once the outlines of the text -converted to a path, ungrouped and combined together to one single compound path (Ctrl+Shift+C, Ctrl+Shift+G, Ctrl+K in inkscape)- is imported as an svg, convert mesh from curve (Alt+C), then change to edit mode (Tab),
then choose face selecting icon, select all (A), and extrude region.
(Personally I would remodel the original region with much less faces, but that's not necessary.)

Once you have the model, you can add new materials -or even inkscape drawn textures if you unwrap the model.

The benefit of using blender would be that you can make more complex animations then with vectoriangiotto.
If you get stuck, you can have feedback at http://blenderartists.org/.

pedro12
Posts: 3
Joined: Mon Feb 09, 2015 7:47 pm
Location: Pasadena, TX

Re: colour gradient in 3d text

Postby pedro12 » Wed Oct 21, 2015 9:27 pm

Lazur URH wrote:Hi.

Inkscape doesn't offer conic gradients.
You can use somekind of interpolation or blur filters. Either way it would be hours work to make it clean on a similar image.
With gimp you could add such fills in less time with the brush tool -and masking used-. Even if it might not be 100% precise, details won't appear in a small animation.

So it needs alot manual working with gimp and more with inkscape, or
small amount of modelling in blender, and a more time to experiment with setting up the scene.
Can't point out tutorials, but can give you some direction.

It is possible to import svg-s there.
Once the outlines of the text -converted to a path, ungrouped and combined together to one single compound path (Ctrl+Shift+C, Ctrl+Shift+G, Ctrl+K in inkscape)- is imported as an svg, convert mesh from curve (Alt+C), then change to edit mode (Tab),
then choose face selecting icon, select all (A), and extrude region.
(Personally I would remodel the original region with much less faces, but that's not necessary.)

Once you have the model, you can add new materials -or even inkscape drawn textures if you unwrap the model.

The benefit of using blender would be that you can make more complex animations then with vectoriangiotto.
If you get stuck, you can have feedback at http://blenderartists.org/.


I agree with this statement but why don't you upload some images of that

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

Re: colour gradient in 3d text

Postby Maestral » Thu Oct 22, 2015 12:52 am

^^^^^ What is it that you agree with and what images you`re talking about?
:tool_zoom: <<< click! - but, those with a cheaper tickets should go this way >>> :!:

hulf2012
Posts: 716
Joined: Sat Nov 24, 2012 12:37 pm

Re: colour gradient in 3d text

Postby hulf2012 » Thu Oct 22, 2015 1:08 am

Hello
Lazur, I disagree. Let him do it on Inkscape. Or Can you do it all that illustration in blender in less than 1 hour, including the render time? :twisted:

heini, could you share what you have right now, or a sample of that?... It's better to know how are you doing those different effects.

heini wrote:
Questions 3d text:
I've extruded the text using extrude/polygons. How do I get rid off those lines on the edges and how to I apply a colour gradient to the depth (extrusions) from .e. black to transparent? Or similar to the image, is this some kind of texture?

Questions sunbursts:
Zooming into the image, it seems that there are 3 circles (sunbursts), 2 coloured ones and a 3rd, nearly invisible (transparent) that gives those other 2 sunbursts some kind of structure. How do I achieve this effect?

heini



3d text:
Select al your extruded shapes. Go to the bottom left side of your inkscape window. There you will see two rectangles. The bottom rectangle also has a number on its right side. That represents the stroke fill and wide options. Do a right click on it, and select the option for dissapearing the stroke

wait... I don't remember if the extrusions where only strokes or closed shapes.... mmm ... don't forget that ctrl+z undo your actions :oops:

I recommend to put your elements in different layers

You can apply a linear gradient to each extrusion... It will take time

sunbursts:
You have to "blur" one or two of the circles. I think that a better blurring effect can be achieved if instead of circles you use stars of many points instead of circles. After that arrange those circles behind all the sun rays.
If you have problems:
1.- Post a sample (or samples) of your file please.
2.- Please check here:
http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.html
3.- If you manage to solve your problem, please post here your solution.

hulf2012
Posts: 716
Joined: Sat Nov 24, 2012 12:37 pm

Re: colour gradient in 3d text

Postby hulf2012 » Thu Oct 22, 2015 1:23 am

Maestral wrote:^^^^^ What is it that you agree with and what images you`re talking about?


off topic:
hehe ... hello Maestral, Hello Lazur, hello everyone

Hello



____
If you have problems:
1.- Post a sample (or samples) of your file please.
2.- Please check here:
http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.html
3.- If you manage to solve your problem, please post here your solution.

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

Re: colour gradient in 3d text

Postby Maestral » Thu Oct 22, 2015 2:07 am

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

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: colour gradient in 3d text

Postby Lazur » Thu Oct 22, 2015 4:41 am

hulf2012 wrote:Hello
Lazur, I disagree. Let him do it on Inkscape. Or Can you do it all that illustration in blender in less than 1 hour, including the render time?



Image

hulf2012 wrote:hehe ... hello Maestral, Hello Lazur, hello everyone



Image

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: colour gradient in 3d text

Postby Lazur » Thu Oct 22, 2015 5:41 am

Image

https://www.dropbox.com/s/y6jwc862grt4j97/if6.png?dl=0


What could speed things up:

Having the lettering right already.
Text, font, chosen. Preferably with all the fancy glows and gradient fill.

A separate background already ready.
A composition.


Drawing the text and tweaking a tad bit took 5-10 minutes playing with blender with textures and rendering ~25, the rest was done in gimp.

For that matter a similar effect can be drawn in gimp with motion blur,
a simple emboss effect can be added by filtering,
sort-of conic gradients are available as vectors in inkscape.
So yes, you can make a cheap glare and emboss in any of the mentioned programs quickly, but quality work would need more than an hour no matter the weapon of choice.

hulf2012
Posts: 716
Joined: Sat Nov 24, 2012 12:37 pm

Re: colour gradient in 3d text

Postby hulf2012 » Thu Oct 22, 2015 10:09 am

Hello

I wish to know more about Blender, but all those buttons and strange names makes me crazy!... patience I guess

marquee01b.png
marquee01b.png (105.78 KiB) Viewed 2198 times


My try, my work with Inkscape, around 1 hour, ... or more. Of course, some things could have been better
Attachments
marquee01.svg.zip
(136.66 KiB) Downloaded 161 times
If you have problems:
1.- Post a sample (or samples) of your file please.
2.- Please check here:
http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.html
3.- If you manage to solve your problem, please post here your solution.

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

Re: colour gradient in 3d text

Postby brynn » Thu Oct 22, 2015 1:40 pm

The message that REstarted this topic is spam!

The op is probably not going to see this new discussion -- probably long gone.

Although, nice effort, Lazur and hulf :D

hulf2012
Posts: 716
Joined: Sat Nov 24, 2012 12:37 pm

Re: colour gradient in 3d text

Postby hulf2012 » Thu Nov 05, 2015 12:03 am

In my face!
How diabolic!
If you have problems:
1.- Post a sample (or samples) of your file please.
2.- Please check here:
http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.html
3.- If you manage to solve your problem, please post here your solution.


Return to “Help with using Inkscape”