shakhes

طراحی گام به گام دفترچه یادداشت زیبا در فتوشاپ (گام اول)

دوستان تو این آموزش خیلی ساده و امازیبا طراحی یه دفترچه یادداشت رو انجام میدیم
موفق باشین:)

شرح آموزش:

نرم افزار: فتوشاپ
مدت آموزش: ۳۰دقیقه
سطح آموزش: متوسط ،اما در حد مبتدی توضیح داده شده
منابع:
چوب

مرحله اول

سندی با ابعاد زیر باز کنین:

1

از منوی view گزینه ruler و snap رو حتما فعال کنین چون طبق تصاویر، در نظر گرفتن اندازه ها ضروری است.

1-1

از قسمت منابع تصویر چوب رو دانلود کنین (نکته: زمانی که روی چوب از قسمت منابع کلیک میکنین،آموزش طراحی تخم مرغ فانتزی باز میشه که از قسمت منابع اون میتونین تصویر رو دانلود کنین)، وارد فتوشاپ کنین و درصفحه جدید بازش کنین و با کلید هایctrl+t اونو به اندازه صفحه تنظیم کنین.

2

حرف u کلید میانبر rounded rectangle رو از صفحه کیبورد بزنین و روی صفحه یکبار کلیک کنید تا کادر زیر باز بشه و تنظیمات را طبق تصاویر انجام بدین:

3

نتیجه زیر رو داریم:

4

به آدرس filter/noise/add noise میریم وعدد۲۲ وارد میکنیم :

5

روی لایه راست کلیک میکنیم و از منوی layer style تنظیمات drop shadow رو طبق زیر انجام میدیم و اسم لایه رو به  cove1  تغییر میدیم (برای تغییر اسم لایه روی اسم لایه دابل کلیک کنین ونام رو تغییر بدین)

6

7

مرحله۲

دوباره حرف u کلید میانبر rounded rectangle رو از صفحه کیبورد بزنین و روی صفحه یکبار کلیک کنید وهمون تنظیمات رو دقیقا انجام بدین ولی این دفعه به  قسمت انتخاب رنگ ۵c3016  وارد میکنیم  و با کلیدهای ctrl+t کمی اندازه کادر باز شده رو کوچکتر میکنیم تا وسط  cover1  قرار بگیره واسم لایه رو به  cover2  تغییر میدیم.
نتیجه زیر رو داریم:

8

روی لایه cover2 راست کلیک میکنیم و گزینه  duplicate layer رو انتخاب میکنیم و یه کپی از لایه ایجاد میشه که اسم اون رو به  cover3 تغییر میدیم.
به آدرس filter/noise/add noise میریم وعدد۱۱رو وارد میکنیم (مانند چهارمین عکس از مرحله۱ )
دوباره به آدرس filter/blur/motion blur میریم و عدد۱۱ رو وارد میکنیم.
در نهایت  belending mode لایه رو به multiply تغییر میدیم ونتیجه زیر را داریم:

9

دوباره حرف u کلید میانبر rounded rectangle رو از صفحه کیبورد بزنین و روی صفحه یکبار کلیک کنید تا کادرباز بشه واینبار کمی سایز رو تغییر میدیم (width:700 /height:520) وطبق دومین تصویر از مرحله ۱ در قسمت انتخاب رنگ  ۵۷۱۸۰۳  وارد میکنیم .(نام لایه رو به cover4  تغییر میدیم)
روی لایه دابل کلیک میکنیم و  drop shadow رو طبق تصویر زیر تنظیم میکنیم:

10

نتیجه زیر رو داریم:

11

مرحله۳

دوباره حرف u کلید میانبر rounded rectangle رو از صفحه کیبورد بزنین و روی صفحه یکبار کلیک کنید تا کادرباز بشه واینبار نیز کمی سایز رو تغییر میدیم (width:610 /height:490) وطبق دومین تصویر از مرحله ۱ در قسمت انتخاب رنگ ffffff وارد میکنیم .
روی لایه دایل کلیک میکنیم و تنظیمات drop shadow رو طبق تنظیمات سومین تصویر مرحله ۲ انجام میدیم.
در ادامه از همون منوی layer style تنظیمات Inner shadow رو طبق جدول زیر تغییر میدیم:

12

دوباره از منوی layer style تنظیمات Gradient ovarley رو طبق جدول زیر تغییر میدیم:

13

نتیجه زیر ایجاد میشه:

14

دوباره حرف u کلید میانبر rounded rectangle رو از صفحه کیبورد بزنین و روی صفحه یکبار کلیک کنید تا کادرباز بشه واین بارهمون سایز قبلی رو وارد میکنیم یعنی: (width:610 /height:490) وطبق دومین تصویر از مرحله ۱ در قسمت انتخاب رنگ ffffff وارد میکنیم .(اسم لایه رو به  paper تغییر میدیم)
دوباره تنظیمات layer style/drop shadow/Inner shadow طبق تصاویرمرحله ۲ و۳ انجام میدیم.
ونتیجه زیر رو داریم:

15

مرحله۴

لایه جدید باز کنین و اسم لایه رو به middle line تغییر بدین.از منوی view گزینه new guide رو انتخاب میکنیم واونو طبق میلیمترهای خط کش دقیقا وسط صفحه قرار میدیم.
کلیدb میانبر brush رو انتخاب میکنیم ورنگ  foreground از جعبه ابزار۷۴۲b00 انتخاب میکنیم.

