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

 

 

نحوه ایجاد افکت اسکچ معماری در Adobe Photoshop

 

توسط Marko Kožokar 30 اکتبر 2020

 

 

مترجم : گروه معماری مشاور

 

 

Final product image

آنچه شما ایجاد خواهید کرد

 

 

جهت مشاوره رایگان  پروژه خود کلیک کنید ...

 

 

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

 

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

 

 

با ما در کانال یوتیوب Envato Tuts+ ما همراه باشید:

 

https://youtu.be/A6BXTxbUf2g

 

 

 

آنچه شما نیاز دارید


برای بازسازی طرح بالا، به منابع زیر نیاز دارید:

 

  1. تصویر استوک
  2. فونت

 

 

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


ابتدا عکسی را که می خواهید با آن کار کنید باز کنید. برای باز کردن عکس خود، به File > Open بروید، عکس خود را انتخاب کنید و روی Open کلیک کنید. اکنون، قبل از شروع، فقط چند مورد را بررسی کنید:

 

  1. عکس شما باید در حالت رنگ RGB، ۸ بیت/کانال باشد. برای بررسی این موضوع به مسیر Image > Mode بروید.
  2. برای بهترین نتایج، اندازه عکس شما باید 2000-4000 پیکسل عرض/بالا باشد. برای بررسی این موضوع به مسیر Image > Image Size بروید.
  3. عکس شما باید لایه پس زمینه باشد. اگر اینطور نیست، به Layer > New > Background from Layer بروید.

 

 

Checking image size and mode

 

 

جهت مشاوره رایگان  پروژه خود کلیک کنید ...

 

 

2. نحوه ایجاد پس زمینه


مرحله 1


در این قسمت قصد داریم پس زمینه را ایجاد کنیم. به Layer > New Fill Layer > Solid Color بروید تا یک لایه پر رنگ ثابت جدید ایجاد کنید، نام آن را Background color بگذارید و رنگ #f0f0f0 را مطابق شکل زیر انتخاب کنید:

 

 

Creating new solid color fill layer

 

 

مرحله 2


حالا روی این لایه کلیک راست کرده، Blending Options را انتخاب کنید، Gradient Overlay را علامت بزنید و از تنظیمات زیر استفاده کنید:

 

 

Adding layer style

 

 

 

3. نحوه ایجاد طرح اصلی


مرحله 1


در این بخش قصد داریم طرح اصلی را ایجاد کنیم. لایه Background را انتخاب کنید و Control-J را روی صفحه کلید خود فشار دهید تا این لایه تکراری شود. سپس این لایه را به بالای پنل لایه ها بکشید.

 

 

Duplicating layer

 

 

مرحله 2


اکنون Control-Shift-U را روی صفحه کلید خود فشار دهید تا این لایه اشباع شود. سپس به مسیر Image > Adjustments > Levels رفته و تنظیمات زیر را وارد کنید:

 

 

Adjusting levels

 

 

مرحله 3


نام این لایه را Temp بگذارید و Control-J را روی صفحه کلید خود فشار دهید تا این لایه تکراری شود.

 

 

Duplicating layer

 

 

جهت مشاوره رایگان  پروژه خود کلیک کنید ...

 

 

مرحله 4


اکنون Control-I را روی صفحه کلید خود فشار دهید تا این لایه معکوس شود و Blending Mode این لایه را به Color Dodge تغییر دهید. سپس به Filter > Other > Minimum بروید و Radius را روی 2 px قرار دهید و مانند تصویر زیر، روی Squareness حفظ کنید:

 

 

Adding minimum filter

 

 

مرحله 5


روی لایه Temp کلیک کنید تا هر دو لایه به طور همزمان انتخاب شوند. سپس روی صفحه کلید Control-E را فشار دهید تا این دو لایه در یک لایه ادغام شوند.

 

 

Merging layers

 

 

مرحله 6


Blending Mode این لایه را به Multiply تغییر دهید و نام آن را Main Sketch بگذارید.

 

 

Changing blending mode

 

 

جهت مشاوره رایگان  پروژه خود کلیک کنید ...

 

 

4. نحوه ایجاد طرح پرسپکتیو


مرحله 1


در این بخش قصد داریم طرح پرسپکتیو را ایجاد کنیم. لایه Background را انتخاب کنید و Control-J را روی صفحه کلید خود فشار دهید تا آن را کپی کنید. سپس این لایه را به بالای پنل لایه ها بکشید.

 

 

Duplicating layer

 

 

مرحله 2


اکنون به Filter > Stylize > Find Edges بروید و سپس Control-Shift-U را روی صفحه کلید خود فشار دهید تا این لایه اشباع شود.

 

 

Adding stylize filter

 


مرحله 3


به Filter > Blur > Motion Blur بروید و Angle را روی 90° و Distance را روی 1200 px قرار دهید، مانند شکل زیر:

 

 

