Делаем текстовые обои в Фотошоп

Этот урок научит вас создавать обои "Need for Speed ProStreet", к примеру, для вашего рабочего стола. Главная задача – научить вас создавать классные эффекты.

Создайте новый файл (File > New (Файл > Новый)) размером 1920х1200 px/ 72 dpi. Для заднего фона выберем текстуру асфальта с сайта  CGtextures. Вставьте ее на новый слой и выберите функцию Free Transform (Свободная трансформация) и преобразуйте текстуру так, как показано на рисунке ниже (прим. оставшуюся белую разметку можно убрать с помощью инструмента Clone Stamp tool (Штамп), выберите для него мягкую кисть):

Теперь создадим копию последнего созданного слоя и выберем инструмент Move Tool (V) (Перемещение), чтобы подвинуть изображение ниже до тех пор, пока не появится белая полоска. Выделите ее с помощью инструмента Rectangular Marquee Tool (M) (Прямоугольная область выделения), кликните правой кнопкой внутри этого выделения и выберите Layer via Copy (Копировать слой). Удалите слой с копией текстуры, оставив только фрагмент с белой полосой в верхней части изображения (прим. также вы можете скопировать полосу на новый слой, нажав сочетание клавиш Ctrl+J при активной области выделения).

В центральную часть текстуры мы будем добавлять текст, который мы захотим. Делайте соответствующие корректировки текстовых фрагментов и их наклонов с помощью функцию Free Transform (Свободная трансформация). Я использовал этот шрифт с сайта dafont.

Pro

Street

Need speed

For

За слоями, содержащими текст и буквы (PRO), нам нужно с помощью инструмента Pen Tool (P) (Перо) нарисовать плоскость, залитую цветом  #222222.

Кликните мышкой в нижней части панели слоев на Create new fill или adjustment layer>Curves (Создать новый слой-заливка или корректирующий слой > Кривые). Этот слой должен находиться ниже текстовых слоев.

Используя Rounded Rectangle Tool (U) (Инструмент закругленный прямоугольник) радиусом 10 px, мы создадим плоскость, залитую цветом #C6E340. Она должна располагаться над буквами PRO, но под словом STREET.  Возьмем также инструмент Direct Selection Tool (A) (Редактирование контура) для корректировки эффекта наклона плоскости и Convert Point tool (инструмент Преобразовать точку). Стереть ненужные точки можно с помощью инструмента Delete Anchor Point Tool (Удалить точку).

Примените стиль, указанный ниже: Blending Options > Outer Glow (Параметры смешивания > Внешнее свечение)

Затем, загрузим ряд готовых кистей для Adobe Photoshop, названных гранжевыми. Создайте новый слой и примените стандартную кисть для подготовки цветного фона за созданным текстом. Цвет для кисти выберите #CCD341. Этот слой должен быть расположен над темной плоскостью букв PRO, но под тестовыми слоями:

Кликните мышкой в нижней части панели слоев на Add a Mask (Добавить маску) и выберите какую-нибудь гранжевую кисть, черный цвет будет использоваться для стирания зеленого текстового фона.

Установите Blend mode (Режим смешивания) на Color Dodge (Осветление основы):

Давайте теперь применим гранжевый эффект к слову PRO. Создайте новый слой и выберите гранжевую кисть. Кисти должны быть серого цвета, а слой должен располагаться над буквами PRO.

Примените следующие параметры к этому слою: Fill  (Заливка) 12% (прим. данный параметр находится в панели слоев рядом с параметрами прозрачности и режимов наложения):

Удерживая клавишу Alt, кликните левой кнопкой мыши между слоем с гранжевым эффектом и слоем, содержащим буквы PRO на панели слоев:

Создайте новый слой и выберите гранжевую кисть. Теперь кисти должны быть белого цвета. Данный слой расположите под текстовыми слоями и плоскостями

Кликните левой кнопкой мыши в нижней части панели слоев по Create new fill или adjustment layer > Hue/Saturation (Создать новый слой-заливка или корректирующий слой > Цветовой тон/Насыщенность). Поместите этот слой под слой с зеленой плоскостью, под словом Street.

