رفتن به مطلب

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


afa

ارسال های توصیه شده

شرح دادن لایه ها

به طرح زیر که در فتوشاپ ایجاد شده است توجه کنید:

1261556599_example-document.gif

این طرح برای تماشاگر یک طرح

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.
ی ساده است درحالیکه، در فتوشاپ، این تصویر از ۴ لایه ی مجزا تشکیل شده است که روی یکدیگر قرار گرفته اند. یک لایه پس زمینه آبی رنگ، ۲ لایه جداگانه ابر و یک لایه با متن PersianGFX.com که در بالای سایر لایه ها قرار گرفته است.

1261556747_photoshop-layers-diagram.jpg

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

 

چگونه از لایه ها در فتوشاپ استفاده کنیم

 

اگر بتوانید کار با لایه ها را تجربه کنید یعنی عملا وارد فتوشاپ شوید و خود دست به ایجاد و خلق لایه ها بزنید آسان تر و زودتر کار با لایه ها را فرا خواهید گرفت. پس فتوشاپ را باز کنید و با ایجاد یک سند یا فایل جدید (New Document) کار را شروع کنید. برای انجام این کار به مسیر File > New بروید. آن را روی ابعاد ۴۰۰ در ۴۰۰ پیکسل تنظیم کنید و مقدار resolution را هم ۷۲ در نظر بگیرید.

ما قصد داریم تصویر زیر را با استفاده از تعدادی لایه خلق کنیم:

1258375173_final.jpg

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

اساسا، وقتی من کار با فتوشاپ را آغاز می کنم دوست دارم ابتدا از Background شروع کنم و به تدریج به بالا حرکت کنم. بنابراین برای شروع قصد داریم لایه Background را با یک رنگ سبز تیره زیبا رنگ کنیم.

انتخاب یک سبز تیره برای رنگ زمینه یا Foreground: برای این کار، روی رنگ Foreground کلیک کنید و از لغزنده(slider) برای پیدا کردن رنگ مناسب استفاده کنید. می توانید کد رنگ ۳۶۴۴۲a را در قسمت پایین صفحه و بعد از علامت # تایپ کنید.

1261557500_color-picker.jpg

1258376630_fill.gif

روی کلید OK کلیک کنید تا مقدار رنگی که وارد کردید تایید شود. حالا ابزار Fill را از جعبه ابزار یا Toolbox انتخاب کنید و روی تصویر کلیک کنید. بعد از کلیک کردن لایه background باید با رنگ foreground رنگ شده باشد یعنی رنگ foreground روی background اعمال می شود.

ایجاد لایه جدید

اجازه دهید تا یک نگاه اجمالی به پالت لایه ها (Layers Palette) بیندازیم و تعدادی از کاربردهای اساسی و با اهمیت تر آن را امتحان کنیم.

1261557679_layer-palette-anatomy.gif

برای ایجاد یک لایه جدید، روی آیکون “New Layer” که در تصویر بالا نمایش داده شده، کلیک کنید.

1258375288_create-new-layer.gif

همین طور که مشاهده می کنید، یک لایه جدید با نام “Layer 1″ ایجاد شده است. شما می توانید نام آنرا تغییر دهید به این ترتیب که روی نام آن دوبار کلیک کرده و نام مورد نظر را تایپ کنید. هنگامی که این لایه انتخاب شده است، شما خواهید توانست به طور خاص روی آن کار کنید.

کشیدن سبزه

ابزار Brush را انتخاب کنید. قبلا در Adobe Photoshop یک براش با نام “Dune Grass” ایجاد شده است که قصد داریم از ان برای ایجاد سبزه در طراحی استفاده کنیم.

در قسمت نوار تنظیمات ابزار براش، روی فلش کوچکی که در گوشه سمت راست پنجره قرار دارد کلیک کنید تا لیست براش های آماده فتوشاپ بازشود. به سمت پایین لیست حرکت کرده و براش Dune Grass را انتخاب کنید.

1258375337_select-dune-grass.gif

ما قصد نداریم در این آموزش براش هایی را انتخاب کنیم که دارای جزییات زیادی هستند.اما لازم است بدانید رنگ این براش به طور یک در میان بین رنگ زمینه و پس زمینه اعمال می شود به همین خاطر، لازم است که ما یک رنگ background با یک مقدار مشابه با رنگ سبز مثلا کد رنگ ۱۹۲۵۰f# را انتخاب کنیم.

وقتی یک رنگ مناسب و

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.
و پس زمینه انتخاب کردید، با براشی که قبلا انتخاب کردید شروع به نقاشی کردن روی لایه جدید کنید. برای استفاده از براش کلید ماوس را نگه دارید تا براش روی صفحه اعمال شود.

1258375382_grass.jpg

حالا نوبت اضافه کردن متن به تصویر است.

ابزار تایپ (Type Tool)

ابزار تایپ افقی (Horizontal Type Tool) را انتخاب کنید. رنگ Foreground را روی رنگ سفید تنظیم کنید. روی هر قسمت از صفحه می توانید کلیک کــــــنید و شروع به تایپ کردن نــــــمایید.

1258375413_type.jpg

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

از قسمت Font گزینه Arial و در قسمت font weight گزینه Bold را انتخاب نمایید، text size یا سایز متنرا روی ۶۰ pt قرار دهید و گزینه Crisp را از قسمت anti-aliasing انتخاب کنید.

