آموزش فتوشاپ : ایجاد جلوه اسکچ پرسپکتیو معماری
دراین آموزش میخواهیم به شما یاد بدهیم که چگونه در فتوشاپ یک اسکچ معماری شگفت آور ایجاد کنید. در طول آموزش تمامی مراحل ایجاد اسکچ را مو به مو و با جزئیات کامل توضیخ خواهیم داد بطوریکه هر کسی که عاشق طراحی با فتوشاپ است بتواند این طرح را ایجاد کند حتی اگر فقط فتوشاپ را باز کرده باشید با توضیحاتی که در این آموزش آمده براحتی میتوانید یک اسکچ معماری مهیج ایجاد کنید.
1. ایجاد فایل فتوشاپ
ابتدا فتوشاپی را که میخواهید با آن کار طراحی را انجام دهید باز کنید. میخواهیم یک تصویر مرجع برای طراحی انتخاب کنیم.
از منو File> Open را انتخاب کنید. تصویر مرجع خود را انتخاب کنید و Open را کلیک کنید. قبل از اینکه طراحی را شروع کنید باید چند مورد را چک کنید.
مود رنگ برای عکس شما در این پروژه باید بر روی RGB و 8Bits/Channel تنظیم شده باشد.
برای کنترل این مورد از منو Image > Mode را انتخاب کنید. برای نتیجه بهتر بهتر است ابعاد طول و عرض عکس 2000 در 4000 پیکسل باشد.
از منو Image > Image Size را انتخاب نمایید.
2. ایجاد تصویر پس زمینه
گام 1
در این مرحله میخواهیم تصویر پس زمینه را طراحی کنیم. از منو Layer > New Fill Layer > Solid Color را انتخاب کنید و یک لایه solid color fill رنگی ایجاد نمایید. نام ابن لایه را Background color بگذارید. رنگ f0f0f0# را مانند تصویر زیر برای آن انتخاب کنید.
گام 2:
حال بر روی این لایه راست کلیک کنید. Blending Option را انتخاب کنید و گزینه Gradient Overlay را فعال کنید تنظیمات زیر را اعمال نمایید
3. ایجاد طراحی اصلی
گام 1
در این مرحله میخواهیم طراحی اصلی را شروع کنیم . لایه Background را انتخاب کنید و دکمه های Ctr+J را بر روی کیبورد فشار دهید. به این ترتیب یک کپی از این لایه ایجاد می شود. لایه ایجاد شده را به بالای بقیه لایه ها در پانل لایه ها بکشید.
گام 2
دکمه های Ctrl+Shift+U را بر روی کیبورد فشار دهید . به این ترتیب این لایه بیرنگ می شود. از منو Image > Adjustments > Levels را انتخاب کنید و تنظیمات زیر را اعمال نمایید.
گام 3
نام این لایه را Temp بگذارید و دکمه های Ctrl+J را بر روی کیبورد فشارد دهید تا یک کپی از این لایه ایجاد شود
گام 4
حال دکمه های Ctrl+I بر روی کیبورد را فشار دهید. به این ترتیب تصویر این لایه نگاتیو می شود . Blendign Mode این لایه را بر روی Color Dodge قرار دهید.
از منو Ftlter > Other > Minimum را انتخاب کنید و Radius را بر روی 2 پیکسل تنظیم کنید و همانطور که در تصویر نشان داده شده حالت مربعی را حفظ کنید
گام 5
بر روی لایه Temp ، کلیک + Ctrl تا هر دو لایه انتخاب شوند. دکمه های Ctrl+E بر روی کیبورد را فشال دهید تا این دو لایه با هم در یک لایه ادغام شوند.
گام 6
Bleding Mode این لایه را به Multiply تغییر دهید و نام آن را Main Sketch بگذارید
4. ایجاد جلوه اسکچ پرسپکتیو
گام 1
در این مرحله میخواهیم جلوه یک اسکچ پرسپکتیو ایجاد کنیم
لایه Background را انتخاب کنید و Ctrl+J را بر روی کیبورد فشاردهید تا یک کپی از لایه ایجاد شود . لایه ایجاد شده را به بالای بقیه لایه ها در پانل لایه ها بکشید.
گام 2
حال از منو Filter > Stylize > Finde Edges را انتخاب کنید و سپس دکمه های Ctrl+Shift+U را بر روی کیبورد فشار دهید تا تصویر لایه بی رنگ شود
گام 3
از منو Filter > Blur > Motion Blur را انتخاب کنید. Angle را بر روی 90 درجه قرا ردهید و Distance را مانند آنچه در تصویر زیر نشان داده شده بر روی 1200 تنظیم کنید.
گام 4
حال از منو Filter > Sharpen > Smart Sharpen را انتخاب کنید و تنظیمات زیر را اعمال نمایید.
گام 5
از منو Filter > Filter Gallery > Sketc > Photocopy را انتخاب نمایید و Detail را بر روی 2 قرار دهید و Darkness را بر روی 5 تنظیم کنید.
گام 6
Blending Mode این لایه را بر روی Multiply قرار دهید و Opacity را بر روی 40% تنظیم نمایید. نام لایه را Layer Perspective_Sketch_1 بگذارید
گام 7
حال از منو Layer > Layer Mask > Hide All را انتخاب کنید تا بر روی تمامی المانهای مخفی موجود در لایه یک ماسک ایجاد شود
گام 8
رنگ پیش زمینه را بر روی #ffffff تنظیم کنید. ابزار Brush Tool (B) را انتخاب کنید. یک براش نرم بردارید و هرجای تصویر که میخواهید خطوط عمودی پرسپکتیو نمایان شود بکشید.
گام 9
حال لایه Background را انتخاب کنید. دکمه های Ctrl+J را بر روی کیبورد فشار دهید تا از لایه یک کپی ایجاد شود . در پانل لایه ها لایه ایجاد شده را دقیقا در زیر لایه Perspective_Sketch_1 بکشید.
گام 10
از منو Filter > Stylize > Find Edges را انتخای کنید و دکمه های Ctrl+Shift+U را بر روی کیبورد را فشار دهید تا تصویر لایه بیرنگ شود
گام 11
از منو Filter > Blur > Motion Blur را انتخاب کنید و Angle را بر روی 0 درجه تنظیم کنید و Distance را مانند آنچه در تصویر زیر نشان داده شده بر روی 1200 پیکسل قرار دهید
گام 12
حال از منو Filter > Sharpen > Smart Sharpen را انتخاب کنید و تنظیمات زیر را اعمال نمایید
گام 13
از منو Filter > Filter Gallery > Sketch > Photocopy را انتخاب کنید و فیلتر را بر روی Detail 2 تنظیم کنید و Darkness را بر رو ی 5 قرار دهید
گام 14
Blending Mode این لایه را بر روی Multiply قرار دهید و Opacity را بر روی 55% تنظیم کنید. این لایه را به Layer Perspective_Sketch_2 نامگذاری کنید
گام 15
حال از منو Layer > Layer Mask > Hide All را انتخاب کنید تا بر روی تمام المانهای مخفی لایه یک ماسک ایجاد کند
گام 16
رنگ پیش زمینه را بر روی #ffffff قرار دهید و ابزار Brush Tool (B) را انتخاب کنید . یک براش نرم بردارید و هرجا که میخواهید خطوط پرسپکتیو افقی نمایان شود بکشد.
5. ایجاد متن
گام 1
در این مرحله میخواهیم بر روی اسکچ معماری متن ایجاد کنیم . ابزار Horizontal Type Tool (T) را انتخاب کنید و فونتی دلخواه انتخاب کنید. ما برای این پروژه از فونت Hijrnotes استفاده کردیم . سایز فونت را بر روی 80 پیکسل تنظیم کنید و Alignment را بر روی Left قرار دهید. رنگ فونت را #000000 تنظیم کنید. در مکانی از داخل تصویر کلیک کنید و از منو Type > Paste Lorem Ipsum را انتخاب کنید تا یک متن نمایشی تصادفی ایجاد شود . میتوانید تنظیمات دلخواه خود را برای فونت انجام دهید.
گام 2
بر روی تصویر کوچک این لایه دابل کلیک کنید تا متن درحالت ویرایش قرار بگیرد. قسمتی از متن را پاک کنید. ابزار Move Tool (V) را انتخاب کنید و در مکانی در داخل صفحه طراحی کلیک کنید و بکشید تا متن بصورتی که در تصویر زیر نشان داده شده ایجاد شود:
گام 3
حال این لایه را به نام Text_1 نامگذاری کنید
گام 4
بر روی تصویر کوچک لایه دابل کلیک کنید تا متن به حالت ویرایش درآید. دکمه های Ctrl+A را فشار دهید تا تمام متن انتخاب شود. از منو Type > Paste Lorem Ipsum را انتخاب کنید تا یک متن نمایشی تصادفی ایجاد شود. سپس قسمتی از متن را پاک کنید و ابزار Move Tool (V) را انتخاب کنید و در مکانی در داخل اسکچ کلیک کنید و بکشید تا متنی بصورتی که در زیر نشان داده شده ایجاد شود:
گام 5
نام لایه را Tex_2 بگذارید و لایه آن را دقیقا در زیر لایه Text_1 در پانل لایه ها قرار دهید.
گام 6
بر روی تصویر کوچک این لایه دابل کلیک کنید تا متن به حالت ویرایش درآید. دکمه های Ctrl+A را انتخاب کنید تا کل متن انتخاب شود. از منو Type > Paste Lorem Ipsum را انتخاب کنید تا یک متن نمایشی تصادفی ایجاد شود. سپس قسمتی از متن را پاک کنید و ابزار Move Tool (V) را انتخاب کنید و در مکانی در داخل اسکچ کلیک کنید و بکشید تا متنی مانند تصویر زیر ایجاد شود:
گام 7
دکمه های Ctrl+T را بر روی کیبورد فشار دهید تا بتوانید لایه را به اندازه 15 درجه بچرخانید
گام 8
نام این لایه را Text_3 بگذارید و آن را در پانل لایه ها دقیقا در زیر لایه Text_2 قرار دهید
6. ایجاد تنظیمات نهایی
گام 1
در این مرحله میخواهیم تنظیمات نهایی را بر روی طرح ایجاد کنیم. دکمه D بر روی کیبورد را فشار دهید تا swatches به حالت پیشفرض خود بازگردد. لایه Text_1 را انتخاب کنید . از منو Layer>New Adjustment Layer > Gradient Map را انتخاب کنید تا یک لایه gradient map adjustment ایجاد شود . نام آن را Overall Contrast بگذارید
گام 2
حال Blending Mode لایه را به Soft Light تغییر دهید و Opacity را بر روی 35% تنظیم کنید
گام 3
از منو Layer > New Adjustment Layer > Levels را انتخاب کنید و یک لایه جدید adjustment برای levels ایجاد کنید و نام لایه را Overall Brightness بگذارید
گام 4
بر روی تصویر کوچک این لایه دابل کلیک کنید و در پانل Properties تنظیمات زیر مانند تصویر زیر انجام دهید.
گام 5
دکمه های Ctrl+Alt+Shift+E را فشار دهید و یک اسکرین شات ایجاد کنید. از منو Filter > Other > High Pass را انتخاب کنید و مانند تصویر زیر Radius را بر روی 2 پیکسل قرار دهید:
گام 6
Blending Mode این لایه را بر روی Hard Light قرار دهید نام آن را Overall Sharpening بگذارید.
به شما تبریک میگوییم.
در این آموزش توانستید یک افکت اسکچ معماری با موفقیت ایجاد کنید. در زیر تصویر نهایی اسکچ طراحی شده را مشاهده می کنید.
این فصل در یک نگاه:
فصل 10: آشنایی با محیط و ابزارهای فتوشاپ (منوی Filter)__________________________________________________________________…
دوره متخصص فتوشاپ (آموزش صفرتاصد نرم افزار فتوشاپ) دوستان بسیاری سوال پرسیدید که تفاوت دوره های مختلفی که در اینترنت هست چیه ؟ در پاسخ باید بگیم که دوره فتوشاپ کلیک سایت بیش از 250 جلسه اس…این فصل در یک نگاه:
اموزش کدنویسی html و css- اموزش تبدیل psd به html و css…
توضیحات کلی مجموعه: این دوره یک دوره تکمیلی برای کاربران فتوشاپ کلیک سایت می باشد که قصد دارن تا به دنیای وب نویسی وارد شوند. دوستانی که اکنون تسلط لازم به فتوشاپ را دارند میتوانند با اشنای…این فصل در یک نگاه:
در این فصل در مورد طراحی ریسپانسیو و روانشناسی رنگ ، اهمیت فونت در طراحی و برخی از ترفندهای نرم افزار می پردازیم…
نرم افزار ادوب ایکس دی (Adobe Xd) در سوال 2017 توسط کمپانی Adobe ارائه شد . این نرم افزار در عین سادگی ، قابلیتهای کاربردی زیادی در حوزه ی طراحی (وبسایت و اپلیکیشن ) دارد . خوشبختانه بازار ک…