آموزش طراحی آیکون Firefox با کرل

در صورت مفید بودن این مقاله حتما نظر خودتان را در پایین مطلب برای ما ارسال کنید

demo

در این بخش میخواهم آیکون Firefox را با نرم افزار کرل برای شما طراحی کنم .ابتدا یک صفحه A4 ایجاد کرده و با ابزار Ellipse Tool یک دایره در وسط کادر میکشم .

بعد از کشیدن کادر مورد نظر بوسیله ابزار Fountain Fill tool رنگ پیش فرض را تغییر میدهم . در مرحله آخر هم بوسیله ابزار Bezier Tool شروع به ترسیم شکل اصلی کرده و بعد از تکمیل شدن آن ، شکل ترسیم شده را بر روی دایره اصلی قرار میدهم  . 

 1. ابتدا یک صفحه A4 ایجاد کنید .

Designing-Icon-rss1

2. ابزار Ellipse Tool را انتخاب کرده و یک دایره همانند تصویر زیر بکشید  .

Designing-Icon-rss2

3. یک دایره دیگر با ابزار Ellipse Tool همانند تصویر زیر بکشید البته کمی کوچکتر

Designing-Icon-rss3

4. یکبار دیگر مرحله 3 را تکرار کنید .

Designing-Icon-rss4

5. دایره بزرگتر را انتخاب کرده و بر روی ابزار Fountain Fill tool کلیک کنید . قسمت هایی که توسط شما باید تغییر کند در تصویر زیر مشخص کرده ام . برای اضافه کردن نقاطی که درصد رنگی زیر آن تایپ شده است کافیست بر روی مثلث های کوچک کلیک کرده و درسه کادر مورد نظر عدد نوشته شده را به ترتیب تایپ کنید .  

Designing-Icon-rss5

Designing-Icon-rss6

6. مرحله 5 را برای دایره دوم تکرار میکنم 

Designing-Icon-rss7

Designing-Icon-rss8

7. تکرار مرحله 5 و 6

Designing-Icon-rss9

Designing-Icon-rss10

8.یک کادر دیگر با ابزار Ellipse Tool همانند تصویر زیر بکشید .

Designing-Icon-rss11

9. ابزار Transparency را انتخاب کرده و یک سایه داخل کادر ایجاد کنید . برای تغییر رنگ کادر سفید بر روی آن کلیک کرده سپس بر روی رنگ سفید پنل رنگ کلیک کنید تا تنظیمات پیش فرض تغییر کند

Designing-Icon-rss12

10. ابزار Bezier Tool را انتخاب کنید و یک کادر همانند تصویر زیر ترسیم کنید . 

Designing-Icon-rss13

11. برای اینکه خط کشیده شده به طرف داخل هدایت شود بر روی خط مورد نظر دابل کلیک کرده و یک نقطه وسط کادر همانند تصویر زیر ایجاد کنید . سپس نقطه مورد نظر را به طرف داخل بکشید

Designing-Icon-rss14

12. این مرحله شاید برای افراد مبتدی کمی سخت باشد . روش کار به این صورت هست که باید ابزار Shape Tool را انتخاب کرده و همانند تصویر زیر چند نقطه بر روی کادر ایجاد کنید سپس نقاط را به طرف که در تصویر نمایش داده شده است جابجا کنید  . به تصویر زیر دقت کنید .  (برای کشیدن خطور زیاد حساسین نشان ندهید فقط نقاط را ایجاد کرده و با موس به طرفین بکشید)

Designing-Icon-rss15

13.تا به این مرحله امیدوارم سخت نبوده باشد . در مرحله بعدی باید بر روی نقاط ترسیم شده کلیک راست کرده و گزینه To Curve را انتخاب کنید . دو اهرم در اختیار شما قرار می گیرد که با تغییر آنها می توانید به شکل دلخواه برسید. بدون هیچ دقتی اهرم ها را حرکت بدهید تا اول روش کار دستتان بیابد .رنگ خط را به قرمز تغییر میدهم تا بهتر نقاط و اهرم ها را مشاهده کنید .

Designing-Icon-rss16

مرحله به مرحله عکس برای شما قرار میدم تا بهتر متوجه بشید که هر نقطه به کدام سمت حرکت داده می شود

Designing-Icon-rss17

Designing-Icon-rss18

Designing-Icon-rss19

Designing-Icon-rss20

14. برای تغییر رنگ کادر کشیده شده ابزار Fountain Fill tool را انتخاب کرده و همانند تصویر زیر تنظیمات پیش فرض را تغییر بدهید . 

Designing-Icon-rss21

Designing-Icon-rss22

15. یک کادر با ابزار Bezier Tool  همانند تصویر زیر بکشید و رنگ آن را با ابزار سطل رنگ تغییر بدهید .

 Designing-Icon-rss23

Designing-Icon-rss24

Designing-Icon-rss25

16. ابزار Transparency را انتخاب کرده و یک سایه داخل کادر ایجاد کنید .

Designing-Icon-rss26

17. از کادر کشیده شده یک کپی با فشردن کلیدهای Ctrl+D بگیرید و در طرف دیگر قرار بدهید . از تصویر زیر کمک بگیرید

Designing-Icon-rss27

 18. باید کادر کشیده شده را زیر دایره های اصلی همانند تصویر زیر قرار بدهیم . برای اینکه کادرها تغییر یا جابجایی نداشته باشند می توانید هر سه کادر را انتخاب کرده و بالای صفحه بر روی آیکون Group کلیک کنید . 

Designing-Icon-rss28

19. مرحله 10 را اینبار تکرار میکنم البته با یک کادر دیگر . از توضیحات اضافی بدلیل اینکه در مراحل بالا به صورت کامل روش کار توضیح داده شده است پرهیز میکنم 

Designing-Icon-rss29

 Designing-Icon-rss30

Designing-Icon-rss31

Designing-Icon-rss32

Designing-Icon-rss33

Designing-Icon-rss34

کادر آخری که کشیدید را باید روی کادر اصلی قرار داده سپس با استفاده از ماوس کل کادر را طوری انتخاب کنید که هم دست اژدها هم خود آن انتخاب شود .سپس بالای صفحه یک سری آیکون تنظیمات مربوط به لایه ها فعال می شود که باید اولین آیکون یعنی weld را انتخاب کنید

Designing-Icon-rss35

Designing-Icon-rss36

20 . کادر بعدی را همانند مرحله 19 تکرار کنید 

Designing-Icon-rss37

Designing-Icon-rss38

Designing-Icon-rss39

 21. برای رنگ کردن کادر از ابزار Fountain Fill tool  همانند ابزار زیر استفاده کنید . 

Designing-Icon-rss40

Designing-Icon-rss41

Designing-Icon-rss42

آخرین بروز رسانیسه شنبه, 03 شهریور 1394 15:43
مجموعه های بیشتر: « طراحی تصویر درخت با CorelDRAW

نوشتن دیدگاه

تصویر امنیتی
تصویر امنیتی جدید

دیدگاه‌ها   

+1 #1 حدیث 1396-01-22 22:51
لطفا چیزای تخصصی تر بزارید.......ای نا خیلی سادن.من میتونم تصویر اصلیشو بکشم......همراه با پسوندش بفرستم.....طرح های نخصصی تر بزارید ممنون میشم:)
نقل قول کردن

آخرین مطالب آموزشی

«
  • 1
  • 2
  • 3
»
تک وب دیزاین-قالب فارسی جوملا