Well, you need web buttons and need them fast?

Rather than trying to create them in PhotoPaint or Phot...

http://designertoday.com/Tutorials/CorelDraw/922/Quick.and.Dirty.Web.Buttons.Corel.CorelDraw.10....

Home

Articles

News

Reviews
Photoshop

Tutorials
Cinema 4D Poser

Jobs
CorelDraw

Info
Flash

Advertise On Designer Today
Illustrator Web Design InDesign Maya 3D Xara Xtreme

Websites
Natural Media Painter Paint Shop Pro

3D and Misc. Photography

3ds max PhotoPaint

After Effects

Premiere

Texturing

Corel Draw Tutorials
Current CorelDraw 10, 11, 12, X3, X4 and X5 Tutorials

Quick and Dirty Web Buttons - Corel CorelDraw 10 T utorial

1 of 11

31.12.2013 17:24

http://designertoday.. you need web buttons and need them fast? Rather than trying to create them in PhotoPaint or Photoshop (not an easy task in these programs) you can create a rounded (or any shape for that matter) button and quickly replicate it to create all your buttons. set one aside for the moment.Dirty. You can use "CTRL = D" to duplicate the rectangle... Using the shape tool create 2 rectangles. E-mail Address : Choose Newsletter: Designer Today Tutorials. the will create a rounded rectangle.and.. Computer Skins / Tablet Skins / Phone Cases and Skins (and a lot more). BUY THIS ART PRINT Prints..10. First create a "New" empty document.Web.2013 17:24 . the Shift + Click and Drag creates a constrained shape as seen in the next two screenshots. drag the corner inward.12. Framed Prints. Join the Designer Today News and Tutorials Newsletter Allen Harkleroad Adapted from tutorial written by Tim Carden (at designer.com/Tutorials/CorelDraw/922/Quick.com) Well.Buttons. 2 of 11 31.Corel.CorelDraw. News and Freebies Manage Subscriptions Next use hold down the shift button and click on a top corner. you need web buttons and need them fast? Rather than trying to create them in PhotoPaint or Phot.Well.

Find Your New Graphic Design Job or Employment 3 of 11 31.. You should see something similar to the above screenshot.2013 17:24 ..Corel.Web.com/Tutorials/CorelDraw/922/Quick.. http://designertoday..Well. you need web buttons and need them fast? Rather than trying to create them in PhotoPaint or Phot.. Bring the other "squared" rectangle back into your work space (created in step 1).10. you should see something similar to the above screenshot.and.12. Once You finish creating the rounded rectangle you need to create a second copy of it (CTRL + D = duplicate).Buttons.CorelDraw.Dirty.

till you get a nice shape that is smaller than the large rounded rectangle.Well.Dirty.CorelDraw..and..Buttons..Web.12. 4 of 11 31.com/Tutorials/CorelDraw/922/Quick. More Jobs Brand Designer Jobs Creative Director Jobs Graphic Designer Jobs Exhibit Designer Jobs Illustration Jobs Interactive Visual Designer Jobs Package Designer Jobs Packaging Design Management Prepress Jobs Product Design Management Retouching Expert Jobs Senior Designer Jobs Web Design Jobs Design Jobs Main Page Everyone can afford to advertise on Designer Today Magazine Click here for more information Select both rounded rectangles and on the arrange menu (toolbar or docker) select "Align and Distribute".. you need web buttons and need them fast? Rather than trying to create them in PhotoPaint or Phot.Corel..2013 17:24 . select center (as seen above) and apply it. http://designertoday. Resize the second round rectangle (squash and reduce it.10.

.Buttons.2013 17:24 . 5 of 11 31. http://designertoday..com/Tutorials/CorelDraw/922/Quick.Web. By holding the Ctrl and Shift button it will constrain the shape so the shape is equal on both sides.Dirty..CorelDraw. you need web buttons and need them fast? Rather than trying to create them in PhotoPaint or Phot.Corel. select "Add Perspective". Select the Squared rectangle and then go to the effects menu on the toolbar.12.Well..and. Next hold the Ctrl + Shift keys while dragging the top of the rectangle inward as seen in the above screenshot..10.

com/Tutorials/CorelDraw/922/Quick. http://designertoday.Web.. You should have a shape as seen above.and.CorelDraw.Well.10. 6 of 11 31...Buttons. Now squash it (reduce height) and drag on corner till the rectangle is slightly smaller then the large rounded rectangle. you need web buttons and need them fast? Rather than trying to create them in PhotoPaint or Phot.12..2013 17:24 ..Dirty.Corel. You should have three shapes that will be similar to the above screenshot.

