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

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

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

آموزش-طراحی-آیکون-زمان-سنج60

در این بخش میخواهم دو آیکون زمان سنج را برای شما بازدید کنندگان محترم با نرم افزار فتوشاپ طراحی کنم . روش کار به این شکل می باشد که ابتدا باید با ابزار Ellipse Tool یک دایره بکشید و سپس برای تغییر شکل دایره از ابزارهای Pen Tool استفاده کنید . بعد از ترسیم کادر اصلی نوبت میرسه به دایره ای که در وسط دایره بزرگ باید بوسیله ابزار Ellipse Tool کشیده شود و تنظیمات مربوط به ظاهر آن بوسیله پنل Layer تغییر کند .
چند کادر دیگر هم با ابزارهای مختلف در مراحل بعدی کشیده  و تنظیمات مربوط به رنگ و ابعاد اشکال را بوسیله لایه های پیش فرض تغییر میدهید . در مرحله پایانی هم با استفاده از ابزار تایپ یک متن را به دلخواه در وسط کادر تایپ کنید . تمام قسمتهایی که به مختصر توضیح داده ام در ادامه به صورت کامل شرح داده می شود .

آموزش-طراحی-آیکون-زمان-سنج60

ورژن فتوشاپ : CS5
1. ایتدا یک صفحه به ابعاد 400×600 ایجاد کنید . File>New - رنگ پس زمینه را با ابزار سطل رنگ Paint با درصد رنگی f0e9dd تغییر بدهید

آموزش-طراحی-آیکون-زمان-سنج1

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

 آموزش-طراحی-آیکون-زمان-سنج2

3. ابزار Covert Point Tool را انتخاب کرده و بر روی لبه های دایره کشیده شده کلیک کنید تا نقاط ترسیمی دایره نمایش داده شود . کمی قسمت پایین دایره را می خواهم به طرف پایین تر ببرم . کلید Shift را از روی صفحه کلید انتخاب کرده و کمی با ماوس نقطه پایین دایره را به طرف پایین کادر بکشید .

آموزش-طراحی-آیکون-زمان-سنج3

آموزش-طراحی-آیکون-زمان-سنج4

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

آموزش-طراحی-آیکون-زمان-سنج5

آموزش-طراحی-آیکون-زمان-سنج6

آموزش-طراحی-آیکون-زمان-سنج7

آموزش-طراحی-آیکون-زمان-سنج8

5. ابزار Pen Tool  را انتخاب کرده و یک کادر همانند تصویر زیر بکشید . بعد از کشیدن کادر مورد نظر بر روی لایه آن دابل کلیک کرده و تنظیمات پیش فرض گزینه های مشخص شده را تغییر بدهید  . 

آموزش-طراحی-آیکون-زمان-سنج9

آموزش-طراحی-آیکون-زمان-سنج10

آموزش-طراحی-آیکون-زمان-سنج11

آموزش-طراحی-آیکون-زمان-سنج12

6. ابزار Elipse Tool را از جعبه ابزار انتخاب کرده و یک دایره همانند تصویر زیر بکشید .باز هم بر روی لایه کادر کشیده شده دابل کلیک کرده و تنظیمات گزینه های پیش فرض را تغییر بدهید 

آموزش-طراحی-آیکون-زمان-سنج13

آموزش-طراحی-آیکون-زمان-سنج14

آموزش-طراحی-آیکون-زمان-سنج15

آموزش-طراحی-آیکون-زمان-سنج16

آموزش-طراحی-آیکون-زمان-سنج17

7. ابزار Pen Tool  را انتخاب کرده و یک کادر همانند تصویر زیر ، پایین تر از لایه دایره کوچک وسط بکشید . زیر لایه کوچکتر. بعد از کشیدن کادر بر روی لایه آن دابل کلیک کرده و همانند تصویر زیر گزینه های پیش فرض را تغییر بدهید 

آموزش-طراحی-آیکون-زمان-سنج18

آموزش-طراحی-آیکون-زمان-سنج19

آموزش-طراحی-آیکون-زمان-سنج20

آموزش-طراحی-آیکون-زمان-سنج21

آموزش-طراحی-آیکون-زمان-سنج22

8. یک دایره زیر دایره کوچک بکشید . ابتدا هم لایه دایره دوم هم لایه کادر نارنجی رنگ را غیر فعال کنید تا بهتر بتوانید اینکار را انجام بدهید .

 

مد لایه هم باید برابر با Soft Light قرار بدهید . در مرحله آخر که دایره را کشیدید هر دو لایه را فعال کنید

آموزش-طراحی-آیکون-زمان-سنج23

آموزش-طراحی-آیکون-زمان-سنج24

آموزش-طراحی-آیکون-زمان-سنج25

آموزش-طراحی-آیکون-زمان-سنج26

9. ابزار Pen Tool  را انتخاب کرده و یک کادر همانند تصویر زیر بکشید . سپس بر روی لایه دابل کلیک کرده و تنظیمات گزینه های مشخص شده را تغییر بدهید  .

 آموزش-طراحی-آیکون-زمان-سنج27

آموزش-طراحی-آیکون-زمان-سنج28

آموزش-طراحی-آیکون-زمان-سنج29

آموزش-طراحی-آیکون-زمان-سنج30

آموزش-طراحی-آیکون-زمان-سنج31

10. در مرحله پایانی ابزار تایپ را انتخاب کرده و با درصد رنگی ddd3c3 یک متن را به دلخواه وسط کادر تایپ کنید . برای سایه هم از تصویر زیر کمک بگیرید

 آموزش-طراحی-آیکون-زمان-سنج32

آموزش-طراحی-آیکون-زمان-سنج32

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

 آموزش-طراحی-آیکون-زمان-سنج33

آموزش-طراحی-آیکون-زمان-سنج34

آموزش-طراحی-آیکون-زمان-سنج35

آموزش-طراحی-آیکون-زمان-سنج37

آموزش-طراحی-آیکون-زمان-سنج38

آموزش-طراحی-آیکون-زمان-سنج39

آموزش-طراحی-آیکون-زمان-سنج40

آموزش-طراحی-آیکون-زمان-سنج41

آموزش-طراحی-آیکون-زمان-سنج42

آموزش-طراحی-آیکون-زمان-سنج43

آموزش-طراحی-آیکون-زمان-سنج44

آموزش-طراحی-آیکون-زمان-سنج45

آموزش-طراحی-آیکون-زمان-سنج46

آموزش-طراحی-آیکون-زمان-سنج47

آموزش-طراحی-آیکون-زمان-سنج48

آموزش-طراحی-آیکون-زمان-سنج49

آموزش-طراحی-آیکون-زمان-سنج50

آموزش-طراحی-آیکون-زمان-سنج51

آموزش-طراحی-آیکون-زمان-سنج52

آموزش-طراحی-آیکون-زمان-سنج53

آموزش-طراحی-آیکون-زمان-سنج54

آموزش-طراحی-آیکون-زمان-سنج55

آموزش-طراحی-آیکون-زمان-سنج56آموزش-طراحی-آیکون-زمان-سنج58

آموزش-طراحی-آیکون-زمان-سنج57

آموزش-طراحی-آیکون-زمان-سنج59

آموزش-طراحی-آیکون-زمان-سنج60

 

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

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

«
  • 1
  • 2
  • 3
»

گالری پست

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