Уроки Работа с текстом Максим Енин 18 августа 2010

Креативные обои на рабочий стол

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

В этом уроке мы будем создавать простые и в тоже время, креативные обои, используя Фотошоп.

Ресурсы

Архив

Шаг 1. Создаем новый документ размером 1200х800px. Заливаем фон цветом #efdcb4.

Шаг 2. Импортируем текстуру бумаги на рабочий документ.

Переходим Filter - Render - Lighting Effects (Фильтр - Рендеринг - Эффекты освещения).

Применяем фильтр 3-4 раза.

Шаг 3. Теперь пишем слово "One" шрифтом AvantGarde-Demi, размер - 150px, цвет - #4d1a1b.

Шаг 4. Пишем второе слово "Mind". Размер - 220px, цвет - #2b2b2b. Убедитесь, что буква М касается с буквой Е.  
Подкорректируйте положение и размер (CTRL+T).

Шаг 5. Третье слово "To". Размер - 35px, цвет - #ffffff, opacity (непрозрачность) - 50%.

Шаг 6. Следующее слово "Create". Размер - 150px, цвет - #2b2b2b.

Шаг 7. "Designs". Размер - 200px, цвет - #381414. Располагаем слово в правой нижней части рабочей области.

Шаг 8. С помощью Rectangle Tool (Прямоугольник) (U) рисуем от буквы "О" линию вверх. Цвет - #4d1a1b.

Шаг 9. Теперь цветом #2b2b2b рисуем линию от буквы "D" в слове "Mind".

Переходим Layer - Layer Style - Gradient Overlay (Слой - Стиль слоя - Перекрытие градиентом).

Затем вызываем параметры градиента (дважды кликаем по самому градиенту) и устанавливаем следующие цвета:

Шаг 10. Теперь создаем прямоугольник от буквы "D" в слове "Designs". Цвет - #381414.

Применяем к прямоугольнику стиль слоя Gradient Overlay (Перекрытие градиентом)
Blend mode (Режим наложения): Normal (Нормальный)
Opacity (Непрозрачность): 100%
Style (Стиль): Linear (Линейный)
Angle (Угол): 0
Scale (Масштаб): 100%
Для градиента выбираем цвета #2b2b2b и #191919.

Шаг 11. Создаем еще несколько слов тем же шрифтом. Размер - 35px, Smooth (Плавный), цвет - #4d1a1b, opacity (непрозрачность) - 50%.

Шаг 12. Активируем Vertical Type Tool (Вертикальный текст (T). Шрифт - AvantGarde-Demi, размер - 20px, Smooth (Плавный), цвет - белый.

Переходим Layer - Layer Style - Inner Shadow (Слой - Стиль слоя - Внутренняя тень).

Затем Layer - Layer Style - Color Overlay (Слой - Стиль слоя - Перекрытие цветом) и выбираем цвет #411718.

Шаг 13. Теперь пишем слово "Control". Шрифт - AvantGarde-Demi, размер - 35px, Smooth (Плавный), цвет - белый.

Переходим Layer - Layer Style - Inner Shadow (Слой - Стиль слоя - Внутренняя тень).
Blend mode (Режим наложения): Multiply (Умножение)
Opacity (Непрозрачность): 75%
Angle (Угол): 120
Distance (Расстояние): 0
Choke (Уменьшение): 0
Size (Размер): 5
Затем Layer - Layer Style - Color Overlay (Слой - Стиль слоя - Перекрытие цветом) и выбираем цвет #464242.

Шаг 14. Слово "Your". Шрифт - AvantGarde-Demi, размер - 35px, Smooth (Плавный), цвет - белый.

Переходим Layer - Layer Style - Inner Shadow (Слой - Стиль слоя - Внутренняя тень).
Blend mode (Режим наложения): Multiply (Умножение)
Opacity (Непрозрачность): 75%
Angle (Угол): 120
Distance (Расстояние): 0
Choke (Уменьшение): 0
Size (Размер): 5
Затем Layer - Layer Style - Color Overlay (Слой - Стиль слоя - Перекрытие цветом) и выбираем цвет #2d1010.

Шаг 15. Теперь импортируем изображение с мозгом на рабочий документ.

Активируем Magic Eraser Tool (Волшебный ластик) (E) и удаляем черную область вокруг мозга.

Меняем blending mode (режим наложения) слоя с мозгом на Darken (Замена темным), уменьшаем opacity (непрозрачность) до 50%.

Шаг 16. Этот шаг является дополнительным, поэтому выполнять его не обязательно. Если полученный результат вас устраивает, можете остановиться. В противном случае продолжим дальше. Выделяем все слои с текстом (зажав CTRL. кликаем по каждому слою) и переходим Layer - New - Group from Layers (Слой - Новый - Группа из слоев). Активируем Eraser Tool (Ластик) (E), выбираем какую-нибудь гранж-кисть из стандартного набора кистей, понижаем opacity (непрозрачность) и flow (нажим) и начинаем хаотично стирать текст.

Затем проделываем то же самое со всеми прямоугольниками.
Результат урока:

На этом все!

Автор: Marcell Purham
 

Источник: www.webdevtuts.net

151 тыс. 308
Печать Жалоба

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

прикольный урок, надо сделать=))

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

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

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

Хорошее исполнение!

Ну.. как-то так.

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

Спасибо за легкий урок

Как то так)

Спасибо за урок! Очень стильно получается в итоге.

Креативные обои на рабочий стол. Спасибо.

Спасибо! Оригинальный урок!

Спасибо, поучительный урок)

Спасибо, не судите меня строго, это моя первая законченная работа в Photoshop'е

слоган программиста

Замечательный урок, работа над ним принесла одно удовольствие. Спасибо за перевод и возможность покреативить!

немного не по уроку делала))

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

Спасибо за интересный урок ,пригодился))

Спасибо за урок! Было интересно. Своё придумывать не стала.

Интересно,спасибо.

Еще 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-адрес, помогающих нам сделать его удобнее для вас. Подробнее