چگونه یک انتقال صاف در فتوشاپ انجام دهیم. چگونه یک انتقال صاف در فتوشاپ انجام دهیم؟ دانش اولیه و یک راز گزینه همیشه برنده

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

من یک عکس از قبل درست کردم و نتیجه ای که گرفتم این است:

برای به دست آوردن چنین تصویری، دو عکس می گیرم که آنها را با هم ترکیب می کنم.

پس زمینه زیبایی با دریا گرفتم و عکس دختری که با پس زمینه درختان تاریک و بدون برگ عکس گرفته بود.

پس بیایید شروع کنیم - انجام خواهم داد انتقال صاف رنگ هاو برای این کار مراحل زیر را انجام می دهم:

مرحله 1

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

میخوام عکس دختره رو کمی کم کنم و برای این زنگ میزنم تحول رایگانبا فشار دادن میانبر صفحه کلید CTRL+ تی.

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

گام 2

حالا میرم سراغ پالت لایه هایو قرار گرفتن در لایه با دختر، بر روی آیکون به نام کلیک کنید ماسک برداری را اضافه کنید.

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

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

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

دو یا سه بار طول کشید تا یک خط گرادیان در هر یک از جهت های مشخص شده در تصویر بکشم تا به نتیجه ای برسم که در تصویر زیر می بینید.

مرحله 4

با این حال، می توان متوجه شد که با ناپدید شدن پس زمینه متعلق به عکس دختر، تصویر خود دختر نیز تا حدودی تغییر کرده است، زیرا در برخی جاها شفاف شده است.

اما رفع آن بسیار آسان است.

در حالی که روی لایه ماسک است، یک دور نرم می‌گیرم قلم مو سفیدو با این قلم مو روی دختر نقاشی کنید.

برس سفید تمام قسمت های از دست رفته تصویر دختر را بازیابی می کند.

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

نتیجه این است:

من دو عکس را با استفاده از یک ترکیب ادغام کردم.

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

همچنین به شما توصیه می کنم به درس قبلی من نگاه کنید. ولنتاین در فتوشاپ, که در آن چیزهای جالب زیادی وجود دارد.

برای شما در تسلط بر فتوشاپ آرزوی موفقیت روزافزون دارم.

گالینا سوکولووا با شما بود.

1 رای

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

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

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

دانش اولیه و یک راز گزینه همیشه برنده

بنابراین، ابتدا باید فتوشاپ را باز کنیم. پیشنهاد میکنم حتما این برنامه رو دانلود کنید ( شما می توانید نسخه لایسنس شده را از اینجا خریداری کنید ). شما هرگز بهتر از او پیدا نخواهید کرد. اگر می ترسید که به آن مسلط نشوید و پول خود را هدر دهید و پس از اولین تلاش برنامه را کاملاً فراموش کنید، می توانید سرویس آنلاین را امتحان کنید. https://editor.0lik.ru/ ... داشتن برنامه شخصی بسیار راحت تر است و خیلی زود دلیل آن را خواهید فهمید.

این همان چیزی است که نسخه 2015 فتوشاپ به نظر می رسد، اگر نسخه متفاوتی دارید، نگران نباشید. همه چیز تقریباً یکسان خواهد بود. گزینه های کمی کمتر دارید و این تنها تفاوت است.

یک سند جدید ایجاد کنید.

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

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

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

در گوشه پایین سمت راست تقریباً هر دکمه، به جز ذره بین، چیزی شبیه فلش وجود دارد. این نشان می دهد که چندین ابزار در دکمه پنهان شده است.

دکمه سمت چپ ماوس را روی دکمه چند ثانیه نگه دارید تا یک منوی اضافی باز شود و یک گرادیان انتخاب شود.

منوی اضافی دیگری در بالا باز شد. به طور انحصاری برای گرادیان استفاده می شود. به متن ضربه بزنید - یک منوی متن ویژه در بالا باز می شود، یک قلم مو و ... خوب، شما ایده را دریافت می کنید.

روی فلش کنار نماد رنگ کلیک کنید. اینجا جایی است که انتقال‌های استاندارد یا آنهایی که دانلود کرده‌اید ذخیره می‌شوند.

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

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

پوشه حاوی فایل های دانلود شده را در رایانه خود انتخاب کرده و ذخیره کنید.

آنها به انتهای لیست اضافه خواهند شد.

پر کنید

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

تفاوت را ببین.

می توانید در هر جایی بچرخید.

برای جلوگیری از تغییر حرکت خط و تار شدن شیب، کلید Shift را در حین تنظیم جهت نگه دارید.

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

رنگ زیر را با دکمه سمت چپ ماوس بگیرید و آن را به چپ یا راست ببرید.

این چیزی است که من به آن پایان دادم.

نحوه اعمال گرادینت به متن برای مدرن جلوه دادن حروف

حالا بیایید چیزی بنویسیم. دکمه مربوطه را انتخاب می کنیم.

اگر نیاز به تغییر اندازه یا خود فونت دارید، به پنل بالای صفحه توجه کنید. آنجا همه چیز ساده است.

حالا Ctrl را فشار داده و همزمان بر روی آیکون لایه متن جدید کلیک کنید. مراقب باشید، همانطور که در تصویر زیر نشان داده شده است، نه بر روی متن، بلکه روی مستطیل کلیک کنید.

حالا یک لایه جدید ایجاد می کنیم. سه گزینه برای حل مشکل وجود دارد: ما به طور همزمان Shift، ctrl، N را نگه می داریم. از پانل در بالا استفاده کنید، "لایه - جدید - ایجاد" را در آنجا پیدا کنید. از دکمه موجود در منوی سریع سمت راست استفاده کنید. در تصویر زیر با فلش نشان دادم.

حالا برای حذف هایلایت اطراف لبه حروف، می توانید روی انتخاب کلیک کنید و سپس روی هر قسمت از تصویر کلیک کنید. شما نتیجه زیر را دریافت می کنید.

کار با متن به همین جا ختم نمی شود. نگاه کنید، ما 2 لایه داریم: یکی با گرادیان و دومی با حروف. چرا آنجا اتفاق افتاد؟ تا جایی که بتوانم توضیح خواهم داد. اگر واضح نیست در نظرات بنویسید. شما متن را نوشتید فتوشاپ متوجه شد که اینها حروف هستند و حتی پیشنهاد کرد که آنها را بزرگ کنید، کوچک کنید، فونت را تغییر دهید و غیره.

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

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

برای جلوگیری از سردرگمی، لایه متن را حذف می کنیم. با دکمه سمت راست ماوس روی آن کلیک کرده و گزینه مورد نظر را انتخاب کنید.

نماهای گرادیان، پرهای شکل، و ستاره ها

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

تنها چیزی که شایان ذکر است این است که اگر می خواهید نتیجه عالی را ببینید، مانند تصویر من، فلش باید از مرکز هدایت شود.

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

بنابراین، یک مستطیل یا یک دایره را انتخاب کنید. مهم نیست.

حالا رنگ پر کنید.

به بخش گرادیان بروید.

ما در اینجا به یک لوزی نیاز داریم.

ببینید، این یک جلوه جالب است، اما رنگ سفید همه چیز را خراب می کند. ما به یک شفاف نیاز داریم. در داخل قالب ها یافت شد. اگر چنین شبکه ای را در داخل قالب می بینید، این همان چیزی است که ما نیاز داریم.

با تنظیمات بازی کنید و تنظیمات ایده آل خود را خواهید داشت.

حالا بیایید این فلش را کلون کنیم. انتخاب یک حرکت فقط روی دکمه کلیک کنید.

حالا alt را نگه دارید و نسخه تکراری را به طرفین بکشید.

من نتیجه زیر را گرفتم.

نحوه ایجاد یک گرادینت و دکمه های جدید برای وب سایت ها

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

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

ابزار آشنا را انتخاب کنید و روی صفحه کلیک کنید.

شیب های جدید بر اساس شیب های قدیمی هستند. روی هر کدام کلیک کنید. نسخه قدیمی در هیچ کجا ناپدید نمی شود. سپس فقط یک نام جدید برای آن بیابید و آن را ذخیره کنید.

از نقاط کنترل بالایی می توان برای کنترل سطوح شفافیت استفاده کرد.

با کمک قسمت های پایین تر، کار با رنگ انجام می شود. برای گسترش دامنه، در کنار هر نقطه کلیک کنید و آن را تکرار کنید.

شما می توانید هر تعداد که دوست دارید ایجاد کنید.

برای اینکه انتقال مدرن به نظر برسد، باید رنگ ها را صاف کنید. این نشانگر را لمس نکنید و همه چیز درست می شود. باید 100 درصد باشد. آماده. می توانید روی "OK" یا "Save" کلیک کنید - همه چیز به میل شما بستگی دارد.

حالا کاری را که اخیراً با متن انجام داده ایم تکرار می کنیم. ctrl را نگه دارید، دکمه استایل مورد نظر را در مرکز فشار دهید و یک سبک جدید را بر اساس آن ایجاد کنید.

حالا انتقال و voila را اضافه کنید.

متن را به دکمه اضافه کنید و تمام. مشخص نیست چرا ساخت و ساز لازم تمام شده است. ضمناً اگر دوست داشتید می توانید منبع من را دانلود کنید ( دانلود سورس gradient.psd ). می توانید آن را در فتوشاپ باز کنید و تصویر من را تقویت کنید. فکر می کنم سخت نخواهد بود.

باشه الان تموم شد شما اکنون کمی در مورد گرادیان می دانید. اگر طراح، طراح صفحه‌آرایی، خالق سایت هستید یا می‌خواهید یکی شوید، و این درس واقعاً برای شما مفید بود - در خبرنامه مشترک شوید و درباره چیزهایی که به آنها علاقه دارید بیشتر بدانید. همچنین می توانید به این سایت توجه کنید: https://photoshop-master.org/disc149/ ... در اینجا می توانید تعداد زیادی دوره پولی و رایگان را بیابید که کار واقعی و حرفه ای با فتوشاپ را به شما آموزش می دهد.

موفق باشید و به زودی شما را می بینم.

ساخت یک کلاژ فقط ترکیب چند عکس در یک عکس نیست. کولاژ صحیح مهارت نویسنده را نشان می دهد و همچنین توانایی او را در چیدمان زیبا و شایسته عکس ها به گونه ای که شیک و جذاب به نظر برسد نشان می دهد. یک کلاژ موفق و قابل توجه خواهد بود، که در آن هیچ مرز قابل توجهی بین عکس ها وجود ندارد - در عوض، به نظر می رسد عکس ها در یکدیگر جریان دارند. این افکت را می توان با مراحل ساده در Adobe Photoshop به دست آورد.

شما نیاز خواهید داشت

• - برنامه Adobe Photoshop

دستورالعمل ها

دو عکس با اندازه تقریباً یکسانی را که می‌خواهید در یک کلاژ ترکیب کنید، باز کنید.

کلید V را فشار دهید تا ابزار حرکت فعال شود و یک عکس را روی عکس دیگر بکشید تا هر دو در یک پنجره در دو لایه متفاوت باشند.

لایه بالایی را از بین دو لایه ظاهر شده در لیست انتخاب کنید و سپس یک ماسک برداری به آن اضافه کنید (Add layer mask).

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

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

طول و عرض گرادیان را آزمایش کرده و تغییر دهید تا زمانی که از نتیجه راضی باشید و تصاویر به آرامی و زیبایی در جایی که می خواهید انتقال را ببینید به هم بریزند.

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

پس از آماده شدن کلاژ، با کلیک بر روی تصویر کوچک عکس در لایه، از حالت ماسک خارج شوید.

لایه ها را ادغام کنید و کلاژ را در قالب دلخواه ذخیره کنید.

عکس دوم را به عکسی که قبلا باز شده منتقل کنید.

