Вход
Архивы
Фотошоп дизайн — Письменный стол

Рисуем поверхность письменного стола в Фотошопе с нуля!

Вступление

Итак, мы хотим нарисовать рабочую поверхность письменного стола. Очевидно, что на столе может лежать все, что угодно, но мы будем рисовать следующие предметы:
— клочок бумаги с рисунками
— царапины на столе
— фото «Полароид» с липкой лентой
— клейкие листки для записей

Для начала этого достаточно. И еще: мы рисуем вид сверху, а не трехмерное изображение, и источник света у нас расположен в левом верхнем углу.

Чтобы нарисовать стол, нам понадобится текстура дерева. Вы можете использовать эту: Текстура дерева
Откройте этот файл – он и будет нашим рабочим пространством.

Клочок бумаги

Фотошоп дизайн - Письменный стол

Эффект «оторванного клочка бумаги» рисуется в четыре шага:

Шаг 1

Нам понадобятся несколько текстур-узоров.

Фотошоп дизайн - Письменный стол

Бумажная текстура
1. Создайте новый документ (Ctrl+N) размером 150х150 пикселей, залейте его светло-серым цветом с кодом #bfbfbf (выберите этот цвет в качестве основного и нажмите Alt+Del).
2. Добавьте немного помех к слою: меню Фильтр>Шум>Добавить шум (Filter>Noise>Add Noise) с параметрами: количество/amount = 2,5%, распределение/distribution = равномерное/uniform, отметьте галочку Монохромный (Monochromatic)
3. Превратите картинку в узор: меню Редактировать>Определить узор (Edit>Define Pattern) с именем «Текстура страницы» или в том же духе.
4. Закройте документ.

Фотошоп дизайн - Письменный стол