Adding motion blur filter

 

 

مرحله 4


حالا به Filter > Sharpen > Smart Sharpen رفته و تنظیمات زیر را وارد کنید:

 

 

Adding smart sharpen filter

 


مرحله 5


به Filter > Filter Gallery > Sketch > Photocopy رفته و Detail را روی 2 و Darkness را روی 5 قرار دهید.

 

 

Adding photocopy filter

 


مرحله 6


Blending Mode این لایه را به Multiply و Opacity را به 40 درصد تغییر دهید. سپس نام این لایه را Perspective_Sketch_1 بگذارید.

 

 

Changing blending mode and opacity

 

 

جهت مشاوره رایگان  پروژه خود کلیک کنید ...

 


مرحله 7


حالا به مسیر Layer > Layer Mask > Hide All بروید تا یک لایه ماسک اضافه کنید که کل لایه را پنهان کند.

 

 

Adding layer mask

 


مرحله 8


رنگ پیش‌زمینه را روی #ffffff تنظیم کنید، ابزار Brush (B) را انتخاب کنید، یک قلم مو نرم انتخاب کنید و جایی که می‌خواهید خطوط پرسپکتیو عمودی را نشان دهید، براش بزنید.

 

 

Brushing into layer mask

 


مرحله 9


اکنون لایه Background را انتخاب کرده و Control-J را روی صفحه کلید خود فشار دهید تا این لایه تکراری شود. سپس این لایه را درست زیر لایه Perspective_Sketch_1 در پانل لایه ها بکشید.

 

 

Duplicating layer

 


مرحله 10


به Filter > Stylize > Find Edges بروید و سپس Control-Shift-U را روی صفحه کلید خود فشار دهید تا این لایه اشباع شود.

 

 

Adding stylize filter

 


مرحله 11


به Filter > Blur > Motion Blur بروید و Angle را روی 0° و Distance را روی 1200 px قرار دهید، مانند شکل زیر:

 

 

Adding motion blur filter

 


مرحله 12


حالا به Filter > Sharpen > Smart Sharpen رفته و تنظیمات زیر را وارد کنید:

 

 

Adding smart sharpen filter

 


مرحله 13


به Filter > Filter Gallery > Sketch > Photocopy رفته و Detail را روی 2 و Darkness را روی 5 قرار دهید.

 

 

Adding photocopy filter

 


مرحله 14


Blending Mode این لایه را به Multiply و Opacity را به 55% تغییر دهید. سپس نام این لایه را Perspective_Sketch_2 بگذارید.

 

 

Changing blending mode and opacity

 

 

جهت مشاوره رایگان  پروژه خود کلیک کنید ...

 


مرحله 15


حالا به مسیر Layer > Layer Mask > Hide All بروید تا یک لایه ماسک اضافه کنید که کل لایه را پنهان کند.

 

 

Adding layer mask

 


مرحله 16


رنگ پیش زمینه را روی #ffffff تنظیم کنید، ابزار Brush (B) را انتخاب کنید، یک براش نرم انتخاب کنید و جایی که می خواهید خطوط پرسپکتیو افقی را نشان دهید، قلم مو بزنید.

 

 

Brushing into layer mask

 

 

 

5. نحوه ایجاد متن

 


مرحله 1


در این قسمت قصد داریم متن را بسازیم. ابزار Horizontal Type Tool (T) را انتخاب کنید و فونت را روی Hijrnotes، اندازه قلم را 80 پیکسل، تراز را به سمت چپ، و رنگ را روی #000000 تنظیم کنید. سپس، روی هر جایی از بوم کلیک کنید و به مسیر Type > Paste Lorem Ipsum بروید تا متنی تصادفی بچسبانید. با خیال راحت از تنظیمات متن و فونت خود استفاده کنید.

 

 

Creating text

 

 

مرحله 2


بر روی تصویر کوچک این لایه دوبار کلیک کنید تا متن قابل ویرایش باشد و بخشی از متن حذف شود. سپس، ابزار Move Tool (V) را انتخاب کنید و روی هر نقطه از بوم کلیک کرده و بکشید تا متن را مطابق شکل زیر قرار دهید:

 

 

Editing text

 

 

مرحله 3


اکنون نام این لایه را Text_1 بگذارید. سپس Control-J را روی صفحه کلید خود فشار دهید تا این لایه تکراری شود.

 

 

Duplicating layer

 


مرحله 4


بر روی تصویر کوچک لایه دوبار کلیک کنید تا متن قابل ویرایش باشد، Control-A را فشار دهید تا تمام متن انتخاب شود و برای چسباندن متن تصادفی به مسیر Type > Paste Lorem Ipsum بروید. سپس، مقداری از متن را حذف کنید، ابزار Move Tool (V) را انتخاب کنید و در هر نقطه از بوم کلیک کرده و بکشید تا متن را مطابق شکل زیر قرار دهید:

 

 

