Notice: Trying to get property of non-object in /home/asalearn/domains/learning.asarayan.com/public_html/plugins/system/jak2tocomcontentmigration/jak2tocomcontentmigration.php on line 86
آموزش طراحی آیکون ضمانت با فتوشاپ

بنر بالای مطالب

banner

آموزش طراحی آیکون ضمانت با فتوشاپ

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

 37 آموزش طراحی آیکون ضمانت با فتوشاپتقریبا تمام چیزهایی که در اطراف ما وجود دارد چه در دنیای حقیقی چه مجازی دارای یک نماد آیکون می باشد .

مثل وب سایتهای اینترنتی ، کارت های گارانتی ، کامپیوتر ها ، جلد روی مادربردها و هر چیزی که شما بتوانید به آن فکر کنید از این علائم بر روی آنها طراحی و قرار داده شده است .

در بعضی از مواقع این آیکن ها تبدیل به یک لوگو و نشان تجاری یک شرکت نیز شده اند. با توجه به این مهم میخواهم در این بخش یک آیکن تجاری که بیشتر در کارت های ضمانت مورد استفاده قرار می گیرد را با فتوشاپ طراحی کنم .  روش کار بسیار ساده می باشد .

1. ابتدا یک صفحه به ابعاد 600×600 ایجاد کنید .
1.1 . سپس میخواهم جدول را برای پس زمینه فعال کنم تا دقیق تر بتوانم ابعاد را مشخص کنم و در کشیدن کادرها دقت بیشتری داشته باشم . 
2.1. از نوار ابزار بالای صفحه گزینه View > Show > Grid را فعال کنید . 
2.2. بررسی کنید گزینه View > Snap To > Grid هم فعال باشد . 
2.3. به قسمت Edit > Preferences > Guides, Grid & Slices and focus رفته و تنظیمات آن را همانند تصویر زیر تغییر بدهید .
2.4. ابزار Polygon Tool را انتخاب کرده و همانند تصویر زیر یک ستاره 25 پر بکشید . درصد رنگ کادر کشیده شده در تصویر زیر مشخص شده است .

1 آموزش طراحی آیکون ضمانت با فتوشاپ

2 آموزش طراحی آیکون ضمانت با فتوشاپ

 

3. یک لایه جدید با عرض و ارتفاع 4 پیکسل بدون پس زمینه ایجاد کنید .
3.1. ابزار Rectangle Tool را انتخاب کرده و دو مربع با عرض و ارتفاع 2 پیکسل با رنگ مشکی بکشید . در تصویر زیر مشخص شده است .
3.2. سپس از نوار منوبار بالای صفحه Edit > Define Pattern را انتخاب کرده و یک نام برای الگوی ساخته شده تایپ کنید . 

3 آموزش طراحی آیکون ضمانت با فتوشاپ

 

4. در این مرحله میخواهم از الگوی ساخته شده در ستاره ای که در مرحله 2 ایجاد کرده بودم استفاده کنم . 
به همین منظور باید سطل رنگ را ابتدا انتخاب کنید ، سپس از نوار ابزار بالای صفحه (تنظیمات سطل رنگ) گزینه Forground را به Pattern تغییر بدهید . بعد از تغییر گزینه مورد نظر از لیست الگوهای پیش فرض الگوی ساخته شده را انتخاب کرده و وسط کادر کلیک کنید .
شما می توانید بر روی لایه ستاره هم دابل کلیک کرده و از تنظیمات گزینه Pattern Overlay الگوی ساخته شده را انتخاب نمایید . 
بر روی لایه ستاره دابل کلیک کنید و تنظیمات پیش فرض را همانند تصویر زیر تغییر بدهید . 

4 آموزش طراحی آیکون ضمانت با فتوشاپ

5 آموزش طراحی آیکون ضمانت با فتوشاپ

6 آموزش طراحی آیکون ضمانت با فتوشاپ

7 آموزش طراحی آیکون ضمانت با فتوشاپ

8 آموزش طراحی آیکون ضمانت با فتوشاپ

9 آموزش طراحی آیکون ضمانت با فتوشاپ

10 آموزش طراحی آیکون ضمانت با فتوشاپ

 