تنظیمات زیر رو انجام میدیم:

16

حرفp از صفحه کلید را انتخاب کنید تا ابزار pen  فعال بشه واز بالای صفحه سفید تا انتهای اون یه خط عمودی رسم میکنیم،روی خط راست کلیک میکنیم و گزینه  stroke path رو انتخاب و ابزار brush رو از زیر مجموعه اون انتخاب میکنیم و ok میکنیم .

17

ونتیجه زیر رو داریم:

18

مرحله۵

لایه جدید به نام horizon lines باز میکنیم وطبق تنظیمات خط کش و گزینه view/new guide خطوطی منظم افقی دقیقا شبیه خطوط دفتر مشق رسم میکنیم
و طبق مرحله ۴ دوباره کلیدb میانبر brush رو انتخاب میکنیم وعدد foreground : 017d93 وارد میکنیم. ودوباره طبق قبل حرفp از صفحه کلید را انتخاب کنید تا ابزار pen  فعال بشه وواز بالای صفحه سفید تا انتهای اون یه خط عمودی رسم میکنیم،روی خط راست کلیک میکنیم و گزینه  stroke path رو انتخاب و ابزار brush رو از زیر مجموعه اون انتخاب میکنیم و ok میکنیم .درنهایت opasity لایه رو ۵۰ انتخاب میکنیم ونتیجه زیر رو داریم:

19

مرحله۶

دوباره طبق مراحل گذشته، لایه جدید به نام vertical lines باز میکنیم وطبق تنظیمات خط کش و گزینه view/new guide خطوطی منظم  اما این بار عمودی در گوشه تصویر،سمت چپ رسم میکنیم:(دوباره مرحله رو طبق زیر انجام بدین:)
کلیدb میانبر brush رو انتخاب میکنیم وعدد  foreground : ff0000 وارد میکنیم.ودوباره حرفp از صفحه کلید رو انتخاب کنید تا ابزار pen  فعال بشه وواز بالای صفحه سفید تا انتهای اون یه خط عمودی رسم میکنیم،روی خط راست کلیک میکنیم و گزینه  stroke path رو انتخاب و ابزار brush رو از زیر مجموعه اون انتخاب میکنیم و ok میکنیم .درنهایت opasity لایه رو ۵۰ انتخاب میکنیم ونتیجه زیر رو داریم:

                      20

گام اول در این مرحله تموم میشه دوستان
منتظرگام دوم به زودی باشین..
و موفق باشین

pdf_download_button

تعداد بازدیدها: ۸۷۱۰

۲۹ نظر

  1. سلام ممنون از آموزش خوبتون..والا من تا حالا اکثر آموزش هاتونو تونستم انجام بدم ولی نمیدونم چرا اینو از همون اول توش موندم!!!! راستش من تو این جمله موندم و هرچی رو صفحه کلیک میکنم هیچ کادری باز نمیشه!! خواهش میکنم کمکم کنید :((
    “حرف u کلید میانبر rounded rectangle رو از صفحه کیبورد بزنین و روی صفحه یکبار کلیک کنید تا کادر زیر باز بشه و تنظیمات را طبق تصاویر انجام بدین: “

  2. وای بازم آموزشتون سخت بود نرگس.یعنی دیگه اشک تو چشام جمع شد.من میام ctrl+t رو میگیرم که عکس رو اندازه تصویر کنم نمیشه.بعد اومدم u رو میزنم و کلیک میکنم هیچی نمیاد.نمیدونم چیکار کنم؟اگه آمزش هاتون ویدیویی بود راحت بود ولی ممنون

    1. دوست عزیر ایراد از کارشما یاسختی آموزش نیست !
      مربوط به ورژن فتوشاپته !توی فتوشاپcx5 به بعد اگه کلیدu ازصفحه کیبورد رو بزنی وبعد روی تصویر کلیک کنی کادر تنظیمات مربوطه باز میشه.
      فتوشاپت رو آپ دیت کن

  3. سلام…

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

    این عکس ساخته شده با فتوشاپ هستش…طراحی تمام اجزا با فتوشاپه و از هیچ عکسی استفاده نشده!!!

    http://8pic.ir/images/d7be4ph6orl9rmobnk26.jpg

    میخواستم بدونم میتونید ی همچین آموزشی برای ساخت این پرتره ها بذارین یا ن؟؟

    ممنون.

    1. ممنونم.
      اما عزیزم توی آموزش هم توشیح داده شده که “(نکته: زمانی که روی چوب از قسمت منابع کلیک میکنین،آموزش طراحی تخم مرغ فانتزی باز میشه که از قسمت منابع اون میتونین تصویر رو دانلود کنین)
      شما از قسمت منابع لینک زیر چوب رو داتلود کن:
      http://www.iphotoshop.ir/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%AA%D8%AE%D9%85-%D9%85%D8%B1%D8%BA-%D9%81%D8%A7%D9%86%D8%AA%D8%B2%DB%8C-%D8%A8%D8%A7-%D9%BE%D8%B3-%D8%B2%D9%85%DB%8C%D9%86%D9%87-%D8%B4%D9%81%D8%A7%D9%81-%D9%82/
      موفق باشی:))

یک پاسخ بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *