From 35a96bde514a8897f6f0fcc41c5833bf63df2e2a Mon Sep 17 00:00:00 2001 From: Daniel Baumann Date: Sat, 27 Apr 2024 18:29:01 +0200 Subject: Adding upstream version 1.0.2. Signed-off-by: Daniel Baumann --- share/tutorials/tutorial-basic.vi.svg | 1335 +++++++++++++++++++++++++++++++++ 1 file changed, 1335 insertions(+) create mode 100644 share/tutorials/tutorial-basic.vi.svg (limited to 'share/tutorials/tutorial-basic.vi.svg') diff --git a/share/tutorials/tutorial-basic.vi.svg b/share/tutorials/tutorial-basic.vi.svg new file mode 100644 index 0000000..de27322 --- /dev/null +++ b/share/tutorials/tutorial-basic.vi.svg @@ -0,0 +1,1335 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Tutorial | Cơ bản + + + + + + Phần này sẽ hướng dẫn bạn các thao tác làm việc cơ bản với Inkscape. Đây là một tài liệu dùng định dạng SVG, nên bạn có thể xem, sửa, sao chép hay lưu nó lại bằng Inkscape. + + + + + + + The Basic Tutorial covers canvas navigation, managing documents, shape tool basics, selection techniques, transforming objects with selector, grouping, setting fill and stroke, alignment, and z-order. For more advanced topics, check out the other tutorials in the Help menu. + + + + + + + Di chuyển vùng vẽ + + + + + + + There are many ways to pan (scroll) the document canvas. Try Ctrl+arrow keys to scroll by keyboard. (Try this now to scroll this document down.) You can also drag the canvas by the middle mouse button. Or, you can use the scrollbars (press Ctrl+B to show or hide them). The wheel on your mouse also works for scrolling vertically; press Shift with the wheel to scroll horizontally. + + + + + + + Phóng to hay thu nhỏ + + + + + + + The easiest way to zoom is by pressing - and + (or =) keys. You can also use Ctrl+middle click or Ctrl+right click to zoom in, Shift+middle click or Shift+right click to zoom out, or rotate the mouse wheel with Ctrl. Or, you can click in the zoom entry field (in the bottom right corner of the document window), type a precise zoom value in %, and press Enter. We also have the Zoom tool (in the toolbar on left) which lets you to zoom into an area by dragging around it. + + + + + + + Inkscape also keeps a history of the zoom levels you've used in this work session. Press the ` key to go back to the previous zoom, or Shift+` to go forward. + + + + + + + Các công cụ của Inkscape + + + + + + + Thanh công cụ nằm dọc bên trái cửa sổ Inkscape chứa các công cụ để vẽ và sửa các đường nét và đối tượng trong vùng vẽ. Nằm ngay bên dưới các trình đơn là thanh Lệnh với những nút lệnh truy cập nhanh vào các trình đơn, và thanh Điều khiển Công cụ có các thành phần điều khiển dành cho công cụ đang được sử dụng. Nằm dưới cùng trong cửa sổ Inkscape là thanh Trạng thái, hiển thị các gợi ý và các thông điệp hệ thống khi bạn làm việc. + + + + + + + Many operations are available through keyboard shortcuts. Open Help⇒Keys and Mouse Reference to see the complete reference. + + + + + + + Tạo và quản lý các tài liệu + + + + + + + To create a new empty document, use File⇒New or press Ctrl+N. To create a new document from one of Inkscape's many templates, use File⇒New from Template… or press Ctrl+Alt+N + + + + + + + To open an existing SVG document, use File⇒Open (Ctrl+O). To save, use File⇒Save (Ctrl+S), or File⇒Save As (Shift+Ctrl+S) to save under a new name. (Inkscape may still be unstable, so remember to save often!) + + + + + + + Inkscape dùng định dạng SVG (Scalable Vector Graphics) làm định dạng chuẩn. SVG là một định dạng chuẩn được nhiều phần mềm đồ hoạ hỗ trợ. Định dạng SVG dựa trên ngôn ngữ XML và bạn có thể dùng một chương trình xử lý văn bản bất kỳ để mở và chỉnh sửa một tập tin SVG. Bên cạnh SVG, Inkscape có thể nhập và xuất một số định dạng khác (EPS, PNG). + + + + + + + Inkscape opens a separate document window for each document. You can navigate among them using your window manager (e.g. by Alt+Tab), or you can use the Inkscape shortcut, Ctrl+Tab, which will cycle through all open document windows. (Create a new document now and switch between it and this document for practice.) Note: Inkscape treats these windows like tabs in a web browser, this means the Ctrl+Tab shortcut only works with documents running in the same process. If you open multiple files from a file browser or launch more than one Inkscape process from an icon it will not work. + + + + + + + Tạo các hình dạng + + + + + + + Trước hết, bấm vào công cụ Chữ nhật (hoặc nhấn F4) rồi kéo và thả chuột trong một tài liệu mới hoặc ngay tại đây: + + + + + + + + + + + + + + + + + + As you can see, default rectangles come up blue, with a black stroke (outline), and fully opaque. We'll see how to change that below. With other tools, you can also create ellipses, stars, and spirals: + + + + + + + + + + + + + + + + + + + + + + + Các công cụ này được gọi là các công cụ hình dạng. Mỗi một hình dạng bạn tạo ra sẽ có một hoặc nhiều chốt hình kim cương; hãy thử kéo chuột để di chuyển chốt của hình và quan sát sự thay đổi của hình đó. Thanh Điều khiển công cụ cũng cho phép bạn tinh chỉnh lại một hình dạng; thanh này điều khiển hình dáng hiện đang được chọn (tức là hình dạng đang có các chốt hiện ra) và đặt thiết lập mặc định áp dụng cho những hình dạng được tạo sau đó. + + + + + + + To undo your last action, press Ctrl+Z. (Or, if you change your mind again, you can redo the undone action by Shift+Ctrl+Z.) + + + + + + + Di chuyển, co giãn và xoay + + + + + + + Công cụ được dùng nhiều nhất trong Inkscape là Công cụ Chọn. Bấm vào nút trên cùng (hình mũi tên) trên hộp công cụ, hoặc nhấn F1 hoặc phím cách. Sau đó ta có thể chọn bất cứ đối tượng nào trên vùng vẽ. Bấm vào hình chữ nhật dưới đây. + + + + + + + + Bạn sẽ thấy có 8 chốt hình mũi tên xung quanh đối tượng. Giờ, bạn có thể: + + + + + + + + Move the object by dragging it. (Press Ctrl to restrict movement to horizontal and vertical.) + + + + + + + + Scale the object by dragging any handle. (Press Ctrl to preserve the original height/width ratio.) + + + + + + + Giờ nhấn vào hình chữ nhật thêm lần nữa. Các chốt thay đổi hình dáng. Giờ bạn có thể: + + + + + + + + Rotate the object by dragging corner handles. (Press Ctrl to restrict rotation to 15 degree steps. Drag the cross mark to position the center of rotation.) + + + + + + + + Skew (shear) the object by dragging non-corner handles. (Press Ctrl to restrict skewing to 15 degree steps.) + + + + + + + Trong khi đang dùng công cụ Chọn, bạn cũng có thể dùng các ô số trong thanh Điều khiển Công cụ (bên trên vùng vẽ) để đặt giá trị chính xác cho vị trí (ô X và Y) và kích cỡ (ô W và H) của vùng chọn. + + + + + + + Chuyển dạng dùng bàn phím + + + + + + + Inkscape có một đặc điểm nổi trội hơn hẳn các phần mềm đồ hoạ vector khác là nó có hệ thống phím tắt bàn phím rất đầy đủ. Bạn có thể thực thi hầu hết các lệnh hoặc hành động từ bàn phím. Các thao tác chuyển dạng một đối tượng cũng vậy. + + + + + + + You can use the keyboard to move (arrow keys), scale (< and > keys), and rotate ([ and ] keys) objects. Default moves and scales are by 2 px; with Shift, you move by 10 times that. Ctrl+> and Ctrl+< scale up or down to 200% or 50% of the original, respectively. Default rotates are by 15 degrees; with Ctrl, you rotate by 90 degrees. + + + + + + + However, perhaps the most useful are pixel-sizetransformations, invoked by using Alt with the transform keys. For example, Alt+arrows will move the selection by 1 pixel at the current zoom (i.e. by 1 screen pixel, not to be confused with the px unit which is an SVG length unit independent of zoom). This means that if you zoom in, one Alt+arrow will result in a smaller absolute movement which will still look like one-pixel nudge on your screen. It is thus possible to position objects with arbitrary precision simply by zooming in or out as needed. + + + + + + + Similarly, Alt+> and Alt+< scale selection so that its visible size changes by one screen pixel, and Alt+[ and Alt+] rotate it so that its farthest-from-center point moves by one screen pixel. + + + + + + + Note: Linux users may not get the expected results with the Alt+arrow and a few other key combinations if their Window Manager catches those key events before they reach the inkscape application. One solution would be to change the WM's configuration accordingly. + + + + + + + Chọn nhiều + + + + + + + You can select any number of objects simultaneously by Shift+clicking them. Or, you can drag around the objects you need to select; this is called rubberband selection. (Selector creates rubberband when dragging from an empty space; however, if you press Shift before starting to drag, Inkscape will always create the rubberband.) Practice by selecting all three of the shapes below: + + + + + + + + + + Now, use rubberband (by drag or Shift+drag) to select the two ellipses but not the rectangle: + + + + + + + + + + Each individual object within a selection displays a selection cue — by default, a dashed rectangular frame. These cues make it easy to see at once what is selected and what is not. For example, if you select both the two ellipses and the rectangle, without the cues you would have hard time guessing whether the ellipses are selected or not. + + + + + + + Shift+clicking on a selected object excludes it from the selection. Select all three objects above, then use Shift+click to exclude both ellipses from the selection leaving only the rectangle selected. + + + + + + + Pressing Esc deselects any selected objects. Ctrl+A selects all objects in the current layer (if you did not create layers, this is the same as all objects in the document). + + + + + + + Nhóm lại + + + + + + + Một số đối tượng có thể được hợp lại thành 1 nhóm. Ta có thể di chuyển hay chuyển dạng 1 nhóm giống như 1 đối tượng đơn lẻ. Trong hình dưới, bên trái là 3 đối tượng độc lập với nhau còn bên phải cũng là 3 đối tượng đó, nhưng đã được nhóm lại. Hãy thử kéo chuột để di chuyển nhóm ra vị trí khác. + + + + + + + + + + + + + + + To create a group, you select one or more objects and press Ctrl+G. To ungroup one or more groups, select them and press Ctrl+U. Groups themselves may be grouped, just like any other objects; such recursive groups may go down to arbitrary depth. However, Ctrl+U only ungroups the topmost level of grouping in a selection; you'll need to press Ctrl+U repeatedly if you want to completely ungroup a deep group-in-group. + + + + + + + You don't necessarily have to ungroup, however, if you want to edit an object within a group. Just Ctrl+click that object and it will be selected and editable alone, or Shift+Ctrl+click several objects (inside or outside any groups) for multiple selection regardless of grouping. Try to move or transform the individual shapes in the group (above right) without ungrouping it, then deselect and select the group normally to see that it still remains grouped. + + + + + + + Tô và Nét + + + + + + + Probably the simplest way to paint an object some color is to select an object, and click a swatch in the palette below the canvas to paint it (change its fill color). Alternatively, you can open the Swatches dialog from the View menu (or press Shift+Ctrl+W), select an object, and click a swatch to paint it (change its fill color). + + + + + + + More powerful is the Fill and Stroke dialog from the Object menu (or press Shift+Ctrl+F). Select the shape below and open the Fill and Stroke dialog. + + + + + + + + Bạn sẽ thấy trong hộp thoại có 3 thẻ: Tô, Sơn nét, và Kiểu nét. Thẻ Tô cho phép bạn sửa lại màu tô (bên trong) các đối tượng được chọn. Dùng các nút trong thẻ, bạn có thể chọn kiểu tô, gồm có không tô màu (nút có dấu X), tô màu phẳng, chuyển sắc thẳng và chuyển sắc tròn. Đối với hình trên, nút tô màu phẳng sẽ được nhấn xuống. + + + + + + + Bên dưới nữa là một tập hợp các bộ chọn màu nằm trong các thẻ riêng biệt: RGB, CMYK, HSL và Tròn. Bộ chọn màu dễ dùng nhất có lẽ là Tròn: bạn xoay hình tam giác để chọn lấy dải màu sắc mình cần, rồi chọn mức độ đổ bóng lên dải màu đó bên trong hình tam giác. Tất cả các bộ chọn màu đều có các thanh trượt để bạn chọn mức alpha (độ mờ đục) của đối tượng đang chọn. + + + + + + + Mỗi khi chọn một đối tượng, bộ chọn màu sẽ được cập nhật lại để biểu diễn màu tô và màu nét hiện đối tượng đó đang có (nếu bạn chọn nhiều đối tượng, màu được biểu diễn là màu trung bình). Hãy thử với các hình mẫu dưới đây, hoặc tự tạo ra các hình dạng và thử sử dụng các bộ màu để đổi màu chúng: + + + + + + + + + + + + + + Trong thẻ Sơn nét, bạn có thể xoá nét (viền) của đối tượng đang chọn, hoặc gán cho nó một màu sắc tuỳ ý, hay độ trong suốt bất kỳ: + + + + + + + + + + + + + + + Thẻ cuối cùng, Kiểu nét, cho phép bạn đặt độ rộng của nét viền, cũng như các tham số khác liên quan: + + + + + + + + + + + + + + Cuối cùng, thay vì dùng màu phẳng, bạn có thể dùng chuyển sắc làm màu tô và/hoặc màu nét viền: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + When you switch from flat color to gradient, the newly created gradient uses the previous flat color, going from opaque to transparent. Switch to the Gradient tool (Ctrl+F1) to drag the gradient handles — the controls connected by lines that define the direction and length of the gradient. When any of the gradient handles is selected (highlighted blue), the Fill and Stroke dialog sets the color of that handle instead of the color of the entire selected object. + + + + + + + Yet another convenient way to change a color of an object is by using the Dropper tool (F7). Just click anywhere in the drawing with that tool, and the picked color will be assigned to the selected object's fill (Shift+click will assign stroke color). + + + + + + + Nhân đôi, sắp xếp và phân phối + + + + + + + One of the most common operations is duplicating an object (Ctrl+D). The duplicate is placed exactly above the original and is selected, so you can drag it away by mouse or by arrow keys. For practice, try to fill the line with copies of this black square: + + + + + + + + Chances are, your copies of the square are placed more or less randomly. This is where the Align and Distribute dialog (Shift+Ctrl+A) is useful. Select all the squares (Shift+click or drag a rubberband), open the dialog and press the “Center on horizontal axis” button, then the “Make horizontal gaps between objects equal” button (read the button tooltips). The objects are now neatly aligned and distributed equispacedly. Here are some other alignment and distribution examples: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Thứ tự Z + + + + + + + The term z-order refers to the stacking order of objects in a drawing, i.e. to which objects are on top and obscure others. The two commands in the Object menu, Raise to Top (the Home key) and Lower to Bottom (the End key), will move your selected objects to the very top or very bottom of the current layer's z-order. Two more commands, Raise (PgUp) and Lower (PgDn), will sink or emerge the selection one step only, i.e. move it past one non-selected object in z-order (only objects that overlap the selection count, based on their respective bounding boxes). + + + + + + + Hãy thực hành các lệnh trên bằng cách đảo ngược thứ tự z của các đối tượng dưới đây, để cho hình elip ngoài cùng bên trái sẽ ở trên cùng, và hình ngoài cùng bên phải sẽ ở dưới cùng: + + + + + + + + + + + + + A very useful selection shortcut is the Tab key. If nothing is selected, it selects the bottommost object; otherwise it selects the object above theselected object(s) in z-order. Shift+Tab works in reverse, starting from the topmost object and proceeding downwards. Since the objects you create are added to the top of the stack, pressing Shift+Tab with nothing selected will conveniently select the object you created last. Practice the Tab and Shift+Tab keys on the stack of ellipses above. + + + + + + + Chọn và di chuyển đối tượng nằm dưới đối tượng khác + + + + + + + Bạn cần chọn một đối tượng nằm dưới đối tượng khác ư? Có thể đối tượng đó vẫn hiện ra nếu đối tượng nằm trên nó tương đối trong suốt, nhưng nếu bạn nhấn chuột lên nó, bạn sẽ chỉ chọn được đối tượng nằm trên mà thôi. + + + + + + + This is what Alt+click is for. First Alt+click selects the top object just like the regular click. However, the next Alt+click at the same point will select the object below the top one; the next one, the object still lower, etc. Thus, several Alt+clicks in a row will cycle, top-to-bottom, through the entire z-order stack of objects at the click point. When the bottom object is reached, next Alt+click will, naturally, again select the topmost object. + + + + + + + [If you are on Linux, you might find that Alt+click does not work properly. Instead, it might be moving the whole Inkscape window. This is because your window manager has reserved Alt+click for a different action. The way to fix this is to find the Window Behavior configuration for your window manager, and either turn it off, or map it to use the Meta key (aka Windows key), so Inkscape and other applications may use the Alt key freely.] + + + + + + + This is nice, but once you selected an under-the-surface object, what can you do with it? You can use keys to transform it, and you can drag the selection handles. However, dragging the object itself will reset the selection to the top object again (this is how click-and-drag is designed to work — it selects the (top) object under cursor first, then drags the selection). To tell Inkscape to drag whatis selected now without selecting anything else, use Alt+drag. This will move the current selection no matter where you drag your mouse. + + + + + + + Practice Alt+click and Alt+drag on the two brown shapes under the green transparent rectangle: + + + + + + + + + + Selecting similar objects + + + + + + + Inkscape can select other objects similar to the object currently selected. For example, if you want to select all the blue squares below first select one of the blue squares, and use Edit⇒Select Same⇒Fill Color from the menu. All the objects with a fill color the same shade of blue are now selected. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + In addition to selecting by fill color, you can select multiple similar objects by stroke color, stroke style, fill & stroke, and object type. + + + + + + + Kết luận + + + + + + + This concludes the Basic tutorial. There's much more than that to Inkscape, but with the techniques described here, you will already be able to create simple yet useful graphics. For more complicated stuff, go through the Advanced and other tutorials in Help⇒Tutorials. + + + + + + + + Bulia Byak; Jonathan Leighton; Ralf Stephan; Bryce Harrington; Alexandre Prokoudine; Colin Marquardt; Josh Andler; Nicolas Dufour; Gellért Gyuris + + + + + + + + Clytie Siddall — 2006, 2007, 2008; Nguyễn Đình Trung — 2008 + + + + + + + + Esteban Capella — 2019 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -- cgit v1.2.3