Làm thế nào để một Gradient màu
This tutorial focuses on showing you a popular skill in creating Flash - making gradient color. You can have a special effect from making gradient color and overlapping shapes.
Hướng dẫn này tập trung vào hiển thị cho bạn một kỹ năng phổ biến trong việc tạo ra Flash - làm cho màu gradient. Bạn có thể có một hiệu ứng đặc biệt từ làm cho màu gradient và hình dạng chồng chéo.
Just like this:
Chỉ cần như thế này:
Series: SWF Quicker 2.0
Estimated Time of Completion: 25 minutes
Series: SWF Quicker 2.0 Ước tính Thời gian hoàn thành: 25 phút
1. In shape panel, direct input R: 102, G: 102, B: 255 on the right. Set the line width as 0.
2. Select round rectangle tool and input 20 in the value box located in the bottom of tool panel. Draw a round rectangle on the canvas.
1. Trong hình dạng bảng điều khiển, đầu vào trực tiếp R: 102, G: 102, B: 255 bên phải. Thiết lập chiều rộng dòng là 0.
2. Chọn công cụ hình chữ nhật tròn và đầu vào 20 trong hộp giá trị nằm ở dưới cùng của bảng điều khiển công cụ. Vẽ một hình chữ nhật tròn trên vải.
3. In Library, rename shape symbol as "background". Right-click symbol "background" in Library and choose copy, then right-click again to choose paste, you can get a duplicatate of symbol "background". Rename it as "button shadow".
3. Trong thư viện, đổi tên biểu tượng hình dạng như "nền". Kích chuột phải vào biểu tượng "nền" trong thư viện và chọn sao chép, sau đó nhấp chuột một lần nữa để chọn dán, bạn có thể có được một duplicatate của biểu tượng "nền". Đổi tên nó là "nút bóng".
4. Insert a new layer -- layer 2 and drag symbol "button shadow" to the canvas in layer2. Make sure the instance of symbol "background" is placed under the instance of symbol "button shadow". To align the button shadow and background perfectly, we can set the alignment in Layout panel. First, please select the two shapes on the canvas, and then click Align center and Align middle.
4. Thêm một layer mới - lớp 2 và kéo biểu tượng "nút bóng" vào khung trong layer 2. Hãy chắc chắn rằng trường hợp của biểu tượng "nền" được đặt dưới sự thể hiện của biểu tượng "nút bóng". Để sắp xếp các nút bóng và nền hoàn hảo, chúng ta có thể thiết lập sự liên kết trong bảng điều khiển bố trí. Trước tiên, hãy chọn hai hình trên vải, và sau đó nhấp vào Align trung tâm và Align giữa.
5. Select the instance of symbol "button shadow". First, set the line color and line width: Line color is R: 0, G: 51, B: 204, line width: 0.25. Then set the fill style in shape panel as linear. After you choose Linear in Fill style drop-down menu, the gradient definitions bar shows up, with a pointer at each end. A pointer looks like a small triangle, representing a color in the gradient. Select the left pointer and set the color as R: 0, G: 0, B: 102. Set the color of right point as white.
5. Chọn thể hiện của biểu tượng "nút bóng". Đầu tiên, thiết lập màu sắc dòng và độ rộng đường thẳng: màu Line là R: 0, G: 51, B: 204, chiều rộng dòng: 0,25.Sau đó thiết lập các phong cách điền vào bảng điều khiển hình dạng như tuyến tính. Sau khi bạn chọn tuyến tính trong trình đơn thả xuống phong cách Fill, thanh định nghĩa dốc xuất hiện, với một con trỏ ở mỗi đầu. Một con trỏ trông giống như một hình tam giác nhỏ, đại diện cho một màu sắc trong gradient. Chọn con trỏ trái và thiết lập màu sắc như R: 0, G: 0, B: 102. Thiết lập màu sắc của điểm đúng như màu trắng.
6. Select fill transform tool and click button shadow, a control line with a center point and a handle at each end will appear inside, drag one handle to make the control line vertically. See the difference between the following two shapes? The gradient of shape 1 is from left to right; the other one is from top to bottom.
6. Chọn điền vào công cụ chuyển đổi và nhấp vào nút bóng, dây điều khiển với một điểm trung tâm và xử lý ở mỗi đầu sẽ xuất hiện bên trong, kéo một xử lý để làm cho dòng điều khiển theo chiều dọc. Thấy sự khác biệt giữa hai hình dạng sau đây? Gradient của hình 1 là từ trái sang phải, một trong những khác là từ trên xuống dưới.
7. Make a duplicate of symbol "button shadow" in Library and rename it as "light".
8. Insert a new layer and drag symbol "light" to the canvas. Make the three shapes overlapped completely by using Align options in layout panel. Select "light", set the line width as 0. Select the left pointer and set the color as white, Alpha value as 100%, the color of right pointer as white, Alpha value as 0.
7. Tạo một bản sao của biểu tượng "nút bóng" trong thư viện và đổi tên nó là "ánh sáng".
8. Thêm một layer mới và kéo biểu tượng "ánh sáng" vào khung. Làm cho ba hình dạng trùng hoàn toàn bằng cách sử dụng Align tùy chọn trong bảng điều khiển bố trí. Chọn "ánh sáng", thiết lập chiều rộng đường là 0. Chọn con trỏ trái và thiết lập màu sắc như trắng, Alpha giá trị là 100%, màu sắc của con trỏ đúng như trắng, Alpha giá trị là 0.
9. Select the instance of symbol "light" on the canvas and adjust its size and position like this:
9. Chọn thể hiện của biểu tượng "ánh sáng" trên bức tranh và điều chỉnh kích thước và vị trí của nó như thế này:
10. That is the crystal button we want. You can add some characters on it.
10. Đó là các nút tinh thể chúng ta muốn. Bạn có thể thêm một số ký tự trên đó.
TIP: The Fill color is the color of an entirely enclosed area, where can be filled with solid color, gradient colors (linear and radial color) and bitmap by using SWF Quicker, We take linear color as an example in this lesson. Other ways are also quick and easy to master. Go for it!
TIP: Fill color là màu sắc của một khu vực hoàn toàn khép kín, nơi có thể được lấp đầy bằng màu đặc, màu gradient (màu tuyến tính và xuyên tâm) và bitmap bằng cách sử dụng SWF Quicker, Chúng tôi lấy màu tuyến tính là một ví dụ trong bài học này. Cách khác cũng nhanh chóng và dễ dàng để làm chủ. Đi cho nó!
Nhận xét
Đăng nhận xét
Cảm ơn