5 . ابزار Ellipse Tool را انتخاب کرده و یک دایره 120×120 با درصد رنگی 855f37 ترسیم کنید . 
بعد از کشیدن دایره دوم باید دایره اول را نیز با ابعاد 70×70 ترسیم کنید . 
در این مرحله یکبار دیگر بر روی لایه دوبار کلیک کنید تا تنظیمات Layer Style فعال شود . سپس تنظیمات را همانند تصویر زیر تغییر بدهید . این تنظیمات مربوط به لایه دایره دوم می باشد . 

11 آموزش طراحی آیکون ضمانت با فتوشاپ

12 آموزش طراحی آیکون ضمانت با فتوشاپ

13 آموزش طراحی آیکون ضمانت با فتوشاپ

14 آموزش طراحی آیکون ضمانت با فتوشاپ

 

6. رنگ فورگراند را برابر با c7a069 قرار بدهید . 
ابزار Rectangle tool را انتخاب کرده و یک کادر 40×270 پیکسل ایجاد کنید . 

15 آموزش طراحی آیکون ضمانت با فتوشاپ

 

6. بعد از کشیدن کادر مورد نظر میخواهم لبه های مستطیل را به طرف داخل بکشم  . 
6.1. ابتدا باید ابزار Convert point tool را انتخاب کنید (ابزار زیر مجموعه point Tool ) . سپس بر روی کادر کشیده شده کلیک کنید تا نقاط ترسیمی نمایش داده شود . 
6.2. سپس با ابزار Add Anchor Point Tool دو نقطه همانند تصویر زیر وسط کادر بکشید . 
6.3. یکبار دیگر ابزار Convert point tool را انتخاب کرده و نقاط ترسیمی جدید که ایجاد کرده بودید را هر کدام را به ترتیب از طرف بیرون به طرف داخل انتخاب کنید . وقتی انتخاب شود کمی نقطه بزرگتر نمایش داده می شود .
سپس با حرکت فلش کیبورد به طرف داخل فلش را حرکت بدهید . 
سپس روی نقطه کلیک کنید و هر دو اهرم بالا و پایین نقطه کشیده شده را از طرف بالا و پایین به طرف مرکز نقطه هدایت کنید . 

بعد از کشیدن کادر بر روی لایه دوبار کلیک کنید و تنظیمات پیش فرض را همانند تصویر زیر تغییر بدهید . 

16 آموزش طراحی آیکون ضمانت با فتوشاپ

17 آموزش طراحی آیکون ضمانت با فتوشاپ

18 آموزش طراحی آیکون ضمانت با فتوشاپ

19 آموزش طراحی آیکون ضمانت با فتوشاپ

20 آموزش طراحی آیکون ضمانت با فتوشاپ

21 آموزش طراحی آیکون ضمانت با فتوشاپ

22 آموزش طراحی آیکون ضمانت با فتوشاپ

 

7. ابزار Rectangle Tool را انتخاب کرده و یک کادر با درصد رنگی 855f37 بکشید .  ابعاد کادر 30×240 پیکسل ترسیم شود .  سپس مرحله 6 را برای این کادر تکرار کنید .

23 آموزش طراحی آیکون ضمانت با فتوشاپ

 

8. لایه کادر مستطیل شکل را پایین تر از لایه دایره سوم قرار بدهید .  سپس بر روی لایه کادر مستطیل دوم دو بار کلیک کرده و تنظیمات را همانند تصویر زیر تغییر بدهید . 

24 آموزش طراحی آیکون ضمانت با فتوشاپ

25 آموزش طراحی آیکون ضمانت با فتوشاپ

26 آموزش طراحی آیکون ضمانت با فتوشاپ

27 آموزش طراحی آیکون ضمانت با فتوشاپ

 

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

28 آموزش طراحی آیکون ضمانت با فتوشاپ

29 آموزش طراحی آیکون ضمانت با فتوشاپ

30 آموزش طراحی آیکون ضمانت با فتوشاپ

31 آموزش طراحی آیکون ضمانت با فتوشاپ

32 آموزش طراحی آیکون ضمانت با فتوشاپ

33 آموزش طراحی آیکون ضمانت با فتوشاپ

34 آموزش طراحی آیکون ضمانت با فتوشاپ

35 آموزش طراحی آیکون ضمانت با فتوشاپ

36 آموزش طراحی آیکون ضمانت با فتوشاپ

37 آموزش طراحی آیکون ضمانت با فتوشاپ

 

آخرین ویرایش درچهارشنبه, 18 شهریور 1394 10:39

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

«
  • 1
  • 2
  • 3
»

گالری پست

تک وب دیزاین-قالب فارسی جوملا