• Авторизация


Урок по созданию градиента с помощью слоя-заливки (от Анточки) 14-09-2016 16:39 к комментариям - к полной версии - понравилось!

Это цитата сообщения Irina_Gizhdeu Оригинальное сообщение

Тренинг "Градиент в ФШ" 1 урок.//Урок по созданию градиента с помощью слоя-заливки (от Анточки)

Для просмотра используйте прокрутку справа.
Всем привет!
Сегодня мы с Вами будем учиться заливать в фотошопе документ градиентом. Многие подумают, а что тут сложного ? Проще простого активируй инструмент градиент, да заливай! Все, конечно, так и есть. Когда градиент готовый и не нужно его создавать самостоятельно. А если градус заливки к примеру 38 и 9 или 20 повторов ? Тогда как ? Вот тут то и пригодится Вам мой урок!

Итак, начнем!

1.Создадим новый документ в фотошопе 700х500 пикселей на прозрачном фоне.
2. Идем по такому пути : слои-новый слой заливка-градиент :

[468x232]


получаем вот такое окно :

[607x159]


Нажимаем "ок" и получаем вот такое окно :

[383x221]


В нем меняем значение угла и стиль, нажимаем на полупрозрачный градиент - туда, где указано стрелочкой. И получаем вот такое окно :

[465x481]


В этом окне двигаем ползунок вниз ( см. стрелочку) и ищем градиент из уже имеющихся у вас, примерно на 7 повторов. Цвет значение не имеет (мы его сами создадим). Нам нужны повторы.

[465x481]


3. Я у себя нашла вот такой градиент, а внизу обозначила повторы :

[473x460]


4. Теперь мы будем менять цвет у этого градиента на тот, который нам нужен. В фотошопе заранее выставим наши основной и фоновый цвета. и начинаем работать.

Нажимаем на первый повтор - как у меня на скрине по стрелочке :

[477x496]


Затем жмем (у нас при этом появится пипетка) на иконку основного цвета :




В результате на первом повторе цвет меняется на основной , жмем на второй повтор :

[201x241]


и кликаем по иконке фонового цвета :




получается вот так :

[477x486]


Когда вы поменяете таким образом все цвета, то должно получиться вот так :

[478x483]


Нажимаем "ок" :

[475x472]


И у нас получается вот такое окошко, где стрелочками указан полученный градиент. Нажимаем "ок" :

[381x218]


И получаем вот такой залитый градиентом документ :

[471x334]


5. Далее : в слоях у нас получилась вот такая картинка :

[453x168]


6. Для того, что бы работать дальше, нам нужно ее расстрировать. Для этого тюкаем правой клавишей мышки по слою, выпадает вот такое окошко :

[454x271]


В нем нажать - расстрировать слой. В результате получается вот так :

[456x148]


Вот так совсем не сложно создается градиентная заливка слоя!

Надеюсь, Вам понравилось!
С любовью, Ваша Анта!

Из группы В ГОСТЯХ У АНТЫ !


Для просмотра используйте прокрутку справа.
Урок для ФШ. Угловой градиент. Для новичков.
вот что плучилось у меня:(а ниже урок - треннинг)
[показать]

Градиент в ФШ. Урок.

В сети много уроков по использованию градиента в ФШ, а я хочу
вам показать как можно использовать угловой градиент и сделать
симпатичный шаблончик для спасибки:

[300x120]
Итак, открываем новый документ в ФШ, я взяла размер 300Х120.
Вы выбирайте размер какой вам будет нужен, смотря что вы будете
делать. Берем инструмент ЗАЛИВКА и заливаем его любым цветом.

[640x345]

Дальше, под слоями нажимаем на значек, который я указала на
скриншоте и будем применять стили, например тиснение, потом
нажимаем наложение градиента, выбираем какой вам нравится,
в маленьком окошке ставим УГЛОВОЙ обязательно и что бы угол у
нас стоял 90 градусов-это нам нужно будет при анимации.

[640x345]

