How to make a shiny button in OmniGraffle
Posted 1 year ago
— filed under
One of my favorite new Mac apps is OmniGraffle, a slick piece of work that does diagramming, flowcharts, and other drawing oriented tasks. I needed a spiffy-looking logo button for a demo site this evening, and I needed something fast, so I popped open OmniGraffle and tried to whip something up. The results were pretty cool, so I thought it might be helpful to share the how-to:
graffle button
good job on that button you made.... but Mine doesn't come out like yours. My error seems to be centered around the third step.
What settings are you using for the "linear blend of 50% - 0% White...?
I am not getting a smooth transition of the two ovals.
thanks,
chrisj
re: smooth transition
Hi - you need to set the opacity from 50% to 0%, which is hidden at the bottom of the color picker. So do the linear blend, and when you click on the color selector for the top most color, choose white in the color picker, and then at the bottom, set the opacity to 50%. When you choose the bottom color of the liner blend, choose white again, but set the opacity to 0%. Then, it blends. :-) Cheers - Gerry
Smooth Transition - Apple Script
Here is an AppleScript (in O.G. Edit -> Copy As -> AppleScript that should reproduce the object, which you can then inspect: tell application "OmniGraffle Professional"
tell canvas of front window
make new shape at end of graphics with properties {gradient angle:90, fill color:{1.0, 1.0, 1.0, 0.49}, draws stroke:false, textPosition:{0.1, 0.15}, textSize:{0.8, 0.7}, gradient color:{1.0, 1.0, 1.0, 0.0}, name:"Circle", draws shadow:false, origin:{205.5, 184.5}, size:{48.0, 28.0}, fill:linear fill}
make new shape at end of graphics with properties {gradient angle:90, draws stroke:false, textPosition:{0.1, 0.15}, textSize:{0.8, 0.7}, gradient color:{1.0, 0.0, 0.0}, name:"Circle", origin:{197.0, 180.0}, size:{65.0, 65.0}, fill:linear fill}
end tell
end tell
Post new comment