Kamis, 03 Maret 2011

1

CorelDRAW Tutorials
Logo Design Solutions for Small Business Owners
By Steve Bain
Many users of CorelDRAW Graphics Suite are small business owners who work within limited budgets and perhaps have limited time and resources. If you belong to this group, you may be looking for ways to avoid hiring a high-priced designer. The good news is that for most simple design projects, you don't need to be a design graduate. With your CorelDRAW tools and a little inventiveness, you have everything you need. In the fictitious designs presented in this tutorial, shapes from symbol fonts in CorelDRAW were enhanced with artistic text, a few effects, and very little manipulation.
Install Symbol Fonts
Symbol fonts are included on your CGS12 discs (or any disc set from a previous version). They include named collections ranging from Animals, Arrows, and Balloons to Sports and Hobbies, Stars, and Tools. If you're new to using symbol fonts, you may want to try installing them so that you can use them in your CorelDRAW documents. If you are using Windows XP, follow these steps to install symbol fonts:
  1. From your CGS 12 disc set, locate Disc 2, and slip it into your CD-ROM drive.
  2. Open Windows Explorer, and navigate to C:\WINDOWS\Fonts to view the fonts currently installed on your system.
  3. Choose File > Install New Font to open the Add Fonts dialog box, browse to your CD-ROM drive, and choose the Extra Fonts > Symbols folder.
  4. Choose either the TTF (TrueType® fonts) or Type1 (fonts compatible with Adobe® Type 1 fonts) folders. Open either folder to view the symbol fonts they contain - the selections are virtually identical and include more than 60 different symbol fonts.
  5. From the List of Fonts box, click to select the fonts you want to install, and click OK to add the fonts to your system.