Прописная линейка
1. Создайте новый документ (Ctrl+N) размером 1х18 пикселей (высота – это расстояние между строчками, т.е. высота букв на записке).
2. Инструментом «Карандаш» (Pencil Tool — B) размером 1 пиксель, светло-голубым цветом (это цвет линеек в тетрадке – откройте свою тетрадь и посмотрите ? Я выбрал такой цвет: #1a438d), щелкните на самой нижней точке документа, чтобы появилась голубая отметка.
3. Превратите картинку в узор: меню Редактировать>Определить узор (Edit>Define Pattern), имя: «Линейка».
4. Закройте документ.

Шаг 2

Фотошоп дизайн - Письменный стол

Теперь у нас есть два узора. Создайте новый слой в основном документе (Ctrl+Shift+N), сделайте прямоугольное выделение с помощью инструмента «Прямоугольная область» (Rectangular Marque Tool — M) и заполните сделанное выделение бумажной текстурой – щелкните правой кнопкой мыши на рабочем пространстве и выберите команду «Выполнить заливку…» (Fill…), выберите Содержимое = Узор (Contents = Pattern), выберите наш узор и нажмите Ok. Зайдите в «Стиль слоя» (Layer Style – двойной щелчок на слое в окошке со слоями), примените «Наложение градиента» (Gradient Overlay), от белого до светло-серого, непрозрачность (Opacity) — 70%, чтобы градиент просматривался белым, но текстура бумаги была еще видна. Примените эффект «Наложение узора» (Pattern Overlay), используйте «Линейку», которую мы сохранили только что. Снизьте непрозрачность (Opacity) немного, для большей реалистичности. И добавьте немного тени (Drop Shadow) к слою: наш источник света расположен под углом 120 градусов (слева-сверху), непрозрачность (Opacity) установите на 50%. Нажмите Ok, затем Ctrl+D, чтобы сбросить выделение.

Шаг 3

Фотошоп дизайн - Письменный стол

Теперь сделаем куску бумаги рваные края. Выберите инструмент лассо (Lasso Tool — L) и увеличьте масштаб (Ctrl + плюс). Обойдите весь листок по периметру, «прыгая» вверх и вниз в случайном порядке, чтобы создать форму обрывков. Когда обойдете весь периметр кругом, вернитесь обратно, сделав большой круг по наружно стороне, чтобы замкнуть выделение. Нажмите Del, чтобы вырезать куски бумаги и придать ей вид оторванного клочка. Нажмите Ctrl+D.

Шаг 4 (по желанию)

Фотошоп дизайн - Письменный стол

Увеличьте масштаб еще больше, выберите инструмент «Палец» (Smudge Tool — R), размером 3 пикселя, интенсивность (Strength) = 70%. Обойдите все края, смазывая инструментом в направлении от бумаги, так, чтобы края еще больше стали похожи на рваные.

Рисунки

Фотошоп дизайн - Письменный стол

Этот эффект очень прост. Если вы правильно выберите цвета и плотность линий, смотреться он будет просто потрясающе.
Создайте новый слой, выберите кисть (Brush Tool — B), 1 пиксель в диаметре, непрозрачность (Opacity) = 70%. Вы можете выбрать любой цвет, я рекомендую вот эти: #234b94, #942323, or #4b4242.

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

Царапины

Фотошоп дизайн - Письменный стол

Теперь создадим выцарапанную надпись на поверхности стола. Создайте новый слой (Ctrl+Shift+N).

Шаг 1

Фотошоп дизайн - Письменный стол

Нарисуйте белым цветом (или напишите подходящим шрифтом) понравившуюся надпись. Установите режим наложения слоя (Blending Mode) как «Мягкий свет» (Soft Light).

Шаг 2 (результат см. выше)

Дублируйте слой с надписью (Ctrl+J) и инвертируйте цвет на черный (Ctrl+I). Второй слой передвиньте выше первого на 1 или 2 пикселя (от этого зависит глубина царапин) – нажмите V и перетащите картинку.

Фото «Полароид»

Фотошоп дизайн - Письменный стол

Фото смотрится очень интересно, при этом эффект «полароидного» фото делается довольно просто.

Шаг 1

Фотошоп дизайн - Письменный стол

Первым делом нужно найти изображение для нашей фотографии. Я использовал «Фото дня» с сайта ВикиМедиа за 25 декабря 2007: Фото
Шаг 2

Фотошоп дизайн - Письменный стол

Вставьте изображение в нашу работу (откройте файл в Фотошопе и перетащите мышью изображение слоя на нашу картинку), отмасштабируйте его до нужного размера (Ctrl+T). Теперь выберите инструмент «Прямоугольник» (Rectangle Tool — U), в режиме «Слои фигуры» (Shape Layers), основной цвет – белый, чтобы нарисовать прямоугольник вокруг фото. Границы прямоугольника: 10 пикселей от верхнего края фото, 10 пикселей от правого, и 10 пикселей от левого, а также 30 пикселей от нижнего края. Необязательно выдерживать размеры строго – можно и на глаз. Создастся новый слой. Разместите его ниже слоя с фото и добавьте к прямоугольнику эффект «Тень» (Drop Shadow) – такой же, какой мы добавляли на клочок бумаги выше. Далее, добавьте «Наложение градиента» (Gradient Overlay) с белого до светло-серого, сверху донизу, под небольшим углом.

Шаг 3

Фотошоп дизайн - Письменный стол

Теперь на нижнем поле добавьте надпись. Я обнаружил, что шрифт фиксированной ширины подойдет лучше всего. Я использовал шрифт «Monaco». Объедините три слоя, которые мы создали (фото, рамка и надпись) и чуть поверните фотографию (Ctrl+T).

Шаг 4

Фотошоп дизайн - Письменный стол

Для добавления скотча мы воспользуемся прозрачностью. Создайте новый слой (Ctrl+Shift+N), сделайте прямоугольное выделение (Rectangular Marquee Tool — M) шириной примерно в 60 пикселей и закрасьте область любым цветом. Нажмите Ctrl+D и выберите лассо (Lasso Tool — L). «Обдерите» левый и правый края прямоугольника, максимум на 3 пикселя, по примеру, как мы работали с клочком бумаги.

Шаг 5

Фотошоп дизайн - Письменный стол

Поверните немного скотч и поместите его над фотографией. Добавьте следующие эффекты к слою: наложение градиента (Gradient Overlay) – от белого до светло-серого, внешнее свечение (Outer Glow) – режим/blending mode = нормальный/normal, непрозрачность/opacity = 15%, размах/spread = 0%, размер/size = 5 пикселей. Потом снизьте непрозрачность (Opacity) слоя со скотчем примерно до 50%.

Шаг 6 (по желанию)

Фотошоп дизайн - Письменный стол

Этот шаг нужен, если вы хотите, чтобы скотч заворачивался за фотографию, вместо того, чтобы быть приклеенным к столу. Увеличьте масштаб (Ctrl + плюс) и с помощью инструмента «Прямолинейное лассо» (Polygon Lasso Tool — L), выберите ту часть скотча, который находится не над фото (расстояние до выделенной области должно быть примерно 1 пиксель) и удалите выбранное клавишей Del. Повторите для другого конца. Затем нужно добавить очень легкий эффект тени (Drop Shadow) к слою со скотчем.

Листки для записей

Фотошоп дизайн - Письменный стол

Осталось нарисовать клейкие листочки для записей. Для этого выберите любой цвет, который вам нравится. Также можете использовать замечательные градиенты отсюда: Градиенты для фотошопа
Шаг 1

Фотошоп дизайн - Письменный стол

Создайте новый слой (Ctrl+Shift+N). Обозначьте квадратную форму (инструмент «Прямоугольник» — Rectangle — U). Добавьте градиент любого цвета (я использовал синий), от темного оттенка к светлому, от верха до низа соответственно. Увеличьте масштаб на любом уголке записки и инструментом «Перо» (Pen Tool — P), чтобы добавить узловую точку (Anchor Point) и чуть подогнуть уголок. Добавьте новый слой.

Шаг 2

Фотошоп дизайн - Письменный стол

На новом слое загрузите выделение с предыдущего слоя и с помощью градиента от черного к прозрачному (Black To Transparent), наложите градиент от кончика уголка к центру листка примерно на 20 пикселей. Наложение слоя установите как «Мягкий свет» (Blending Mode = Soft Light).

Шаг 3

Фотошоп дизайн - Письменный стол

Объедините два слоя в один (Ctrl+E), затем выберите инструмент «Затемнитель» (Burn Tool — O). С помощью мягких кистей разных размеров, пройдитесь по листку. Завершите тогда, когда вам покажется, что достаточно. Добавьте к солю эффект тени (Drop Shadow), такой же как на фотографии и клочке бумаги.

Шаг 4

Фотошоп дизайн - Письменный стол

Наносим клей. Создайте новый слой (Ctrl+Shift+N), выберите кисть (Brush Tool — B) 20 пикселей в диаметре, жесткость/hardness = 70%, непрозрачность/opacity = 70% и проведите белым цветом по верхней части листка. Наложение слоя (Blending Mode) установите как «Мягкий свет» (Soft Light). Доработайте инструментом «Палец» (Smudge Tool — R). Непрозрачность слоя (Opacity) понизьте до 70%.

Шаг 5

Добавьте текст на листочке, а может и рисунки. Вот и все, готово!

Фотошоп дизайн - Письменный стол

Теперь вы можете самостоятельно придумывать и рисовать различные элементы на письменном столе. Например, чашку с кофе!

Переводчик: Фирстов Александр

Вы владеете сайтом или ведёте блог, но не знаете, что на этом хобби можно ещё и не плохо заработать? Тогда следующая статья написана специально для вас — Заработок на сайте


Уроки PhotoShop — Фантазийное ночное небо

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

Шаг 1

Создайте новый документ (Ctrl+N). Сделайте двойной щелчок на фоновом слое в окошке со слоями, чтобы открыть окно «Стиль слоя» (Layer Style). Отметьте эффект «Наложение градиента» (Gradient Overlay) и задайте радиальный градиент из трех цветов: розовый, синий и черный.

Уроки PhotoShop - Фантазийное ночное небо

Шаг 2

Создайте новый слой (Ctrl+Shift+N) и назовите его «Облака». Нажмите D, потом X – это даст белый цвет на переднем плане и черный – на фоне. Выполните фильтр в меню Фильтр>Рендеринг>Облака (Filter>Render>Clouds), зажмите при этом Alt для более сильного эффекта. Установите режим наложения слоя с облаками как Умножение (Blending Mode = Multiply).

Уроки PhotoShop - Фантазийное ночное небо

Шаг 3

Для создания облаков мы воспользуемся палитрой кистей (Brush Engine – выберите инструмент кисть (B) и нажмите F5). Установите параметры кисти как показано ниже. Определяющие параметры для нас – интервалы (Spacing) и размер (Size). После того, как вы сделали настройки, сохраните кисть. В окошке со слоями создайте новую папку (кнопка «Создать новый набор»/ «Create New Set») с именем «Облако».

Уроки PhotoShop - Фантазийное ночное небо

Шаг 4

Теперь, когда у нас есть кисть, создадим облачный стиль. Создайте три новых слоя (Ctrl+Shift+N) и поместите их в группу «Облако», дайте им имена: «Переднее», «Среднее» и «Последнее». Сделайте двойной щелчок на слое «Переднее», чтобы открыть окно «Стиль слоя» (Layer Style), выберите эффект «Наложение градиента» (Gradient Overlay), «Тиснение» (Bevel And Emboss) и «Внутреннее свечение» (Inner Glow) как показано на рисунках. Потом скопируйте стиль слоя (щелкните правой кнопкой на слое в окошке со слоями и выберите команду «Копировать стиль слоя»/«Copy Layer Style») и примените стиль на два других слоя (щелкните правой кнопкой на каждом слое и выберите команду «Вклеить стиль слоя»/«Paste Layer Style»).

Уроки PhotoShop - Фантазийное ночное небо

Шаг 5

Используя созданную ранее кисть, нарисуйте облака. Совет: эффект объема будет создан, если вы расположите слои так, как показано на рисунке.

Уроки PhotoShop - Фантазийное ночное небо

Шаг 6

После того как облако нарисовано, выберите группу слоев «Облако» и конвертируйте ее в «умный» объект (Smart Object). Дублируйте новый слой и установите режим наложения как «Умножение» (Multiply). Объедините два слоя в группу с именем «Облако1».

Уроки PhotoShop - Фантазийное ночное небо

Шаг 7

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

Уроки PhotoShop - Фантазийное ночное небо

Шаг 8

Выберите любую группу с облаками и конвертируйте ее в «умный» объект (Smart Object). Режим наложения установите как «Перекрытие» (Overlay). Затем дублируйте этот слой и сгруппируйте два полупрозрачных слоя. Назовите группу «Облака на фоне».

Уроки PhotoShop - Фантазийное ночное небо

Шаг 9 — радуга в Иллюстраторе

В Иллюстраторе выберите инструмент «Эллипс» (Ellipse Tool — L), чтобы нарисовать круг. Установите толщину обводки (Stroke weight) на 40 пикселей, цвет – фиолетовый.

Уроки PhotoShop - Фантазийное ночное небо

Шаг 10

Добавляйте новые круги, увеличивая толщину обводки на 40 пикселей: фиолетовый круг толщиной 40 пикселей, голубой круг толщиной 80 пикселей, зеленый круг толщиной 120 пикселей, желтый – 160 пикселей и красный – 200 пикселей. Затем скопируйте векторный рисунок и вернитесь в Фотошоп.

Уроки PhotoShop - Фантазийное ночное небо

Шаг 11

В Фотошопе сделайте вставку вектора в режиме «Вклеить как пиксели» (Paste As Pixels). Потом, с помощью инструмента «Волшебная палочка» (Magic Wand Tool — W) выберите белую часть в центре круга и удалите ее (клавиша Del). Теперь конвертируйте слой в «умный объект» (Smart Object) и сгруппируйте его, группу назовите «Радуга1».

Уроки PhotoShop - Фантазийное ночное небо

Шаг 12

Разместите радугу между двумя облаками и, с помощью инструмента «Прямолинейное лассо» (Polygonal Lasso Tool — L), обведите ту часть радуги, которую вы хотите скрыть. Затем выберите группу (а не слой) и командой меню Слои>Слой-маска>Спрятать выделенные области (Layer>Layer Mask>Hide Selection) скройте выбранную часть радуги. Затем примените фильтр из меню: Фильтр>Размытие>Размытие по Гауссу (Filter>Blur>Gaussian Blur) с параметром радиус равным 3 пикселя. После всего этого продублируйте группу «Радуга1», чтобы создать еще одну радугу и разместите ее на другой паре облаков.

Уроки PhotoShop - Фантазийное ночное небо

Шаг 13

Создайте 4 новых слоя (Ctrl+Shift+N) и примените к ним тот же стиль, который мы использовали для облаков. Выберите инструмент кисть (Brush Tool — B) и создайте новую кисть с параметрами, показанными на рисунках (нажмите F5 для палитры кистей). Потом нарисуйте маленькие облачка на концах радуг, там, где они касаются больших облаков.

Уроки PhotoShop - Фантазийное ночное небо

Шаг 14

Создайте новый слой (Ctrl+Shift+N), расположенный ниже облаков и радуг. Закрасьте его черным цветом (нажмите D, затем Alt+Delete) и установите режим наложения на «Осветление основы» (Blending Mode = Color Dodge). Снова выберите кисть и создайте форму для рисования звезд (см. рисунки).

Уроки PhotoShop - Фантазийное ночное небо

Шаг 15

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

Уроки PhotoShop - Фантазийное ночное небо

Заключение

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

Уроки PhotoShop - Фантазийное ночное небо

Переводчик: Фирстов Александр

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


Фотошоп уроки — Стеклянный шарик

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

Фотошоп уроки - Стеклянный шарик

1) Создаём новый документ, и вставляем туда ранее скачаное изображение газеты. Далее с помощью инструмента Овальное выделение (Elliptical Marquee Tool) с нажатой клавишей Shift создаем круглое выделение области

