Главная Регистрация Вход
Приветствую Вас Гость!


Главная » 2012 » Май » 15 » Создание футуристических обоев 2011 \ Design a futuristic 2011 wallpaper
22:01
Создание футуристических обоев 2011 \ Design a futuristic 2011 wallpaper

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

Design a futuristic 2011 wallpaper

Создание футуристических обоев 2011


Создание футуристических обоев 2011



Шаг 1

Создайте новый документ, 1920×1200 рх (автор выбрал именно этот размер, т.к. это размер его рабочего стола, вы можете выбрать любой другой размер новго документа), 72 px/inch.
Преобразуйте слой "Background” в обычный слой, кликнув по нему 2 раза.
Затем еще раз кликните дважды по этому слою и в меню ‘Layer style” установите следующие значения пункта Gradient overlay (градиент от серого #565656 к черному #000000):

Создание футуристических обоев 2011

Шаг 2

Теперь создадим гранжевый фон. Для этого нам потребуется вот эта текстура (текстура, которую использует автор платная, поэтому можете либо скачать бесплатную текстуру из этого набора, или погуглить smile.gif
Перетащите файл с текстурой в наш документ и нажмите ctrl+T, чтобы подогнать текстуру под размер вашей работы.

Перейдите на слой с текстурой и выберите Image>Adjustments>Desaturate. Поменяйте Blend mode слоя с текcтурой на на Оverlay и уменьшите непрозрачность (Opacity) = 25%. Затем несколько раз примените фильтр Sharpen (Filter>Sharpen>Sharpen):

Создание футуристических обоев 2011

Шаг 3

Теперь скачайте шрифт Null
При помощи Horizontal Type Tool (T) напишите понравившийся текст, цвет текст в данном случае значения не имеет, размер шрифта - 335pt, обратите также внимание на величину расстояния между буквами:

Создание футуристических обоев 2011

Шаг 4

Кликните дважды на текстовом слое на палитре слоев и установите следующие настройки Layer style:

Создание футуристических обоев 2011

Шаг 5

Теперь нам нужно отделить эффект Stroke, который мы создали в Шаге 4, от текстового слоя, чтобы иметь возможность редактировать из по отдельности. Для этого сделайте правый клик на эффекте Stroke на панели слоев и выберите "create layer” (рис.1).
Итак, полученный слой «stroke» находится сейчас в режиме Обтравочной маски (clipping mask) (рис.2). Переведем его в обычный режим, удерживая Alt и нажав между слоем Stroke и текстовым слоем на панели слоев. Слой "Stroke” превратился в прямоугольник (рис.3). Далее загрузите выделение текстового слоя (Ctrl+клик на иконке слоя на панели слоев), перейдите на слой "Stroke” и нажмите на иконку "add layer mask button” внизу панели слоев (рис.4)

Создание футуристических обоев 2011
Создание футуристических обоев 2011

Шаг 6

Теперь нам нужно убрать область, которую перекрывает слой «Stroke». Для этого загрузите выделение слоя «Stroke» (Ctrl+клик на иконке слоя(не на иконке маски!!!) на панели слоев), перейдите на слой с текстом, инвертируйте выделение (Select>Inverse) и добавьте маску слоя (нажмите на иконку "add layer mask button” внизу панели слоев).
На скриншоте я сдвинул вниз текстовый слой, чтобы вам был более понятен результат:

Создание футуристических обоев 2011

Шаг 7

Нажмите правой кнопкой на маске текстового слоя и выберите "Apply layer mask”(если эта функция не активна, нажмите правой кнопкой на текстовом слое и выберите "Rasterize type”). Проделайте то же самой со слоем "Stroke”.
Итак, мы получили 2 простых слоя с текстом и обводкой. Вы можете приблизить изображение и сделать края более четкими при помощи «rectangular marquee tool»:

Создание футуристических обоев 2011

Шаг 8

Теперь добавим стили слою "Stroke”. Дважды кликните на слое "Stroke” на панели слоев и установите следующие настройки:

Color overlay:
Цвет = #242424

Создание футуристических обоев 2011

Bevel and Emboss:


Создание футуристических обоев 2011

Drop shadow:
Цвет - белый

Создание футуристических обоев 2011

Шаг 9

Добавим текстуру слою "Stroke” : ) Автор использует набор вот этих текстур, но они платные (можете скачать 1 бесплатную текстуру из этого набора, но она отличается по цвету).
Вставьте текстуру в вашу работу и подгоните ее размер под размер изображения при помощи трансформации (ctrl+T). Измените Blend mode нового слоя с текстурой на Оverlay, и вот, что у вас должно получится:

Создание футуристических обоев 2011

(Поместите слой с текстом поверх всех слоев, под ним – новый слой с текстурой, а под ним уже – слой "Stroke”).
Уменьшите непрозрачность (Opacity) слоя с текстурой до 30%, загрузите выделение слоя "Stroke” (Ctrl+клик на иконке слоя на палитре слоев), перейдите на слой с текстурой и нажмите на иконку "add layer mask button” внизу панели слоев.

Создание футуристических обоев 2011

Шаг 10

Теперь поработаем с текстовым слоев. Перейдите на слой с текстом, кликните на нем дважды на панели слоев и установите следующие настройки:

Color overlay:
Цвет - #282828

Создание футуристических обоев 2011

Satin:

Создание футуристических обоев 2011

Inner shadow:

Создание футуристических обоев 2011

Шаг 11

Создайте новую группу слоев (нажмите на иконку "Create new group” внизу панели слоев) между слоем с текстом и слоем "Stroke”, в ней мы создадим текстуру для нашего текста. Загрузите выделение текстового слоя (как мы уже ни раз делали, Ctrl+клик на иконке слоя), перейдите на слой с группой и добавьте маску группе.
Для начала добавим одну из текстур из этого набора (автор не указывает, какую именно текстуру он использует, я использовала вот эту ). Измените Blend mode этой текстуры на Оverlay и уменьшите Оpacity примерно до 35%.

Создание футуристических обоев 2011

Создайте новый слой в группе, выберите инструмент Brush Tool ( B ) – цвет- черный, размер кисти- большой, hardness 0% и обведите края букв:

Создание футуристических обоев 2011

Шаг 12

Теперь создадим цветную линию на тексте. Создайте новый слой над слоем "Stroke”, назовите его, к примеру, "Line”. Загрузите выделение слоя "Stroke”, затем выберите Select>Modify>Contract, установите значение = примерно 7 рх.

Создание футуристических обоев 2011

Не сбрасывая выделения, перейдите на только что созданный слой, нажмите alt+delete, чтобы закрасить его цветом переднего плана (цвет в данном случае не имеет значения). Затем нажмите ctr+D, чтобы сбросить выделение.

Создание футуристических обоев 2011

Шаг 13

Дважды кликните по слою "Line” на панели слоев и установите следующие настройки:

Gradient overlay:

Цвета : желтый (#ffb90d), розовый (#cc0045), зеленый (#009980)
Угол = 90 градусов.

Создание футуристических обоев 2011

Bevel and Emboss:

Создание футуристических обоев 2011

Оuter glow:

Создание футуристических обоев 2011

Шаг 14

Создайте новый слой над слоем с фоном и фоновой текстурой. Сбросьте цвета, нажав D, и выберите Filter>Render>Clouds. Измените Blend mode этого слоя на Screen и уменьшите непрозрачность до 15%. Вот, что у вас должно получиться:

Создание футуристических обоев 2011

Шаг 15
Теперь добавим цвет : ) Выберите Layer>New Adjustment Layer>Gradient Map, чтобы создать новый корректирующий слой Gradient Map (он должен находится поверх всех слоев). Цвета градиента следующие:
Фиолетовый (#6f156c), зеленый (#00601b), оранжевый (#fd7c00)
Измените blend mode того слоя на Оverlay и уменьшите непрозрачность до 70%

Создание футуристических обоев 2011

Шаг 16

Для того, чтобы добавить блики, создадим новую группу под слоем Gradient Map. Измените Blend mode группы на Сolor dodge. Создайте новый слой внутри группы, возьмите большую кисть белого цвета (hardness=0%) и сделайте отпечатки кисти в тех местах, которые вы хотите осветить. Создавайте каждый блик на отдельном слое, чтобы у вас была возможность редактировать из по отдельности.

Создание футуристических обоев 2011

Создание футуристических обоев 2011

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

Создание футуристических обоев 2011


Автор: Sebastiano
Перевод: Mangorielle
по материалам

***


[02.04.2019][DesiGn bLOg]
Как узнать - ты дизайнер или нет? (0)
[09.12.2015][Lessons PHOTOSHOP]
Рисуем анимацию в Photoshop и After Effects (2015) (0)
[23.10.2010][rastER KLipardy]
Косметика в HQ (0)
[12.02.2015][DesiGN SofT]
The Logo Creator 6.6 Final (0)
[16.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Retouch Man (2015) (0)
[03.12.2014][Lessons PHOTOSHOP]
Панорамная Фаст-моушен съемка своими руками (0)
[12.02.2015][video futage]
Broadcast Shapes Package - Project for After Effects (Videohive) (0)
[12.02.2015][DesiGN SofT]
Room Arranger 7.5.0.421 (2014) Rus/Eng (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[03.12.2014][Photoshop Actions]
50 Photoshop Action Scripts (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки photoshop Выборочная коррекция (2014) (0)
[12.02.2015][video futage]
Deep Eyes | 7 in 1 logo pack - Project for After Effects (Videohive) (0)
[21.10.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Art Wedding (0)
[12.02.2015][video futage]
Quicky Logo - Project for After Effects (0)
[12.02.2015][DesiGN SofT]
PT Photo Editor 1.7.1 Standard Edition Rus Portable by SamDel (0)
[12.02.2015][DesiGN SofT]
HyperSnap 7.29.02 + Portable (0)
[12.02.2015][DesiGN SofT]
Photomizer Retro 2.0.14.106 Portable by Valx (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеокурс удаление объектов в фотошопе (0)
[04.12.2015][Lessons PHOTOSHOP]
Tuts+ Premium - Creative Photo Effects in Adobe Photoshop (2015) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс по съемке и обработке цифровых фотографий (2015) (0)
 

Прикрепления:
Категория: Lessons PHOTOSHOP | Просмотров: 18187 | Добавил: supermen | Теги: создание обоев в фотошопе, уроки фотошоп, создани, Создание футуристических обоев, обучение photoshop CS 8, фото шоп скачать бесплатно, создание обоев
Всего комментариев: 3
3 modagasKAr  
почему-то мне сразу вспоминается "в далекой галактике" звездных войн)

2 брук  
Как всегда отличный перевод и интересный урок! Люблю с текстом работать Спасибо за перевод

1 adorgeFeedgex  
Привет!

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]


Поиск






[28.01.2011][Lessons Adobe Illustrator]
Создание векторного заката (0)
[02.10.2010][Lessons PHOTOSHOP]
Дымящийся текст за 10 простеньких шагов (6)
[30.05.2010][Lessons PHOTOSHOP]
Зрачок, спецэффект (2)
[29.08.2010][Lessons PHOTOSHOP]
Преобразование фотки в векторный рисунок (3)
[26.09.2010][Lessons PHOTOSHOP]
ПРОСТО ДЖУЛИЯ (2)
[09.12.2013][DesiGn bLOg]
Carioca Studio - креатив, реклама, ретушинг. Лучшее из портфолио. 50 шт. (0)
[02.10.2010][Lessons PHOTOSHOP]
Создаем жесткие поверхности, спец.эффект (4)
[11.01.2011][Lessons PHOTOSHOP]
Марионетка (отрисовать) (0)
[22.09.2011][PSD-files, исходники]
Летнее время (PSD) (0)
[29.05.2010][Lessons PHOTOSHOP]
Марсианская поверхность, спецэффект (5)

Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0
Яндекс цитирования
Rambler's Top100




[31.05.2010][Lessons PHOTOSHOP]
Создание кистей для рисования волос, меха, бород, комп.графика (7)
[11.06.2010][Lessons PHOTOSHOP]
Трехмерная надпись (8)
[17.06.2010][Lessons PHOTOSHOP]
Текст охваченный огнём, Stunning Text on Wild Fire Effect (6)
[03.12.2015][DesiGN SofT]
Sentaurus TCAD 2012 SP2 G-2012.06 SP2 на VMWare (1)
[29.05.2010][Lessons PHOTOSHOP]
Ночной город, спецэффект (2)
[13.02.2015][video futage]
VideoHive - Futuristic Logo Reveal 8351362 (0)
[12.02.2015][video futage]
Dark Circles Logo Reveal - Project for After Effects (Videohive) (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки фотошоп Композиция Шубека (0)
[30.12.2012][DesiGn bLOg]
Маленькой ёлочке холодно зимой! (0)
[24.01.2013][vectOR KLipardy]
Black Vintage Cards Vector 2 (0)
[01.09.2013][vectOR KLipardy]
Stock: Website Template (0)
[29.05.2010][Lessons PHOTOSHOP]
судорга (абстракционная фантазия) (4)
[13.12.2015][Lessons PHOTOSHOP]
Вырезание объемных предметов в фотошоп (2015) (1)
[29.05.2010][rastER KLipardy]
Stock Photo: Drops, Splashes (1)
[29.05.2010][Lessons PHOTOSHOP]
Металлические трубки и провода (2)
[10.09.2011][Veb DeSiGn]
Template Monster – 11925 – Flash Template (0)
[30.12.2012][DesiGn bLOg]
Кофейные фантазии by Tomoko Shintani (0)
[09.11.2010][Styles Photoshop]
Более 150-ти стилей WEB 2.0 (1)



Четверг
25.04.2024
17:53


Copyright artpost and semantic product zanchi 2010-2011 © 2024