How to design chrome logo programatically?

  • Context: Java 
  • Thread starter Thread starter zak100
  • Start date Start date
  • Tags Tags
    Chrome Design
Click For Summary
SUMMARY

This discussion focuses on the steps to programmatically design the Google Chrome logo, specifically how to divide the logo into three colored regions: red, green, and yellow. Participants recommend using the Processing IDE with Java for graphical programming or SVG coding for web applications. Key insights include measuring the radii of the logo's segments and utilizing tools like Wolfram Alpha for geometric calculations. The conversation emphasizes the importance of understanding the design phase before coding.

PREREQUISITES
  • Understanding of geometric principles and circle division
  • Familiarity with the Processing IDE and Java programming
  • Knowledge of SVG coding for web graphics
  • Basic skills in using Wolfram Alpha for mathematical calculations
NEXT STEPS
  • Explore the Processing IDE for creating graphics programmatically
  • Learn SVG coding techniques for web-based graphic design
  • Research geometric algorithms for dividing circles into segments
  • Utilize Wolfram Alpha for solving geometric equations related to logo design
USEFUL FOR

This discussion is beneficial for graphic designers, software developers, and anyone interested in programmatically creating logos or understanding geometric design principles.

zak100
Messages
462
Reaction score
11
Hi,
Can some body please guide me how to design google chrome logo programatically? I don't want the embosing or outward effect. I thought it can be done by dividng the circle into 3 portions, 120 degrees apart. But where to start this partition to give it an original look. Also we can have three concentric circles. But the division part is not clear to me.

Some body please tell me the steps.

Zulfi.
 

Attachments

  • offical google chrome logo.jpg
    offical google chrome logo.jpg
    2.6 KB · Views: 526
Technology news on Phys.org
Can you provide some context here? You say you want to do it programmatically and yet you don’t say what language you’re using nor what graphics library you may have.

I would suggest downloading the processing app at processing.org and use it to explore creating this logo with graphics api provided in processing using java as the base language.

If instead you meant something for the web then look into SVG coding for a web page.

Lastly, you need to stop asking people to guide you and to show you the steps. You could have researched it first on google and then asked about specific technologies.
 
  • Like
Likes   Reactions: berkeman
Hi,

<Lastly, you need to stop asking people to guide you and to show you the steps. You could have researched it first on google and then asked about specific technologies.>

Reference https://www.physicsforums.com/threads/how-to-design-chrome-logo-programatically.949699/