Кликните левой кнопкой мыши в нижней части панели слоев по Add a Mask (Добавить маску) , чтобы использовать на ней стандартную кисть черного цвета, стирайте участки, находящиеся с левой стороны, с правой стороны и в верхней части

Создайте новый слой и используйте стандартную кисть белого цвета, чтобы удлинить букву S.

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

Создайте новый слой и добавьте в него несколько элементов зеленого цвета, содержащих тот же гранжевый эффект (Opacity (Прозрачность) 50%), используя гранжевые кисти.

Попытаемся нарисовать рядом с буквами PRO корону цвета #B5D244. Для начала изобразим простые элементы с острыми углами при помощи инструмента Pen Tool (P) (Перо). Затем нажмите клавишу Shift, выбрав предварительно  инструмент Ellipse Tool (U) (Овал), чтобы добавить маленькие круги. Теперь так же нажмите клавишу Shift, применяя при этом инструмент Pen tool (P) (Перо), чтобы добавить ромб на верхнюю часть (прим. удерживание клавиши Shift при рисовании позволяет нам добиться идеально ровных форм).

Кликните мышкой, оставаясь на этом слое, по Add a Mask (Добавить маску) и выберите стандартную кисть черного цвета (удерживайте Shift), чтобы нарисовать линии и вырезать несколько отверстий в кругах и ромбе.

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

Оставаясь на этом слое, кликните в нижней части панели слоев по Add a Mask (Добавить маску) и выберите стандартную кисть черного цвета, чтобы стереть участки, покрывающие буквы Pro.

Установите для этого слоя значение Fill (Заливка) на 46%.

Конечный результат!
Посмотреть полный размер изображения вы можете здесь.

Автор: ART-D

Шрифты для фотошопа (Adobe Photoshop CS4 Extended) бесплатно

ЕЩЁ Шрифты для фотошопа (Adobe Photoshop CS4 Extended)

Фигуры для фотошопа

ЕЩЁ Фигуры для фотошопа

Шаблоны для фотомонтажа

ЕЩЁ Шаблоны для фотомонтажа

Фоны для фотошопа скачать бесплатно

ЕЩЁ Фоны для фотошопа

Набор Скрап-наборов для Photoshop.

ЕЩЁ СКРАБ-НАБОРЫ

Набор высококачественных кистей для Photoshop.

В архиве находится инструкция по установке кистей.

ЕЩЁ КИСТИ

В этом уроке я постараюсь ответить на вопросы, которые часто задают наши пользователи, а также выполню просьбу одного из них. А именно я расскажу как пользоваться слоями (как рисовать под объектом) и как поместить фотографию в уже готовую рамку. Я надеюсь что после этого урока вы будете иметь общее представление о работе со слоями и в будущем у вас возникнет меньше трудностей с этим. Урок рассчитан на совсем новичков и в нем используется только палитра Layers(Слои), инструмент Eraser Tool (Ластик) и инструмент Brush Tool (Кисть)

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

Для начала вставим фото в рамку, а потом еще что-нибудь дорисуем.

Шаг 1.

Откроем нужную рамку с помощью меню File>Open (Файл>Открыть) или с помощью комбинации клавиш Ctrl+O.

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

Шаг 2.

Открываем нужное фото и помещаем его в документ с рамкой.

Выбираем и открываем фотографию

Затем перетаскиваем его в документ с нашей рамкой. Для этого перетащите вкладку с вашим документ в любое место рабочей области.

В результате фотография должна появится в отдельном окошке.

Теперь перетаскиваем слой с нашей фотографией в документ с рамкой.

Шаг 3.

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

А нам нужно сделать наоборот. Для это переместим фото под рамку путем перемещения слоя (в палитре Layers(Слои)).

В результате получилось то, что нам было нужно.

Шаг 4.

Уберем часть фото, которая выходит за рамку с помощью инструмента Eraser Tool (Ластик).