Editing text

 


مرحله 5


نام این لایه را Text_2 بگذارید و آن را درست زیر لایه Text_1 در پانل لایه ها بکشید. سپس Control-J را روی صفحه کلید خود فشار دهید تا این لایه تکراری شود.

 

 

Duplicating layer

 


مرحله 6


اکنون روی تصویر کوچک این لایه دوبار کلیک کنید تا متن قابل ویرایش باشد، Control-A را فشار دهید تا تمام متن انتخاب شود و برای چسباندن متن تصادفی به مسیر Type > Paste Lorem Ipsum بروید. سپس، مقداری از متن را حذف کنید، ابزار Move Tool (V) را انتخاب کنید و در هر نقطه از بوم کلیک کرده و بکشید تا متن را مطابق شکل زیر قرار دهید:

 

 

Editing text

 

 

مرحله 7


Control-T را روی صفحه کلید خود فشار دهید تا این لایه تغییر کند و چرخش را روی 15 درجه تنظیم کنید.

 

 

Transforming layer

 


مرحله 8


اکنون نام این لایه را Text_3 بگذارید و آن را درست زیر لایه Text_2 در پنل لایه ها بکشید.

 

 

Arranging layers

 

 

جهت مشاوره رایگان  پروژه خود کلیک کنید ...

 

 

6. نحوه انجام تنظیمات نهایی

 


مرحله 1


در این قسمت قصد داریم تنظیمات نهایی را در طراحی انجام دهیم. برای بازنشانی نمونه ها، D را روی صفحه کلید خود فشار دهید و لایه Text_1 را انتخاب کنید. سپس به مسیر Layer > New Adjustment Layer > Gradient Map بروید تا یک لایه تنظیم نقشه گرادیان جدید ایجاد کنید و نام آن را Overall Contrast بگذارید.

 

 

Creating new gradient map adjustment layer

 


مرحله 2


حال Blending Mode این لایه را به Soft Light تغییر دهید و Opacity را روی 35 درصد قرار دهید.

 

 

Changing blending mode and opacity

 


مرحله 3


برای ایجاد یک لایه تنظیم سطوح جدید به Layer > New Adjustment Layer > Levels بروید و نام آن را Overall Brightness بگذارید.

 

 

Creating new levels adjustment layer

 


مرحله 4


اکنون روی تصویر کوچک این لایه دوبار کلیک کنید و در پنل Properties از تنظیمات زیر استفاده کنید:

 

 

Adjusting levels

 


مرحله 5


برای ایجاد اسکرین شات، Control-Alt-Shift-E را روی صفحه کلید خود فشار دهید. سپس به Filter > Other > High Pass بروید و Radius را مطابق شکل زیر روی 2 پیکسل قرار دهید:

 

 

Adding high pass filter

 


مرحله 6


Blending Mode این لایه را به Hard Light تغییر دهید و نام آن را Overall Sharpening بگذارید.

 

 

Changing blending mode

 

 

تو موفق شدی!


تبریک می گویم، شما موفق شدید! در اینجا نتیجه نهایی ما است:

 

 

Final result

 

 

جهت مشاوره رایگان  پروژه خود کلیک کنید ...

 

 

 

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

 

اکشن کار می کند، بنابراین شما به سادگی روی عکس خود با یک رنگ قلم مو بزنید و فقط اکشن را پخش کنید. این اکشن همه چیز را برای شما انجام می دهد و نتایج کاملاً لایه باز و قابل تنظیم به شما ارائه می دهد. همچنین بیش از 60 برس آبرنگ با کیفیت بالا همراه با این اکشن وجود دارد که می توانید از آنها برای ساختن طرح های بیشتر استفاده کنید. این اکشن همچنین چهار بافت (آبرنگ، بوم، کاغذ، و نیم تن) و 25 رنگ از پیش تعیین شده ایجاد می کند که می توانید از بین آنها انتخاب کنید.

 

این اکشن با یک آموزش ویدیویی دقیق ارائه می شود که نحوه استفاده از اکشن و سفارشی کردن نتایج را برای استفاده حداکثری از اثر نشان می دهد.

 

 

 

مارکو کوژوکار


طراح گرافیک و وب

 


سلام اسم من مارکو هست من یک گرافیست و طراح وب هستم. بخش مورد علاقه من ایجاد اکشن های فتوشاپ است که با آن هر کسی می تواند جلوه های عکس شگفت انگیز و پیشرفته را تنها در چند دقیقه بدون هیچ تجربه قبلی با فتوشاپ ایجاد کند. اقدامات UnicDesign Photoshop را در Envato Market یا Envato Elements بررسی کنید. امیدوارم نکات مفید زیادی را از آموزش های من یاد بگیرید!