ما خوشحالیم که شما را در درس بعدی خود که به کار در آن اختصاص دارد خوشامد می‌گوییم فتوشاپ. در این مقاله نحوه ایجاد بحث خواهیم کرد انتقال های صافدر برنامه در مرز بین تصاویر/رنگ ها. این یک مهارت بسیار مفید است که قطعاً به آن نیاز خواهید داشت، پس بیایید شروع کنیم!
ایجاد یک انتقال صاف بین رنگ ها
زیرا فتوشاپ است برنامه حرفه ایپردازش تصویر، اغلب یک نتیجه مشابه را می توان به روش های مختلف به دست آورد. در مورد انتقال ها هم همینطور.
از طریق ابزار گرادیان
احتمالاً با این ابزار آشنایی دارید. بنابراین به نوار ابزار سمت چپ رفته و انتخاب کنید "شیب".
پس از انتخاب ابزار، پانل تنظیمات گرادیان در زیر منوی اصلی ظاهر می شود، جایی که می توانید یک الگوی گرادیان را انتخاب کنید و تنظیم کنید. گزینه های اضافیبه میل خود
متاسفانه، مجموعه استاندارد gradients قالب های زیادی را شامل نمی شود، بنابراین می توانید از جستجو استفاده کنید و مجموعه خود را گسترش دهید یا نسخه خود را ایجاد کنید.
برای اینکه انتقال دقیقاً رنگی باشد و شفاف نباشد، باید تنظیمات را نیز برای آن تنظیم کنید ایست بازرسیکدورت (به تصویر زیر مراجعه کنید):
پس از آماده شدن همه چیز، باقی مانده است که تغییرات را با کلیک کردن بر روی "OK" اعمال کنید و بوم را با یک گرادیان پر کنید. برای انجام این کار، یک ناحیه انتخاب شده را تشکیل می دهیم که می خواهیم آن را پر کنیم، یا یک گرادیان را روی کل بوم اعمال می کنیم. فقط روی LMB (دکمه سمت چپ ماوس) کلیک کنید جای مناسبو به اندازه نیاز بکشید.
مهم!توجه داشته باشید که چه نوع پرکننده ای انتخاب شده است:
در مورد ما "شیب خطی".
از طریق "لایه ماسک"
این روش در حال حاضر در حال استفاده است کاربران پیشرفته. تمام اقدامات از طریق پالت لایه ها انجام می شود. بیا شروع کنیم:
از طریق پر کردن انتخاب
ذات این روشایجاد یک انتقال صاف بین شی/تصویر پر شده و پس زمینه است. بیا شروع کنیم!
- ما به ابزار Rectangular Marquee نیاز داریم.
- اکنون باید یک انتخاب ایجاد کنیم:
- وقتی انتخاب آماده شد، با استفاده از کلیدهای داغ SHIFT+F6پنجره ای را فراخوانی کنید که در آن باید مقداری را در پاراگراف وارد کنید "شعاع پر".
- پس از آن، باید انتخاب شکل گرفته را پر کنید. برای انجام این کار، دوباره از کلیدهای میانبر استفاده کنید SHIFT+F5و رنگ پر را انتخاب کنید.
- پس از اعمال تغییرات، نتیجه زیر را از یک انتقال صاف دریافت می کنیم:
- باقی مانده است که انتخاب با CTRL+Dو انجام شد:
همانطور که می بینید، در فتوشاپ هیچ مشکلی برای انتقال صاف بین رنگ ها وجود ندارد. ما 3 راه برای انجام این کار ارائه کرده ایم که هر کدام در شرایط خاصی مناسب هستند.
همین! شما را در درس های بعدی ما می بینیم!
با سلام خدمت مدیران عزیز مبتدی. از نو .
در این مقاله به شما خواهم گفت که چگونه آن را از سایه های تیره به روشن تر و همچنین از یک رنگ به رنگ دیگر تغییر دهید.
چنین عملی گرادیان نامیده می شود و از آنجایی که در واقع چنین است تصویر پس زمینه، سپس توسط ویژگی background که دو مقدار می گیرد اجرا می شود:
1. خطی- گرادیان - انتقال رنگ از یک لبه یا گوشه به لبه دیگر.
2. گرادیان شعاعی - انتقال رنگ از مرکز به لبه ها.
به صورت زیر نوشته شده است:
پس زمینه: -moz-linear-gradient (بالا، #ff0000، #ffcfcf)؛
بالا، #ff0000، #ffcfcf)؛
در زیر با استفاده از یک مثال، هر عنصر این رکورد را به تفصیل تجزیه و تحلیل خواهیم کرد.
متأسفانه، گرادیان هنوز مشکلات رندرینگ در مرورگرها و مشخصات W3C دارد، بنابراین مقادیر هنوز باید پیشوند شوند.
یک پیشوند در ابتدای مقدار قرار دهید و با یک خط تیره شروع می شود.
این لیستی است که باید در انتخابگر عنصر وارد کنیم و یک گرادیان برای آن ایجاد کنیم تا پس زمینه زیبابه درستی در همه مرورگرها منعکس شده است. زیبایی نیاز به فداکاری دارد.
Это самый простой, двухцветный градиент. Разберём подробно значения свойства background
В первой строке задаётся фон для браузеров не поддерживающих линейный градиент.
Следующие 5 строк — для отображения фона в разных браузерах. Сначала пишется значение градиента с префиксом в начале.
Затем, в круглых скобках:
top — направление от которого начинается первый цвет (может быть bottom , left , right )
#ff0000
— через запятую первый цвет; 
#ffcfcf — через запятую второй цвет;
У Safari, до 5-ой версии, и у Chrome до десятки был свой собственный синтаксис, заметно увеличивающий код. Наверное поэтому, градиент для этих версий, зачастую, не указывается, особенно при наличии большого количества цветов.
Можно сделать переход цвета не горизонтально, или вертикально, а из угла в угол. Для этого существуют следующие направления:
bottom right — от правого нижнего угла к левому верхнему;
bottom left — от левого нижнего к правому верхнему;
top right — от правого верхнего к левому нижнему;
top left — от левого верхнего к правому нижнему;
Можно сделать переход цвета от центра блока к краям. Тогда в значении вместо слова linear (линейный), ставиться radial (радиальный)
#gradient
{
background
: #ff0000
;
background
: -moz-radial-gradient
(center, ellipse cover, #ff0000, #ffcfcf
);
background
: -webkit-radial-gradient
(center, ellipse cover, #ff0000, #ffcfcf
);
center, ellipse cover, #ff0000, #ffcfcf
);
center, ellipse cover, #ff0000, #ffcfcf
);
width
: 600px
;
height
: 400px
;
border
: 1px solid #333
;
}
А теперь давайте сделаем, так сказать, что-то типа радуги. Для этого добавим в вышеприведённый код ещё пару цветов, и зададим в процентах объём каждого цвета (количество цветов не ограничивается)
Объём цвета задаётся от 0% до 100%, (первый — 0%, последний — 100%, остальные между ними в порядке следования). Рассмотрим этот вариант на радиальном градиенте. На линейном делается всё аналогично.
#gradient
{
background
: #ff0000
;
background
: -moz-radial-gradient
();
background
: -webkit-radial-gradien
t(center, ellipse cover, #ff0000 0%, #00b630 30%, #6ff5f5 70%, #ffcfcf 100%
);
background
: -o-radial-gradient
(center, ellipse cover, #ff0000 0%, #00b630 30%, #6ff5f5 70%, #ffcfcf1005
);
background
: -ms-radial-gradient
(center, ellipse cover, #ff0000 0%, #00b630 30%, #6ff5f5 70%, #ffcfcf 100%
);
width
: 600px
;
height
: 400px
;
border
: 1px solid #333
;
}
Принцип, я думаю, понятен. Так что строку для Safari до пятой версии, и Chrome до десятой, попробуйте написать самостоятельно.
Градиент задаётся любому блоку HTML (body, div, h1-6, p, ul, ol), и как глобальным, так и встроенным стилем (это для сайта на WordPress).
Теперь несколько слов о том, как и где подбирать цвета. Есть сервисы по созданию градиентов, предлагающие и цвет, и процент объёма, и код градиента, но выбор у них ограничен предложением.
Поэтому я пользуюсь инструментом colorscheme.ru , в котором можно подобрать цвет в неограниченном диапазоне, и оптимально подобранных последовательностях и сочетаниях.
В верхнем ряду панели выбирается количество сочетаемых цветов. Пройдя по «Угол 30°» меняется диапазон выбора.
В «Регулировка схемы», тон делается темнее или светлее. В «Список цветов», все цвета, присутствующие на схеме, располагаются по насыщенности, и с кодом в подписи.
В общем неограниченные возможности по подбору цветовой гаммы для создания градиента.
Желаю творческих успехов.
— Рабинович! У вас есть разменять сто долларов?
— Нет, но спасибо за комплимент!
Две одесситки:
— Роза, как тебе нравится моё новое платье?
— Извини, Сара, я спешу, мне сейчас не до скандалов!
Сегодня я покажу вам, как сделать плавный переход между двумя фотографиями .
Я сделала картинку заранее и вот какой результат у меня получился:
Для того чтобы получить такую картинку я возьму две фотографии, которые я буду соединять.
Я взяла красивый фон с морем и фотографию девушки, которая сфотографирована на фоне мрачных деревьев без листьев.
Итак приступим - я буду делать плавный переход цветов и для этого я выполню следующие шаги:
Шаг 1
Открываю мои фотографии в фотошопе и с помощью инструмента Перемещение перетаскиваю фотографию девушки на фотографию с морским фоном.
Фотографию девушки я хочу немного уменьшить и для этого я вызываю Свободную трансформацию, нажав на сочетание клавиш CTRL +T .
Рамочка, которая появилась вокруг фото с девушкой, имеет узелки, за которые можно потянуть и уменьшить размер фото, при этом необходимо удерживать клавишу Shift , чтобы пропорции изображения не исказились.
Шаг 2
Теперь я перехожу к палитре Слоёв и находясь на слое с девушкой нажимаю на значок , который называется Добавить векторную маску .
Как мы видим в палитре Слои на слое с девушкой образовалась слой-маска, которая выделена рамочкой, что говорит о том, что маска активна и все работы, которые я буду выполнять, будут проводиться, именно, на слое-маске.
На верхней панели, где находятся все настройки инструмента Градиент я нажимаю на стрелочку , находящуюся рядом со значком инструмента и в появившемся окошке с градиентами я выбираю радиальный градиент, который переходит от чёрного цвета к прозрачному .
Теперь я провожу линии градиента не доходя до фигуры девушки, как указано на картинке (у вас может быть больше направлений). При проведении линии градиента фон плавно исчезает.
Мне понадобилось два-три раза провести линию градиента по каждому из указанных на картинке направлений, чтобы добиться результата, который вы видите ниже на картинке.
Шаг 4
Однако, мы можем заметить, что с исчезновением фона, принадлежащего фотографии девушки, так же несколько изменилось и само изображение девушки, так как в некоторых местах оно стало полупрозрачным.
Но это поправить очень просто.
Находясь на слое-маске, я беру мягкую круглую кисть белого цвета и рисую этой кистью по девушке.
Белая кисть восстанавливает все потерянные участки изображения девушки.
И еще мы хотим вам напомнить, что вы всегда можете пообщаться на фотошопские темы, на форуме фотошоп и найти ответы на многие свои вопросы.
Вот, что в результате получилось:
Я соединила две фотографии вместе с помощью плавного перехода.
Надеюсь, я объяснила понятно, как сделать плавный переход между двумя фотографиями - как видите это довольно просто.
Так же советую вам посмотреть мой предыдущий урок Валентика в Фотошопе , в котором много интересного.
Желаю вам дальнейших успехов в освоении Фотошопа!
С вами была Галина Соколова.
В данной статье рассмотрим популярные методы плавных переходов между изображениями.
Такие переходы необходимы, когда вы делаете сложные коллажи или хотите красиво оформить несколько картинок в одной.
Из всех представленных ниже вариантов: мягкий ластик, мягкие кисти и градиент, лучший метод — это градиент. Именно он создает первоклассный переход, без потери качества исходных изображений. Смотрите сами: используя ластик, мы закрашиваем пикселы, но где гарантия, что у вас получиться закрасить все идеально? Конечно, можно потратить целый день за фотошопом, стирая пиксел за пикселом. Но, я считаю, «игра не стоит свеч», поскольку мы стремимся не тратить много времени на те или иных операции и делать все быстро.
Мягкий ластик и кисть хороши для растушевки краев, чтобы две фотографии хорошо сливались и не казались чужими из-за резких краев.
Теперь давайте рассмотрим подробнее:
Мягкий ластик
Так как инструмент ластик может использоваться с параметрами кисти, то с помощью мягкой кисти можно стереть часть изображения таким образом, чтобы было видно другое изображение, расположенное слоем ниже. С помощью этого приема можно достичь требуемого результата, но он так же необратим, как и - если вы передумаете и решите соединить изображения по-другому, то придется начинать все заново.
После того, как вы поместили оба изображения, которые хотите объединить, в один документ (каждое на отдельный слой), выполните следующие действия:
1. Перетащите мышью изображение, которое вы хотите частично стереть, в самый верх палитры слоев.
Примечание
Перед тем, как стирать, полезно сделать дубликат слоя, с которым вы будете работать, на случай, если вам не понравится результат (для этого нажмите комбинацию клавиш Ctrl+J). Чтобы новый слой не мешал вам, его видимость можно отключить (и включить снова, если понадобится).
2. Выберите ластик, нажав клавишу Е, и установите его в режим кисти. Для этого на панели параметров в раскрывающемся списке Режим выберите пункт Кисть. Затем в раскрывающемся списке наборов параметров кистей выберите мягкую кисть. Убедитесь, что в полях Непрозрачность и Нажим установлено значение 100.
Чтобы сделать переход еще плавнее, поэкспериментируйте со значением непрозрачности ластика. Уменьшив значение непрозрачности, можно создавать более плавные переходы, водя кистью по нужной области, а не делая отдельные щелчки мышью.
3. Установите указатель мыши поверх изображения и сотрите ненужную часть. Если вы допустите ошибку или в какой-то момент передумаете - воспользуйтесь палитрой История, чтобы вернуться назад на несколько мазков кистью, или отмените последнюю операцию, нажав комбинацию клавиш Ctrl+Z.
Мягкие кисти и слои-маски
Альтернативу ластику составляет обратный вариант - рисование слоя-маски большой мягкой кистью . При этом вы всего лишь скрываете часть рисунка вместо того, чтобы удалить ее.
Предположим, что вы хотите подчеркнуть, как быстро едет мотоцикл. Усилить эффект движения можно, добавив к рисунку немного размытия в движении, а затем скрыв часть размытия слоем-маской.
Вот как создать эффект быстрого движения:
1. Откройте картинку и создайте дубликат исходного слоя, нажав комбинацию клавиш Ctrl+J.
2. Выберите команду меню Фильтры => Размытие => Размытие в движении. С помощью этого фильтра можно создать ощущение, что объект двигается очень быстро. Так как фильтр размывает картинку целиком, становится трудно разглядеть на ней нужный объект, так что вам придется скрыть часть размытого слоя, добавив слой-маску. Чтобы ее добавить, нажмите по кнопке с изображением круга в прямоугольнике в нижней части палитры.
3. Нажмите клавишу В, чтобы выбрать инструмент Кисть и выберите большую мягкую кисть. Задайте черный цвет в качестве цвета переднего плана.
Напоминаю, что применительно к слоям-маскам рисование черным цветом скрывает, что нам в данном случае и надо сделать. Взгляните на в нижней части панели Инструменты и, если они показывают черный и белый цвета, то нажимайте клавишу X, пока черный индикатор не окажется поверх. Если же выбраны иные цвета, то сначала установите цвета по умолчанию, нажав клавишу D, а затем нажимайте клавишу X, пока черный индикатор не окажется наверху.
6. Установите указатель мыши поверх изображения и, работая кистью, скройте часть размытого слоя.
Градиентные маски
Отложим в сторону мягкие кисти. Создать самые плавные переходы из возможных можно, используя градиент - мягкий, постепенный переход от одного цвета к другому . Методы объединения изображений с использованием мягких кистей и градиентов схожи тем, что изображения объединяются в одном документе и затем к верхнему слою добавляется слой-маска. Но вместо рисования маски черной или белой кистью, вы используете черно-прозрачный или черно-белый градиент для плавного, цельного «перетекания» одного изображения в другое.
1. Перетащите картинку, которая должно быть на переднем плане коллажа, в самый верх списка слоев и добавьте к ней слой-маску.
2. Нажмите клавишу G, чтобы выбрать инструмент Градиент. На панели параметров щелкните мышью по стрелке раскрывающегося списка выбора. В раскрывающемся списке выберите черно-прозрачный градиент, а в группе типов щелкните мышью по кнопке линейного градиента.
3. В своем примере, я хочу чтобы логотип Бэтмена справа был прозрачным. Для этого кнопкой мыши я нажимаю на границе логотипа и зажатой клавишей виду примерно до середины логотипа. Отпустив клавишу, я получаю плавный переход между изображениями. Чтобы улучшить качество перехода, можно еще и еще применить градиент.
При перетаскивании программа фотошоп рисует линию, изображающую ширину перехода: чем короче линия (чем на меньшее расстояние вы перетащите указатель), тем уже и жестче переход (четкой границы не будет, но получится нечто близкое к ней); чем длиннее линия, тем шире градиент и плавнее переход.
Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter . Спасибо!