ArtTH: Photoshop, Illustrator Lessions - Коллекция проверенных уроков

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

2012-05-07T00:25:00.000+03:00

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

ArtTH / Photoshop / Effects

Этот тутотиал про то, как создавать приятные бэкграунды в стиле "Mac". Его можно использовать в любых ситуациях, например для создания воллпепера для своего рабочего стола, или, скажем, для оформления презентации.

Шаг 1:

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

Шаг 2:

Добавьте новый слой.

Возьмите Polygonal Lasso Tool (L) и нарисуйте треугольник, как на картинке.

Затем возьмите большую мягкую кисть (размера 300 или чуть больше) и нарисуйте белым градиент. Только осторожнее, не переусердствуйте. Если вы не в ладах с кистями в Фотошопе, вы можете использовать градиент от белого к безцветному.

Переведите этот слой в режим Overlay.

Шаг 3:

Создайте новый слой.

Теперь, снова возьмите Polygonal Lasso Tool и сделайте еще один треугольник (см. картинку ниже). Только в этот раз импользуйте не белый, а черный цвет кисти. Я использовал градиентную заливку от черного до бесцветного.

Поставьте черный слой в режим Overlay на 34%.

Шаг 4:

Создайте еще один слой.

Воспользуйтесь Pen Tool и нарисуйте кривую, а потом с помощью правой кнопки мыши выберите Make Selection.

Шаг 5:

В выделении еще раз воспользуйтесь Gradient Tool, на этот раз градиентом от белого к прозрачному.

Поставьте слой в режим Overlay, и у вас должно получиться что-то вроде этого:

Шаг 6:

Новый слой.

Вновь воспользуйтесь Pen Tool и сделайте несколько кривых. Соедините их вместе, что бы можно было выбрать площадь, которую эти линии образуют. С помощью правого щелчка по мыши выберите Make Selection.

Шаг 7:

Теперь воспользуйтесь мягкой большой кистью (300 размера) и добавьте немного черного с одной стороны (как показано на рисунке).

Не снимайте выделение, оно понадобится нам в дальнейшем.

Шаг 8:

Новый слой.

Выберите иконку Selection Tool в панели управления и нажмите клавишу вниз 10 раз. Теперь нажмите Ctrl+Shift+I что бы инвертировать выделение.

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

Шаг 9:

Новый слой.

Еще раз нажмите Ctrl+Shift+I, что бы инвертировать выделение (как было изначально), но на этот раз добавьте немного белого.

Шаг 10:

И опять - новый слой.

Используя Gradient Tool, нарисуйте градиент от белого к безцветному и поставьте Radial Gradient. Потом добавьте немного белого света в верхний левый угол (см. картинку ниже). Выставьте слой в режим Overlay.

Шаг 11:

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

Создайте новый слой.

На новом слое добавьте красивый оранжевый цвет (см. картинку ниже). Поставьте режим смешивания на Color и выставьте Opacity на 55%. Это должно помочь!

Шаг 12:

Теперь все выглядит значительно лучше.

Новый слой.

Воспользуйтесь приобретенным навыком и нарисуйте еще нескольно кривых и преобразуйте из в выделение.

Шаг 13:

Добавьте градиент от белого к прозрачному, а так же добавте мягкую белую подсветку справа. Режим слоя - Overlay.

Шаг 14:

Новый слой.

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

Шаг 15:

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

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

перевод: Максим Зуев

autor: Collis

source: http://psd.tutsplus.com/tutorials/tutorials-effects/creating-a-mac-type-background-in-photoshop/

Знак Радиации

2012-01-30T18:34:00.003+03:00

Знак радиации в Photoshop

ArtTH / Photoshop / Effects

В этом уроке описывается как создать интересный фон для иллюстрации. В качестве примера мы взяли символ радиактивного заражения и надпись "Hazardous".

Шаг 1:

Начнем в белого листа и зальем его красным цветом – #780000

Шаг 2:
Добавим новый слой.

Используя Custom Shape Tool (U), выберете символ радиации. Если вы видите слишком мало картинок, из которых можно выбрать, то, кликнув на маленькую стрелочку вверху справа, вы можете подгрузить дополнительные библиотеки символов.

Шаг 3:
Добавьте еще один слой.

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

Шаг 4:
Простой красный фон выглядит дерьмово, так что мы добавим Radial Gradient. Что бы сделать это удостоверьтесь, что вы выбрали правильные цвета в палитре:

#830506 – Цвет переднего плана
#370000 – Цвет заднего плана

Теперь выберите Gradient Tool и нажмите на Radial Gradient в верхнем левом углу тулбара, после чего проведите линию градиента от центра.