Вот и все) Фото в рамку вставили. Но я думаю еще надо убрать прозрачный фон. Для этого можете что-то нарисовать сами, а можете и использовать уже готовые фоны. Я использую готовый.

Шаг 5.

Выбираем нужный фон и как в шаге 2 добавляем его в наш документ и как в шаге 3 помещаем позади всех слоев. Т.е. слой с фоном должен быть самым нижним.

Вот что вышло.

Шаг 6.

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

Итак добавим немного узорчиков.

Для узоров я использовал вот эти кисти.

Вот порядок слоев этого документа.

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

Вот теперь точно все)

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

Шаг 1.

Открываем ваше фото. Выбираем в меню File>Open(Файл>Открыть) или нажимаем Ctrl+O и выбираем нужный файл.

Шаг 2.

Изменим цвета на фотографии. Самым простым способом это сделать будет использования функции Image>Auto Color (Изображение>Автоцвет).

Цвета сразу стали более-менее естественные. Если вас устраивает такой вариант, то можно так и оставить. А если нет, то можно настроить вручную параметры изображения с помощью функций из меню Image>Adjustments (Изображение>Коррекция). Я применил функцию настройки яркости и контраста Image>Adjustments>Brightness/Contrast(Изображение>Коррекция>Яркость/Контрастность).

И вот что получилось.

Шаг 3.

Выровняем края фотографии. Выберем инструмент Crop Tool (Рамка), горячая клавиша C, и выделим часть фотографии, которую нужно обрезать.

То что останется за выделенной частью после применения этого инструмента обрежется.

Шаг 4.

Так как края нашей фотографии были неровные у нас остались пустые места по краям после обрезки. Можно было конечно обрезать так, чтобы этих пробелов не было, но тогда обрезались бы некоторые детали фото (например рукава детей, которые сидят по краям). Нам нужно заполнить эти пробелы. Используем для этого инструмент Stamp Tool (Штамп),горячая клавиша S. Чтобы воспользоваться этим инструментом надо сначала указать то место, с которого будет браться проба для заполнения нужно пространства.

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

По такому принципу работает штамп. Итак проделывая эту операцию уберем пустые места по краям фотографии.

В результате получилось вот что.

Используйте штамм небольшого размера, чтобы не захватить лишние объекты.

Шаг 5.

А теперь с помощью этого же инструмента заретушируем царапины на фото. Только не забывайте менять пробу… иногда даже для каждого мазка (клика) требуется своя проба. Можете потренироваться сначала на более простых объектах, а потом переходить к сложным.

Вот что наштамповал я.

Шаг 6.

После того как мы убрали все царапины, мне показалось, что цвет еще тот, что надо. Поэтому применил функцию Image>Auto Tone (Изображение>Автотон) и функцию Brightness/Contrast.

А вот и результат

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

Сначала хочу поблагодарить всех вас за ваши отзывы, вопросы и коментарии. Вы помагаете жить и развиваться нашему сайта. Я не могу отвечать в комментариях на все ваши Спасибы и поэтому решил сказать здесь. СПАСИБО всем кто учавствует в жизни сайта и всем кто еще придет к нам!)

Итак приступим к нашему уроку. Я буду создавать просто кнопку с надписью.

Шаг 1.

Создаем новый документ нужного вам размера. У меня размер документа 300Х300. Выбираем в меню File>New(Файл>Новый) или нажимаем Ctrl+N и в появившемся окошке поставим нужные вам размеры Width(Ширина) и Height (Высота).

Шаг 2.

Выберем фон для нашего документа. Здесь уже на ваше усмотрение… кому какой цвет нравится)

Шаг 3.

Выберем нужную форму будущей кнопки. Я выбрал прямоугольник с скругленными углами. Выбираем инструмент Rounded Rectangle Tool (Скругленный прямоугольник). И задаем в панели опций радиус скругления углов Radius(Радиус) равный 10.

Шаг 4.

Рисуем наш прямоугольник нужного размера.

Шаг 5.

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

Шаг 6.