Фотошоп уроки - Стеклянный шарик

2) Выставляем на палитре цветов следующий цвет: D6D3C0
Теперь с помощью инструмента Paint Bucket Tool (Заливка) зальем выделенную область заданным ранее цветом. После этого снимем выделение и нажатием сочетание горячих клавиш Ctrl +D .

Фотошоп уроки - Стеклянный шарик

Фотошоп уроки - Стеклянный шарик

3) Далее заходим в стиль слоя, в разделе Inner Shadow(Внутренняя тень) задаём следующие параметры:

Фотошоп уроки - Стеклянный шарик

после чего получаем такой результат:

Фотошоп уроки - Стеклянный шарик

4) Теперь создаем новый слой и задаём привязку нажатием сочетанием горячих клавиш Ctrl + Alt + G по верхнему слою и выбираем Создать обтравочную маску\\CreateClippingMask. Далее на палитре цветов задаём цвет 65645F, после чего выбираем инструмент Gradient (градиент) и выставляем ему настройки как показано на рисунке ниже:

Фотошоп уроки - Стеклянный шарик

После установки всех настроек потягиваем линию как показано на рисунке ниже, от красной точке к синей:

Фотошоп уроки - Стеклянный шарик

Фотошоп уроки - Стеклянный шарик

Теперь нажмем клавишу D и добавим Слой-маску\\ Add Layer Mask
После выбираем в настройках Radial Gradient (Радиальный градиент) и проводим от центра к краю:

Фотошоп уроки - Стеклянный шарик

5) Создаём дубликат слоя (можно использовать сочетание горячих клавиш Ctrl+J):

Фотошоп уроки - Стеклянный шарик

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

Фотошоп уроки - Стеклянный шарик

Теперь понижаем Заливку\\Fill до 0% и кликаем двойным нажатием по иконке стиля слоя, после чего настраиваем следующие параметры как показано на рисунке (Inner Shadow\\Внутренняя тень)

Фотошоп уроки - Стеклянный шарик

После выстанавливаем Inner Glow\\Внутреннее свечение:

Фотошоп уроки - Стеклянный шарик

Фотошоп уроки - Стеклянный шарик

6) После этого создаем новый слой, выбираем в панельке инструментов Brush Tool\\Кисть, и задаём такие размеры:

Фотошоп уроки - Стеклянный шарик

выстанавливаем передний цвет\\foreground белым. Теперь кликаем в центре нашего круга и применяем Фильтр\\Размытие\\Размытие по Гауссу\\Filter/Effects/Gaussian Blur, радиус – 25 рх.

При активном слое Layer 3 нажимаем Сtrl и кликаем по Layer 1 после чего добавляем маску слоя (Add Layer Mask) и изменяем непрозрачность слоя на 30%

Фотошоп уроки - Стеклянный шарик

7) Создаём новый слой, выбираем инструмент кисть\\Brush Tool, с жесткостью\\ hardness — 100%размером около 20 px задаём белый цвет, и создаем блик на шаре:

Фотошоп уроки - Стеклянный шарик

Перед тем как продолжить выполнять урок, не хотите посмотреть зарубежные интернет магазины с доставкой в Россию, которые могут не слабо сэкономить ваш бюджет — http://bestchinashops.ru/sunsky-online/
Теперь можно и продолжить:

Применим Фильтр\\Размытие\\Размытие по Гауссу радиус – 5 рх.
Далее добавим Стиль слоя\\Add a Layer Style
Outer Glow\\Внешнее свечение как на рисунке ниже:

Фотошоп уроки - Стеклянный шарик

8) Делаем активным слой под названием Layer 1 copy и выстанавливаем Заливка\\Fill – 25% как на рисунке:

Фотошоп уроки - Стеклянный шарик

Если вам не нравится основание, и вы считаете что оно слишком яркое, то вы можете поэксперементировать, вы можете понизить непрозрачность/opacityLayer 1 copy в настройках стиля слоя, в закладке Inner Shadow\\Внутренняя тень.

Фотошоп уроки - Стеклянный шарик

Далее делаем активным нижней слой (слой с газетой) и создаем новый слой. при активном Layer 5 нажмем Ctrl + click по слою Layer 1 copy. и нажимаем кнопку D, Применяем инструмент Градиент\\Gradient Tool, от черного к прозрачному, в режиме радиальный:

Фотошоп уроки - Стеклянный шарик

применяем трансформацию, для этого можно использовать горячие клавиши Ctrl + T, после нажатия потяните верхний прямоугольник к центру, после чего нажмите Enter, чтобы окончить масштабирование, также нажимаем Ctrl +D чтобы снять выделение:

Фотошоп уроки - Стеклянный шарик