Now that you have your symbol fonts installed, you can add the shapes as curves to your CorelDRAW drawing by dragging a selection from the Insert Character docker. To open the Insert Character docker (see below) choose Text > Insert Character (Ctrl+F11).
With the Insert Character docker open and your document page in view, locate a symbol font by browsing through the Font list. You can recognize many of the symbol fonts by their category names. Once you select a font, the preview area displays a partial list of the shapes included in the font. To copy a symbol to your document page, select the symbol, and then click the Insert button. You can also drag the symbol from the docker into your drawing. Your current outline and fill colors are applied automatically.
Use Simple Shapes and Text to Plan Your Logo
Because symbol font art is sometimes considered the lowest rung on the clipart ladder, you may not think of using it for your professional design work. So you might be surprised to learn that it can be a resource worth exploring. With a little tweaking, symbol font shapes can help you fulfill all kinds of design needs, such as the logo and poster display designs we'll be exploring.
When planning a logo design for your business, keep in mind that creative designs usually feature a minimum of visual information. The emphasis should always be on conveying a clear message. If you limit your use of color, you can easily adapt your logo and match the colors in most layouts. Black is often the predominant design color used, with additional colors serving as visual accents.
Before you begin a design, it's wise to have a varied collection of text fonts on hand. Just as your symbols provide color, style and tone, a well-chosen text font can enhance your design with character and personality.
The examples we'll explore next incorporate both symbol shapes and artistic text. Many of the symbol shapes were manipulated by using shaping commands such as Trim and Weld, and by basic node editing with the Shape Tool. You'll also notice effect tools such as the Interactive Fill, Interactive Blend, Interactive Drop Shadow, and Interactive Contour tools have been used in the design process. In many cases, the CorelDRAW PowerClip? effects were used to package the shapes.
Examples of Logo Designs
Our first example (see below) is a not-so-original spoof of a popular corporate logo. A series of circular ellipses was used to create this simple two-color logo for a candy company. Shapes from the Animals 1 symbol font (symbols 093 and 0100) form the design for the decorative center.
The circular effect for the text was creating by applying artistic text to two separate ellipses (see below). The seahorse shape was not altered, but the outer contour of the shell shape was separated, and the unwanted portions were deleted.
Example 2 (see below), a logo design for a fictitious back-care clinic, was based on the shape of a torso (symbol 033) from the Animals 1 symbol font.
Subtle node adjustments were made with the Shape Tool to make the figure appear more gender-neutral. The spinal vertebrae were created by using two rectangles and a blend effect. The Trim command in CorelDRAW was used to eliminate the unwanted portions from the background and replace them with the symbol, as shown below. The Ellipse Tool was used to create the background.
Trees are often associated with growth, health, and prosperity, making this shape from the Plants font (symbol 036) a suitable candidate for our third example (see below).
This business card and logo represent an investment counseling firm. They were created from a rectangle that was sized to business card proportions (2 × 3 inches) and intended for full ink bleeds on all four sides. The tree symbol was used to trim a section of the side and bottom of the rectangle, and a duplicate of the trimmed shape was ordered below to represent the tree shadow. A PowerClip? effect was used to place two simple shapes representing the earth and sky into a rectangle.
A key shape from the Transportation symbol font (symbol 061) was used to create a simple business card and logo for a made-up locksmith service (see below).
A rectangle was sized to typical business card proportions and used as the backdrop for the text. The rounded highlight effect on the key shape was created using an 8-step blend between a thick gold-colored outline of the shape and an exact copy set to a thin white outline. The drop shadow was applied to a third copy ordered at the bottom of the stack, and the entire arrangement was placed within the rectangle, creating a PowerClip object (see below).
The logo design shown below represents a landscaping business and is based on a shape from the Landscape Planning symbol font (symbol 033).
The symbol shape was duplicated and resized, the shapes were broken apart, and color was applied. The arranged parts were grouped and placed into an ellipse, creating a PowerClip object. A black duplicate was ordered below the white text and symbol shapes to provide more contrast with the background (see below).
The logo shown below was designed to promote a children's play park. In this case, one shape from the Animals 1 symbol font (symbol 090) and one from the Plants symbol font (symbol 034) were used as focal points for the design.
The seal and ball shapes were broken apart, and only the foliage portion of the tree was used. Simple lines and rectangles were used to create the other shapes. The text features a single contour applied with an outline and drop shadow (see below).
Examples of Poster Designs
The marketing poster shown below promotes a fictitious dessert shop. The logo is a slightly altered version of the ice cream cone (symbol 063) found in the Food font.
A black rectangle was drawn over the exact right half of the cone and was filled with a two-color pattern fill. The cone itself was centered inside a black rectangle with a rectangular cutout in the center to avoid coming into contact with the Lens object. The fill colors in the rectangle are a simple two-color pattern fill applied with the Interactive Fill Tool. A second rectangle was drawn around the outside of the main rectangle to create the outer border, which serves as the path for a triangle pattern created by using a blend effect (see below).
The design for a poster advertising an event is shown below. The two beetles holding hands give the slightly humorous impression of slow-moving participants. The main shape is taken from the Animals 2 symbol font (symbol 059).
The complete shape was broken apart, reshaped, duplicated, flipped, and colored. The nodes at the end of the two bug legs were aligned to appear joined, and the arrangement was grouped and placed into the black rectangle frame to form a PowerClip object (see below).
Our last example is a poster design that advertises a musical event (see below). The design features symbol 052 from the Music font and symbol 069 from the MusicalSymbols font.
The guitar shape was broken apart into individual objects in order to apply different colors. The music note was duplicated, transformed, and filled with color. The frame, background, and center shapes are simple rectangles edited with the Shape Tool.
As you browse through the symbol fonts included with CorelDRAW Graphics Suite, keep in mind that the shapes are curves that can be dismantled, transformed, and customized to solve a wide range of design challenges. By applying color, or an effect or two, you can create unique designs for your everyday projects.
Steve Bain is an award-winning illustrator and designer, and the author of nearly a dozen books, including CorelDRAW: The Official Guide.

tentang curvew

Tutorial Corel Draw Garis dan Outline

Tutorial CorelDraw Garis dan OutlineIlmu Grafis Corel Draw kali ini membahas tutorial Corel Draw garis dan outline mulai merubah ukuran besar kecil, warna, bentuk garis pada CorelDraw X5 Corel 15 . Meskipun demikian juga bisa digunakan pada Corel Draw X4, X3 dan dibawahnya sampai Corel Draw 9. Menggunakan garis atau lebih dikenal dengan sebutan outline dalam CorelDraw adalah potensial. Shape dan objek seringkali menggunakan garis sebagai pembentuknya, lantas apa sja yang bisa dilakukan saat kita memakai gari pada Corel Draw? Ikuti tutorial ini secara bertahap.

Sebelumnya Anda wajib untuk mengetahui apa saja yang ada pada lembar kerja CorelDraw DISINI. Hal ini digunakan sebagai referensi dan penguat terhadap apa yang akan Anda pelajari selanjutnya ada tutorial ini.

