نحوه ایجاد افکت اسکچ معماری در Adobe Photoshop
توسط Marko Kožokar 30 اکتبر 2020

آنچه شما ایجاد خواهید کرد
جهت مشاوره رایگان پروژه خود کلیک کنید ...
در این آموزش یاد خواهید گرفت که چگونه یک افکت طراحی شگفت انگیز معماری ایجاد کنید. من همه چیز را به قدری با جزئیات توضیح خواهم داد که همه بتوانند آن را ایجاد کنند، حتی کسانی که به تازگی فتوشاپ را برای اولین بار باز کرده اند.
افکتی که در بالا نشان داده شده همانی است که در این آموزش به شما نشان خواهم داد که چگونه ایجاد کنید. اگر می خواهید طرح پیشرفته تری را با افکت های آبرنگی که در زیر نشان داده شده است، تنها با یک کلیک و تنها در چند دقیقه ایجاد کنید، سپس اکشن فتوشاپ TechnicalArt 2 من را بررسی کنید. شما همچنین می توانید این را به عنوان بخشی از یک بسته نرم افزاری در GraphicRiver خریداری کنید.
با ما در کانال یوتیوب Envato Tuts+ ما همراه باشید:
آنچه شما نیاز دارید
برای بازسازی طرح بالا، به منابع زیر نیاز دارید:
1. بیایید شروع کنیم
ابتدا عکسی را که می خواهید با آن کار کنید باز کنید. برای باز کردن عکس خود، به File > Open بروید، عکس خود را انتخاب کنید و روی Open کلیک کنید. اکنون، قبل از شروع، فقط چند مورد را بررسی کنید:
- عکس شما باید در حالت رنگ RGB، ۸ بیت/کانال باشد. برای بررسی این موضوع به مسیر Image > Mode بروید.
- برای بهترین نتایج، اندازه عکس شما باید 2000-4000 پیکسل عرض/بالا باشد. برای بررسی این موضوع به مسیر Image > Image Size بروید.
- عکس شما باید لایه پس زمینه باشد. اگر اینطور نیست، به Layer > New > Background from Layer بروید.
جهت مشاوره رایگان پروژه خود کلیک کنید ...
2. نحوه ایجاد پس زمینه
مرحله 1
در این قسمت قصد داریم پس زمینه را ایجاد کنیم. به Layer > New Fill Layer > Solid Color بروید تا یک لایه پر رنگ ثابت جدید ایجاد کنید، نام آن را Background color بگذارید و رنگ #f0f0f0 را مطابق شکل زیر انتخاب کنید:
مرحله 2
حالا روی این لایه کلیک راست کرده، Blending Options را انتخاب کنید، Gradient Overlay را علامت بزنید و از تنظیمات زیر استفاده کنید:
3. نحوه ایجاد طرح اصلی
مرحله 1
در این بخش قصد داریم طرح اصلی را ایجاد کنیم. لایه Background را انتخاب کنید و Control-J را روی صفحه کلید خود فشار دهید تا این لایه تکراری شود. سپس این لایه را به بالای پنل لایه ها بکشید.
مرحله 2
اکنون Control-Shift-U را روی صفحه کلید خود فشار دهید تا این لایه اشباع شود. سپس به مسیر Image > Adjustments > Levels رفته و تنظیمات زیر را وارد کنید:
مرحله 3
نام این لایه را Temp بگذارید و Control-J را روی صفحه کلید خود فشار دهید تا این لایه تکراری شود.
جهت مشاوره رایگان پروژه خود کلیک کنید ...
مرحله 4
اکنون Control-I را روی صفحه کلید خود فشار دهید تا این لایه معکوس شود و Blending Mode این لایه را به Color Dodge تغییر دهید. سپس به Filter > Other > Minimum بروید و Radius را روی 2 px قرار دهید و مانند تصویر زیر، روی Squareness حفظ کنید:
مرحله 5
روی لایه Temp کلیک کنید تا هر دو لایه به طور همزمان انتخاب شوند. سپس روی صفحه کلید Control-E را فشار دهید تا این دو لایه در یک لایه ادغام شوند.
مرحله 6
Blending Mode این لایه را به Multiply تغییر دهید و نام آن را Main Sketch بگذارید.
جهت مشاوره رایگان پروژه خود کلیک کنید ...
4. نحوه ایجاد طرح پرسپکتیو
مرحله 1
در این بخش قصد داریم طرح پرسپکتیو را ایجاد کنیم. لایه Background را انتخاب کنید و Control-J را روی صفحه کلید خود فشار دهید تا آن را کپی کنید. سپس این لایه را به بالای پنل لایه ها بکشید.
مرحله 2
اکنون به Filter > Stylize > Find Edges بروید و سپس Control-Shift-U را روی صفحه کلید خود فشار دهید تا این لایه اشباع شود.
مرحله 3
به Filter > Blur > Motion Blur بروید و Angle را روی 90° و Distance را روی 1200 px قرار دهید، مانند شکل زیر:
مرحله 4
حالا به Filter > Sharpen > Smart Sharpen رفته و تنظیمات زیر را وارد کنید:
مرحله 5
به Filter > Filter Gallery > Sketch > Photocopy رفته و Detail را روی 2 و Darkness را روی 5 قرار دهید.
مرحله 6
Blending Mode این لایه را به Multiply و Opacity را به 40 درصد تغییر دهید. سپس نام این لایه را Perspective_Sketch_1 بگذارید.
جهت مشاوره رایگان پروژه خود کلیک کنید ...
مرحله 7
حالا به مسیر Layer > Layer Mask > Hide All بروید تا یک لایه ماسک اضافه کنید که کل لایه را پنهان کند.
مرحله 8
رنگ پیشزمینه را روی #ffffff تنظیم کنید، ابزار Brush (B) را انتخاب کنید، یک قلم مو نرم انتخاب کنید و جایی که میخواهید خطوط پرسپکتیو عمودی را نشان دهید، براش بزنید.
مرحله 9
اکنون لایه Background را انتخاب کرده و Control-J را روی صفحه کلید خود فشار دهید تا این لایه تکراری شود. سپس این لایه را درست زیر لایه Perspective_Sketch_1 در پانل لایه ها بکشید.
مرحله 10
به Filter > Stylize > Find Edges بروید و سپس Control-Shift-U را روی صفحه کلید خود فشار دهید تا این لایه اشباع شود.
مرحله 11
به Filter > Blur > Motion Blur بروید و Angle را روی 0° و Distance را روی 1200 px قرار دهید، مانند شکل زیر:
مرحله 12
حالا به Filter > Sharpen > Smart Sharpen رفته و تنظیمات زیر را وارد کنید:
مرحله 13
به Filter > Filter Gallery > Sketch > Photocopy رفته و Detail را روی 2 و Darkness را روی 5 قرار دهید.
مرحله 14
Blending Mode این لایه را به Multiply و Opacity را به 55% تغییر دهید. سپس نام این لایه را Perspective_Sketch_2 بگذارید.
جهت مشاوره رایگان پروژه خود کلیک کنید ...
مرحله 15
حالا به مسیر Layer > Layer Mask > Hide All بروید تا یک لایه ماسک اضافه کنید که کل لایه را پنهان کند.
مرحله 16
رنگ پیش زمینه را روی #ffffff تنظیم کنید، ابزار Brush (B) را انتخاب کنید، یک براش نرم انتخاب کنید و جایی که می خواهید خطوط پرسپکتیو افقی را نشان دهید، قلم مو بزنید.
5. نحوه ایجاد متن
مرحله 1
در این قسمت قصد داریم متن را بسازیم. ابزار Horizontal Type Tool (T) را انتخاب کنید و فونت را روی Hijrnotes، اندازه قلم را 80 پیکسل، تراز را به سمت چپ، و رنگ را روی #000000 تنظیم کنید. سپس، روی هر جایی از بوم کلیک کنید و به مسیر Type > Paste Lorem Ipsum بروید تا متنی تصادفی بچسبانید. با خیال راحت از تنظیمات متن و فونت خود استفاده کنید.
مرحله 2
بر روی تصویر کوچک این لایه دوبار کلیک کنید تا متن قابل ویرایش باشد و بخشی از متن حذف شود. سپس، ابزار Move Tool (V) را انتخاب کنید و روی هر نقطه از بوم کلیک کرده و بکشید تا متن را مطابق شکل زیر قرار دهید:
مرحله 3
اکنون نام این لایه را Text_1 بگذارید. سپس Control-J را روی صفحه کلید خود فشار دهید تا این لایه تکراری شود.
مرحله 4
بر روی تصویر کوچک لایه دوبار کلیک کنید تا متن قابل ویرایش باشد، Control-A را فشار دهید تا تمام متن انتخاب شود و برای چسباندن متن تصادفی به مسیر Type > Paste Lorem Ipsum بروید. سپس، مقداری از متن را حذف کنید، ابزار Move Tool (V) را انتخاب کنید و در هر نقطه از بوم کلیک کرده و بکشید تا متن را مطابق شکل زیر قرار دهید:
مرحله 5
نام این لایه را Text_2 بگذارید و آن را درست زیر لایه Text_1 در پانل لایه ها بکشید. سپس Control-J را روی صفحه کلید خود فشار دهید تا این لایه تکراری شود.
مرحله 6
اکنون روی تصویر کوچک این لایه دوبار کلیک کنید تا متن قابل ویرایش باشد، Control-A را فشار دهید تا تمام متن انتخاب شود و برای چسباندن متن تصادفی به مسیر Type > Paste Lorem Ipsum بروید. سپس، مقداری از متن را حذف کنید، ابزار Move Tool (V) را انتخاب کنید و در هر نقطه از بوم کلیک کرده و بکشید تا متن را مطابق شکل زیر قرار دهید:
مرحله 7
Control-T را روی صفحه کلید خود فشار دهید تا این لایه تغییر کند و چرخش را روی 15 درجه تنظیم کنید.
مرحله 8
اکنون نام این لایه را Text_3 بگذارید و آن را درست زیر لایه Text_2 در پنل لایه ها بکشید.
جهت مشاوره رایگان پروژه خود کلیک کنید ...
6. نحوه انجام تنظیمات نهایی
مرحله 1
در این قسمت قصد داریم تنظیمات نهایی را در طراحی انجام دهیم. برای بازنشانی نمونه ها، D را روی صفحه کلید خود فشار دهید و لایه Text_1 را انتخاب کنید. سپس به مسیر Layer > New Adjustment Layer > Gradient Map بروید تا یک لایه تنظیم نقشه گرادیان جدید ایجاد کنید و نام آن را Overall Contrast بگذارید.
مرحله 2
حال Blending Mode این لایه را به Soft Light تغییر دهید و Opacity را روی 35 درصد قرار دهید.
مرحله 3
برای ایجاد یک لایه تنظیم سطوح جدید به Layer > New Adjustment Layer > Levels بروید و نام آن را Overall Brightness بگذارید.
مرحله 4
اکنون روی تصویر کوچک این لایه دوبار کلیک کنید و در پنل Properties از تنظیمات زیر استفاده کنید:
مرحله 5
برای ایجاد اسکرین شات، Control-Alt-Shift-E را روی صفحه کلید خود فشار دهید. سپس به Filter > Other > High Pass بروید و Radius را مطابق شکل زیر روی 2 پیکسل قرار دهید:
مرحله 6
Blending Mode این لایه را به Hard Light تغییر دهید و نام آن را Overall Sharpening بگذارید.
تو موفق شدی!
تبریک می گویم، شما موفق شدید! در اینجا نتیجه نهایی ما است:
جهت مشاوره رایگان پروژه خود کلیک کنید ...
اگر می خواهید طرح پیشرفته تری را با افکت های آبرنگی که در زیر نشان داده شده است، تنها با یک کلیک و تنها در چند دقیقه ایجاد کنید، سپس اکشن فتوشاپ TechnicalArt 2 من را بررسی کنید.
اکشن کار می کند، بنابراین شما به سادگی روی عکس خود با یک رنگ قلم مو بزنید و فقط اکشن را پخش کنید. این اکشن همه چیز را برای شما انجام می دهد و نتایج کاملاً لایه باز و قابل تنظیم به شما ارائه می دهد. همچنین بیش از 60 برس آبرنگ با کیفیت بالا همراه با این اکشن وجود دارد که می توانید از آنها برای ساختن طرح های بیشتر استفاده کنید. این اکشن همچنین چهار بافت (آبرنگ، بوم، کاغذ، و نیم تن) و 25 رنگ از پیش تعیین شده ایجاد می کند که می توانید از بین آنها انتخاب کنید.
این اکشن با یک آموزش ویدیویی دقیق ارائه می شود که نحوه استفاده از اکشن و سفارشی کردن نتایج را برای استفاده حداکثری از اثر نشان می دهد.
طراح گرافیک و وب
سلام اسم من مارکو هست من یک گرافیست و طراح وب هستم. بخش مورد علاقه من ایجاد اکشن های فتوشاپ است که با آن هر کسی می تواند جلوه های عکس شگفت انگیز و پیشرفته را تنها در چند دقیقه بدون هیچ تجربه قبلی با فتوشاپ ایجاد کند. اقدامات UnicDesign Photoshop را در Envato Market یا Envato Elements بررسی کنید. امیدوارم نکات مفید زیادی را از آموزش های من یاد بگیرید!
منبع :
https://design.tutsplus.com/tutorials/architecture-sketch-photoshop-effect-action--cms-30614