بخش ۴ : تغییر رنگ خطوط شبکه به سفید در فتوشاپ

• جزئیات
• نوع محتواآموزش تصویری

مقدمه

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

تغییر رنگ خطوط شبکه به سفید در فتوشاپ

در بخش قبلی ما عکس خود را وارد فتوشاپ کرده و آن را وارد شبکه نمودیم.
بعد تعدادی از مربع های شبکه را به کمک یک لایه تنظیم Hue/Saturation به رنگ قرمز در آوردیم.
آخرین نتیجه ای که کسب کردیم؛ به صورت زیر بود.

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

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

خلاصه شش مرحله لازم برای ایجاد مربع های رنگی بیشتر

به عبارتی ابتدا لایه Grid را در پنل Layers انتخاب کنید.
سپس کلید Shift خود را فشار داده و نگه دارید و با استفاده از Magic Wand Tool در داخل چند مربع کلیک کنید تا آنها را انتخاب نمایید.
بر روی لایه Photo در پنل Layers کلیک کنید ، سپس بر روی آیکون New Adjustment Layer کلیک کرده و Hue / Saturation را انتخاب کنید.
در پنل Properties  چک باکس گزینه Colorize را فعال نمایید.
سپس رنگ مورد نظر خود را با نوار کشویی Hue و سطح اشباع را با کشویی Saturation تعیین کنید.
حالت ترکیب لایه تنظیم جدید را به Color تغییر دهید.
سپس لایه تنظیم را بر اساس رنگی که انتخاب کرده اید تغییر نام دهید.

سیاه و سفید کردن بعضی از مربع ها

همچنین می توانید از لایه تنظیم Hue / Saturation برای خالی کردن یک رنگ از اشباع رنگی و سیاه و سفید کردن بعضی مربع ها استفاده کنید.

برای انجام این کار ، برخی از مربع ها را انتخاب کنید.
سپس یک لایه تنظیم Hue / Saturation را طبق معمول اضافه کنید ، اما به جای انتخاب رنگ با کشویی Hue ، به سادگی نوار لغزنده Saturation را به سمت چپ بکشید (به مقدار -۱۰۰ ) این کار تمام رنگ ها حذف می شوند:

سیاه و سفید کردن بعضی از مربع ها ( تغییر رنگ خطوط شبکه به سفید در فتوشاپ )

به طور کلی برای ایجاد این مربع های رنگی از شش لایه تنظیم Hue/Saturation استفاده کرده ام.
شش لایه تنظیم Hue/Saturation به همراه تنظیمات هر یک از رنگ های آن را به صورت لیست آورده ام:

رنگ قرمز – Red

(hue:0, saturation:50)

رنگ زرد – Yellow

(hue:40, saturation:50)

رنگ آبی – Blue

(hue:200, saturation:20)

رنگ سبز – Green

(hue:40, saturation:50)

رنگ بنفش – Purple

(hue:300, saturation:20)

سیاه و سفید ( خاکستری ) – black and white

(saturation:-100)

نتیجه من پس از انتخاب و رنگ آمیزی بیشتر مربع ها به صورت زیر خواهد یود.

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

در اینجا ، ما می توانیم هر شش لایه تنظیم Hue / Saturation را در پانل Layers مشاهده کنیم.
هر کدام از این لایه های تنظیم Hue / Saturation با توجه به رنگ آن نامگذاری شده اند:

لایه های تنظیم Hue/Saturation ( تغییر رنگ خطوط شبکه به سفید در فتوشاپ )

تغییر رنگ خطوط شبکه به سفید در فتوشاپ

حالا که مربع های خود را رنگ آمیزی کرده ایم، اجازه دهید ظاهر خطوط شبکه را تغییر دهیم.
ابتدا با تغییر رنگ آنها از سیاه به سفید شروع می کنیم.
بدین منظور روی لایه Grid در پنل Layers کلیک کنید تا آن را انتخاب نمایید:

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

حالا روی آیکون Lock Transparent Pixels درست در زیر گزینه Blend Mode در بالای پنل لایه ها کلیک کنید:

کلیک بر آیکون Lock Transparent Pixels ( تغییر رنگ خطوط شبکه به سفید در فتوشاپ )

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

به بالای صفحه و نوار گزینه ها بروید و بار دیگر Fill را انتخاب نمایید.
هنگامی که کادر Fill ظاهر می شود، گزینه Use باید برای آخرین بار روی White تنظیم شود زیرا این آخرین باری است که آن را تعیین می کنیم.
بنابراین کافی است که برای بستن کادر ، روی OK را کلیک کنید:

تنظیم گزینه Use بر روی White ( تغییر رنگ خطوط شبکه به سفید در فتوشاپ )

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

پر کردن خطوط شبکه با رنگ سفید تنظیم گزینه Use بر روی White ( تغییر رنگ خطوط شبکه به سفید در فتوشاپ )

افزودن یک استایل Stroke

اگر می خواهید ضخامت خطوط شبکه را افزایش دهید، بر روی نماد Layer Styles (نماد “fx”) در پایین پنل Layers کلیک کنید:

افزودن یک استایل Stroke ( تغییر رنگ خطوط شبکه به سفید در فتوشاپ )

حالا از لیست ظاهر شده ، Stroke را انتخاب کنید:

انتخاب Stroke ( تغییر رنگ خطوط شبکه به سفید در فتوشاپ )

این کار کادر Layer Style را که در ستون وسط قرار دارد بر روی گزینه های Stroke تنظیم می کند.
ابتدا بگذارید رنگ Stroke  را به رنگ سفید تغییر دهیم.
روی سوئیچ رنگ در سمت راست کلمه Color کلیک کنید:

کلیک بر سوئیچ رنگی در کادر Stroke ( تغییر رنگ خطوط شبکه به سفید در فتوشاپ )

با کلیک بر این سوئیچ رنگی، گزینه Color Picker را باز می شود.
رنگ سفید را به عنوان رنگ جدید Stroke انتخاب کنید ، سپس برای بستن آن ، روی OK کلیک کنید:

انتخاب رنگ سفید از Color Picker ( تغییر رنگ خطوط شبکه به سفید در فتوشاپ )

حالا با رنگ سفید اکنون به عنوان رنگ Stroke ، گزینه Position را روی Outside قرار دهید.
سپس با کشیدن نوار کشویی ، عرض Stroke را تنظیم کنید.
زیاد احتیاج نیست که عرض Stroke را افزایش دهیم.
من قصد دارم معادل ۲ px را برای Stroke تنظیم کنم:

اندازه سایز Stroke ( تغییر رنگ خطوط شبکه به سفید در فتوشاپ )

هنگامی که اندازه Stroke را تعیین کردید و کارتان با Layer Style تمام شد؛ OK را کلیک کنید.
در اینجا اثر من با خطوط شبکه و کمی گسترده تر از آن ظاهر شده است:

تاثیر اثر استایل Stroke بر تصویر ( تغییر رنگ خطوط شبکه به سفید در فتوشاپ )

جا به جایی و تغییر اندازه دوباره عکس در صورت نیاز

در این مرحله، اکنون که طراحی شبکه کامل شد، ممکن است بخواهید که به تغییر اندازه و یا تغییر مکان مجدد عکس بپردازید.
تصویری نمونه من که خوب است و نیازی به تغییر اندازه ندارد.
اما اگر شما احتیاج دارید که تغییر را در تصویر خود ایجاد کنید؛ روی لایه Photo در پنل Layers کلیک کنید تا آن را انتخاب کنید:

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

برای تغییر اندازه عکس کافی است همان مراحلی که در بخش قبلی برای تغییر اندازه و جا به جایی عکس انجام دادیم را مجدداً انجام دهیم.
برای این کار کافی است به بالای صفحه بروید و از نوار گزینه ها منوی Edit را انتخاب کنید.
بعد از منوی باز شده Edit گزینه Free Transform را انتخاب نمایید.
علاوه بر این می توانید به جای رفتن به منوی Edit و انتخاب گزینه Free Transform کلید های (Ctrl+T (Win) / Command+T (Mac را روی صفحه کلید خود فشار دهید.
فرقی نمی کند در هر حال کادر Free Transform باز خواهد شد.
کادر Free Transform دور تا دور تصویر را می گیرد و شما می توانید با کمک دسته های آن سایز عکس خود را تغییر دهید.

اما اگر نمی توانید دسته ها را ببینید به خاطر این است که عکس شما بزرگتر از کادر Free Transform است و دسته ها در زیر تصویر پنهان شده است.
برای حل این مشکل به منوی View بروید و Fit on Screen را انتخاب کنید:

تغییر اندازه عکس

فتوشاپ فوراً تصویر را به اندازه کافی بزرگ می کند تا همه چیز ، از جمله دسته Free Transform ، در قسمت قابل مشاهده قرار گیرد.
برای تغییر اندازه عکس، کلید Shift خود را فشار داده و نگه دارید.
سپس روی یکی از چهار دسته گوشه کلیک کرده و آنها را بکشید.
نگه داشتن کلید Shift در هنگام کشیدن ، نسبت ابعاد اصلی تصویر را حفظ می کند، بنابراین به طور تصادفی ظاهر آن را از تناسب خارج نمی کند.
اگر می خواهید عکس را از مرکز آن تغییر دهید نه از گوشه ، (Shift + Alt (Win) / Shift + Option (Mac را فشار دهید و نگه دارید و هر کدام از دسته های گوشه را بکشید.
اگر می خواهید تصویر را در داخل سند جابجا کنید ، در هر نقطه داخل کادر محدود کردن Free Transform کلیک کنید و آن را به داخل تصویر بکشید.
پس از اتمام کار ، گزینه (Enter (Win) / Return (Mac را بزنید تا تغییر و خروج از دستور Free Transform را بپذیرید.
من می خواهم کمی عکس خود را به سمت پایین بکشم ، اما اندازه آن را مانند قبل می گذارم:

تغییر اندازه عکس ( تغییر رنگ خطوط شبکه به سفید در فتوشاپ )

نکته

از آن جا که در مراحل قبلی ما تبدیل به Smart Object کرده ایم، حالا قادر هستیم که با خیال راحت به عقب برگشته و هر گونه تغییری، از جمله تغییر اندازه را بر تصویر اعمال کنیم؛ بدون این که هیچ افتی در کیفیت رخ دهد.
وقتی از اندازه و موقعیت نهایی تصویر خود راضی بودید، (Enter (Win) / Return (Mac را بزنید تا آن را بپذیرید و از دستور Free Transform خارج شوید.

در ادامه می توانید تصویر نهایی را مشاهده نمایید.

تصویر نهایی ( تغییر رنگ خطوط شبکه به سفید در فتوشاپ )

کلام آخر

در این جلسه بلخره ” آموزش ساخت تصاویر سرامیکی رنگی ” را به پایان رساندیم.
گرچه مراحلی که برای ایجاد چنین تصویری طی شد کمی طولانی بود اما با یکی دوبار تمرین متوجه خواهید شد که ساخت چنین تصاویری اصلاً کار دشواری نیست و در حین حال بسیار لذت بخش نیز می باشد.
با پی وی لرن همراه باشید.