Создадим белый кант вокруг прямоугольника. Для этого создаем новый слой Ctrl+Shift+N. Удерживая клавишу Ctrl нажимам по пиктограммке только что созданного слоя. Тем самым получим выделение. Затем в меню выберите Edit>Stroke (Редактирование>Выполнить обводку). В появившемся окошке выберите цвет обводки, толщину в 1px и нажмите ОК.

Шаг 7.

Сделаем блик. Создаем новый слой. Если вы убрали выделение, то верните его обратно как написано в предыдущем шаге. Затем выбираем инструмент Elliptical Marquee Tool (Овальная область) и удерживая клавиши Ctrl+Shift рисуем сверху нашего выделения овал как показано на рисунке.

В результате у вас должно получится вот такое выделение.

Теперь берем инструмент Gradient Tool (Градиент). Нажимаем клавишу D, чтобы сбросить основной и вспомогательный цвета на черный и белый, затем клавишу X, чтобы поменять эти цвета местами. В результате у вас в панели инструментов основным цветом должен быть белый. Выбираем в панели опций тип градиента от белого к прозрачному.

И протянем градиент с верху вниз.

Шаг 8.

Стерем немного в нижних углах нашу белую обводку для того чтобы придать эффект внутреннего свечения. Для этого выберите инструмент Eraser Tool (Ластик), потом выберите слой с вашей обводкой. Убедитесь что жесткость кисти стоит на минимуме, т.е. ластик должен стирать плавно. Для этого нажмите правой кнопка в любом месте вашего документа у становите Hardness (Жесткость) на минимум.

Немного стерли и должны получить примерно такой результат.

Шаг 9.

Вот в принципе наше стеклышко и готово. Теперь добавим на нее текст, чтобы сделать из него кнопку. Выберите инструмент Horizontal Type Tool(Горизонтальный текст) выделите область в которой будете писать и напишите что-нибудь на вашей кнопке. Цвет, шрифт, размер и другие настройки текста вы можете изменить в панели опции.

Шаг 10.

Придадим тексту немного свечения. Кликнем по слою с текстом дважды и в появившемся окне Layer Style (Стиль слоя ) выставим следующие параметры.

Вот и все. Вот что у нас получилось

А после некоторых действий вы можеть вот так украсить ваш аватар.

Для этого сделайте фон чуть светлее, чтобы были видны тени. Для этого выберите нужный цвет, затем самый нижний слой с ваши фоном и нажмите Alt+Del, чтобы выполнить заливку фона нужным цветом. Затем поместите свое изображение между слоем с фигурой нашего стекла и слоем с белой обводкой. Обрежьте углы вставленного изображения. Затем дважды кликните по слою с нашей фигурой, которую создавали в шаге 4. И в появившемся окне установите следующие параметры.

Затем выберите все слои кроме фона. Сначала выберите первый слой, затем нажмите клавишу Shift и выберите последний слой. Затем скопируйте эти слои путем перетаскивания на кнопку Create a new layer (Создать новый слой) и нажмите Ctrl+E чтобы склеить их в один слой.

Выберите в меню Edit>Transform>Flip Vertical (Редактировани>Транформация>Отразить по вертикали) и перетащите этот слой так чтоб он оказался под нашим первым результатом. Выберите инструмент Move Tool (Перемещение) и просто перетяните его в нужное место.

Осталось только добавить маску слоя и сделать отражение более реалистичным. Чтобы создать маску слоя нажмем на кнопочку Add Vector Mask (Добавить векторную маску) внизу палитры слоев Layers (Слои).

Теперь берем инструмент Gradient Tool (Градиент). Нажимаем клавишу D, чтобы сбросить основной и вспомогательный цвета на белый и черный, затем клавишу X, чтобы поменять эти цвета местами. В результате у вас в панели инструментов основным цветом должен быть черный. Выбираем в панели опций тип градиента от черного к прозрачному. И протягиваем градиаент снизу вверх. Только убедитесь что выбрана именно маска слоя, а не сам слой.

Надеюсь вам понравилось и пригодится)