Pembuatan

Garis dibuat dengan berbagai cara dan menggunakan tool yang juga bermacam-macam. Ini semua tergantung pada bentuk garis itu sendiri.
  1. Menggunakan Free Hand Tool [ F5 ]
  2. Menggunakan Bezier Tool
  3. Menggunakan Basic Shape Tool
  4. Menggunakan Pen Tool
  5. Menggunakan Polygonal Tool [ F6 ]
  6. Menggunakan Ellipse Tool [ F7 ]
  7. dll (pada umumnya kita menggunakan 6 tool tersebut)

Mengganti Bentuk dan Sifat

Untuk mengganti bentuk garis Anda bisa menggunakan shape tool yang bisa Anda pelajari DISINI dan khusus untuk basic shape tool, polygonal shape tool, ellipse tool dan shape lainnya Anda wajib merubah objeknya menjadi objek kurva (klik kanan > Convert to Curve) untuk mengubah bentuknya menggunakan shape tool. Namun jika Anda akan merubah ukuran objek (bukan ukuran garis) maka Anda bisa mentransformasinya, tutorialnya dapat Anda pelajari DISINI.
NOTES Vector yang biasa anda gambar di coreldraw tuh ada 2 jenis, yaitu :
  1. SHAPE, bentuk dasar ( bulat, kotak, polygon, Text, dsb ) yang hanya bisa diatur pada Align, Transformasi, Shaping, dan Order nya dan tidak bisa lagi di MODIFIKASI sesuai keinginan kita.
  2. CURVE ( OPEN & CLOSE ), Shape ( bulat, kotak, polygon, Text, dsb) yang udah di Convert menjadi curves. Curve ini bisa kita modifikasi dengan mengatur shape pointnya sehingga hasilnya sesuai dengan keinginan kita. Caranya ?? Pilih shape>ctrl+Q!! Kemudian modifikasilah shape tadi dengan menggunakan SHAPE TOOL.!! Oke, lihat contoh dibawah ini :Tutorial CorelDraw Menggambar Illustrasi Dasar

Mengganti Ukuran Garis

Pada dasarnya untuk mengganti ukuran garis hanya ada satu cara yaitu dengan cara merubah outline width. Bisa Anda lakukan dengan cara memilih objek dengan pick tool kemudian ubah pada outline width yang ada pada property bar.
Tutorial CorelDraw Garis dan Outline
Namun pada kondisi tertentu Anda juga dapat mengubahnya secara custom dengan shape tool yang sebelumnya garis tersebut di ubah menjadi objek dengan cara klik garis menggunakan pick tool kemudian klik menu Arrange > Convert Outline to Object [ CTRL+SHIFT+Q ].

Mengganti Warna Garis

Sebelumnya saya telah membuat tutorial mengganti warna objek dan garis pada Corel Draw, bisa Anda lihat DISINI. Sudah lengkap dan cepat. Garis tidak bisa dibuat menjadi warna gradient atau gradasi sehingga untuk membuat sebuah garis menjadi warna gradasi perlu ada teknik atau trik khusus. Yaitu dengan cara membuat garis dengan ukuran tertentu kemudian tekan CTRL+SHIFT+Q, barulah bisa dibuat warna gradasi. Namun sejatinya itu bukanlah garis lagi melainkan sebuah objek.

Menggunakan Outline PEN

