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

ارسال شده توسط مهدی گلچین در ۲۳ خرداد, ۱۳۸۷ ساعت ۱۹:۵۷

آیکون مداد

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

آیکون مداد -فتوشاپ

برای مراحل کار به ادامه مطلب مراجعه کنید.

1- یک سند جدید به اندازه 100 در 100 پیکسل باز کنید.
2- با استفاده از پالت Navigator بزرگنمایی تصویر را روی 300% قرار دهید.
3- ابزار انتخاب Elliptical Marquee را بردارید و در نوار Options تنظیم Style را روی Fixed Size قرار داده و اعداد 70 در 70 پیکسل را در کادرهای آن وارد کنید.

آیکون مداد -فتوشاپ

4- حالا می توانید با کلیک روی تصویر یک انتخاب دایره ای به قطر 70 پیکسل داشته باشید.

آیکون مداد -فتوشاپ

5- یک لایه جدید در تصویر ایجاد کنید و نام آن را Base بگذارید.
6- رنگ زمینه را با کد BBE2ED #انتخاب کنید و لایه Base را در ناحیه انتخاب با این رنگ پر کنید.

آیکون مداد -فتوشاپ

7- با استفاده از فرمان Contract در منوی Select/Modify انتخاب خود را 5 پیکسل کاهش دهید.
8- یک لایه جدید باز کنید و نام آن را Top Base بگذارید.
9- رنگ زمینه را با کد 358AB2 # بردارید.
10- لایه Top Base را در ناحیه انتخاب با این رنگ پر کنید.

آیکون مداد -فتوشاپ

11- انتخاب خود را لغو کنید.
12-  ابزار Pen را فعال کنید و یک مسیر مانند شکل زیر ترسیم کنید.

آیکون مداد -فتوشاپ

می توانید با استفاده از دو خط راهنمای افقی و عمودی مرکز دایره را بدست آورده و سپس ترسیم مسیر را انجام دهید.
13-  بدون بستن مسیر آن را به صورت زیر ادامه دهید.

آیکون مداد -فتوشاپ

14-  حالا می خواهید از مسیر خود یک انتخاب درست کنیم، پس به پالت Path بروید و روی سطر Work path راست کلیک کرده  و گزینه Make Selection را انتخاب کنید و در کادری که باز می شود Ok را بزنید.

آیکون مداد -فتوشاپ

15-  حالا با استفاده از فرمان Layer via Cut در مسیر منوی Layer/New لایه Base Top را به دو قسمت تقسیم کنید.

آیکون مداد -فتوشاپ

16-  لایه ای که نیمه بالایی تصویر را دارد فعال کرده (در این شکل لایه Top Base) و از منوی Image/Adjustments فرمان Brightness Contrast را صادر کنید و در کادر Brightness عدد 25- را درج کنید و ok را بزنید.

آیکون مداد -فتوشاپ

17-   با ابزار انتخاب Rectangular Marquee یک انتخاب مستطیلی به ابعاد 21 در 17 پیکسل ایجاد کرده و آن را مانند شکل روی تصویر قرار دهید.

آیکون مداد -فتوشاپ

18-  یک لایه جدید به نام Pencil ایجاد کرده و آن را در بالای همه لایه ها قرار دهید.
19- این لایه را در ناحیه انتخاب با رنگ FFDE01 # پر کنید.

آیکون مداد -فتوشاپ

20-  با استفاده از کلید فلش صفحه کلید انتخاب خود را 7 پیکسل به سمت راست انتقال دهید.

آیکون مداد -فتوشاپ

21-  فرمان Brightness/Contrast را از مسیر Image/Adjustments صادر کنید و در کادر Brightness عدد 15- را درج کرده و Ok را بزنید.
22-  مجدد انتخاب خود را 7 پیکسل به سمت راست برده و مرحله 21 را برای آن تکرار کنید.

آیکون مداد -فتوشاپ