Как вы видете мы создали некое подобие тени, далее мы будем его усовершенствовать, что бы добиться наилучшего результата, для этого выбираем инструмент Перемещение\\Move Tool и переместите тень немного вправо.

Фотошоп уроки - Стеклянный шарик

Применяем непрозрачность\\opacity на 50% и примените Фильтр\\Размытие\\Размытие по Гауссу, радиус от 2-5 рх.

Фотошоп уроки - Стеклянный шарик

Фотошоп уроки - Стеклянный шарик

9) Для того чтобы придать тени более правдоподобный вид, нам нужно исказить тень внутри шара, для этого делаем активным Layer 5
Нажимаем Ctrl + click по Layer 1 copy , чтобы загрузить выделение Layer 1 copy
и затем применим Фильтр\\Искажение\\Сферизация (Filter/Distort/Spherize…), степень\\Amount – 100%, режим \\Mode – нормальный\\Normal.

Фотошоп уроки - Стеклянный шарик

Теперь делаем активным слой с газетой, и применяем использованный ранее фильтр, с теми же настройками:

Фотошоп уроки - Стеклянный шарик

10) Теперь давайте после чего выставляем такие же настройки как на рисунке ниже:

Фотошоп уроки - Стеклянный шарик

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

Фотошоп уроки - Стеклянный шарик

Перевод: Ревтов Игорь


Фотошоп урок — Бурлящяя плазма

Данный урок позволит создать оригинальный фон, напоминающий бурлящую плазму.

1) Создайте новый документ. Размер и разрешение значения не имеют — выберите их на свое усмотрение.
Я выбрал параметры, указанные на рисунке.

Фотошоп урок -  Бурлящяя плазма

2) Далее на панели инструментов выберите Градиент (Gradient — горячая клавиша G).
На панели со свойствами выберите любой тип цветного градиента, который вам нравится.

Фотошоп урок -  Бурлящяя плазма

3) На панели свойств инструмента установите режим наложения (Blend Mode) как \»Разница\» (Difference).
Теперь дайте волю своей фантазии: на фоновом слое побалуйтесь с градиентом — используйте разные типы заливки
(линейный, радиальный, отраженный и т.д.). Применяйте заливки хаотично, и, накладываясь друг на друга,
в конечном итоге они дадут что-то похожее на изображение (не стремитесь получить 100% сходство — его не будет 🙂

Фотошоп урок -  Бурлящяя плазма
Фотошоп урок -  Бурлящяя плазма

4) Когда вы решите, что достаточно, выполните команду Изображение->Коррекция->Обесцветить
(Image->Adjustments->Desaturate). Эта команда сделает ваши градиенты черно-белыми.

Фотошоп урок -  Бурлящяя плазма

5) Если получившееся изображение кажется вам слишком темным, сделайте копию рабочего слоя (перетащите мышкой
изображение фонового (Background) слоя на иконку создания нового слоя (Create a new layer) в окошке).
Новому слою задайте режим наложения \»Линейный осветлитель\» (Linear Dodge). Этот режим естественным образом сбалансирует
уровни освещенности обоих слоев, сделав изображение светлее.

Фотошоп урок -  Бурлящяя плазма

6) Примените фильтр: меню Фильтр->Эскиз->Хром (Filter->Sketch->Chrome) с параметрами как на рисунке.
Проделайте это над обоими слоями.

Фотошоп урок -  Бурлящяя плазма

7) Теперь у вас получилась теплая, шелковистая масса чего-то непонятного 🙂
Хочу заметить, что, повторяя все шаги до этого момента, каждый раз вы будете получать разные результаты.

Фотошоп урок -  Бурлящяя плазма

Хотите себе коробку для производственных товаров с такой же картинкой как на рисунке выше? Нет? Тогда закажите уникальную картинку и дизайн для упаковки своих товар у профессионалов своего дела — коробки картонные

8) Теперь добавьте новый пустой слой (нажмите на кнопке \»Создать новый слой\») в окошке со слоями.

Фотошоп урок -  Бурлящяя плазма

9) Выберите стандартный тип градиента Желтый (Yellow), режим наложения Разница (Blending Mode Difference) и
примените несколько раз градиент на новом слое (используйте радиальный тип заливки или в виде ромба — Radial/Diamond Gradient).
В итоге сначала получится что-то типа такого:

Фотошоп урок -  Бурлящяя плазма

А потом вот такое:

Фотошоп урок -  Бурлящяя плазма

10) Теперь снова сделайте результат своей работы бесцветным: команда Изображение->Коррекция->Обесцветить
(Image->Adjustments->Desaturate).

11) Добавьте новый слой с заливкой. Команда Слои->Новый слой-заливка->Цвет (Layer->New fill layer->Solid color…)
Цвет заливки выберите красный. Режим наложения слоя — Замена темным (Darken)

Фотошоп урок -  Бурлящяя плазма
Фотошоп урок -  Бурлящяя плазма

12) С помощью инструмента \»Горизонтальный текст\» (Horizontal type tool) добавьте желаемый текст,
цвет текста — белый.

Фотошоп урок -  Бурлящяя плазма

13) Теперь вернитесь к тем слоям, которые мы создали раньше (черно-белые изображения) и поместите их в \»Набор слоев\» (Layer set)
Для этого щелкните на иконке \»Создать новый набор\» (Create a new set) в окошке со слоями. Затем перетащите мышкой в появившуюся \»папку\» два слоя.
Слои выстроятся так, как показано на рисунке.

Фотошоп урок -  Бурлящяя плазма

14) Установите режим наложения вашего нового набора как Затемнение основы (Color burn).
А вообще — поиграйтесь с режимами слоев (вашего набора со слоями и красного слоя с заливкой).
Пробуйте все возможные режимы для ваших слоев — ведь мы создали разнообразие пересечений и наложений
разных граней в наших слоях, и никогда нельзя сказать наверняка, как пересекутся зоны освещенности
с том или ином режиме. Экспериментируйте!