Outline Pen ada pada CorelDraw sebagai pengolahan property garis secara lebih lengkap dan terkumpul dalam satu grup tool. Menggunakan outline adalah cara paling advance untuk mengolah garis, mulai dari warna, ukuran, style, mode ujung dan lain sebagainya. Makanya saya menyebutnya sebagai all in one. Cara untuk mengaktifkan outline pen pada pengubahan property garis adalah dengan cara menyeleksi garis kemudian klik outline pen pada tool box.
Tutorial CorelDraw Garis dan Outline
Dialog Box Outline Pen
Tutorial CorelDraw Garis dan OutlinePenjelasan :
  1. Color = digunakan untuk mngubah warna garis
  2. Width = digunakan untuk mngubah ukuran garis
  3. Box point = digunakan untuk mengubah satuan ukuran garis
  4. Style = digunakan untuk mengubah style garis, seperti ubah garis putus-putus
  5. Corner = digunakan untuk mengubah jenis ujung garis pada mode sudut
  6. Line Caps = digunakan untuk mngubah ujung garis pada mode lengkung dan lurus
  7. Arrows = digunakan untuk mengubah ujung garis menjadi seperti panah, dengan cara mengubah nilai box dibawahnya. Sesuai letaknya ada ujung awal dan akhir garis.
  8. Options = digunakan untuk pilihan property arrows
  9. Share attributes = digunakan untuk membuat atribut yang bisa digunakan secara bersama-sama pada mode garis arrows lainnya.
  10. Calligraphy
    1. Stretch = digunakan untuk mengubah bentuk ujung pensil pembuat garis
    2. Angle = digunakan untuk mengubah sudut perputaran ujung pensil pembuat garis
    3. Nib Shape = pengubahan bentuk dan sudut perputaran ujung pensil pembuat garis dengan cara klik geser pada gambar hitamnya
    4. Default = digunakan untuk mengembalikan ke pengaturan default
  11. Behind fill = digunakan untuk mengubah letak garis pada saat garis / outline tersebut terisi oleh warna fill. Biasanya warna garis atau ukuran garis akan menjadi terlihat setengah dari ukuran sebenarnya karena akan tertutupi oleh warna fill
  12. Scale with image = digunakan untuk menyesuaikan ukuran garis pada saat objek yang didalamnya ada garisnya di transformasi. Artinya ketika objek dikecilkan atau dibesarkan maka garisnya juga akan mengikuti sebesar ukuran permbesaran transformasi.
Jika Anda memahami penjelasannya, Anda wajib membuat latihan sederhana untuk membuat garis seperti pada gambar berikut. Hal ini untuk memastikan seberapa paham Anda terhadap apa yang dijelaskan sekaligus akan membuat Anda lebih pengalaman mengubah property garis.
Tutorial CorelDraw Garis dan Outline
Download
File Latihan
Dialog Box Outline Pen
Telah dijelaskan sebelumnya pada mewarnai objek dan garis pada Coreldraw disini.
Semoga Anda menikmati artikel ini dan jangan lupa bergabung dengan teman-teman yang lain di Facebook AhliDesain, dan ikuti Twitter saya. Jika Anda menyukai artikel-artikel dari saya jangan lupa untuk memasukkannya dalam subscribe ke ahlidesain RSS Feed.
Bila ada yang ditanyakan, saran, tanggapan dan ide kreatif silakan isi pada komentar, saya akan mencoba menjawab secepat dan sebaik mungkin.

Pixel View & Enhanced Web Graphics

Pixel View & Enhanced Web Graphics

by Roger Wambolt
This tutorial has been written for CorelDRAW® Graphics Suite X5. While similar features might be available in previous releases, the tutorial will be fully applicable to CorelDRAW Graphics Suite X5 only. The Pixel view in CorelDRAW lets you create drawings in actual pixel units, providing a much more accurate representation of how a design will appear on the Web.

Pixel View & Enhanced Web Graphics

What you will learn

In this tutorial you will learn how to:

Working With Pixels

Pixel View displays a pixel-based rendition of the drawing, which allows you to zoom in on an area of an object, then position and size the object more precisely. This view also lets you see what the drawing will look like when it is exported to a bitmap file format, even if the objects are vector.
CorelDRAW® Pixel View mode

Snapping to Pixels

  • In CorelDRAW, click File > New
  • In the New Document dialog box, choose Web from the Preset destination list box and click OK
  • On the toolbar, choose 800% from the Zoom levels list box
  • Click View and ensure that Snap to Pixels is not enabled. (A check mark beside the Snap to Pixels command indicates that it is enabled)
  • Draw an object
  • Click View > Snap to Pixels
  • Draw another object
As you move around the grid, notice how you are presented with snap points, such as pixel edge, pixel corner, and pixel center. This allows for more precise control.

Changing the Color and Opacity of a Pixel Grid

To change the color and opacity of the pixel grid, Click View > Setup > Grid and Ruler Setup
  • In the Pixel grid area, open the Color picker, and select a color
  • Move the Opacity slider to the right to increase the opacity of the grid
You can disable the Show pixel grid at 800% or higher zoom check box if you do not want the pixel view to automatically display zoomed in at 800% or higher. By using the pixel preview mode when designing for the Web, you can ensure that what you see is exactly what you will get. There’s no longer any need to guess.