23-  با استفاده از ابزار Rectangular Marquee یک انتخاب در اندازه های 21 در 10 پیکسل ایجاد کنید و آن را بالای بدنه مداد قرار دهید.

آیکون مداد -فتوشاپ

24-  یک لایه جدید به نام Light در بالای همه لایه ها ایجاد کنید و آن را در ناحیه انتخاب با رنگ سفید پر کنید.

آیکون مداد -فتوشاپ

25-  مراحل 20 و 21 و 22 را برای این لایه نیز انجام دهید.

آیکون مداد -فتوشاپ

26-  رنگ زمینه را با کد F5DBDB # بردارید.
27-  از دسته ابزارهای Shape ابزارRounded Rectangle را فعال کنید و تنظیم های زیر را در نوار Options آن انجام دهید.

آیکون مداد -فتوشاپ

28-  با کلیک روی تصویر یک مستطیل با لبه های پخ خورده در بالای مداد قرار دهید.

آیکون مداد -فتوشاپ

29-  روی لایه Shape1 راست کلیک کرده و گزینه Rasterize Layer را انتخاب کنید.
30- کلید Ctrl را بچسبید و روی لایه Light کلیک کنید تا محتویات آن انتخاب شد، دقت کنید که هنوز باید لایه Shape1 فعال باشد.
31-  کلید Delete را بزنید تا محتویات اضافی لایه Sahpe1 حذف شود.

آیکون مداد -فتوشاپ

32-  محتویات لایهShape1 را با Ctrl + Click انتخاب کنید.
33- کلید D را بزنید تا رنگ ها به پیش فرض برگشته سپس با استفاده از دکمه X رنگ ها را وارونه کنید تا رنگ سفید رنگ پیش زمینه و رنگ مشکی رنگ پس زمینه تنظیم شود.
34- ابزار Gradient را برداشته و از طیف رنگ های از پیش تعریف شده نوع Foreground to Transparent را انتخاب کنید، سپس از انواع Gradient نوع Reflected آن را فعال کنید.

آیکون مداد -فتوشاپ

35-  لایه Shape 1 را در ناحیه انتخاب مانند شکل Gradient بزنید. (هنگام Drag کلید Shift را بچسبید تا طیف به صورت مستقیم به انتخاب اعمال شود.)

آیکون مداد -فتوشاپ

36-  انتخاب را لغو کنید.

آیکون مداد -فتوشاپ

37-  یک لایه جدید به نام Tip در بالای همه لایه ها بسازید.
38-  با ابزار انتخاب Polygonal Lasso مانند شکل زیر یک انتخاب مثلثی ایجاد کنید.

آیکون مداد -فتوشاپ

39-  لایه Tip را در ناحیه انتخاب با رنگ DCD2A1 # پر کنید.
40- انتخاب را لغو کنید.

آیکون مداد -فتوشاپ

41-  با استفاده از ابزار انتخاب Rectangular Marquee یک انتخاب مانند شکل در تصویر ایجاد کنید.

آیکون مداد -فتوشاپ

42-  فرمان Brightness/Contrast را صادر کرده و تنظیم های زیر را برای کادرهای آن انجام دهید.

آیکون مداد -فتوشاپ

43- انتخاب را لغو کنید.

آیکون مداد -فتوشاپ

44-  لایه های Pencil، Light، Shape و Tip را زنجیر زده و با زدن کلید میانبر Ctrl + T قابلیت Transform را فعال کنید و این لایه ها را کمی به راست بچرخانید.
45-  Zoom تصویر را به اندازه معمول آن برگردانید.

 آیکون مداد -فتوشاپ

46-  تصویر خود را ذخیره کنید.

منبع: www.cooltutorials.net
موفق باشید

تمرین بعدی طراحی یک کاغذ سوخته است 

کاغذ سوخته

تا بعد


مربوط به كارگاه فتوشاپ | ۸ نظر »