Фотошоп урок -  Бурлящяя плазма
Фотошоп урок -  Бурлящяя плазма

15) Теперь нам нужно добавить эффект \»Обводка\» (Stroke) к слою с фоном (Background), но есть одна проблема: он заблокирован.
Чтобы обойти это, сделаем сначала его копию: перетащим мышкой изображение фона на иконку \»Создать новый слой\». А затем перетащим
слой с фоном на кнопку с мусорной корзиной. Теперь у нас есть слой с изображением фона, только без блокировки!

Фотошоп урок -  Бурлящяя плазма

16) Идем в меню Слои->Стиль слоя->Обводка (Layer->Layer Style->Stroke…) и выставляем значения как на рисунке.

Фотошоп урок -  Бурлящяя плазма

17) В итоге вот что получилось:

Фотошоп урок -  Бурлящяя плазма

Перевод: Фирстов Александр


Рисование в фотошоп — Как нарисовать Гомера

В этом уроке я буду учить вас, как нарисовать знаменитого Гомера Симпсона из известного ТВ-шоу \»The Simpsons\» с помощью инструмента перо. Для того, чтобы вам было чуть более интересной, я не буду показывать вам, как сделать обычного Гомера, а сделаю его как \»смерть\», как показано на рисунке ниже:

Рисование в фотошоп - Как нарисовать Гомера

Шаг 1: Я нашел изображение Гомора на просторах Google, После я распечатал изображение. Затем я вынул мои карандаши и лист бумаги, И приступил к рисованию руководствуясь распечатанной ранее картинкой. После того как я закончил зарисовок Гомера на бумаге, я провел его в Photoshop (рисунок ниже). Оттуда я пошел на следующий шаг.

Рисование в фотошоп - Как нарисовать Гомера

Шаг 2: Теперь мы собираемся использовать инструмент \»Перо\» и сделать красивый чистый набросок нашего эскиза. Используйте параметры которые приведены на рисунки ниже для получения наилучших результатов:

Рисование в фотошоп - Как нарисовать Гомера

Далее заполним наш выделенный путь. Я использовал \»4 пиксельную\» кисточку черного цвета. Вот что у меня получилось::

Рисование в фотошоп - Как нарисовать Гомера

Шаг 3: Теперь мы будем заполнять каждую области наброска, используя инструмент кисть. Я использовал sperate слой для каждого цвета. Таким образом, создав новый слой, начните раскраски! Вот что должно получиться:

Рисование в фотошоп - Как нарисовать Гомера

Хотите приобрести себе косу круче, чем на фото в этом уроке, но у вас не хватает денег? Тогда вам поможет служба моментальных кредитов — быстро деньги

Вот те цвета которые я использовал для каждого слоя ниже:

Рисование в фотошоп - Как нарисовать ГомераРисование в фотошоп - Как нарисовать ГомераРисование в фотошоп - Как нарисовать ГомераРисование в фотошоп - Как нарисовать ГомераРисование в фотошоп - Как нарисовать ГомераРисование в фотошоп - Как нарисовать Гомера

Шаг 4: штрихи
Далее вы можете добавить некоторые штрихи, к примеру сделать фон, в общем фантазируйте. Вы также можете добавить несколько теней! Мой окончательный результат:

Рисование в фотошоп - Как нарисовать Гомера

Урок Photoshop — логотип игры NFS ProStreet
Урок Photoshop - логотип игры NFS ProStreet

Здравствуйте, дорогие друзья! Думаю каждый играл или видел, а возможно только слышал об игре NFS ProStreet. Это симулятор гонок, с помощью которых вы можете погрузиться в виртуальный мир скоростной жизни. Но этот урок не посвящен тому, чтобы обсуждать эту игру, а посвящен он совсем другому. Все игравшие в это игру видели логотип, он выглядит привлекательно, но на практике оказывается, что сделать его не так уж и сложно. Сегодня я расскажу вам как можно без особого труда сделать это, и так меньше слов, больше дела, приступим:

Для начала как обычно создаём новый документ, я задал размеры 700х300 пикселей

Далее закрашиваем фон чёрным цветом. Теперь задаём цвет #bcdf4f и рисуем такую фигуру, она является стандартной, после её создания кликнем 2 раза по слою с фигурой, и устанавливаем обводку чёрным цветом в 3 пикселя:

Урок Photoshop - логотип игры NFS ProStreet

Теперь немного исказим нашу фигуру, для этого делаем операцию: Редактирование > Трансформация > Искривление, и искривляем нашу фигуру примерно, так как показано на рисунке:

Урок Photoshop - логотип игры NFS ProStreet

Теперь добавим текст, я использовал шрифт mactype, скачать вы можете его здесь: Скачать шрифт MacType :

Урок Photoshop - логотип игры NFS ProStreet

Теперь нажимаем на наш слой с фигурой правой кнопкой мыши и там выбираем: Создать дубликат слоя, тем самым мы дублируем нашу фигуру, теперь применяем следующею операцию к обоим слоям с фигурами. Если вы боитесь выполнить данную операцию, тогда купите шокер — policepower с ним вы станете гораздо смелее при работе с Фотошопом smile-17 : Слой—Растрировать—Фигуру

Теперь делаем так, со слоем, который находится ниже мы делаем следующее: нажимаем 2 раза кнопкой мыши по слою, заходим в раздел «Наложение цвета» и там выбираем чёрный цвет.