Exporting graphics for the Web

The Export for Web dialog box provides a single access point for common export controls, eliminating the need to open additional dialog boxes when preparing a file for export. It also lets you compare the results of various filter settings before you commit to an output format, making it easier to achieve optimal results. Let’s take a look. The image below is the Export for Web dialog box. This feature is available in CorelDRAW® and Corel® PHOTO-PAINT™.
Export for web

The Export for Web dialog box

  • In CorelDRAW, with your design on the page, Click File > Export For Web
  • In the Export For Web dialog box, click the Four Previews button
  • Click in the upper right preview pane
  • Choose Medium quality JPEG from the Presets list box
  • Note the difference in file sizes between the other windows

What File Format Is Best

CorelDRAW and Corel PHOTO-PAINT allow you to export the following Web-compatible file formats: GIF, PNG and JPEG.
GIF
GIF images are best used for line drawings, text, images with few colors, or images with sharp edges, such as scanned black-and-white images or logos. GIF offers several advanced graphic options, including transparent backgrounds, interlaced images and animation. It also lets you create custom palettes for the image.
PNG
PNG files are best for various image types, including photos and line drawings. The PNG file format (unlike the GIF and JPEG formats) supports the alpha channel. This allows you to save transparent images with superior results.
JPEG
Photos and scanned images are best exported as JPEG files. JPEG files use file compression to store an approximation of an image, which results in some loss of image data, but does not compromise the quality of most photographs. You can choose the image quality when you save an image — the higher the image quality, the larger the file size.

Using Presets

You can export Web-compatible files using preset settings. This allows you to optimize the file, without the need to modify individual settings. However, you can also customize the settings to produce a specific result. For example, you can adjust its color, display quality, and file size. Being able to use presets is useful if you are exporting a number of images and want to ensure consistency throughout your project.

Customizing Options for Exporting a JPG

From the Export to Web dialog box, choose JPEG from the Format list box. You have the option to perform one or more of the following tasks:
Settings Area
Control Color Mode, Quality, Sub-format and the ability to Blur the transition between adjacent pixels of different colors. Also in the Settings area are the options to overprint blacks when exporting to CMYK and apply a matte color to the object’s background to help blend the edges of anti-aliased objects.
Advanced Area
To load the JPEG file gradually in certain Web browsers so that it displays only portions of the image before it finishes loading, enable the Progressive check box. Use the optimal encoding method to produce the smallest JPEG file size and apply the document-color settings. You also have the color-proof settings.

Customizing Options for Exporting Palette-based Bitmaps (PNG & GIF)

From the Export to Web dialog box, choose GIF or PNG from the Format list box. You have the option to perform one or more of the following tasks:
Settings Area
In the Settings area, choose a color palette, specify a dithering setting, and you can also sample a color and add it to a color palette by clicking on the Eyedropper tool. This is especially helpful if you have reduced the number of colors in an image (to reduce file size) and realize that a specific color is missing that you would like to add. One other feature here is that you can double-click on any of the colors visible, and modify them.
Advanced Area
Here you have the ability to set the image to be Anti Aliased, embed the color profile or set it as interlaced.
Now, I should point out that if you are sending out the file as a 24-bit RGB PNG, not all of these options will be available. For more information on this topic, look to the help files within CorelDRAW or Corel PHOTO-PAINT.
Web Export - GIF Export Settings
Back to top

aa

Pixel View & Enhanced Web Graphics

by Roger Wambolt
This tutorial has been written for CorelDRAW® Graphics Suite X5. While similar features might be available in previous releases, the tutorial will be fully applicable to CorelDRAW Graphics Suite X5 only. The Pixel view in CorelDRAW lets you create drawings in actual pixel units, providing a much more accurate representation of how a design will appear on the Web.

Pixel View & Enhanced Web Graphics

What you will learn

In this tutorial you will learn how to:

Working With Pixels

Pixel View displays a pixel-based rendition of the drawing, which allows you to zoom in on an area of an object, then position and size the object more precisely. This view also lets you see what the drawing will look like when it is exported to a bitmap file format, even if the objects are vector.
CorelDRAW® Pixel View mode

Snapping to Pixels

  • In CorelDRAW, click File > New
  • In the New Document dialog box, choose Web from the Preset destination list box and click OK
  • On the toolbar, choose 800% from the Zoom levels list box
  • Click View and ensure that Snap to Pixels is not enabled. (A check mark beside the Snap to Pixels command indicates that it is enabled)
  • Draw an object
  • Click View > Snap to Pixels
  • Draw another object