[[Moderator's note: off topic remarks removed]]
<
Can you provide some context here? You say you want to do it programmatically and yet you don’t say what language you’re using nor what graphics library you may have.>

[[Moderator's note: off topic remarks removed]] I am not pressing on the language because I don't need the code.

Zulfi.
 
Last edited by a moderator:
It's not clear what you are asking as the logo has already been designed.

All I can say is to note that:

The straight lines appear to be tangents.
The one between red an yellow appears horizontal.
The logo appears to have a faint white highlight.
 
Hi,
I want to create a replica of the logo. I know that there are 3 regions. I want to how to find the radii where the 3 regions red, green and yellow starts. Please guide me how to find the radii?

Zulfi.
 
zak100 said:
Please guide me how to find the radii?
Measure them with a ruler, off your computer screen? I expect the logo can appear in different sizes (scale factors), so the ratio of the radii is what matters. Of course, the diameters are easier to measure.
 
Print one at a large size before you measure it.

If you are trying to convert the jpeg (raster) to vector format there are probably free programs to do that.

Or you could import the small jpg into a graphics program, enlarge it then overlay shapes (circles and lines etc) on a new layer(s).
 
  • Like
Likes   Reactions: jedishrfu
Hi
Thanks CWaters. I would use Visio. By radii i mean I have to actually find out the points or coordinates where the radii cuts the circle. These points would help me to identify the length of regions. After that I have to draw the central circle which is a concentric circle.

Zulfi.
 
  • Like
Likes   Reactions: jedishrfu
  • #10
zak100 said:
Hi
Thanks CWaters. I would use Visio. By radii i mean I have to actually find out the points or coordinates where the radii cuts the circle. These points would help me to identify the length of regions. After that I have to draw the central circle which is a concentric circle.

Zulfi.

To be clear, this is a manual solution not a programmatic solution. This is where the confusion comes from in our earlier post exchanges. By programmatic most folks will agree that it means to have a program draw the logo and that you provide the programming statements to make it happen that’s why I suggested the processing IDE tool.
 
  • #11
Hi,
<By programmatic most folks will agree that it means to have a program draw the logo and that you provide the programming statements to make it happen that’s why I suggested the processing IDE tool>

You can't write a program without having an algorithm. Algorithm is basically a design phase and it should not be a programming statement. I have finalized the design phase. If I can't write the correct code, this means that there is a problem in the design phase.That's what i told you in the post#3 that I don't need the code. I am talking about the design phase not the development phase. In the development phase we surely talk about the code.

Programatically means the code but I have already searched the web and I can't find any code for my problem and nobody will do the programming for me unless I pay for it. So now I need to know the steps for manual design. Once I know the steps, I have to convert them into code.
Other reason is that its programming forum.
Also my final output is a program in Java which i already specified in my title.

Zulfi.
 
  • Like
Likes   Reactions: Merlin3189
  • #12
I made up a few equations that seem to approximate Googles logo and typed them into Wolframalpha.
https://www.wolframalpha.com/input/?i=x^2+y^2=0.8^2,+x^2+y^2=1,+x^2+++y^2+=+2.2^2,+y=1,+y+=+sin(120)/cos(120)+*+x+-+sin(90)/sin(30),++y+=+sin(240)/cos(240)+*+x+-+sin(90)/sin(30)

It seems to work fine. I assumed a radius of 2.2 for the outer circle and a radius of 1 for the circle in the middle.
You can also use Wolframalpha to find the coordinates at which a circle and a line meet.
e.g.
https://www.wolframalpha.com/input/?i=x^2+++y^2+=+2.2^2,+y+=+sin(120)/cos(120)+*+x+-+sin(90)/sin(30)
 
  • Like
Likes   Reactions: Greg Bernhardt and russ_watters
  • #13
zak100 said:
Hi,
<By programmatic most folks will agree that it means to have a program draw the logo and that you provide the programming statements to make it happen that’s why I suggested the processing IDE tool>

You can't write a program without having an algorithm. Algorithm is basically a design phase and it should not be a programming statement. I have finalized the design phase. If I can't write the correct code, this means that there is a problem in the design phase.That's what i told you in the post#3 that I don't need the code. I am talking about the design phase not the development phase. In the development phase we surely talk about the code.

Programatically means the code but I have already searched the web and I can't find any code for my problem and nobody will do the programming for me unless I pay for it. So now I need to know the steps for manual design. Once I know the steps, I have to convert them into code.
Other reason is that its programming forum.
Also my final output is a program in Java which i already specified in my title.

Zulfi.

I guess we have a language barrier here then because programmatically includes the algorithm and implies the answer is in some form of pseudo code or real code. Your post#3 did not mention anything about wanting an algorithm.

In truth, it’s not hard to figure out how to draw this logo. It’s quite geometric in its design.

And so I think this thread has run its course and it’s time to close it rather devolve into the meanings of programmatically and algorithm.

A big thanks to all who contributed here.
 

Similar threads

  • · Replies 4 ·
Replies
4
Views
2K
  • · Replies 2 ·
Replies
2
Views
2K
  • · Replies 9 ·
Replies
9
Views
3K
  • · Replies 4 ·
Replies
4
Views
4K
  • · Replies 3 ·
Replies
3
Views
2K
  • · Replies 1 ·
Replies
1
Views
1K
  • · Replies 14 ·
Replies
14
Views
3K
  • · Replies 2 ·
Replies
2
Views
5K
  • · Replies 2 ·
Replies
2
Views
1K
  • · Replies 26 ·
Replies
26
Views
7K