check center and apply.12. Select white of a very light blue for the smaller rounded rectangle..Buttons.choose "X" no outline.and.10. Some people figure their colors exactly.. Now for the fun part! Remove the outline from each of the rounded rectangles (Outline tool .2013 17:24 .com/Tutorials/CorelDraw/922/Quick.Dirty. Example of the colors Next using the interactive blend tool select the bottom of the large "blue" rounded rectangle..CorelDraw.. Drop a color on the large rounded rectangle. http://designertoday. I general take a RGB value from a portion of my website. and drag the interactive blend tool to the top edge of the "white" smaller 7 of 11 31..Well.Web.Corel. you need web buttons and need them fast? Rather than trying to create them in PhotoPaint or Phot. Select all three shapes and again using the arrange menu choose "Aligh nad Distribute". such as a medium blue (as shown below).

this darker color is a judgment call on the user.Corel.Web... http://designertoday. you need web buttons and need them fast? Rather than trying to create them in PhotoPaint or Phot.Buttons.. You should have an object similar to the above screenshot Next create some text and choose a font you like. After assigning the darker color remove the outline from that shape as we did earlier with the rounded rectangles.12.Well. Next select the "squared edge" rectangle and select a darker color (but not too dark).2013 17:24 ..10. This will keep the parts of the button from becoming misaligned. rounded rectangle and release. then group).Dirty.CorelDraw.and. You should have a object similar to the above image. 8 of 11 31. Group the three objects that comprises the button (arrange menu .com/Tutorials/CorelDraw/922/Quick..

Well. ( I only center the vertically as I like to adjust the horizontal placement of the text myself. Once it is created in CorelDraw you can export it to PhotoPaint or Photoshop for resizing for use on your web pages. Move your text onto the button and reduce it till it looks the way you want it. http://designertoday.12. I use a slight shadow and have it show below and to the left of the button and text.. The Finished Product.10. Once that is done go back and select all the objects and use "Align and Distribute" to center all the objects.Dirty...2013 17:24 . 9 of 11 31.. Make sure you re-select all objects and use the align and distribute tool to re-center the text.Buttons.com/Tutorials/CorelDraw/922/Quick. You can also change the text and export it each time to create perfect buttons that are all exactly alike for your website! Just edit the text and once you've edited the drop shadow will reappear..Web.Corel.CorelDraw. you need web buttons and need them fast? Rather than trying to create them in PhotoPaint or Phot.and. Once you have the text where you like it go to the interactive Dr op Shadow Tool and add a bit of a shadow to the text and/or button.

Buttons...com/Tutorials/CorelDraw/922/Quick..Well.Corel.10.CorelDraw..Web.2013 17:24 .and.. All Rights Reserved Be the first to bookmark or share this Home Articles News Reviews Tutorials Jobs Info Advertise On Designer Today Websites 10 of 11 31. you need web buttons and need them fast? Rather than trying to create them in PhotoPaint or Phot. http://designertoday.12.Dirty. Allen Harkleroad. Copyright (c) 2001.

12. http://designertoday.. Illustrator.com/Tutorials/CorelDraw/922/Quick. General 3D. of Statesboro Georgia. Inc. InDesign. CorelDRAW.Buttons. Cinema4D. Maya 3D.10. All Rights Reserved Visit our other websites Poser World | 3D Model World | 3D Dojo | Statesboro Business & Lifestyle Magazine | Allen Harkleroad | Southeast Georgia Web Design Services The Society of Freelance Professional Designers 11 of 11 31.Well.Dirty.Web.. Tutorials 3ds max After Effects Cinema4D CorelDraw Flash Illustrator InDesign Maya 3D Misc Natural Media Painter Paint Shop Pro PhotoPaint Photoshop Poser Premiere Texturing Web Design Xara Xtreme Copyright © 1998-2013.Corel. Designer Today is the Graphic Design Magazine for 2D and 3D graphic designers. After Effects. We have thousands of graphic design and graphic design software tutorials. you need web buttons and need them fast? Rather than trying to create them in PhotoPaint or Phot.. Painter.2013 17:24 . Web Design and other design and photo editing software. 3dsmax. Photoshop. GMP Services.CorelDraw. Flash. Paint Shop Pro. product reviews and design articles available. Premiere. PhotoPaint. Designer Today tutorials cover all versions of 3D.and...