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



  • ۲۳
  • شهریور

بخش ۱ : انتخاب New Guide Layout در فتوشاپ

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

       مقدمه

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

      انتخاب New Guide Layout در فتوشاپ

      در این آموزش فتوشاپ یاد خواهیم گرفت که چگونه یک عکس را به چندین بخش کوچکتر تقسیم کنید و آن را به صورت خوشه ای از شکل ها نمایش دهیم.
      شبیه نمایشگرهای بزرگتر “wall cluster” که در آن چندین عکس ، معمولاً در شکل ها و اندازه های مختلف وجود در کنار یکدیگر یک تصویر واحد ایجاد می کنند.
      قرار است از فتوشاپ استفاده کنیم تا با استفاده از یک تصویر واحد ، چیزی مشابه اما در مقیاس کوچکتر ایجاد کنیم.
      در این نسخه از آموزش ، ما از ویژگیNew Guide Layout feature استفاده خواهیم کرد.
      این ویژگی به ما در تقسیم عکس در بخش های کوچکتر کمک کند.
      ویژگی New Guide Layout فقط در Photoshop CC موجود است.
      این ویژگی اولین بار در به روزرسانی های Creative Cloud 2014 ارائه شده است.
      برای استفاده از این ویژگی باید مشترک Adobe Creative Cloud باشید.
      علاوه بر این بایستس مطمئن شوید که نسخه Photoshop CC شما به روز شده است.

      تصویر زیر تصویری است که قررا است در این آموزش مورد استفاده قرار بگیرد.

      تصویر اصلی ( انتخاب New Guide Layout در فتوشاپ )

      تصویر اصلی ( انتخاب New Guide Layout در فتوشاپ )

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

      تصویر تکه تکه شده در فتوشاپ ( انتخاب New Guide Layout در فتوشاپ )

      تصویر تکه تکه شده در فتوشاپ ( انتخاب New Guide Layout در فتوشاپ )

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

      ایجاد یک سند جدید

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

      file>new ( انتخاب New Guide Layout در فتوشاپ )

      file>new ( انتخاب New Guide Layout در فتوشاپ )

      این کار کادر New را برای شما باز می کند.
      می توانید از ابعاد مورد نظر خود برای اثر خود استفاده کنید ، اما یک سند مربع به بهترین شکل می تواند پاسخگوی کار ما باشد.
      اندازه های Height و Width سند رو روی ۱۰۰۰ تنظیم می کنم.
      از آن جا که قصد چاپ تصویرم را ندارم مقدار Resolution را هم همان  ۷۲ پیکسل / اینچ قرار می دهم.
      اما اگر این اثر را برای چاپ ایجاد می کنید ، به احتمال زیاد به یک سند بزرگتر با وضوح حدود ۳۰۰ پیکسل/ اینچ نیاز خواهید داشت.
      پس زمینه سند را هم بگذاردید به رنگ سفید باشد.
      سپس بر روی OK کلیک کنید تا کادر تنظیمات سند بسته شود.

      یک سند جدید ، پر از رنگ سفید ، روی صفحه شما ظاهر می شود:

      کادر تنظیمات سند ( انتخاب New Guide Layout در فتوشاپ )

      کادر تنظیمات سند ( انتخاب New Guide Layout در فتوشاپ )

      ایجاد یک لایه خالی

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

      آیکون layer icon ( انتخاب New Guide Layout در فتوشاپ )

      آیکون layer icon ( انتخاب New Guide Layout در فتوشاپ )

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

      کادر New Layer ( انتخاب New Guide Layout در فتوشاپ )

      کادر New Layer ( انتخاب New Guide Layout در فتوشاپ )

      و حالا یک لایه خالی جدید به نام “Shapes” در بالای لایه Background ظاهر می شود:

      لایه جدید shapes ( انتخاب New Guide Layout در فتوشاپ )

      لایه جدید shapes ( انتخاب New Guide Layout در فتوشاپ )

      انتخاب New Guide Layout

      در این مرحله قرار است چند guides یا شکل به سند اضافه کنیم تا به ما در ایجاد شکل کمک کند.
      برای این کار ، از ویژگی جدید طرح بندی Photoshop CC استفاده خواهیم کرد.
      بنابرین به منوی View در بالای صفحه بروید و گزینه New Guide Layout را انتخاب کنید:

      انتخاب New Guide Layout ( انتخاب New Guide Layout در فتوشاپ )

      انتخاب گزینه New Guide Layout ( انتخاب New Guide Layout در فتوشاپ )

      ساخت یک Guide Layout یا راهنمای ۳*۳

      با انتخاب گزینه New Guide Layout کادر New Guide Layout  باز می شود.
      این کادر به ما امکان می دهد ردیف ها و ستون ها و حاشیه ها را به راحتی به سند خود اضافه کنیم.
      ما برای ایجاد یک شبکه ساده ۳ در ۳ از آن استفاده خواهیم کرد.
      ابتدا ، در قسمت Columns در سمت چپ ، تعداد ستون ها را بر روی ۳ قرار دهید.
      قسمت Width را خالی بگذارید (خود فتوشاپ ستون ها را به طور مساوی فضای می دهد).
      Gutter (فضای بین ستون ها) را روی ۲۰ px قرار دهید.

      در قسمت Rows (ردیف ها) در سمت راست ، ابتدا درون کادر Rows کلیک کنید تا ردیف ها فعال شوند (آنها به طور پیش فرض خاموش هستند).
      سپس تعداد ردیف ها را نیز روی ۳ تنظیم کنید.
      قسمت Height خالی بگذارید تا فضای فتوشاپ از آنها خارج شود.

      Gutter (فضای بین ردیف ها) را روی ۲۰ px قرار دهید:

      تنظیمات Guide Layout ( انتخاب New Guide Layout در فتوشاپ )

      تنظیمات Guide Layout ( انتخاب New Guide Layout در فتوشاپ )

      طرح اولیه

      شکل زیر یک طرح اولیه در  guide layout شما است؛ با سه ستون ، سه ردیف و یک شکاف بین هر ستون و ردیف ۲۰ پیکسل:

      طرح اولیه Guide Layout ( انتخاب New Guide Layout در فتوشاپ )

      طرح اولیه Guide Layout ( انتخاب New Guide Layout در فتوشاپ )

      اگر به روزرسانی طرح راهنمای خود را روی صفحه مشاهده نمی کنید ، مطمئن شوید که گزینه Preview در کادر گفتگو انتخاب شده است:

      پیش نمایش طرح اولیه ( انتخاب New Guide Layout در فتوشاپ )

      پیش نمایش طرح اولیه ( انتخاب New Guide Layout در فتوشاپ )

      بیایید حواشی اطراف لبه های سند را اضافه کنیم. برای فعال کردن حاشیه ها روی کادر تأیید Margin کلیک کنید.
      سپس هر یک از چهار گزینه (بالا ، چپ ، پایین و راست) را روی ۴۰ پیکسل تنظیم کنید:

      تنظیمات اولیه ( انتخاب New Guide Layout در فتوشاپ )

      تنظیمات اولیه ( انتخاب New Guide Layout در فتوشاپ )

      پس از اتمام ، گزینه OK را بزنید تا از کادر New Guide Layoutبسته شود.
      در اینجا شکل New Guide Layout با حاشیه های اضافه شده آمده است.

      توجه داشته باشید که اگر سند فتوشاپ شما بزرگتر (یا کوچکتر) از سند ۱۰۰۰*۱۰۰۰*۱۰۰۰ پیکسلی است که من ایجاد کردم ، ممکن است لازم باشد مقادیر مختلف Gutter و Margin را امتحان کنید تا همان نتایج را کسب کنید.
      به طور کلی ، من دوست دارم از مقدار حاشیه دو برابر مقدار gutter استفاده کنم ، اما همین طوری آن را آزمایشی می کنم:

      شبکه بندی حاشیه ها ( انتخاب New Guide Layout در فتوشاپ )

      شبکه بندی حاشیه ها ( انتخاب New Guide Layout در فتوشاپ )

      انتخاب ابزار Rectangular Marquee Tool

      حالا که حاشیه شبکه ها اضافه شده است، باید ابزار Rectangular Marquee Tool را از Tools panel انتخاب نمایید.

      انتخاب Rectangular Marquee Tool( انتخاب New Guide Layout در فتوشاپ )

      انتخاب Rectangular Marquee Tool ( انتخاب New Guide Layout در فتوشاپ )

      انتخاب بخش های مختلف شبکه

      از ابزار Rectangular Marquee به همراه Guide Layout برای ترسیم اشکال استفاده خواهیم کرد.
      برای انجام این کار ، باید انتخابهایی را در میادین مختلف در شبکه ۳ در ۳ بکشیم.
      با کلیک کردن بر روی گوشه سمت چپ بالای مربع در سمت چپ بالای شبکه (از حاشیه های اطراف لبه های سند چشم پوشی کنید) شروع کنید و با نگه داشتن دکمه ماوس خود ، مستقیماً در زیر آن به گوشه سمت راست پایین مربع بکشید.
      در بین انتخاب ها gutter بین مربع ها را قرار دهید.
      برای آسانتر دیدن موارد، منطقه را برای انتخاب به رنگ زرد روشن در آورده ام:

      انتخاب دو مربع اول ( انتخاب New Guide Layout در فتوشاپ )

      انتخاب دو مربع اول ( انتخاب New Guide Layout در فتوشاپ )

      اتخاب دو مربع دوم

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

      انتخاب دو مربع دوم ( انتخاب New Guide Layout در فتوشاپ )

      انتخاب دو مربع دوم ( انتخاب New Guide Layout در فتوشاپ )

      انتخاب دو مربع سوم

      با کلید Shift که هنوز در پایین نگه داشته شده است ، در گوشه سمت چپ مربع در سمت راست پایین شبکه کلیک کرده و به گوشه سمت راست بالای مربع به طور مستقیم بالای آن بکشید.
      اکنون باید سه بخش از شبکه انتخاب شده داشته باشید:

      انتخاب دو مربع سوم ( انتخاب New Guide Layout در فتوشاپ )

      انتخاب دو مربع سوم ( انتخاب New Guide Layout در فتوشاپ )

      انتخاب دو مربع چهارم

      باز هم با  فشار دادن و نگه داشتن کلید Shift ، با کلیک کردن در گوشه سمت راست پایین مربع در بالا سمت راست و کشیدن به گوشه سمت چپ بالای مربع در مرکز بالا ، مربع های بالا سمت راست و بالا را به قسمت انتخاب اضافه کنید:

      انتخاب دو مربع چهارم ( انتخاب New Guide Layout در فتوشاپ )

      انتخاب دو مربع چهارم ( انتخاب New Guide Layout در فتوشاپ )

      انتخاب مربع وسط به عنوان آخرین مربع

      در آخر با فشار دادن و نگه داشتن Shift ، مربع موجود در وسط شبکه را اضافه کنید ، در گوشه سمت چپ بالای مربع کلیک کرده و به گوشه پایین سمت راست بکشید:

      انتخاب مربع وسظی ( انتخاب New Guide Layout در فتوشاپ )

      انتخاب مربع وسظی ( انتخاب New Guide Layout در فتوشاپ )

      پر کردن ناحیه انتخاب شده با رنگ سیاه

      بیایید تمام اشکال انتخاب شده را با رنگ سیاه پر کنیم.
      برای این کار ، از دستور Fill فتوشاپ استفاده خواهیم کرد.
      به بالا صفحه رفته و گزینه Edit را انتخاب کنید.
      سپس از منوی باز شده Edit گزینه Fill را انتخا نمایید.

      edit>fill ( انتخاب New Guide Layout در فتوشاپ )

      edit>fill ( انتخاب New Guide Layout در فتوشاپ )

      این کار کادر Fill را باز می کند.
      گزینه Contents را در بالا بر روی Black قرار دهید و مطمئن شوید که گزینه Mode روی Normal قرار گرفته است و مقدار Opacity در ۱۰۰٪ است:

      edit>fill>black ( انتخاب New Guide Layout در فتوشاپ )

      edit>fill>black ( انتخاب New Guide Layout در فتوشاپ )

      حالا که کارتان با کادر Fill تمام شده است بر روی OK کلیک کنید.
      حالا فتوشاپ محل انتخاب شده را با رنگ سیاه پر می کند.

      شکل ها با رنگ سیاه پر شده اند ( انتخاب New Guide Layout در فتوشاپ )

      شکل ها با رنگ سیاه پر شده اند ( انتخاب New Guide Layout در فتوشاپ )

      کلام آخر

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

      QR:  بخش ۱ : انتخاب New Guide Layout در فتوشاپ
      به اشتراک بگذارید