۸ نظر مربوط به مطلب [طراحی آیکون مداد با فتوشاپ]

  1. ارسال شده توسط امينNo Gravatar در ۲۴ خرداد ۱۳۸۷

    کارت جالب بود
    من طرفدار کارهای فتوشاپی شما هستم

    پاسخ به اين نظر

  2. ارسال شده توسط حميدNo Gravatar در ۲۴ خرداد ۱۳۸۷

    برای اینکه در رنگ امیزی اشتباه نکنیم و رنگ بیرون نزند می توانیم در قسمت ۶ به منوی Edit رفته و گزینه ی Fill را برگزینیم و سپس در قسمت بعد گزینه color را زده و سپس رنگ مورد نظر را انتخاب کرده و بعد از زدن گزینه ok کل دایره به رنگ مورد نظر در می اید
    همچنین این راحل در قسمت ۱۰ و ۳۹ صدق میکند
    با تشکر

    پاسخ به اين نظر

  3. ارسال شده توسط ahmadNo Gravatar در ۲۴ خرداد ۱۳۸۷

    بابا اقا گلچین ما که مثل شما فوتوشاپیست حرفه ای نیستیم…
    قسمت ۱۱/۱۲ و۱۳ رو اسونترشو بگید…خیلی سخته….دست ادم موقع کشیدن خط ها میلرزه…

    پاسخ به اين نظر

    مهدي گلچينNo Gravatar به اين نظر پاسخ داد در  ۲۵ خرداد ماه ۱۳۸۷ ۷:۰۵ ق.ظ:

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

    پاسخ به اين نظر

  4. ارسال شده توسط مهدي گلچينNo Gravatar در ۲۵ خرداد ۱۳۸۷

    حمید جان
    با تشکر از راهنمایی که فرمودی
    برای رنگ آمیزی یک لایه یا محدوده انتخاب در یک لایه ۳ روش وجود دارد:
    همانطور که شما فرمودی روش اول استفاده از منوی Edit و فرمان Fill است که کلید میانبر آن Shift + F5 می باشد.
    روش دوم استفاده از ابزار Paint Bucket یا همان سطل رنگ است.
    روش سوم بهترین و سریعترین روش برای رنگ آمیزی می باشد. برای استفاده از این روش ابتدا رنگ زمینه را انتخاب کرده سپس از کلید میانبر Alt + Backspace استفاده می کنیم. فقط دقت داشته باشید که باید از کلید Alt سمت چپ استفاده کنید.
    با تشکر از راهنمایی شما

    پاسخ به اين نظر

  5. ارسال شده توسط kamiNo Gravatar در ۲۶ خرداد ۱۳۸۷

    با سلام سایت خیلی خوبی دارید ممنون که اموزش فتوشاپ رو هم به ان اضافه کردید که خیلی خوبه
    اگر امکان داره طرز تهیه والپیپرهای زیبا رو هم یاد بدهید واینکه چطوری میشه عکس یک هنرپیشه رو مثلا روی یک منظره انداخت بسیار سپاسگذارم

    تشکرتشکرتشکرتشکرتشکرتشکرتشکرتشکرتشکرتشکرتشکرتشکرتشکرتشکر

    پاسخ به اين نظر

  6. ارسال شده توسط حسينNo Gravatar در ۲۶ تیر ۱۳۸۷

    آقا خیلی گلین ولی تو فوتوشاپ چه طوری می شه فرمت ico ذخیره کنم
    مرسی

    پاسخ به اين نظر

  7. ارسال شده توسط مهدي گلچينNo Gravatar در ۲۸ تیر ۱۳۸۷

    حسین جان
    فتوشاپ امکان ذخیره سازی با قالب ico را ندارد
    حداقل تا نسخه ۸
    برای این کار مب توانبد از نرم افزار GMG استفاده کنید
    که می تواند فایل های PSD را در خود Import کند.
    موفق باشید

    پاسخ به اين نظر

نظر دهيد

Google
 

آيا مي دانستيد كه :

زنبور عسل دو معده دارد یکی برای جمع آوری عسل و دیگری برای هضم غذا