As you move around the grid, notice how you are presented with snap points, such as pixel edge, pixel corner, and pixel center. This allows for more precise control.

Changing the Color and Opacity of a Pixel Grid

To change the color and opacity of the pixel grid, Click View > Setup > Grid and Ruler Setup
  • In the Pixel grid area, open the Color picker, and select a color
  • Move the Opacity slider to the right to increase the opacity of the grid
You can disable the Show pixel grid at 800% or higher zoom check box if you do not want the pixel view to automatically display zoomed in at 800% or higher. By using the pixel preview mode when designing for the Web, you can ensure that what you see is exactly what you will get. There’s no longer any need to guess.

Exporting graphics for the Web

The Export for Web dialog box provides a single access point for common export controls, eliminating the need to open additional dialog boxes when preparing a file for export. It also lets you compare the results of various filter settings before you commit to an output format, making it easier to achieve optimal results. Let’s take a look. The image below is the Export for Web dialog box. This feature is available in CorelDRAW® and Corel® PHOTO-PAINT™.
Export for web

The Export for Web dialog box

  • In CorelDRAW, with your design on the page, Click File > Export For Web
  • In the Export For Web dialog box, click the Four Previews button
  • Click in the upper right preview pane
  • Choose Medium quality JPEG from the Presets list box
  • Note the difference in file sizes between the other windows

What File Format Is Best

CorelDRAW and Corel PHOTO-PAINT allow you to export the following Web-compatible file formats: GIF, PNG and JPEG.
GIF
GIF images are best used for line drawings, text, images with few colors, or images with sharp edges, such as scanned black-and-white images or logos. GIF offers several advanced graphic options, including transparent backgrounds, interlaced images and animation. It also lets you create custom palettes for the image.
PNG
PNG files are best for various image types, including photos and line drawings. The PNG file format (unlike the GIF and JPEG formats) supports the alpha channel. This allows you to save transparent images with superior results.
JPEG
Photos and scanned images are best exported as JPEG files. JPEG files use file compression to store an approximation of an image, which results in some loss of image data, but does not compromise the quality of most photographs. You can choose the image quality when you save an image — the higher the image quality, the larger the file size.

Using Presets

You can export Web-compatible files using preset settings. This allows you to optimize the file, without the need to modify individual settings. However, you can also customize the settings to produce a specific result. For example, you can adjust its color, display quality, and file size. Being able to use presets is useful if you are exporting a number of images and want to ensure consistency throughout your project.

Customizing Options for Exporting a JPG

From the Export to Web dialog box, choose JPEG from the Format list box. You have the option to perform one or more of the following tasks:
Settings Area
Control Color Mode, Quality, Sub-format and the ability to Blur the transition between adjacent pixels of different colors. Also in the Settings area are the options to overprint blacks when exporting to CMYK and apply a matte color to the object’s background to help blend the edges of anti-aliased objects.
Advanced Area
To load the JPEG file gradually in certain Web browsers so that it displays only portions of the image before it finishes loading, enable the Progressive check box. Use the optimal encoding method to produce the smallest JPEG file size and apply the document-color settings. You also have the color-proof settings.

Customizing Options for Exporting Palette-based Bitmaps (PNG & GIF)

From the Export to Web dialog box, choose GIF or PNG from the Format list box. You have the option to perform one or more of the following tasks:
Settings Area
In the Settings area, choose a color palette, specify a dithering setting, and you can also sample a color and add it to a color palette by clicking on the Eyedropper tool. This is especially helpful if you have reduced the number of colors in an image (to reduce file size) and realize that a specific color is missing that you would like to add. One other feature here is that you can double-click on any of the colors visible, and modify them.
Advanced Area
Here you have the ability to set the image to be Anti Aliased, embed the color profile or set it as interlaced.
Now, I should point out that if you are sending out the file as a 24-bit RGB PNG, not all of these options will be available. For more information on this topic, look to the help files within CorelDRAW or Corel PHOTO-PAINT.
Web Export - GIF Export Settings
Back to top

tentang curve

The Curve Tools