1258375490_type-attributes.jpg

همین طور که ملاحظه می کنید، ابزار Type یک لایه جدید Type Layer در پالت لایه ها برای متن ایجاد کرده است. برای اعمال این متن باید روی این لایه جدید کلیک کنید یا کلیـدهای Ctrl + Enter را فشار دهید.

1258375531_apply-type.jpg

خوب، حالا می خواهیم جای متن تایپ شده را طوری قرار دهیم طوریکه به نظر برسد در حــــال بیرون آمدن از بین سبزه هاست.

انتقال و حرکت دادن لایه ها

اولین کاری که لازم است انجام دهیم این است که لایه Type را پایین لایه Grass قرار دهیم بنابراین این طور به نظر می رسد که Grass (سبزه) جلوی آن قرار دارد. در پالت لایه ها، روی لایه Type کلیک و آنرا به زیر لایه Grass بکشید (drag).

1258375580_position-layer.gif

 

حالا می توانید از ابزار Move برای تغییر موقعیت لایه در تصویر استفاده کنیم. در حالیکه لایه Type انتخاب شده است، ابزار Move را انتخاب کنید و متن را به هر جای تصویر که مایلید حرکت دهید. مثلا از جایی که سبزه ها شروع شده اند تا جاییکه به پایان می رسند.

1258375647_move-a-layer.gif

این کارخیلی ساده است. حالا که با کلیات حرکت دادن لایه ها آشنا شدید، می خواهیم چند لایه جدید دیگر ایجاد کنیم و موارد دیگر را در مورد لایه ها توضیح دهیم.

Opacity و Blending Modes و Filling Selections

یک لایه جدید در بالای لایه background و زیر لایه های type و grass ایجاد کنید، سپس با ابزار Elliptical Marquee یک انتخاب به شکل بیضی رسم کنید.

1258375679_selection.jpg

با استفاده از ابزار Fill، این ناحیه انتخابی را با رنگ سفید پر کنید(روی لایه جدید). با رفتن به مسیر Select > Deselect یا زدن کلیدهای Ctrl + D تصویر را از حالت انتخاب خارج کنید.

حالا باید یک دایره بزرگ و به رنگ سفید روی صفحه طراحی داشته باشید. Blending Mode این لایه را روی Overlay قرار دهید.

1258375840_blending-mode.gif

تنظیم Blending Mode کار بسیار آسانی است. ما در این آموزش قصد نداریم سراغ جزییات Blending Mode برویم، اما لطفا آنها را امتحان کنید تا ببینید چه کاری روی تصویر انجام می دهند.

حالا Opacity لایه را بین مقادیر ۱۵ تا ۲۰% تنظیم کنید.

1258375866_opacity.gif

روی لایه جدید کلیک راست کنید و گزینه Duplicate Layer را از لیست انتخاب نمایید. با انجام این کار یک کپی دقیقا مانند خود لایه ایجاد می شود. مقدار opacity و blending mode لایه را تغییر ندهید. با استفاده از ابزار Move جای لایه را تغییر دهید تا جایی که بتوانید لبه های دو دایره را به وضوح روی تصویر ببینید.

1258375898_final.jpg

دقت کنید چگونه می توانید دایره زیرین از پشت دایره جلویی قابل مشاهده کنید؟ چون لایه دایره مانند یک جسم شفاف، مثل شیشه، عمل می کند و اجازه می دهد هر چیزی که پشت آن قرار دارد قابل دیدن باشد. با کاهش میزان opacity به کمتر از مقدار ۱۰۰%، ما قادر خواهیم بود از درون اشکال یا تصاویر اشکالی که در زیر آنها قرار دارد را ببینیم.

1258375952_new-groupo.gif

در آخر اجازه دهید به یکی از خصوصیات دیگر در پالت لایه ها بپردازیم. روی آیکن New Group که در پایین پالت لایه هاست کلیک کنید (آیکنی که شبیه پوشه یا folder است).

عملکرد و کاربرد Group مانند عملکرد یک folder است. شما می توانید چندی لایه را درون آن قرار دهید و سپس هنگامی که Group را انتخاب کنید، می توانید opacity و blending mode و موقعیت و مکان لایه هایی که در آن قرار دارند را همزمان تغییر دهید و بسیاری خصوصیت دیگر.

اجازه دهید آن را امتحان ميكنيم! دو لایه دایره را به لایه group بکشید (Drag کنید). وقتی هر دو لایه درون group قرار گرفتند، لایه Group را از پالت لایه ها انتخاب کنید، سپس با استفاده از ابزار Move، آن را در صفحه طراحی حرکت دهید. هر دو لایه دایره باید به طور همزمان حرکت کنند، در حالیکه هر کدام ویژگی ها و مشخصات خاص خود را حفظ کرده اند.

  • Like 8
لینک به دیدگاه
  • 1 سال بعد...

ببخشید من خیلی مبتدی هستم ولی وقتی لایه جدید رو ایجاد کردم نمیذاره روش کار کنم یعنی اون چمنا رو بکشم:ws52: هی منوی layer style رو میارو نمیذاره برم رو لایه جدید:sigh:

لینک به دیدگاه
×
×
  • اضافه کردن...