دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۲۰
  • مهر

بخش ۱ : آموزش روشن کردن Grid در فتوشاپ

  • دسته‌بندی‌ها :
بخش ۱ : آموزش روشن کردن Grid در فتوشاپ
    • جزئیات
    • نوع محتواآموزش تصویری

      مقدمه

      با سلام و روز بخیر به کاربران عزیز سایت پی وی لرن و طراحان و گرافیک کاران و کلیه هنرمندان و هنر دوستانی که با نرم افزار قدرتمند فتوشاپ کار می کنند.
      اگر اندکی با این نرم افزار فوق العاده شرکت ادوبی کار کرده باشید می دانید که شگفتی های این نرم افزار چقدر قابل اتکا و چقدر قابل تحسین اند.
      دوره آموزش پروژه محور فتوشاپ (۳) نیز به همین منظور برای علاقمندان و طراحان، چه مبتدی و چه حرفه ای تهیه و تدوین شده است.
      در این بخش از آموزش پروژه محور فتوشاپ قرار است را به صورت سرامیک های رنگی ای در آوریم تا جلوه بیشتری به آن ها ببخشیم.
      به عنوان نخستین بخش شما را به آموزش روشن کردن Grid در فتوشاپ دعوت می کنم.

      آموزش روشن کردن Grid در فتوشاپ

      قرار است برای ایجاد این افکت از Grid ها یا شبکه داخلی فتوشاپ به عنوان راهنمایی برای تنظیم فاصله اولیه استفاده نماییم.
      در ادامه نیز با استفاده از چند ابزار انتخابی که به ندرت مورد استفاده قرار گرفته اند ، آن را به یک شبکه مبتنی بر پیکسل تبدیل می کنیم.
      بعد از ساخت شبکه اولیه مان از ابزار  Magic Wand Tool برای انتخاب مربع های داخل شبکه استفاده خواهیم کرد.
      سپس با استفاده از لایه های تنظیم و حالت های ترکیب یا blend modes ها این مربع های کاشی مانند را رنگ آمیزی خواهیم نمود.

      نسخه فتوشاپ مورد نیاز

      این آموزش برای نسخه Photoshop CS6 به روز شده است اما با (Photoshop CC (Creative Cloud نیز کاملاً سازگار است.
      همچنین اگر از CS5 استفاده می کنید؛ نگران نباشید زیرا این آموزش برای این نسخه نیز قابل استفاده خواهد بود.

      تصویر نمونه

      من از تصویر زیر ( زنی با لباس های زمستانی ) که از Shutterstock دانلود کرده ام برای این آموزش استفاده می کنم.
      شما می توانید از هر تصویر دیگری برای این آموزش استفاده نمایید:

      تصویر نمونه اولیه ( آموزش روشن کردن Grid در فتوشاپ )

      تصویر نمونه اولیه ( آموزش روشن کردن Grid در فتوشاپ )

      در ادامه می توانید همان تصویر را ببینید که به صورت زیبایی به صورت کاشی کاری در آمده است:

      تصویر نهایی که در آن افکت کاشی های رنگی بر تصویر اعمال شده است ( آموزش روشن کردن Grid در فتوشاپ )

      تصویر نهایی که در آن افکت کاشی های رنگی بر تصویر اعمال شده است ( آموزش روشن کردن Grid در فتوشاپ )

      بیایید کار را شروع کنیم.

      ساخت یک سند جدید در فتوشاپ

      بیایید با ایجاد یک سند جدید برای شبکه شروع کنیم.
      برای این کار به منوی File که در نوار منو و در بالای صفحه قرار دارد بروید و New را انتخاب کنید:

      File > New ( آموزش روشن کردن Grid در فتوشاپ )

      File > New ( آموزش روشن کردن Grid در فتوشاپ )

      با انتخاب New کادر New برای شما باز خواهد شد.
      افکت کاشی های رنگی در یک سند مربع شکل بهتر به نظر می رسد لذا ما نیز یک سند مربع شکل ایجاد می کنیم.
      لذا مقدار Width و Height را بر روی ۱۰۰۰ پیکسل تنظیم می کنم.
      البته شما می توانید از ابعاد دیگری که دوست دارید استفاده نمایید.

      در صورت چاپ تصویر طراحی شده با این افکت موارد زیر را در نظر بگیرید

      از آنجا که قصد چاپ نتیجه نهایی این کار را ندارم لذا مقدار Resolution در این جا چندان اهمیت خاصی ندارد.
      (من آن را به صورت پیش فرض آن برابر با ۷۲ پیکسل / اینچ قرار می دهم) .
      اما اگر قصد چاپ این افکت را دارید به یک سند بزرگتر از ۱۰۰۰ x 1000 پیکسل احتیاج خواهید داشت.
      در صورت چاپ تصویر طراحی شده با این افکت، پیشنهاد می کنم حتماً Resolution را در حدود ۲۴۰ پیکسل در اینچ یا بالاتر تنظیم کنید.
      هنگامی که تنظیمات لازمه را اعمال کردید بر روی دکمه OK کلیک کنید تا کادر New بسته شود و سند جدید روی صفحه شما ظاهر گردد:

      تنظیمات لازم سند جدید ( آموزش روشن کردن Grid در فتوشاپ )

      تنظیمات لازم سند جدید ( آموزش روشن کردن Grid در فتوشاپ )

      روشن کردن Grid در فتوشاپ

      در مرحله بعد ، شبکه داخلی فتوشاپ را روشن خواهیم کرد تا بتوانیم از آن به عنوان راهنمایی برای ایجاد شبکه مبتنی بر پیکسل استفاده کنیم.
      برای روشن کردن شبکه ، به منوی View در بالای صفحه بروید، نمایش را انتخاب کنید و سپس Grid را :

       View > Show > Grid ( آموزش روشن کردن Grid در فتوشاپ )

      View > Show > Grid ( آموزش روشن کردن Grid در فتوشاپ )

      این شبکه به عنوان یک پوشش در بالای سند شما ظاهر می شود. کمی بعد شکل شبکه را تغییر خواهیم داد:

      شکل پیش فرض شبکه ( آموزش روشن کردن Grid در فتوشاپ )

      شکل پیش فرض شبکه ( آموزش روشن کردن Grid در فتوشاپ )

      تنظیم خطوط شبکه

      ما می توانیم با استفاده از تنظیمات Preferences فتوشاپ، تعداد خطوط و بخش ها را در شبکه تنظیم کنیم.
      اگر فتوشاپ را در رایانه شخصی ویندوز اجرا می کنید، به بالای صفحه و منوی Edit بروید ، تنظیمات Preferences را انتخاب کنید و از منوی آن نیز Guides ، Grid & Slices را:

      انتخاب Guides, Grid & Slices ( آموزش روشن کردن Grid در فتوشاپ )

      انتخاب Guides, Grid & Slices ( آموزش روشن کردن Grid در فتوشاپ )

      این کار کادر Guides, Grid and Slices را باز می کند که می توان در آن شبکه ها را تنظیم کرد.
      در بخش Grid باید گزینه Gridline Every را به ۱۰ Percent که یک شبکه ۱۰*۱۰ را می سازد تغییر می دهیم.
      سپس باید مقدار Subdivisions را بر روی ۱ تنظیم نمایید تا از تقسیم شبکه به بخش های کوچکتر جلوگیری نمایید.
      شبکه را در سند نگه دارید.
      آنگاه یک پیش نمایش زنده از تغییرات را هنگام ایجاد شبکه مشاهده خواهید کرد:

      تنظیم گزینه های شبکه ( آموزش روشن کردن Grid در فتوشاپ )

      تنظیم گزینه های شبکه ( آموزش روشن کردن Grid در فتوشاپ )

      وقتی کارتان تمام شد بر روی OK کلیک کنید تا کادر تنظیمات شبکه بسته شود.
      حالا یک شبکه ۱۰*۱۰ برای شما در صفحه ظاهر می شود.
      این شبکه ۱۰ بخش در عرض و ۱۰ بخش در طول خود دارد.

      نکته

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

      یک شبکه 10x10 ( آموزش روشن کردن Grid در فتوشاپ )

      یک شبکه ۱۰×۱۰ ( آموزش روشن کردن Grid در فتوشاپ )

      ایجاد یک لایه خالی و نامگذاری آن به عنوان “Grid”

      بیایید یک لایه خالی جدید برای نگه داشتن شبکه مبتنی بر پیکسل مورد نظر خود ایجاد کنیم.
      برای این کار کلید (Alt (Win) / Option (Mac را فشار داده و نگه دارید و روی نماد New Layer در پایین پنل لایه ها کلیک کنید:

      کلیک بر آیکون New Layer برای ساخت یک لایه خالی جدید ( آموزش روشن کردن Grid در فتوشاپ )

      کلیک بر آیکون New Layer برای ساخت یک لایه خالی جدید ( آموزش روشن کردن Grid در فتوشاپ )

      این کار کادر New Layer را باز می کند و به ما فرصتی می دهد که لایه جدید را قبل از افزودن نامگذاری کنیم.
      لایه جدید را “Grid” امگذاری کنید.
      سپس OK را بزنید تا از کادر New Layer خارج شویم :

      کادر New Layer ( آموزش روشن کردن Grid در فتوشاپ )

      کادر New Layer ( آموزش روشن کردن Grid در فتوشاپ )

      به نظر می رسد که در سند ما اتفاق خاصی نه افتاده است.
      اما اگر به  پنل لایه های فتوشاپ نگاه کنیم می بینیم که فتوشاپ لایه جدید “Grid” را بالای لایه Background اضافه کرده است:

      لایه جدید شبکه ( آموزش روشن کردن Grid در فتوشاپ )

      لایه جدید شبکه ( آموزش روشن کردن Grid در فتوشاپ )

      انتخاب ابزار Single Row Marquee Tool

      برای ایجاد شبکه، ما از دو ابزار انتخابی بسیار ابتدایی و ساده  استفاده خواهیم کرد – Single Row Marquee Tool و Single Column Marquee Tool.
      با ابزار Single Row Marquee شروع خواهیم کرد.
      به طور پیش فرض ، هر دوی این ابزارها در مدخل ابزار Rectangular Marquee قرار دارند.
      بنابراین بر روی Rectangular Marquee Tool در بالای پنل Tools کلیک کرده و نگه دارید تا یک منوی آن باز شود و سایر زیر ابزار های آن برای شما نمایش داده شود.
      حالا از منوی ابزار Single Row Marquee را انتخاب کنید:

      انتخاب ابزار Single Row Marquee Tool ( آموزش روشن کردن Grid در فتوشاپ )

      انتخاب ابزار Single Row Marquee Tool ( آموزش روشن کردن Grid در فتوشاپ )

      کلیک بر خطوط افقی شبکه

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

      روش استفاد از Single Row Marquee Tool

      ابتدا مکان نما خود را مستقیماً از بالای صفحه شبکه افقی حرکت دهید ، سپس با موس خود کلیک کنید.
      خواهید دید که یک طرح انتخاب با ضخامت ۱ پیکسل در امتداد خط شبکه ظاهر می شود.
      من نقطه ای را که در آنجا کلیک کرده ام با یک دایره مشخص کرده ام، اما کلیک کردن در هر نقطه روی خط ، نتیجه دقیقی را به شما می دهد.
      اگر متوجه شدید که کلیک شما مستقیماً روی خطوط شبکه نیست، کافی است (Ctrl+Z (Win) / Command+Z (Mac را روی صفحه کلید خود فشار دهید تا آن را خنثی سازی کرده و دوباره امتحان کنید:

      انتخاب اولین ردیف ( آموزش روشن کردن Grid در فتوشاپ )

      انتخاب اولین ردیف ( آموزش روشن کردن Grid در فتوشاپ )

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

      ردیف های انتخاب شده شبکه ( آموزش روشن کردن Grid در فتوشاپ )

      ردیف های افقی انتخاب شده شبکه ( آموزش روشن کردن Grid در فتوشاپ )

      انتخاب ابزار Single Column Marquee Tool

      حالا که ردیف های افقی شبکه را انتخاب کرده ایم؛  باید همین کارها را با خطوط عمودی شبکه هم انجام دهیم.
      معنای این حرفم؛ همان طورکه حدس زده اید استفاده ابزار The Single Column Marquee Tool است.
      لذا باید این ابزار را از پنل ابزار ها انتخاب کنید.
      The Single Column Marquee Tool را درست در زیر Single Row Marquee Tool پیدا خواهید کرد.

      انتخاب ابزار Single Column Marquee Tool ( آموزش روشن کردن Grid در فتوشاپ )

      انتخاب ابزار Single Column Marquee Tool ( آموزش روشن کردن Grid در فتوشاپ )

      کلیک بر خطوط عمودی شبکه

      ابزار Single Column Marquee Tool درست مانند ابزار Single Row Marquee Tool کار می کند و تنها تفاوت آن این است که Single Column Marquee Tool ستون های پیکسلی را انتخاب می کند و  و هر ستون ۱ پیکسل عرض دارد.
      کلید Shift خود را فشار داده و نگه دارید و بر روی هر یک از خطوط شبکه عمودی از چپ به راست کلیک کنید تا همه آنها انتخاب شوند.
      وقتی کارتان تمام شد ، می توانید خطوط انتخاب را در امتداد هر خط شبکه ، چه افقی و چه عمودی مشاهده کنید:

      همه خطوط عمودی و افقی شبکه انتخاب شده اند ( آموزش روشن کردن Grid در فتوشاپ )

      همه خطوط عمودی و افقی شبکه انتخاب شده اند ( آموزش روشن کردن Grid در فتوشاپ )

      کلام آخر

      در این بخش شبکه خود را ایجاد کرده و سپس آن را به صورت یک شبکه ۱۰*۱۰ در آوردیم.
      سپس تمام خطوط افقی و عمودی آن را انتخاب کردیم.
      در بخش بعدی با ” تبدیل  لایه عکس به Smart Object ” این آموزش را ادامه خواهم داد.
      با پی وی لرن همراه باشید.

      QR:  بخش ۱ : آموزش روشن کردن Grid در فتوشاپ
      به اشتراک بگذارید