Убираем из виду фон (чёрный) – для этого там, где слои убираем глазик напротив ненужного нам слоя, теперь выделяем часть нашей фигуры, выделяем ту фигуру, которая находится выше (та которую мы не заливали чёрным цветом) и нажимаем Delete, вот что должно получиться:

Урок Photoshop - логотип игры NFS ProStreet

Урок Photoshop - логотип игры NFS ProStreet

Теперь с помощью инструмента «Прямое лассо» сделаем левый край как на рисунке (выделяем и нажимаем Delete в начале надо переключиться на один слой с фигурой и нажать кнопку Delete, а затем тоже самое с другой):

Урок Photoshop - логотип игры NFS ProStreet

Делаем видимым наш задний слой (чёрный) и создаём новый слой: Слой—Новый—Слой
Теперь с помощью кисточки WetMedia делаем, как показано ниже на рисунке, скачать кисточку вы можете с нашего сайта здесь: Кисть для PhotoShop- WetMedia :

Урок Photoshop - логотип игры NFS ProStreet

Создаём ещё один слой, и также как в прошлый раз с помощью той же кисточки делаем пятна, на этот раз сделайте цвет кисточки немножко потемнее, с потихоньку накладывайте штрихи:

Урок Photoshop - логотип игры NFS ProStreet

Далее делаем тоже самое только выбираем белый цвет, это тоже будем делать на новом слое.

Почти закончили, теперь делаем то, что мы делали ранее (наносили белый и зелёный цвет) только теперь мы создаём новый слой под слоем с текстом, вот что в конечном итоге получилось у меня (я немного доработал картинку, вспомнил, что в игре все буквы написаны заглавными, и быстренько исправил этот недочёт) :

Урок Photoshop - логотип игры NFS ProStreet

Работа Stil Free:

Урок Photoshop - логотип игры NFS ProStreet

Выкладывайте свои работы! Удачи!


Урок по созданию печати в Photoshop

Приветствую вас на очередном уроке сайта www.PhotoShopy.net в этом уроке мы сделаем собственную печать. И так, приступим:

Для начала создадим новый документ, зададим размеры 300х300 пикселей:

Урок по созданию печати в Photoshop

Далее пишем те слова, которые будут написаны по кругу печати, и задаём ему чёрный цвет (или любой другой цвет которым хотим сделать нашу печать):

Урок по созданию печати в Photoshop

Делаем деформированный текст, выставляем настройки как на рисунке:
Теперь создаём дубликат слоя с текстом и поворачиваем его на 180 градусов:

Урок по созданию печати в Photoshop

Редактирование – Трансформирование – Поворот на 180 градусов (в англ. версии: Edit > Transform > Rotate 180) И затем двигаем слои так чтобы у нас получился круг как на рисунке:

Урок по созданию печати в Photoshop

Теперь делаем обводку, но для начало создадим новый слой, далее выбираем инструмент «Овальная область» (в англ. Версии: Ellitical Marquee tool) выделяем область, и затем выполняем действие: Редактирование – Выполнить обводку (в англ. версии: Edit > Stroke). Задаём размер обводки в 5 пикселей, вот что должно получиться:

Урок по созданию печати в Photoshop

Далее делаем внутреннею обводку, всё делается точно также, только размер обводки задаём в 3 пикселя, эту операцию также делаем на новом слое, вот что должно получиться:

Урок по созданию печати в Photoshop

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

Урок по созданию печати в Photoshop

Теперь придадим нашей печати немного шероховатости, сделаем эффект некой старости. Делается это так, создаём новый слой, выполняем операцию Фильтр – Рендеринг — Облака (в англ. версии: Filter > Render > Clouds), деле делаем так: Фильтр – Шум – Добавить шум… (в англ. Версии: Filter > Noise > Add Noise) и там выставляем количество около 35 (можете поэкспериментировать).

И изменяем параметр наложения на «Замена светлым» (в англ. Версии: Screen) вот что должно получиться:

Урок по созданию печати в Photoshop

Далее я слил слои, и повернул печать, эту операцию можно сделать так: объединить слои и затем нажать комбинацию клавиш Ctrl+T.

Вот что у меня получилось в конечном итоге:

Урок по созданию печати в Photoshop

Видео версия

Разработать качественный, не дорогой сайт для вашего бизнеса и продвинуть поможет наш партнёр (лидер в своём сегменте) компания Serenity — продвижение сайтов


Создание текстуры карбонового волокна

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

Запускаем Photoshop и создаём новый документ размерами 4х4 пикселя, с прозрачным фоном:

Создание текстуры карбонового волокна

Далее выбираем инструмент карандаш (в англ. Версии: Pencil Tool) и выставляем к нему такие настройки:

Создание текстуры карбонового волокна

Далее выставляем цвет #1a1a1a и закрашиваем два верхних правых квадратика с помощью выбранного ранее инструмента карандаш, у вас должно получиться так (для того чтобы легче было нанести краски, увеличьте до максимума ваше изображение с помощью инструмента лупа):

Создание текстуры карбонового волокна

Далее будем закрашивать два верхних левых квадратика, но теперь будет другой цвет, устанавливаем цвет #b6b6b6 и зарисовываем квадратики с помощью инструмента карандаш, у вас должно получиться вот такое:

Создание текстуры карбонового волокна

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

Создание текстуры карбонового волокна

#b6b6b6 #1a1a1a
#59595 #323232
#1a1a1a #b6b6b6
#323232 #595959

Основная работа сделана, осталось всего лишь сохранить нашу карбоновую текстуру, для этого мы выполняем операцию: Редактирование —> определить узор (в англ. Версии: Edit > Define Pattern), задаём имя для нашей текстуры, оно может быть любое, к примеру, я назвал его Kapbon:

Создание текстуры карбонового волокна

