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



  • ۲
  • شهریور

بخش ۱ : فتوشاپ بدون لایه ها و ترسیم اشکال در لایه ها

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

      مقدمه

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

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

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

      آیا اصول اولیه لایه های فتوشاپ بعد از به روزرسانی نسخه های آن تغییر کرده است؟

      پاسخ منفی است.
      پس اگرچه من در اینجا از Photoshop CS6 استفاده می کنم ، همه چیز با Photoshop CC و همچنین نسخه های اولیه Photoshop کاملاً سازگار است.
      حالا که همه چیز درست است پس همان طور که گفتم بیایید ببینم فتوشاپ بدون لایه ها به چه صورت خواهند بود و چگونه می توان به ترسیم اشکال در لایه ها پرداخت.
      با اطمینان می توان گفت که لایه ها قلب و روح فتوشاپ هستند.
      هر چیزی، حتی کوچکترین موارد نیز خواه و نخواه با لایه های فتوشاپ سر و کار پیدا خواهد کرد.
      هر عکس یا تصویر یا موردی دیگر که وارد فتوشاپ می شود از یک لایه برخوردار خواهد بود.
      یادگیری کار با لایه ها ساده است.
      شما می توانید لایه ها را پاک کنید ، لایه ها تغییر نام دهید ، آنها را گروه بندی کنید ، آنها را جابجا کنید؛ به آنها ماسک اضافه کنید و …
      اگر بخواهید متنی را به فتوشاپ اضافه کنید سر و کارتان با Type layer است.
      تصاویر وکتور چطور؟ بله حتی وکتور هم با یک سری محدودیت ها در Shape layers پشتیبانی می شوند.

      فتوشاپ بدون لایه ها

      قبل از این که به این مسئله بپردازیم که لایه ها چیستند و چگونه باید از آنها استفاده کرد بیایید ببینیم فتوشاپ بدون لایه ها چگونه به نظر می رسد.
      چه لزومی دارد که بفهمیم فتوشاپ بدون لایه ها چگونه به نظر می رسد؟
      جواب:
      هیچ وقت اهمیت و نقش چیزی را در زندگی درک نمی کنیم مگر زمانی که آن را از دست بدهیم!
      پس در صورتی می توان به قدرت و اهمیت لایه ها در فتوشاپ پی برد که برای مدتی فتوشاپ را بدون آنها تصور کرد.

      شروع کار

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

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

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

      این کار کادر جدیدی را باز می کند.
      اندازه خاصی برای سند ما لازم نیست.
      اما برای اینکه هر دو را در همان صفحه نگه داریم ، ۱۲۰۰ پیکسل برای Width و ۸۰۰ پیکسل برای Height وارد کنید.
      می توانید مقدار وضوح Resolution تصویر را روی ۷۲ پیکسل / اینچ تنظیم کنید.
      در آخر ، اطمینان حاصل کنید که Background Contents روی White تنظیم شده است تا سند جدید ما یک پس زمینه سفید خوب داشته باشد.
      وقتی کار خود را با این کادر تمام کردید روی OK کلیک کنید تا کادر بسته شود.
      سند جدید که حاوی رنگ سفید است روی صفحه نمایش داده می شود:

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

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

      ترسیم یک شکل مربع

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

      ابزار Rectangular Marquee Tool در پنل ابزار ها ( فتوشاپ بدون لایه ها و ترسیم اشکال در لایه ها )

      ابزار Rectangular Marquee Tool در پنل ابزار ها ( فتوشاپ بدون لایه ها و ترسیم اشکال در لایه ها )

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

      پس از انتخاب ، دکمه ماوس و سپس کلید Shift خود را رها  کنید.

      نکته

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

      ترسیم یک مربع ( فتوشاپ بدون لایه ها و ترسیم اشکال در لایه ها )

      ترسیم یک مربع ( فتوشاپ بدون لایه ها و ترسیم اشکال در لایه ها )

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

      دستور Fill ( فتوشاپ بدون لایه ها و ترسیم اشکال در لایه ها )

      دستور Fill ( فتوشاپ بدون لایه ها و ترسیم اشکال در لایه ها )

      بعد از باز شده کادر Fill، گزینه Use را در بالای کادر به Color تغییر دهید:

      کادر Fill ( فتوشاپ بدون لایه ها و ترسیم اشکال در لایه ها )

      کادر Fill ( فتوشاپ بدون لایه ها و ترسیم اشکال در لایه ها )

      به محض انتخاب رنگ ، فتوشاپ pop Color Picker خود را باز می کند تا بتوانیم رنگی که می خواهیمmانتخاب کنیم.
      می توانید هر رنگی را که دوست دارید انتخاب کنید. من نوعی از قرمز را انتخاب خواهم میکنم:

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

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

      هنگامی که کاراتان با Color Picker تمام شد، OK را کلیک کنید.
      سپس برای بستن کادر Fill بر روی بعدی OK را کلیک کنید.
      فتوشاپ رنگ انتخابی شما را به کار می برد.
      رتگ انتخابی من قرمز بود.

      پر شدن مربع ایجاد شده با رنگ انتخابی شما ( فتوشاپ بدون لایه ها و ترسیم اشکال در لایه ها )

      پر شدن مربع ایجاد شده با رنگ انتخابی شما ( فتوشاپ بدون لایه ها و ترسیم اشکال در لایه ها )

      حذف موارد اطراف شکل

      با ترسیم شدن مربع دیگر نیاز به موارد و فضای بیرونی آن نداریم.
      بنابراین اجازه دهید با رفتن به منوی Select در بالای صفحه و انتخاب Deselect ، آن را حذف کنیم:

      Deselect کردن ناحیه اطراف ( فتوشاپ بدون لایه ها و ترسیم اشکال در لایه ها )

      Deselect کردن ناحیه اطراف ( فتوشاپ بدون لایه ها و ترسیم اشکال در لایه ها )

      ترسیم یک شکل دایره

      حالا بیایید شکل دیگری به سند اضافه کنیم.
      ما قبلاً مربعی را اضافه کرده ایم ، بنابراین بیایید کمی موارد را با هم مخلوط کرده و این بار یک دایره اضافه کنیم.
      برای این کار ، از ابزار Elliptical Marquee Tool استفاده خواهیم کرد.

      ابزار Elliptical Marquee Tool ( فتوشاپ بدون لایه ها و ترسیم اشکال در لایه ها )

      ابزار Elliptical Marquee Tool ( فتوشاپ بدون لایه ها و ترسیم اشکال در لایه ها )

      هم پوشانی اشکال

      بیایید شکل گرد خود را به شکلی ترسیم کنیم که با مربع ما همپوشانی داشته باشد.
      در گوشه سمت راست پایین مربع کلیک کنید تا نقطه شروع انتخاب شود.
      سپس ، با فشار دکمه ماوس خود ، (Shift + Alt (Win) / Shift + Option (Mac را روی صفحه کلید خود فشار داده و نگه دارید و از نقطه شروع بکشید.
      به طور معمول ، ابزار Elliptical Marquee انتخاب های بیضوی آزاد را ترسیم می کند.
      اما با نگه داشتن کلید Shift هنگام کشیدن ، شکل به صورت یک دایره کامل رسم خواهد شد.
      نگه داشتن کلید (Alt (Win) / Option (Mac باعث می شود که شکل را از جایی که ابتدا کلیک کردیم به سمت بیرون بکشیم.

      شکل را بکشید تا تقریباً به اندازه مربع باشد.
      پس از اتمام ، کلید Shift و کلید (Alt (Win) / Option (Mac خود را رها کنید ، سپس دکمه ماوس خود را آزاد کنید.
      مجدداً مطمئن شوید که ابتدا Shift و بعد ماوس رها می شود.

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

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

      پس از اینکه طرح انتخاب دایره خود را ترسیم کردید ، دوباره به منوی ویرایش در بالای صفحه بروید و برای پر کردن انتخاب با یک رنگ ، گزینه Fill را انتخاب کنید.
      گزینه Use در بالای کادر Fill باید از قبل روی Color تنظیم شود زیرا این چیزی است که ما قبلاً آنرا تنظیم کرده ایم.
      اما اگر روی دکمه OK کلیک کنید تا کادر بسته شود ، فتوشاپ انتخابی را با همان رنگی که آخرین بار انتخاب کرده اید ، پر می کند و این چیزی نیست که ما می خواهیم.

      انتخاب رنگ متفاوت برای دایره

      ما برای شکل دایره رنگ متفاوتی را انتخاب خواهیم کرد.
      بنابراین بر روی کلمه Color کلیک کنید.
      سپس Color را از لیست گزینه ها دوباره انتخاب کنید (می دانم ، انتخاب چیزی که قبلاً انتخاب شده عجیب به نظر می رسد) ، در این مرحله رنگ متفاوتی از رنگ قبلی انتخاب نماید.

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

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

      برای بستن Color Picker بر روی OK کلیک کنید.
      مجدداً بر روی OK کلیک کرده تا کادر Fill نیز بسته شود.
      برای از بین بردن فضای اطراف شکل ، به منوی Select در بالای صفحه بروید و همانطور که دفعه قبل انجام دادیم ، Deselect را انتخاب کنید.
      اکنون دو شکل داریم – یک مربع و یک دایره- که با هم همپوشانی دارند.

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

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

      جا به جایی اشکال با یکدیگر

      حالا که کارم تمام شده نتیجه کار چندان بد به نظر نمی رسد اما …
      خب حالا احساس می کنم که رنگ نارنجی به دایره ای که کشیده ام نمی آید!
      من دوست دارم که دایره به رنگ قرمز باشد و در عوض مربع به رنگ نارنجی در بیاید.
      خب زیاد کار سختی به نظر نمی رسد … اما … چطور باید این کار را بکنم؟
      چطور رنگ این دو شکل را با یکدیگر تعویض کنم؟
      آیا باید از اول دوباره اشکال را کشیده و آنها را با رنگ دلخواه خود پر کنم؟
      خب … این است سردرگمی ناشی فقدان لایه ها! …

      کلام آخر

      در بخش بعدی خواهیم دید که چگونه این مشکل را حل کنیم.
      با پی وی لرن همراه باشید.

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