Уроки Веб и приложения Юрий Лукша 31 марта 2010

Делаем шапку для блога

Сложность урока: Легкий

Создайте новый файл, размером 773х220 px и разрешением 72. Используя следующий инструмент , разметьте документ как показано ниже.

Стиль слоя > Параметры наложения > Внутренняя тень:

Стиль слоя > Параметры наложения > Наложение цвета:

Выберите Инструмент Прямоугольник . Образуйте ещё один прямоугольник, как показано на изображении.

Стиль слоя > Параметры наложения Внутренняя тень:

Стиль слоя >Параметры наложения > Наложение градиента:

Редактор градиентов:

Используя Инструмент Прямоугольник, сделайте ещё один прямоугольник в самом низу документа.

Стиль слоя > Параметры наложения > Тень:

Стиль слоя > Параметры наложения > Внутренняя тень:

Стиль слоя > Параметры наложения > Наложение градиента:

Редактор градиентов:

Снова будем использовать Инструмент Прямоугольник . Сделайте прямоугольник как показано ниже.

Стиль слоя > Параметры наложения > Внутренняя тень:

Стиль слоя > Параметры наложения > Наложение цвета:

Снова прибегнем к помощи Инструмента Прямоугольник . Залейте прямоугольник цветом #C99F15. И переходите к следующему шагу.

Стиль слоя > Параметры наложения > Тень:

Теперь будем использовать Инструмент Перо . Попытайтесь сделать фигуру, как показано на изображении.

Стиль слоя > Параметры наложения > Внешнее свечение:

Редактор градиентов:

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

Инструмент Перо .Нарисуйте с его помощью следующую фигуру и залейте её цветом #569413.

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

Снова используя Инструмент Перо, нарисуйте что-то подобное и залейте цветом #32560B.

Проделайте те же операции что и выше, для того чтобы слой стал обтравочной маской.

Сделайте копию только что созданного слоя. Непрозрачность для этого слоя 30%. Редактирование>Свободное трансформирование, для передвижения этого слоя как показано ниже. Так же переведите этот слой в маску.

Инструмент Перо . Нарисуйте ещё одну фигуру, непрозрачность слоя 30%, цвет - # 1D5004.

Создайте ещё одну фигуру такого же цвета и непрозрачностью слоя 30%.

Инструмент Перо . Нарисуйте ещё одну фигуру, непрозрачность слоя 30%, цвет - # 1D5004.

Добавьте текста со следующими настройками шрифта:

Стиль слоя > Параметры наложения > Тень:

Напишите ещё слово, изменив параметры шрифта:

Осталось совсем чуть-чуть. Напишем ещё немного.

И вот уже финальные аккорды.

Финальный результат!

Автор: designstacks

Источник: designstacks.net

Комментарии 85

Спасибо за урок!

Спасибо за урок

Тяжело было работать пером!

Перо представляет для меня на текущем этапе обучения наибольшие трудности. Пришлось повозиться. За урок спасибо.

Спасибо за урок.Понравился.

С пером определенно есть трудности, поэтому пользовалась кистью и фигурами. Спасибо за урок. Есть, к чему стремиться!!!

Спасибо, красивый урок!

Спасибо за урок!

Спасибо,долго делал...:)!

Спасибо за урок! А как вызвать это волшебное окошечко свойств текста ? ^_^

Спасибо за урок.

Если долго мучатся, что-нибудь получится...

спасибо. с преобразованием в обтравочную маску не разобралась, ну да ладно.

Здорово!

Спасибо за урок!

спасибо за урок))

Спасибо за урок, очень понравилось

Урок не слишком подробный. Но что-то получилось

Еще 30
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

Тэги позволяют лучше находить вашу работу другим пользователям. Подумайте какие тэги описывают вашу работу лучше всего и проставьте их. Это даст вам больше просмотров, лайков и комментариев. 

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее