Login to your account

Username *
Password *
Remember Me

Create an account

Fields marked with an asterisk (*) are required.
Name *
Username *
Password *
Verify password *
Email *
Verify email *
Captcha *
Reload Captcha

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

By مهر 13, 1392 4598 0

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

آموزش-طراحی-آیکون-زمان-سنج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

 

این مورد را ارزیابی کنید
(0 رای‌ها)
آخرین ویرایش در چهارشنبه, 18 شهریور 1394 ساعت 10:42
کلیه حقوق متعلق است به فروشگاه آسارایان. طراحی و پشتیبانی: webriz

Please publish modules in offcanvas position.

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