می توانید در مورد پیوستن به عکس ها بیشتر بخوانید.

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

حالا مشخص می کنیم که کدام عکس در بالا قرار می گیرد و در صورت لزوم، موقعیت لایه ها را در پنل لایه ها تغییر می دهیم. من یک تصویر توییتر در بالا دارم.

سپس Opacity لایه های تصویر را به صد درصد برگردانید.

و اکنون، بیایید به ایجاد یک انتقال صاف بین عکس‌ها ادامه دهیم، در این مثال، این کار را با استفاده از یک لایه ماسک و اعمال یک گرادیان سیاه و سفید انجام خواهیم داد.

با کلیک بر روی نماد مربوطه در پایین پالت، یک لایه ماسک به لایه با عکس بالا اضافه کنید، در حالی که رنگ‌های پالت رنگ به طور خودکار به سیاه به عنوان رنگ اصلی و سفید به عنوان رنگ پس‌زمینه تغییر می‌کنند. در پنل لایه ها در لایه مربوطه ظاهر می شود. سپس ابزار Gradient را در Tool Palette باز کنید. در گوشه سمت چپ بالای پنجره کار فتوشاپ، روی مثلث کلیک کنید تا پالت گرادیان باز شود و اولین مورد را که نام آن "از رنگ اصلی به پس زمینه" است را انتخاب کنید. سپس یک خط از یک راهنما به راهنما دیگر در جهت نشان داده شده در شکل می کشیم.

برای ترسیم خط گرادیان به صورت کاملا افقی (یا برای موارد دیگر، کاملاً عمودی)، کلید Shift را نگه دارید.

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

این در واقع همه چیز است، کار تمام شده است!

با سلام خدمت مدیران عزیز مبتدی. از نو .

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

این عمل گرادیان نامیده می شود و از آنجایی که اساساً یک تصویر پس زمینه است، توسط ویژگی پس زمینه اجرا می شود که دو مقدار می گیرد:

1. خطی- گرادیان - انتقال رنگ از یک لبه یا گوشه به لبه دیگر.

2. گرادیان شعاعی - انتقال رنگ از مرکز به لبه ها.

به صورت زیر نوشته شده است:

پس زمینه: -moz-linear-gradient (بالا، # ff0000، #ffcfcf)؛
بالا، # ff0000، #ffcfcf)؛

در زیر، با استفاده از یک مثال، به تجزیه و تحلیل جزئیات هر عنصر از این رکورد خواهیم پرداخت.

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

یک پیشوند در ابتدای مقدار قرار می گیرد و با یک خط تیره شروع می شود.

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

این ساده ترین شیب دو رنگ است. بیایید مقادیر ویژگی پس زمینه را با جزئیات تجزیه و تحلیل کنیم

خط اول پس‌زمینه مرورگرهایی را تنظیم می‌کند که از گرادیان خطی پشتیبانی نمی‌کنند.

5 خط بعدی برای نمایش پس زمینه در مرورگرهای مختلف است. ابتدا مقدار گرادیان با یک پیشوند در ابتدا نوشته می شود.

سپس در پرانتز:

بالا - جهتی که اولین رنگ از آن شروع می شود (می تواند پایین، چپ، راست باشد)

# ff0000 - اولین رنگ که با کاما جدا شده است.

#ffcfcf - رنگ دوم که با کاما جدا شده است.

سافاری تا نسخه 5 و کروم تا ده سینتکس خاص خود را داشتند که به میزان قابل توجهی کد را افزایش می دهد. احتمالاً به همین دلیل است که گرادیان برای این نسخه ها اغلب مشخص نمی شود، به خصوص زمانی که رنگ های زیادی وجود دارد.

شما می توانید انتقال رنگ را نه به صورت افقی یا عمودی، بلکه از گوشه ای به گوشه دیگر انجام دهید. برای این، دستورالعمل های زیر وجود دارد:

پایین سمت راست - از گوشه پایین سمت راست به سمت چپ بالا؛

پایین سمت چپ - از پایین سمت چپ به سمت راست بالا؛

بالا سمت راست - از بالا سمت راست به سمت چپ پایین؛

بالا سمت چپ - از بالا سمت چپ به پایین سمت راست؛

می توانید یک انتقال رنگ از مرکز بلوک به لبه ها انجام دهید. سپس در معنی به جای کلمه خطی (خطی) شعاعی (شعاعی) قرار دهید.

#شیب (
پس زمینه: # ff0000;
پس زمینه: -moz-radial-gradient ( مرکز، پوشش بیضی، # ff0000، #ffcfcf);
پس زمینه: -webkit-radial-gradient ( مرکز، پوشش بیضی، # ff0000، #ffcfcf);
مرکز، پوشش بیضی، # ff0000، #ffcfcf);
مرکز، پوشش بیضی، # ff0000، #ffcfcf);
عرض: 600 پیکسل؛
ارتفاع: 400 پیکسل؛
حاشیه: 1px جامد # 333;
}

حالا بیایید به اصطلاح، کاری شبیه رنگین کمان انجام دهیم. برای این کار چند رنگ دیگر به کد بالا اضافه کنید و حجم هر رنگ را به صورت درصد تنظیم کنید (تعداد رنگ ها محدود نیست)

حجم رنگ از 0٪ تا 100٪ تنظیم شده است (اولین - 0٪، آخرین - 100٪، بقیه بین آنها به ترتیب). این گزینه را روی یک گرادیان شعاعی در نظر بگیرید. در یک خطی، همه چیز به همان روش انجام می شود.

#شیب (
پس زمینه: # ff0000;
پس زمینه: -moz-radial-gradient ();
پس زمینه: -webkit-radial-gradien t ( مرکز، پوشش بیضی، # ff0000 0%, # 00b630 30%, # 6ff5f5 70%, #ffcfcf 100%);
پس زمینه: -o-radial-gradient ( مرکز، پوشش بیضی، # ff0000 0%, # 00b630 30%, # 6ff5f5 70%, # ffcfcf1005);
پس زمینه: -ms-radial-gradient ( مرکز، پوشش بیضی، # ff0000 0%, # 00b630 30%, # 6ff5f5 70%, #ffcfcf 100%);
عرض: 600 پیکسل؛
ارتفاع: 400 پیکسل؛
حاشیه: 1px جامد # 333;
}

اصل به نظر من روشن است. بنابراین خط سافاری تا نسخه پنجم و کروم تا دهم، سعی کنید خودتان آن را بنویسید.

گرادیان را می توان برای هر بلوک HTML (body، div، h1-6، p، ul، ol)، هر دو سبک کلی و درون خطی تنظیم کرد (این برای یک سایت وردپرس است).

اکنون چند کلمه در مورد نحوه و مکان انتخاب رنگ ها. سرویس های گرادیانی وجود دارند که رنگ، درصد حجم و کد گرادیان را ارائه می دهند، اما گزینه های آنها محدود است.

بنابراین، من از ابزار colorscheme.ru استفاده می کنم، که در آن می توانید یک رنگ را در محدوده نامحدود و دنباله ها و ترکیب های بهینه انتخاب کنید.

تعداد رنگ های ترکیبی در ردیف بالای پانل انتخاب می شود. پس از عبور از "زاویه 30 درجه" محدوده انتخاب تغییر می کند.

در "تنظیم طرح"، تن تیره تر یا روشن تر می شود. در "فهرست رنگ ها"، تمام رنگ های موجود در طرح بر اساس اشباع و با یک کد در امضا مرتب شده اند.

به طور کلی، امکانات نامحدود برای انتخاب رنگ برای ایجاد یک گرادیان.

برای شما آرزوی موفقیت خلاقانه دارم.

- رابینوویچ! صد دلار پول داری؟
- نه، اما ممنون از تعریفت!

دو زن از اودسا:
- رز، لباس جدید من را چگونه دوست داری؟
-ببخشید سارا من عجله دارم الان سر رسوایی ندارم!