Шаг 5:

Что бы добавить текстуры, дублируйте слой с градиентом и примените Filters > Render > Fibers, оставив все настройки по дефолту.

Настройте Opacity на 30%.

Шаг 6:

Теперь продублируйте слой с текстурой и, выбрав Transform Tool, зажмите Shift и поверните слой на 90 градусов.

Шаг 7:

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

Шаг 8:

Теперь, нужно привести в порядок наш символ. Добавьте новый слой и переместите его ПОД слой с символом. Нажмите Ctrl и щелкните по слою с символом, что бы выделить его. Не снимая выделения возвращайтесь на только что созданный слой и в меню выбирайте Select > Modify > Expand.

Выберите значение в 8 пикселей.

После чего, залейте выделенное черным – #000000 – поставьте Opacity = 25%.

Шаг 9:

Теперь давайте добавим градиент на символ. Создайте новый слой, после чего Ctrl-кликом выделите фигуру снова.

На новом слое используйте Gradient Tool со следующими цветами:

Цвет переднего плана – #fffefe
Цвет заднего плана – #b4b4b4

Шаг 10:

Теперь, создайте еще один слой поверх остальных. Залейте его черным и примените Filters > Render > Lens Flare.

Теперь смените Blend Mode на Overlay и Opacity на 45%.

Шаг 11:

Применяйте Filter > Distort > Wave до тех пор, пока не получится красивое искажение. Можете добавить еще один слой, и так же поэксперементировать, что бы получить более насыщеную картинку.

Шаг 12:

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

перевод: Максим Зуев
autor: Collis
source: http://psd.tutsplus.com/tutorials/tutorials-effects/hazardous-red-background/

"Металлический" эффект в Photoshop

2012-01-29T14:21:00.025+03:00

Как сделать "металлический"

эффект в Photoshop

ArtTH / Photoshop / Effects

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

Шаг 1:

Фоновый слой:

Начнем, как всегда, с градиента. Я использовал радиальный градиент с двумя оттенками зеленого цвета. Цветовые коды ниже:

Foreground – #93cc1a
Background – #7eb704

Шаг 2:

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

Шаг 3:

Теперь дублируйте последний слой и перейдите к Filter > Blur > Gaussian Blur и используйте установку 20px чтобы размыть слой и дать ему более мягкий эффект.

Шаг 4:

Теперь, чтобы получить фоновый эффект, я использовал шрифт под названием TW Cen MT (T1), и просто вбил две буквы "S". Я использовал цвет #cecfd0, а затем сделал их гигантскими и поставил в настройках слоя "Multiply". Это создало хорошие пышные формы на фоне.

Шаг 5:

Теперь мне нужна фигура. С помощью Custom Shape Tool(U) я выбрал форму Fleur De Lis, потому что она достаточно сложна и изящна. Я еще раз использовал цвет - #cecfd0

Шаг 6:

Чтобы начать добавлять металлический эффект, щелкните правой кнопкой мыши на слое в панели Layers, и выберите Blending Options.
Сначала добавьте Drop Shadow, чтобы отделить фигуру от фона. Хорошие тени должны быть тонкими.
Затем мы добавляем Stroke. Я использовал size = 4px. Но ключевым моментом здесь является переключение типа заливки на Gradient, а затем использование хорошего градиента от серого к белому.

Шаг 7:

Мы добавляем Gradient Overlay с использованием того же градиента.

Шаг 8:

Наконец, что бы получить хромированный эффект, мы будем использовать Bevel and Emboss Tool, выбрав Inner Bevel большого размера и нечетным Gloss Contour. Просто перемещайте ползунки, пока вы не получите хорошие результаты. И теперь у нас есть стиль! Вы можете скопировать и вставить стиль, щелкнув правой кнопкой мыши на слое и выбрав Copy Layer Style.

Шаг 9:

Чтобы закончить, я добавил черную полосу, а затем нарисовал прямоугольник с закругленными углами, применяя стиль к этому слою.
Затем я добавил текст "Metallic Style" и создал новый стиль для текста. В новом стиле я изменить различные настройки следующим образом:
Inner Shadow - Я хочу чтобы буквы были похожи на металл, и я добавил внутренние тени.
Gradient Overlay.
Stroke - Опять я использую градиент однако на этот раз это Outer Stroke c градиентом от темного к светлому.

Шаг 10:

Ну вот и получилась хорошая пара металлических стилей!

(перевод: Максим Зуев
author: Collin
source: http://psd.tutsplus.com/tutorials/tutorials-effects/metallic-styles-in-photoshop/)