by Roger Wambolt
This tip has been written for CorelDRAW® Graphics Suite X5. While similar features might be available in previous releases the tutorial will be fully applicable to CorelDRAW Graphics Suite X5 only.
Drawing objects in CorelDRAW is accomplished by using a variety of tools found in the Toolbox. In this Tutorial, we will look at the Curve Tool Flyout. The curve tools include: the Freehand tool, the 2-Point Line tool, the Bezier tool, the Artistic Media tool, the Pen tool, the B-Spline tool, the Polyline tool, and the 3-Point Curve tool. Once properly mastered, the use of these tools will make design creation simple and accurate.

What you will learn

In this tutorial you will learn about:
  • Types of nodes;
  • The Curve Tools, including;
    Freehand tool
    2-point line tool
    Bezier tool
    Artistic Media tool
    Pen tool
    B-Spline tool
    Polyline tool
    3-point curve tool.

Controlling Nodes

Before looking at the various curve tools available in CorelDRAW, we must look at the types of nodes that can be created, and how they are controlled. The figure below shows what a node would look like if selected with the Shape tool. The Shape tool is the standard tool for moving an manipulating nodes. This node pictured is what a cusp node would look like.


Cusp Node
Cusp nodes let you create sharp transitions, such as corners or sharp angles, in a curve object. You can move the control handles in a cusp node independently of one another, changing only the line on one side of the node.
Smooth Nodes
With smooth nodes, the lines passing through the node take on the shape of a curve, producing smooth transitions between line segments. The control handles of a smooth node are always directly opposite one another, but they may be at different distances from the node.
Symmetrical nodes
Symmetrical nodes are similar to smooth nodes. They create a smooth transition between line segments, but they also let you give lines on both sides of a node the same curve appearance. The control handles of symmetrical nodes are directly opposite each other and at an equal distance from the node.

Line Nodes
Line nodes let you shape curve objects by changing the shape of their segments. You can make a curved segment straight or a straight segment curved. Making a straight segment curved does not noticeably change the segment’s appearance, but it displays control handles that you can move to change the segment’s shape.


Now that we understand the various types of nodes in CorelDRAW, we can look at the tools used to create objects and then look at how to modify these objects by adding nodes and using the various types of nodes to make the necessary adjustments. For the purpose of this tutorial, we will only be looking at the freehand tool. While there are a number of other tools available, we will save them for future tutorials that will allow us to better focus on them.
Drawing lines
Now we can move on to the various curve tools available in CorelDRAW. The Curve Tool Fly-out that lets you create both curved and straight line segments.
Freehand and Polyline tools
The Freehand tool lets you control the smoothness of the curved line you are drawing as well as add segments to an existing line. However, the Polyline tool is easier to use for quickly drawing a complex line that consists of alternating curved and straight segments and allows you to draw in preview mode..
2-point Line tool
You can draw straight lines by using the 2-point line tool. This tool also allows you to create straight lines that are perpendicular or tangent to objects.
Bezier and Pen tools
The Bezier and Pen tools let you draw lines one segment at a time by placing each node with precision and controlling the shape of each curved segment. The Pen tool gives you the added ability to preview the line segments as you are drawing.
Artistic media

The Artistic media tool provides access to the Brush, Sprayer, Calligraphic, and Pressure tools.
B-spline tool

The B-spline tool lets you draw curved lines by setting control points that shape the curve without breaking it into segments.
3-point Curve tool
The 3-point curve tool lets you draw simple curved lines by specifying their width and height. You can use this tool to create arc shapes quickly without manipulating nodes.

Now let's see how the Freehand tool works.
For this design we will use the Freehand Tool, which is the first one within the Curve Flyout.
We are going to use a this tool to show how easy it is to recreate a logo from a low resolution (72dpi) bitmap.
Select the Freehand tool and we will start by doing a single left mouse click on the top of the letter "C" of our logo as indicated by the letter "A". Next, double left click on the top right corner then follow around the straight edges, double clicking as you go. A single left click will end it off. Recreate the path as indicated below.

Once the object has been created, select the 4 nodes on the left side vertical lines with the shape tool. Next, on the Interactive property bar, select the Convert to Curve icon.

This will then allow you to use the shape tool to drag the control handles out to match the curvature of the image below.


Once you are satisfied with the shaping of the path around this character, give it a solid contrasting Colors, this way it is easier to see your progress. You can then move on to the next character.

When creating a character or object that is made up of multiple paths or areas that need to be "knocked out" such as in the letters A,a, B,b, D,d, O,o P,p Q,q or R remember that the objects need to be combined once they have been created. This can be done from the Arrange menu and select Combine, once both objects have been selected.

Using this process you will find it easy to re-create almost any image you wish. Some may take a bit more time than others, but in the end, you will have a piece of artwork that will remind you just how easy it is to recreate in the CorelDRAW Graphics Suite.

Back to top

twtw

Membuat Butiran Air

Posted on: June 3rd, 2009 by Loka Dwiartara
Loka Dwiartara Loka Dwiartara
Aktif menulis di ilmuwebsite, kategori web programming, desain grafis, hacking, linux, dan jaringan. Saat ini bekerja sebagai freelance webdeveloper di beberapa instansi pemerintah dan swasta, pengajar di CBS Bogor, Universitas dan SMK di Bogor, juga membangun WI Corp. Contact: Homepage : http://www.ilmuwebsite.com Mau ikut jadi penulis? Klik >> Daftar
Membuat Butiran Air web desain grafisTutorial yang akan saya bawakan kali ini adalah, membuat butiran air dengan aplikasi CorelDraw, saya sengaja menggunakan Coreldraw. Alasannya adalah vector, yang tidak mengalami distorsi walaupun gambar diperbesar beberapa kali.
Langsung saja :

Pada awalnya kita membutuhkan sebuah rectangle yang nantinya digunakan sebagai alas.
Tekan F6 di keyboard untuk langsung membuatnya. Di sini saya membuatnya dengan ukuran 368 x 234 pixel.
Membuat Butiran Air web desain grafis
Kemudian saya menggunakan elispe tool dengan menekan F7 di keyboard untuk membuat
sebuah elips dengan ukuran 43 x 51 px.
Membuat Butiran Air web desain grafis
1. Melakukan duplikasi elips tersebut dengan mengopynya ctrl+c lalu mem-pastenya ctrl+v di tempat yang sama.
2. Setelah itu, di luar persegi, buatlah sebuah rectangle ( ukuran bebas ). Kemudian, rectangle yang telah dibuat tadi di taruh di atas elips hasil kopian yang tadi.
Membuat Butiran Air web desain grafis
3. Dalam keadaan keduanya terpilih. Lakukan trim ( back minus front ).
Sehingga hasilnya seperti ini, setelah fillnya di beri warna putih.
Membuat Butiran Air web desain grafis
Membuat Butiran Air web desain grafis
4. Dengan transparency tool, lakukan transparasi gradien, menjadi seperti ini. kemudian lakukan langkah no 1 sebanyak 2 kali. hal ini di gunakan untuk memberi sisi gelap dari butiran air.
Membuat Butiran Air web desain grafis
5. Perbesarlah salah satu elips yang tadi … kemudian lakukan trim, seperti di langkah ke 3.
Membuat Butiran Air web desain grafis
Membuat Butiran Air web desain grafis
6. Kemudian dengan transparency tool, lakukan transparansi gradien seperti ini …
Membuat Butiran Air web desain grafis
7. Setelah itu, hilangkan outline-nya dengan memilih objek yang akan dihilangkan outline, kemudian klik ikon seperti gambar di bawah ini :
Membuat Butiran Air web desain grafis
8. Kemudian, buatlah elipse dengan ukuran 6 x 6 pixel. Beri fill colornya warna putih. Setelah itu berilah shadow effect, dengan memilih interactive drop shadow tool, shadow ini akan di gunakan sebagai pantulan cahaya putih nantinya.
Membuat Butiran Air web desain grafis
9. Beri drop shadow colornya berwarna putih, kemudian drop shadow opacitynya 86 persen.
Membuat Butiran Air web desain grafis
10. Kemudian buatlah kembali elips dengan ukuran 43 x 51 pixel. Beri fillcolornya berwarna putih.
11. Setelah itu, buat kembali elips dengan ukuran 50 x 51 pixel. Elips ke dua ini di taruh di bawah elips sebelumnya.
Membuat Butiran Air web desain grafis
12. Lakukan trim ( back minus front ) pada kedua elips tersebut sehingga menjadi seperti ini. Kemudian berilah transparasi sebesar 68 persen.
Membuat Butiran Air web desain grafis
Yup, hasil akhirnya akan seperti ini.
Membuat Butiran Air web desain grafis
File tutorial ini dapat di download di sini.