Вот и всё, теперь давайте проверим наши труды, создаём новый документ (я создал размеры 300х100 пикселей) нажимаем 2 раза на слой, перед нами открывается окно «Стиль слоя», слева находим закладку «Перекрытие узора» и там находим нашу текстуру как на рисунке:

Создание текстуры карбонового волокна

Отличный результат:

Создание текстуры карбонового волокна

Арендовать сервер для вашего проекта можно у нашего партнёра — http://www.di-net.ru/collocation/dedicated/


PhotoShop урок – обои для рабочего стола

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

Для начало создадим поле, на котором будем творить…:

PhotoShop урок – обои для рабочего стола

Далее давайте закрасим фон (закрашивать предлагаю на новом слое, чтобы если что можно было в любой момент поменять цвет) вот какой цвет выбрал я:

PhotoShop урок – обои для рабочего стола

Далее с помощью инструмента «Прямолинейное лассо» (в англ. Версии: Polygonal lasso) нарисуем полосы, они придадут нашей картинке остроту:

PhotoShop урок – обои для рабочего стола

PhotoShop урок – обои для рабочего стола

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

PhotoShop урок – обои для рабочего стола

Теперь нарисуем радугу с помощью инструмента: «Перо» (в англ. Версии: Pen), вначале нарисуем основу, а затем будем рисовать остальные цвета (вы можете выбрать не реальные цвета радуги, а те которые вам понравятся), вот что у меня получилось:

PhotoShop урок – обои для рабочего стола

Далее снизим прозрачность слоя, я снизил до 50%, вы можете поэкспериментировать и по своему вкусу подогнать.

Теперь нарисуем деревце, если у вас нет, то вы можете скачать с нашего сайта по этой ссылке:

PhotoShop урок – обои для рабочего стола

Теперь с помощью кисточек рисуем декор, я нарисовал такое:

PhotoShop урок – обои для рабочего стола

Теперь давайте украсим нашу картинку с помощью небольших отрезков, и на их концах пририсуем звёздочки, снежинки и т д, вертикальные полосы нарисуем с помощью инструмента «Линия» (англ. Версии: Line) вот что у меня получилось:

PhotoShop урок – обои для рабочего стола

Осталось совсем нечего, находим в интернете (или в своих архивах) фотографию неба, накладываем поверх всего, подгоняем под размеры, затем делаем слой черно-белым с помощью горячей комбинации клавиш: Ctrl+Shift+U и затем изменяем параметр наложение на перекрытие (англ. Версии: Overlay)
Вот и всё! Вот конечный результат того что у меня получилось (я уменьшил размеры дабы фото много не весило на сайте, а на свой рабочий стол поставил полноразмерную версию):

PhotoShop урок – обои для рабочего стола

Всё о том как правильно лечить животных вы сможете узнать у наших друзей — хирургия животным


Создаём UserBar

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

UserBar или просто «графическая подпись (юзербар)» обычно размещается в подписи и отражает взгляды и интересы пользователя. Есть множество сайтов, на которых вам предлагают скачать готовые UserBar `ы. Но ведь этот юзербыр скачивают тысячи людей, и вы нередко сможете увидеть подобные юзербары у форуманчан. Давайте выделимся из общей массы и сделаем свой, уникальный UserBar!

И так, от теории переходим к практике:

1. Для начало как обычно создадим новый документ, обычные размеры, которыми я привык пользоваться это 350х20 пикселей:

Создаём UserBar

2. Теперь нужно придумать фон, тут есть 2 варианта, первый: вы просто заливаете каким либо цветом фон, второй на фон ставите какую либо картинку, оба варианта хороши, я сделаю перелив цвета, из светлого в более тёмный:

Создаём UserBar

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

Создаём UserBar

4. Давайте теперь перейдём в раздел внутренняя тень (в англ. версии Inner Shadow) и выполним следующие настройки:

Создаём UserBar

5. Давайте добавил к нашему юзербару стандартную штриховку, она украсит наш юзербар, для этого оставим наше главное изображение и создадим новое размерами 4х4:

Создаём UserBar

6. Увеличиваем изображение и делаем горизонтальную белую линию с помощью инструмента карандаш:

Создаём UserBar

7. Затем выполняем следующее действие: редактирование —> Определить узор (в англ. версии Edit —> Define Pattern) и нажимаем ОК. Теперь наше изображение определено как узор, и мы можем закрыть его не сохраняя, оно нам больше не понадобится.

8. Переходим на основное изображение, кликнем по слою 2 раза, перед нами появляется окно эффектов, заходим в раздел Перекрытие узора (в англ. версии Pattern Overla) и выставляем след настройки (прозрачность можно выставить по вкусу):

Создаём UserBar

9. Фон готов, теперь давайте сделаем надписи, обычно используют шрифт Visitor TT1 BRK (Внизу статьи вы можете его скачать)

Создаём UserBar

10. Как видите надпись не очень красиво вписывается, поэтому проведём небольшую модификацию, нажимаем на слой с текстом 2 раза, и ставим тень как на рисунке:

Создаём UserBar

11. Теперь добавим обводку в 1 пиксель:

Создаём UserBar

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

Создаём UserBar

13. Создадим эффект стекла, сделаем мы его так, выделите область с помощью Инструмента Овальная область (в англ. версии Elliptical Marquee Tool) как на рисунке, и зальём его градиентом белого цвета (с прозрачностью в 65%)
Можно поэкспериментировать и добиться отличного результата, вот что получилось у меня:

Создаём UserBar

Выкладывайте свои работы. Удачи!

Создаём UserBar Скачать с сервера два вида шрифтов для UserBar: hoog_mini.zip

Если вы ищите что посмотреть в интернете, тогда вам как нельзя, кстати, подойдёт сайт нашего партнёра — Сериал Универ онлайн