После того как выбрали градиент по цвету, щелкаете по полоске
градиента, это образец редактируемого градиента с переходами цвета
и прозрачности, откроется окошко в котором вы можете редактировать
уже существующий градиент. Под полосой и над ней расположились
маркеры (квадратики с треугольниками над или под ними). Те,
что под полосой отвечают за переходы цвета. Если вы щёлкнете
кнопкой мыши на каком-нибудь маркере, треугольник над ним станет
цветным, значит, маркер стал активным и готов к редактированию.
Что можно сделать? Можно переместить его в любую сторону вдоль
цветовой полосы, можно поменять его цвет. Для этого щёлкните на
окошке Цвет и в окне Цветовая палитра выберите нужный оттенок.
Таким образом фантазируйте, редактируйте градиент и делайте
такой какой вам понравится, я сделала такой

[640x345]

Тиснение сделали, градиент выбрали и редактировали, в общем
сделали какой вам понравился. И вот, что у нас получилось: 1 слой
1 кадр в анимации и наш шаблончик с градиентом

[640x345]

Идем к нашим кадрам-он у нас один, жмем на квадратик внизу и
просто добавляем еще один кадр.
Дальше опять идем в стили, нажимаем опять значек под слоями,
жмем на наложение градиента и нам открывается окошечко с нашим
уже редактированным градиентом. Ничего не трогаем, все оставляем
как и было только у нас был угол 90, вот его мы и поменяем на -90
Смотрите скриншот на нем я показала это

[640x345]

Дальше идем в кадры, нажимаем внизу на цепочку, открывается
окошко там мы ставим цифру сколько кадров вы хотите добавить,
я добавила 10, но лучше добавить 15 кадров, так как вы знаете,
чем больше вы добавите кадров тем плавнее будет анимация

[640x345]

Последний кадр удаляем, у меня это 12, так как он повторяет
первый кадр и он нам не нужен, и вы у себя удаляете последний
кадр. Запускаете анимацию, любуетесь и сохраняете.

[640x345]

Вот такой шаблончик у вас получится и теперь вы можете из
него сделать ту же спасибку какую сделала я, добавив на него
текст, или другую иконку, ну это вы уж сами придумаете)

[300x120]

Будут вопросы пишите, спрашивайте, всегда отвечу!



Серия сообщений "фш-уроки-инструменты":

Часть 1 - Как закруглить углы на фото (четвертый способ)
Часть 2 - Акварельные кисти для ФШ от Ларисы Гурьяновой(поясняю,почему не цитировано-взято с Майла...)
...
Часть 25 - Текст по кругу в фотошопе
Часть 26 - Анимация рисования архивной кистью-авторский урок от Ольги Бор
Часть 27 - Тренинг "Градиент в ФШ" 1 урок.//Урок по созданию градиента с помощью слоя-заливки (от Анточки)
Часть 28 - Интересный эффект работы инструментом ластик.
Часть 29 - Урок по созданию контрольной точки градиента (от Анточки)...Тренинг "Градиент в ФШ" 3 урок.
Часть 30 - Инструменты и элементы фотошоп
Часть 31 - Рисующие инструменты
Часть 32 - ДВА урока в фш CS5 для начинающих и более сложный по работе с инструментом МИКС-КИСТЬ




Серия сообщений "фш-уроки-градиенты":

Часть 1 - Создание градиента от цветного к прозрачному
Часть 2 - Градиент и заливка в Adobe Photoshop / Создание кисти в ФШ
Часть 3 - Урок "Градиент и ластик" + видео-урок - Выделение по цвету - Градиентная заливка
Часть 4 - Тренинг "Градиент в ФШ" 1 урок.//Урок по созданию градиента с помощью слоя-заливки (от Анточки)
Часть 5 - Урок по созданию контрольной точки градиента (от Анточки)...Тренинг "Градиент в ФШ" 3 урок.
Часть 6 - Новый совет по анимации с градиентом от Танюша_ К


вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Урок по созданию градиента с помощью слоя-заливки (от Анточки) | Sveta-T - Дневник Светланы | Лента друзей Sveta-T / Полная версия Добавить в друзья Страницы: раньше»