درست کردن افکت رنگی duotone در فتوشاپ
آموزشتلگرامتوئیتر

درست کردن افکت رنگی duotone در فتوشاپ

در این آموزش یاد میگیریم که چگونه با استفاده از ابزارهای ساده‌ی فتوشاپ افکت‌های رنگی برای عکس‌هایمان درست کنیم. افکت رنگی که در این آموزش یاد میگیریم افکت duotone است که به یک مدل از استفاده از رنگ‌ها در طراحی گفته می‌شود، در این مدل از سایه‌های تیره و روشن یک یا دو رنگ برای کل طراحی استفاده می‌شود.

ابتدا عکسی که می‌خواهید روی آن کار کنید را وارد نرم‌افزار فتوشاپ کنید، و آن را به حالت Smart Object تغییر دهید. در این حالت شما می‌توانید بدون اینکه به عکس اصلی تغییری وارد کنید آن را اصلاح کنید. برای اینکه عکس شما به Smart Object تبدیل شود روی لایه‌ی آن در پنل لایه‌ها کلیک راست کنید و گزینه‌ی Convert to Smart Object را انتخاب کنید.

آموزش فتوشاپ

حالا با استفاده از Layer > New Adjustment Layer > Black and White یک لایه‌ی سیاه و سفید روی عکس ایجاد کنید.

افکت فتوشاپ

همانطور که در بالا گفتیم، این افکت از یک یا دو رنگ پیروی می‌کند، پس برای اینکه تصویر تمیزتری داشته باشیم، لازم است کنتراست رنگ سیاه و سفیدمان زیادتر از حد معمول باشد، پس با استفاده از همان دستور قبلی برای لایه‌ی سیاه و سفید یک لایه‌ی Brightness and contrast درست کنید، و کنتراست عکس را به میزان دلخواه خود نسبت به عکس بالا ببرید.

فتوشاپ

هر دو لایه را انتخاب کنید و آنها را با استفاده از Right Click > Group Layers در یک گروه قرار دهید تا فضای کارتان شلوغ نباشد.

 آموزش فتوشاپ

دقت کنید برای اینکه رنگ‌ها درست باشند چیدمان لایه‌ی آنها درست باشد یعنی لایه‌های سفید یا رنگ‌های روشن باید زیر لایه‌های سیاه یا رنگ‌های تیره باشند. حالا با استفاده از Layer > New Fill Layer > Solid Color یک لایه‌ی رنگی با کد رنگ #00ff36 برای قسمت روشن عکس درست کنید و مود آن را به حالت Multiply تغییر دهید.

 آموزش فتوشاپ

و برای قسمت‌های تیره‌ِ عکس، همان دستور بالا را اجرا کنید، رنگ آن را به #23278a تغییر دهید و مد آن را در حالت Lighten قرار دهید.

 آموزش فتوشاپ

منبع:

www.tutpad.com

سینا کشاورز
نویسنده:سینا کشاورزطراح و گرافیست ایموگراف

نظرات کاربران

نام:
ایمیل:
متن نظر:
  • Review: Adobe After Effects cc 2018
    آموزشReview: Adobe After Effects cc 2018

    همانطور که در مقالات قبلی گفته‌ایم After Effects یک نرم افزار حرفه‌ای برای کسانی است که با تصاویر متحرک کار دارند، در این مقاله درباره‌ی آخرین به روز رسانی این نرم‌افزار و قابلیت‌های جدید آن توضیح کوتاهی می‌دهیم.

    در آخرین نسخه‌ی After Effects از مجموعه‌ی CC 2018، شاهد پیشرفت در ابزار‌های 3D و اضافه شدن گزینه‌ی VR هستیم، همچنین تنظیمات GPU در این نسخه کار را برای کاربران آسانتر کرده. همانطور که یک طراح انیمیشن و گرافیک‌های حرکتی به دنبال پیشرفت در مهارت‌های خود است، شرکت ادوبی نیز این مسیر را به خوبی بهبود داده است.

    ابزارهای حرکتی بر اساس داده‌ها

     adobe after effects cc 2018

    در نسخه‌ی جدید After Effects شما میتوانید با استفاده از فایل‌های JSON یا JavaScript Object Notation به تصاویر خود حرکت دهید. این ابزار‌ها بسیار کاربردی هستند و می‌توانید با استفاده از آن‌ها در زمان انجام کار صرفه جویی کنید. اگر شما با این ابزار‌ها آشنایی ندارید می‌توانید به صورت آنلاین آنها را یاد بگیرید.

    لازم به ذکر است که شما فقط فایل‌های JSON را می‌توانید در After Effects وارد کنید، اگر داده‌های دیگری مانند MySQL یا Excel با فرمت CSV دارید باید آن را به فرمت JSON یاMGJSON تبدیل کنید و سپس وارد نرم افزار کنید.
    در حالت عادی نرم‌افزارهایی که این فرمت‌ها را می‌توانند تبدیل کنند معمولا به شما فایل raw JSON می‌دهند، که این فرمت در After Effects خوانده نمی‌شود، اما با استفاده از نرم‌افزاری مانند Adobe Dreamweaver امکان تبدیل فایل داده‌ها به فرمت JSON وجود دارد.

    مزیت کار با فایل‌های JSON این است که می‌توانید آنها را تغییر دهید و لایه‌ها به صورت خودکار به‌روزرسانی شوند.

    Create Nulls From Path

     adobe after effects cc 2018

    یکی دیگر از قابلیت‌های نسخه‌ی جدید افترافکت، Create Nulls From Path است که به شما این امکان را می‌دهد، بدون نیاز به نوشتن، بتوانید انیمیشن‌های متحرک خود را بسازید. این پنل می‌تواند از هر مسیر یا شکل Null بسازد و به شما قابلیت کنترل بیشتر بر روی هر لایه را ‌دهد.
    برای باز کردن این پنل، به منوی Window بروید و پنل Create Nulls From Path را انتخاب کنید. Path Point را از لایه‌ی خود را انتخاب کنید و کلید Points Follow Nulls را در پنل کلیک نمایید. شما این کار را با فایل‌های وکتور نیز می‌توانید انجام دهید، برای این کار قبل از انجام کار‌های بالا کلید Create Vector Shapes را انتخاب کنید.
    مزیت کار کردن با این پنل، کنترل بیشتر بر روی لایه‌ها می‌باشد که به شما توانایی متحرک کردن هر یک از path null هایی که ساخته‌اید را می‌دهد. این پنل می‌تواند با کد‌های JSON نیز کار کند.

    360/VR Transitions, Effects, Titles

     adobe after effects cc 2018

    ادوبی قابلیت‌هایی برای فضای 3D و VR نیز اضافه کرده که کار در این فضا‌ها را راحت‌تر می‌کند. یکی از ابزارهایی که برای این فضا ساخته شده، ابزاری برای ویرایش ویدیوهای 360 درجه است؛ ابزاری که می‌تواند ویدیوی 360 درجه‌ی شما را به یک مکعب 3D تبدیل کند و شما به راحتی تغییرات را اعمال نمایید.

    پیشرفت‌های عملکرد

     adobe after effects cc 2018

    در این نسخه شاهد پیشرفت در عملکرد برنامه در نشان دادن افکت‌های اعمال شده هستیم، که این پیشرفت سرعت نرم‌افزار را بدون نیاز به بروزرسانی سخت‌افزاری بیشتر کرده است.

    منبع:

    www.creativebloq.com

    12 بهمنتلگرامتوئیتر
  • معانی رنگ‌ها - قسمت سوم
    آموزشمعانی رنگ‌ها - قسمت سوم

    بنفش: وفاداری، عظمت، معنویت و رمزآلود

    بنفش یک رنگ زیبا برای لذت بردن از دو رنگ شگفت انگیز، یعنی آبی و قرمز است. اغلب بنفش با لوکس، قدرت، خرد، خلاقیت و جادو همراه است. هنگامی که به شکل روحانی بنفش نگاه می‌کنید، رنگی است که قرمز و آبی را متعادل می‌کند. قرمز به شدت قدرت و انرژی را به رنگ می‌دهد، در حالی‌که آبی، آرامش و ثبات را به ارمغان می‌آورد، با این تفاوت که رنگ درخشان بنفش را ایجاد می‌کند که تعادل کامل بین این دو را دارد.

    این رنگ به طور سنتی به وفاداری، عظمت یا اصالت و همین‌طور به داشتن خصوصیات معنوی یا رمزآلود بودن معروف است. سایه‌های تیره معمولا نمایان‌گر تجملات یا زندگی‌های اشرافی هستند یا سایه‌های تاریک‌تر می‌تواند غم و اندوه را نشان دهد درحالی‌که سایه‌های بنفش کم‌‍رنگ بیشتر جنبه فمینیستی، احساسی و حتی نوستالژیک دارند.

    موارد استفاده: بنفش برای هدف قرار دادن زنان بیشتر استفاده می‌شود، همانطور که محققان گفته‌اند: زنان رنگ بنفش را در رده‌های بالا قرار می‌دهند، در حالی‌که مردان حتی در رده بندی رنگ‌ها هم قرار نمیدهند. به طور کلی، بنفش رنگ متداولی برای برندینگ نیست و در واقع، برند Cadbury تنها برندی است که در لیست ۱۰۰ برند با ارزش از سال ۲۰۱۴ فوربس از رنگ بنفش استفاده کرده است.

    بنفش شاید برای همه مناسب نباشد ولی این کارت‌های بیزینس (کارت ویزیت) برای Intu ثابت می‌کند که وقتی با خاکستری ترکیب شود خیلی کارآمد شده و حتی تاثیر جنسیت را خنثی می‌کند.

    روانشناسی رنگ‌ها

    از بین کارت‌های بیزینسی (کارت ویزیت) که وجود دارد رنگ بنفش کارت برای کمپانی نرم افزار دارویی Tidepool در بین بقیه رنگ‌ها برجسته‌تر به نظر می‌آید. بنفش پررنگ (در تضاد با رنگ‌های آبی و سفید) رنگی اشرافی است.

    روانشناسی رنگ‌ها

    کارت ویزیت کمپانی طراحی داخلی Bella Casa برای شهر Louisville برای ارج نهادن به طراحی‌ها و خانه‌های ویکتوریایی و تاثیر فرهنگ فرانسه بر روی این شهر از رنگ بنفش استفاده کرده است. این جنبه‌های فمینیستی، نوستالژیک و احساسی با انتخاب رنگ بنفش از طریق بصری ارتباط برقرار می‌کند.

    روانشناسی رنگ‌ها

    قهوه‌ای: ارگانیک، ساده و صادق

    رنگ قهوه‌ای در حوضه ارگانیک و غذاهای طبیعی، زیبایی و محصولات کاربرد زیادی دارد. این رنگ با الهام گرفتن از طبیعت بیانگر احساسات سلامتی، نظم و انضباط و زمینی بودن است. قهوه‌ای رنگی ساده، قوی، بادوام و صادق است و ممکن بیان‌گر این باشد که برند شما به چیزی بیشتر از انتخاب رنگ برای کارت ویزیت اهمیت می‌دهد.

    نکات استفاده: در استفاده از رنگ قهوه‌ای احتیاط کنید چون ممکن است حس ناخوشایندی به مخاطب القا کند. از طرفی اگر محصول برند شما مربوط به گرد و غبار و گل یا خاک باشد، استفاده از قهوه‌ای برای برندینگ شما ایده خوبی است.

    این هویت بصری برای برند Clay پالت رنگ قهوه‌ای و بافت مواد کاور نشده را به هم ربط می‌دهد و نمای موزه‌ای از هنرهای سرامیکی به برند می‌دهد. قهوه‌ای، زمینی بودن و صداقت را به مواد خام مرتبط می‌کند.

    روانشناسی رنگ‌ها

    مفهوم هویت بصری برند Everybody Loves Fish & Chips تن‌های مختلف قهوه‌ای و کاغذ کاهی را ترکیب می‌کند تا حس زمینی بودن، طبیعی و غذای ارگانیک را منتقل کند.

    روانشناسی رنگ‌ها

    شرکت Maurizio Pagnozzi در هویت بصری که برای فروشگاه فشن XXY طراحی کرد، از دو طیف قهوه‌ای روشن و تیره استفاده کرد که نمایان‌گر سادگی، ماندگاری و حس نیت برند است.

    روانشناسی رنگ‌ها

    صورتی: زنانه، احساساتی، رمانتیک و هیجان انگیز

    رنگ صورتی رنگ بسیار متناقض است. معنی آن می‌تواند به شدت بر فرهنگ و زمینه‌ای که در آن ارائه شده است، بستگی دارد. این می‌تواند به زنانه و مردانه، کم عمق و محبت و بسیاری چیزهای دیگر مرتبط باشد. صورتی برای مدت طولانی (کلیشه‌ای) مختص زنان بوده و اکثرا به عنوان رنگی دخترانه در نظر گرفته می‌شود. به هرحال، مثل همه رنگ‌ها، صورتی بسیار متنوع است و شدت رنگ‌اش می‌تواند بر روی معنای آن تاثیر بگذارد. صورتی کم‌رنگ، اکثرا به عنوان رنگ منصوب برای دختر بچه‌ها عرضه میشود، که بیان‌گر با مزه بودن است درحالیکه صورتی کثیف بیشتر به معنای احساساتی و صورتی لایت رمانتیک بودن است. در مقابل، صورتی پررنگ حاکی از جوانی، انرژی، شور و هیجان است. امروزه به رنگ صورتی ملایم، به دلیل علاقه نسل‌های جدید به رنگ صورتی گونه (Blush Tone) millennial pink یا صورتی هزاره گفته می‌شود. این رنگ بیشتر برای فضای داخلی، گرافیک مورد استفاده قرار می‌گیرد و به‌طور اختصاصی در بین Generation Y (نسلی که در دهه‌های ۸۰ و ۹۰ میلادی به دنیا آمدند.) محبوبیت دارد.

    موارد استفاده: حس و حالی که می‌خواهید نشان بدهید را تعیین کنید و بر اساس آن تن‌های مختلف صورتی را انتخاب کنید. به خاطر استفاده از صورتی برای برندهای که به جنسیت خاصی تعلق ندارند، خجالت نکشید، مثل برند T-Mobile، چون ممکن است هدف شما مخاطب قرار دادن نسل‌ دهه 80 و 90 میلادی و شخصیت افراد باشد نه جنسیت آن‌ها.

    شرکت Sam Lane برای کارت ویزیت عکاسی Eleanor Finch به‌طور خاص صورتی لایت را انتخاب کرد تا در درجه اول زنان را مخاطب قرار دهد. گرچه، تصویرنگاری مشکی و ساده این طراحی باعث شده که در عین مدرن بودن، جلوه دخترانه نداشته باشد.

    روانشناسی رنگ‌ها

    در این تصویر، Lane از رنگ صورتی پررنگ براق برای پوستر فستیوال فیلم مستقل بریتانیا استفاده کرده است. Lane به امید این‌که توجه مخاطب را جلب کند، رنگ صورتی را برای سرگرم کننده بودن، پر انرژی و جذب نسل جوان با متنی کنایه آمیز ترکیب کرد.

    روانشناسی رنگ‌ها

    کارت شخصی معمار Georgia Gamborgi زمینه‌ای به رنگ صورتی کم‌رنگ دارد. با این‌که صورتی رنگی ملیح و رمانتیک است، ولی می‌تواند در تصاویر به یاد ماندنی به عنوان رنگ جوانی و طراوت به کار رود.

    روانشناسی رنگ‌ها

    ادامه دارد...

    منابع:

    www.canva.com

    www.wikipedia.com

    www.colorcom.com

    www.colorpsychology.org

    30 دی 97تلگرامتوئیتر
  • چگونه یک منظره‌ی کوهستانی در Illustrator درست کنیم!-قسمت اول
    آموزشچگونه یک منظره‌ی کوهستانی در Illustrator درست کنیم!-قسمت اول

    در این آموزش ما به شما نشان می‌دهیم که چگونه یک منظره‌ی کوهستانی با استفاده از ساده‌ترین ابزارهای ایلوستریتور ایجاد کنید. در این آموزش کدهایی مانند #4bafe3 برای نشان دادن رنگ قسمت مورد نظر به کار رفته که می‌توانید از آن در قسمت رنگ نرم‌افزار استفاده کنید.

    باز کردن یک فایل جدید

    در ابتدا لازم است یک فایل جدید(File>New / Ctrl+N) با مشخصات زیر ایجاد کنید:
    Number of Artboards: 1 Width: 1200 Height: 1200 Units: pixels و در قسمت Advanced:
    Color Mode: RGB Raster Effects: Screen (72 ppi) Preview Mode: Default آموزش ایلوستریتور

    آماده کردن لایه‌ها

    برای اینکه فضای کار مرتبی داشته باشید و راحت‌تر بتوانید در آن کار کنید، بهتر است که هر بخش را در یک لایه‌‌ی جدا قرار دهید. پنل لایه‌ها را باز کنید و پنج لایه در آن بسازید و به ترتیب زیر، از بالا به پایین نام گذاری کنید:
    Lake Main Hills Mountains Sky به غیر از لایه‌ی Lake، باقی لایه‌ها را قفل کنید.

    آموزش ایلوستریتور

    ساختن دریاچه

    در ابتدا برای ساختن دریاچه، یک مستطیل با ابعاد 900 x 58 px به رنگ آبی کم رنگ (#4bafe3) با استفاده از ابزار مستطیل (M) در پایین صفحه بکشید. سپس یک مستطیل کوچک‌تر به ابعاد 580 x 40 px بکشید و آن را زیر مستطیل قبلی قرار دهید.

    آموزش ایلوستریتور

    با استفاده از ابزار Direct Selection Tool یا کلید A گوشه‌های مستطیل بزرگ را انتخاب کنید یا فقط در وسط مستطیل کلیک کنید. دایره‌های کوچکی که در گوشه‌ها مشخص می‌شوند، برای گرد کردن گوشه‌های مستطیل هستند، با کشیدن آن‌ها به سمت مرکز مستطیل می‌توانید گوشه‌ها را گرد کنید یا می‌تواید از Effect > Stylize > Round Corners استفاده کنید. همین کار را برای مستطیل کوچک هم انجام دهید.
    هر دو شکل را انتخاب کنید و به وسیله‌ی Unite از پنل Pathfinder آن‌ها را ادغام کنید.

    آموزش ایلوستریتور

    شکلی که درست کرده‌اید را انتخاب کنید و از آن یک کپی در زیر شکل اول درست کنید(Ctrl+C – Ctrl+B)، سپس شکل دوم را اندکی به سمت پایین بکشید و رنگ آن را مقداری تیره کنید(#406e85) .

    آموزش ایلوستریتور

    با استفاده از ابزارDirect Selection Tool یا کلید A خط بالایی شکل را انتخاب کنید و یک کپی از آن در روی شکل درست کنید (Ctrl+C – Ctrl+F).
    برای درست کردن رنگ آن از این دستور استفاده کنید : Fill=None / Stroke=3px . خط درسته شده را انتخاب کنید و با استفاده از Effect > Distort & Transform > Zig Zag به آن حالت موج دار دهید. در پنجره‌ی باز شده این دستورات را اجرا کنید:
    Size: 3 px - Absolute Ridges per segment: 27 برای اعمال افکت به قسمت Object > Expand Appearance بروید.

    آموزش ایلوستریتور

    با استفاده از ابزار Direct Selection Tool یا کلید A نقطه‌ی ابتدا و انتهای خط را انتخاب کنید و با استفاده از Ctrl+J آن‌ها را به هم وصل کنید و یک حجم به وجود بیاورید. حجم موجی شکل را انتخاب کنید و آن را در بالای شکل اول قرار دهید و برای درست کردن رنگ برای قسمت Fill از #4bafe3 استفاده کنید و قسمت Stroke را به حالت None در بیاورید. حالا شکل موج و قسمت آبی کم رنگ را انتخاب کرده و با استفاده از ابزار Unite در پنل Pathfinder آن‌ها را ادغام کنید.

    آموزش ایلوستریتور

    حالا قسمت آبی کمرنگ را انتخاب کنید و با فشار دادن دکمه‌ی Enter منوی حرکات را باز کنید. در قسمت Vertical position عدد -10 px را قرار دهید و دکمه‌ی Copy را فشار دهید. رنگ آن را به #73d0ff تغییر دهید و آن را در زیر شکل اصلی قرار دهید (Shift-Ctrl-[ ) .
    یک بار دیگر دستورات بالا را اجرا کنید و رنگ آن را به #ace5f6 تغییر دهید.
    حالا همه‌ی شکل‌ها را انتخاب کنید و با استفاده از Crtl+G آن‌ها را در یک گروه قرار دهید.

    آموزش ایلوستریتور

    در مرحله‌ی بعدی با اضافه کردن جزئیات دریاچه‌ را کمی واقعی‌تر می‌کنیم.
    با استفاده از ابزار Ellipse (L) یک بیضی بکشید و رنگ آن را به #ace5f6 تغییر دهید. قسمت چپ و راست بیضی را از حالت منحنی درآورید و آن‌ها را به گوشه‌های تیز تبدیل کنید (Shift-C) و یک برگ درست کنید(1).
    یک خط از وسط شکل بکشید که دقیقا از وسط دو ضلع تیز رد شود. خط و شکل را انتخاب کنید و از منوی Pathfinder قسمت Divide را انتخاب کنید(2)، آنها را از حالت گروه خارج کنید (Ctrl-Shift-G) و قسمت بالایی را پاک کنید(3).
    با استفاده از پنجره‌ی Move از شکل درست شده دو بار کپی بگیرید و آن‌ها را در یک راستا قرار دهید، حالا شکل‌های درست شده را با استفاده از Ctrl-G در یک گروه قرار دهید(4). از این گروه به تعدادی که می‌خواهید کپی درست کنید و در جاهای مختلف دریاچه قرار دهید تا شکلی مانند بازتاب نور خورشید بر روی موج‌های آب درست کنید(5).

    آموزش ایلوستریتور

    ادامه دارد

    چگونه یک منظره‌ی کوهستانی در Illustrator درست کنیم!-قسمت دوم

    چگونه یک منظره‌ی کوهستانی در Illustrator درست کنیم!-قسمت سوم

    منبع:

    https://design.tutsplus.com

    10 اسفندتلگرامتوئیتر