Aquasoft.3dn.ru

Анимированный юзербар

BlackaNdWhite — Tue, 20 Oct 2009 04:46:45 GMT

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

Шаг 1.
Создаем новый документ (Ctrl+N) 350х20px.
Создаем новый слой (Sift+Ctrl+N).
Берем инструмент Gradient Tool (G), тип “Linear Gradient”, выставляем цвета #4e4e4e, #161616 и заливаем наш фон:

Шаг 2.
Создаем группу (Layer > New > Group).
Создаем в ней новый слой (Shift + Ctrl + N).
Берем инструмент Brush Tool (B.) размером 3px, выставляем основной цвет белый и нажимаем клавишу “F5”, настраиваем “Shape Dynamics” как на картинке:

Шаг 3.
Рисуем горизонтальную линию (зажмите “Shift” при рисовании), заходим в стили этого слоя (Layer > Layer Style > Blending Options) и настраиваем как на картинке:

Шаг 4.
Закрываем окно “ Blending Options ”, в списке слоев щелкаем правой кнопкой по этому слою и выбираем “Copy Layer Style”. В этой же группе создаем еще один слой. В списке слоев щелкаем по нему правой кнопкой мыши и выбираем “Paste Layer Style”, для применения к нему такого же стиля как и у предыдущего слоя.
Далее берем инструмент Brush Tool (B.) размером 1-2px, и рисуем искры:

Шаг 5.
Повторите шаг №4 для создания четырех – пяти слоев с искрами. Варьируйте расположение искр:

Шаг 6.
Временно скройте эту группу (в списке слоев щелчок по иконке глаза, около этой группы)
Создайте еще одну группу и в ней создайте слой, к нему примените тот же стиль, что и для предыдущих слоев. Берем инструмент Brush Tool (B.), выбираем из списка стандартную кисть размером 45px с размытыми краями и ставим точку в середине документа. После этого создаем еще 8 слоев все с тем же стилем и ставим на каждом из них по одной точке, кистями с размерами 80, 120, 160, 200, 300, 400, 500 и 800px:

Шаг 7.
Создаем новую группу.
Берем инструмент Horizontal Type Tool (T) и слева пишем “SUPER USERBAR”, я использовал шрифт “Arial”, размер 12pt. Создайте копию этого слоя (Ctrl+J) и примените к ней стиль как на картинке:

Шаг 8.
Создайте 11 копий слоя с текстом (с эффектом), далее выбираем верхний из этих слоев и удаляем все буквы, кроме первой. Переключаемся на второй слой и удаляем все буквы, кроме первой и второй. Выполните это действие для всех этих копий, удаляя на каждом слое на одну букву меньше, чем на предыдущем. Вот все наши текстовые слои:

Шаг 9.
Создаем новую группу.
Берем инструмент Horizontal Type Tool (T) и справа пишем “CLICK HERE”.
Сразу же создадим 4 копии этого слоя. К оригиналу этого слоя применяем стиль как у текста “Super userbar”. Далее выбираем любую копию, нажимаем “Ctrl+T” и сверху на панели выставляем значения “W: 50%” и “H: 50%”, жмем “Enter”. Далее выбираем вторую копию, нажимаем “Ctrl+T” и выставляем “W: 75%” и “H: 75%”. Для третьей копии выставляем “W: 90%” и “H: 90%”. Четвертую оставляем без изменений:

Шаг 10.
Далее, над всеми группами создаем новый слой, берем инструмент Rectangular Marquee Tool (M), создаем выделение в половину верхней части юзербара и заливаем белым цветом:

Шаг 11.
Меняем режим наложения для этого слоя на “Overlay” и выставляем “Opacity: 40%”:

Шаг 12.
Теперь, в списке слоев, поместите нашу первую группу над группой со словами “Super userbar”, а группу №2 со вспышками, поместите над всеми группами.
Теперь, перед создание анимации, сверим, что у нас в списке слоев, снизу вверх:
1) Фоновый слой.
2) Группа 3, в которой 13 слоев с текстом “Super userbar”.
3) Группа 1, в которой 4 слоя с искрами и 1 слой с линией.
4) Группа 4, в которой 5 слоев с надписью “CLICK HERE”.
5) Группа 2, в которой находятся 9 слоев со вспышкой из центра.
6) Слой – блик.
Теперь скрываем все слои, кроме слоев в группе 1, слоя с фоном и слоя с бликом.
Разместите слои группы 1 слева, за областью холста и потом скройте их тоже:

Шаг 13.
Запускаем “Image Ready” (Shift+Ctrl+M).
Если у вас Photoshop CS3, то вам не нужно запускать “IR”, вместо этого, просто откройте окно анимации “Window > Animation”.
Для избегания вопросов рассмотрим окно анимации, а вернее кнопки которые нам понадобятся. Их название нам не важно, просто запомните:

Кнопка №1 – создать новый кадр.
Кнопка №2 – создать промежуточные кадры.
Кнопки №3 – выставить время для кадра.

Шаг 14.
Приступим к созданию анимации.
Напомню, что на первом кадре, у нас скрыты все слои, кроме фона и блика.
Создаем новый кадр и делаем видимым слой с белой надписью “Super userbar”.
В окне анимации зажимаем “Ctrl”, выбираем оба кадра и жмем на кнопку добавления промежуточных кадров, появится окно “Tween”, выставите в нем в поле “Frames to Add” значение “4” и нажмите ок. Теперь у нас 6 кадров, выставите для последнего время “0,5 sec”:

Шаг 15.
Создаем новый кадр. Выставляем для него время “0” (No delay) и делаем видимым слой с линией (Группа 1), при этом искры по-прежнему должны быть скрыты. Создаем еще один кадр, берем инструмент Move Tool (V), зажимаем “Shift” и перетаскиваем линию вправо, так, что бы ее основание было чуть правее последней буквы “R”, в надписи “Super userbar”. Выделяем эти два кадра и создаем 11 промежуточных кадров:

Шаг 16.
Возвращаемся к кадру №8.
Проверьте, что в группе №3, слой с надписью без эффектов, расположен под слоями с эффектами, если это не так, то перенесите его.
Делаем видимым слой с буквой “S”. Переключаемся на кадр №9, скрываем слой с буквой “S” (по идее, он должен скрыться сам) и делаем видимыми слой с буквами “SU”. Повторите это действие для всех слоев с буквами. На 19-ом кадре, у вас должна быть полная надпись “Super userbar” с эффектами:

Шаг 17.
Возвращаемся к кадру №8.
Делаем видимым один из слоев с искрами. С помощью Move Tool (V), располагаем его на основании линии. Переключаемся на кадр №9, и делаем видимым другой слой с искрами, тоже располагаем его на основании. Повторите это действие до 18 кадра, чередуя слои с искрами, а на 19 кадре, оставьте видимым тот же слой с искрами, что и на 18, но установите для него “Opacity: 50%”:

Шаг 18.
Создаем новый кадр, скрываем слой с искрами. Передвигаем нашу линию примерно до середины юзербара и скрываем ее. Выбираем кадры №19, 20, и создаем 5 промежуточных кадров, для кадра №25 выставляем время “0,5sec”:

Шаг 19.
Создаем новый кадр (26), устанавливаем для него время “0”. Делаем видимым слой с маленькой надписью “Click here” (Группа 4).
Снова создаем новый кадр (27), делаем видимым следующий слой с надписью “Click here”, не скрывая предыдущий (обратите внимание на то, что слои должны располагаться от меньшего к большему, снизу вверх, т.е. нижний слой – это самый маленький, верхний - большой).
Создаем кадр (28), скрываем маленькую надпись и делаем видимым третий по размеру слой видимым.
Создаем кадр (29), скрываем второй по размеру слой и делаем видимым четвертый.
Создаем кадр (30), скрываем третий слой, делаем видимым слой с эффектом и устанавливаем для него “Opacity: 50%”.
Создаем кадр (31) и выставляем для слоя с эффектом “Opacity: 100%”:

Шаг 20.
Создаем новый кадр (32), скрываем надпись с эффектом. Выбираем кадры №31, 32 и создаем 2 промежуточных кадра.
Создаем новый кадр (35), снова делаем видимой надпись с эффектом. Выбираем кадры №34, 35 и создаем 2 промежуточных кадра.
Создаем новый кадр (38), скрываем надпись с эффектом. Выбираем кадры №37, 38 и создаем 2 промежуточных кадра. Выставляем для последнего кадра (40) время “0,5 sec”:

Шаг 21.
Создаем новый кадр (41), выставляем для него время “0”.
И делаем видимым слой, с маленькой вспышкой из центра (группа 2).
Создаем новый кадр и сделайте видимой большую вспышку, а маленькую скройте.
Создайте таким образом по одному кадру для каждого слоя.
Теперь на последнем кадре (49), полностью скрываем группы №1, 3, 4.
Создаем новый кадр (50), скрываем на нем группу №2. Выбираем кадры № 49, 50 и создаем 5 промежуточных кадров, для последнего (55) выставляем время “1 sec”.
Ну а теперь нам остается только сохранить это в .GIF формате. Для этого нажмите “Shift+Ctrl+S”:

Плагин для создания водной поверхности

BlackaNdWhite — Fri, 16 Oct 2009 22:11:59 GMT

Этот плагин был любезно предоставлен сайту фотошоп-мастером Анатолием Дупановым.

-----------------------------------------------

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

Вот, например, к этому фото можно добавить водички:

Эффект будто котенок заходит в воду, но при этом дико ее боится.

Итак, установка:

1. Распакуйте архив "Flood-102" и эту папку перенесите сюда (примерный путь):
С:\Program Files\Adobe\Adobe Photoshop CS3\Plug-Ins\

2. Перезагрузите Фотошоп.

3. Зайдите в меню Фильтр и внизу найдите плагин Flood-102.

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

[url="http://letitbit.net/download/4d89dc177386/Flood-102.zip.html"]Скачать[/url]

Стильный логотип

BlackaNdWhite — Wed, 14 Oct 2009 21:09:57 GMT

Шаг 1
Открываем Photoshop и создаём изображение 300x300 пикселей. Цвет заднего фона не имеет значения.
Шаг 2
Создаём новый слой (Shift+Ctrl+N) и выбираем инструмент выделения Marquee Tool (M). Зажимаем Shift для создания идеального круга, и рисуем.

Выбираем инструмент заливки Bucket Tool (G) и заливаем круг внутри. Цвет не имеет значения.

Нажимаем Ctrl+D для снятия выделения.

Шаг 3
Выбираем Layer » Layer Style » Blending Options. Устанавливаем все параметры как на скриншотах:

Drop Shadow
Blend Mode Colour = Black

Inner Shadow
Blend Mode Colour = Black

Inner Glow
Blend Mode Colour = Black

Bevel and Emboss
Highlight Mode Colour = Black
Shadow Mode Colour = Black

Satin
Blend Mode Colour = FFC600

Gradient Overlay
Нажимаем ОК, и наша сфера должна выглядеть примерно как эта:

Шаг 4
Этот шаг научит рисовать объект на вершине сферы. Зажимаем Ctrl и щелкаем мышкой по слою со сферой:

у Вас должно появиться выделение вокруг вашей сферы:

Выберите Eleptical Marquee Tool (М) , зажмите Alt и рисуйте круг внутри выделения. Убедитесь, что эти два круга пересекаются в одной точке как на рисунке:

Нарисованная область вычтется из прежнего выделения и получится такая фигура:

Создаём новый слой (Shift+Ctrl+N) поверх слоя со сферой. Выбираем инструмент заливки Bucket Tool (G) и заливаем наше выделение ( Цвет = #47515B)

После этого снимем выделение Ctrl+D.

Шаг 5
В этом шаге мы будем создавать текстуру для получившегося выделения. В верхнем меню выбираем Layer » Layer Style » Blending Options.
Выбираем Drop Shadow
Устанавливаем цвет Blend Mode = белый, и всё остальное:

Inner Shadow
Blend Mode Colour = Black

Inner Glow
Blend Mode Colour = Black

Bevel and Emboss
Blend Mode Colour = Black

Теперь мы должны установить образец Gloss Contour как на рисунке:

Gradient Overlay

Pattern Overlay
Выберите Светлый Мрамор

Подтверждаем настройки, нажимая ОК. Теперь у Вас должна быть сфера, примерно как на рисунке:

Шаг 6
Текст.
Для этого лого я использовал шрифт Space Age размером 18px, но вы можете использовать любой понравившийся вам. Затем, на отдельном слое я просто напечатал несколько точек с пробелами между ними.
В итоге получилось это:

Шаг 7
Завершающий шаг. Создадим логотипу лёгкое отражение для более стильного вида.
Создаём новый слой. Выбираем Eliptical Marquee Tool (M) и рисуем овал:

Выбираем Gradient Fill Tool. Сверху вы должны видеть этот инструмент:

Нажмите, куда указывает красная стрелка. Откроется это окно:

Кликните на каждом маленьком ползунке, на который указывает синяя стрелка и выставьте белый цвет Затем кликните на ползунок, на который указывает красная стрелка и выставьте прозрачность на 0. Инструментом Gradient Tool (кликаем и растягиваем вертикально) вы можете нарисовать стеклянное отражение на свой вкус:

Теперь установите уровень непрозрачности слоя на 57%

Теперь создаём новый слой и рисуем другой овал с помощью инструмента выделения (Eliptical Marquee Tool). Но в этот раз сделайте его меньше:

И повторяем шаг с нанесением градиента.
В итоге получаем:

Источник:
[url="http://kazahstan.ucoz.kz/"]http://kazahstan.ucoz.kz/[/url]

Стильная кнопка для сайта

BlackaNdWhite — Wed, 14 Oct 2009 21:09:19 GMT

Новый документ, размеры автор предлагает такие - 100х39
Выбираем Rounded Rectangle tool и с такими настройками

рисуем вот такое

Добавляем стили

Результат:

Снова используем Rounded Rectangle tool и на новом слое под этим рисуем так

Стили

Прозрачность слоя ставим 49%

Итог:

На новом слое делаем аналогично

С помощью marquee tool вырезаем прямоугольник

Такие вот стили добавляем

Итог:

Под этим слоем рисуем еще раз

Стили

Получаем:

И ВОТ!

Свечение

BlackaNdWhite — Wed, 14 Oct 2009 21:08:51 GMT

Шаг 1
Мы начинаем с радиального градиента. Он довольно резок. Идет от красно-коричневого цвета (#922f00) до черного (#000000).

Шаг 2
В этом уроке нам нужен более интенсивный центр.

Шаг 3
Нам нужен хороший фон. Для этого создадим туман. Чтобы сделать его, мы создаем новый слой. Background черный, а основной цвет - белый.

Затем проделаем следующую операцию - Фильтр -> Рендеринг -> Облака. Вот, что должно получиться.

Шаг 4
Установим режим наложения для слоя "Перекрытие", непрозрачность 30%. На этом можно и закончить, но мы придадим ещё немного задымленности.

Для этого используем Фильтр -> Эскиз -> Хром. Оставим все установки стандартными.

Шаг 5
Теперь нам нужно то, что будет испускать свечение. Здесь мы воспользуемся инструментом "Перо" (контуры). Всё, что нам нужно - это кривые линии.

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

Шаг 7
Теперь переключимся назад, на инструмент "Стрелка". Кликнем правой кнопкой мыши на нашу кривую. Появится окно, где нужно выбрать "Выполнить обводку контура" (Stroke Path). В появившемся окне поставим галочку возле "Имитировать нажатие" (Simulate Pressure), инструмент - "Кисть" (Tool -> Brush).

Затем опять кликнем правой кнопкой мыши на нашу кривую и выберем "Удалить контур".

Шаг 8
После проведенных выше операций, должно получиться что-то в этом роде.

Шаг 9
Теперь мы добавим свечение. Самый легкий способ - это использовать стили слоя. Используем "Внешнее свечение", "Тень" и "Наложение цвета" (Прим.: на рисунке отмечены галочками).

Шаг 10
Вот, что мы имеем.

Шаг 11
Теперь повторяем этот процесс несколько раз. Добавляем более толстые линии.

Шаг 12
Пишем текст и применяем к нему те же самые стили слоя.

Шаг 13
Теперь добавим крапинки-звездочки. Чтобы сделать это, создадим новый слой и выберем кисть размером 3px, для дорисовывания наших точек. Рассположим их ближе к центру свечения, чтобы казалось, что они исходят от него.

Стили слоя такие же, как у линий и текста!

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

Шаг 15
Установим режим наложения "Цветность" и непрозрачность 50% для этого слоя. Картинка в этой части получит синеватый оттенок.
Создадим ещё несколько дополнительных слоёв, первый с жёлтым градиентом, а второй с фиолетовым. Применим к ним режим наложения "Цветность" и непрозрачность 50%.

Результат

Рисуем фрезу

BlackaNdWhite — Wed, 14 Oct 2009 21:08:33 GMT

Начнём-с… Создадим новый документ 1200х1200 пикселей, разрешение -300, содержимое фона – белый.
Новый слой (с этого действия будет начинаться отрисовка каждого последующего элемента. Не лишним будет повторить, что бы не путаться - давайте слоям осмысленные названия).
С помощью направляющих ограничим поле для элемента. Горизонтальные (в пикселях) – 325, 460; вертикальные – 145, 375.

Рисуем контур зуба (Для этого используется инструмент Перо )

Выделяем прямоугольник, выходящий за границы направляющих и заливаем черным

Идём в Фильтры и Добавляем шум - 50%, по Гауссу, монохромный.
Размытие в движении: угол-0, смещение – 50.
Деформируем (Ctrl+T)

И добавляем слой-маску.

Получаем чернённую текстурированную заготовку для зуба.

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

Теперь выставляем направляющие через центр рисунка (600 пикселей).

Создадим маленький экшн.
На вкладке Операции кликаем на иконку Создать новый набор (назовём - Зубья), затем иконку Создать новую операцию (Разбросать) при этом включается кнопка начала записи.

Дублируем слой с зубом.
В режиме перемещения (V), - галочка в чекбоксе показать управляющие элементы должна быть включена – перетаскиваем центр вращения фигуры в точку пересечения последних направляющих. Уточняем координаты и ставим угол поворота 20 градусов.

Выполнив трансформацию, останавливаем запись.
Активируем команду Разбросать и жмём на кнопку пуск до тех пор, пока не замкнём окружность

Все слои, кроме заднего плана, объединим в один.

Рисуем боковую поверхность зуба.
Рисуем новый контур

Заливаем основным цветом. Контур удаляем.
В галерее фильтров собираем набор. Рельеф (детализация - 14 , смягчение - 2, свет –вниз), ниже Зернистость фотоплёнки (зерно – 2, область светов - 0, интенсивность – 0). Жмём Ctrl+L и подправляем уровни – в окошке входящий уровень теней ставим 100. Через меню Изображение-Коррекция-Яркость/контраст снижаем яркость (-70).

Снова делаем экшн по разбрасыванию элементов по окружности.
Объединяем все слои с боковинами в один.

Рисуем режущую кромку.
Новый контур.

Переключаем цвета переднего и заднего плана (Х) и заливаем слой.
Добавляем 90% равномерного, монохромного шума.
Радиальное размытие – степень -15, линейное, наилучшее.
Корректируем уровни: входящий - 30.
Преобразуем контур в выделенную область, добавляем и применяем слой-маску.
Ещё раз, аналогичный предыдущему, экшн и объединение слоёв.

Постепенно заполняем середину.

Оформляем углубление.
Овальная область выделения заданного размера 600х600.
Заливаем чёрным. Фильтр – Имитация – Зернистость фотоплёнки (зерно -7).
Новое выделение 530х530, очищаем.

Добавим к стилю слоя следующие эффекты

Центральная часть. Овальная область выделения заданного размера 530х530, заливаем чёрным. Затем 326х326, очищаем.

Меняем овальную область на прямоугольную (Shift+M).
Направляющие: вертикальная - 566, горизонтальная – 410.
Из точки пересечения - новая область заданного размера 68х40, очищаем.

Шлифуем центральную часть.

Овальная область заданного размера 500х500, цвет заливки #808080.
Новая область 330х330, очищаем.
Меняем овальную область на прямоугольную (Shift+M).
Направляющие: вертикальная - 563, горизонтальная – 407.
Из точки пересечения новая область 74х40, очищаем.

Новый слой. Выставляем цвета по умолчанию и меняем их местами (D, Х). Заливаем слой. Добавляем 30% равномерного монохромного шума. Размытие радиальное: степень -10, метод - кольцевой, качество - наилучшее.
Т.к. при этом центр размытия почему-то смещается, ставим его на место! Сдвиг вниз-вправо 5 пикс.
Подправляем уровни

Режим наложения слоя – Умножение. Сделаем из этого слоя обтравочную маску. Зажимаем Alt и кликаем мышкой между слоями на вкладке Слои.

Новый слой.
Создаём градиент

Выбираем конусовидный режим. Заливаем слой от цента по диагонали влево-вниз.
Режим наложения слоя - Перекрытие. Снова Аlt-тык.

Делаем три дубля со слоя с градиентом и ставим их в виде обтравочных масок к слоям с зубьями, заточкой и углублением. Режим наложения – перекрытие. Непрозрачность - подбираем.

Теперь с помощью инструментов Освелитель и Затемнитель [img]http://demiart.ru/forum/
html/psicons/burn.gif[/img] , кисточки и эффектов слоя добавим объёма. Зальём фон, добавим тень и…

Рисуем диплом

BlackaNdWhite — Wed, 14 Oct 2009 21:08:05 GMT

Рисование гранжевого диплома

Мне необходимо было сделать диплом, которым награждали лауреатов чемпионата по брейк-дансу «Уральская мельница».

Я решил не использовать в оформлении затейливых узоров с дензнаков и каллиграфических шрифтов. В общем, отбросил все представления о дипломе/грамоте среднестатистического награждаемого =) И остановился на гранжевом стиле. Мне нравится этот стиль. Можно делать все что угодно, особо не заморачиваясь на качестве графики. Все можно списать на гранж: перешарпы, грязь, плохие цвета и т.д.

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

1.
Создайте новый документ формата А4 с разрешение около 300 dpi. Для типографии выберите цветовой диапазон CMYK.

Вам понадобятся гранжевые кисти. Здесь нет смысла ограничивать определенным набором ваш полет фантазии. Выбирайте любые. В интернете они представлены в [url="http://www.brusheezy.com/brushes"]великом множестве[/url].

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

2.
В моих архивах нашлась подходящая под название чемпионата фотография ветряка.

3.
Добавляем мельницу к фону и убираем небо. Необязательно «миллиметрить» при вырезании. Горизонт можно обработать ластиком с гранжевыми кистями.
Выполните Image>Adjustments>Desaturate и поиграйте с настройками Brightness/Contrast.

4.
Лучи сделайте стандартным шэйпом фотошопа. Выставите Fill=0% и в стиле слоя добавьте градиент нужного цвета.

5.
Напишите название своего чемпионата, попутно добавив в Layer Style приличное значение Stroke. Сверху наложите текстуру мятой бумаги, а в уголке с помощью Gradient Tool сделайте загнутый уголок.

6.
Диплом будут вручать не за просто так, поэтому необходимо разместить название номинации.

Немного свечения ему не помешает.

7.
Сделаем так, будто бы логотип кто-то держит. Я думаю, вы справитесь с наложением пальца поверх бумаги и поиском необходимой картинки =)

8.
Тень от лого с помощью Layer Style>Drop Shadow не прокатит. Необходимо ее рисовать, так как там, где уголок подгибается тень будет менее размыта. В [url="http://fazeful.ru/articles/133/"]уроке про книгу[/url] я писал как это сделать с помощью Quick Mask Mode.

9.
Под логотипом стоит добавить небольшой фон из уменьшающихся точек. Делается он очень просто. С помощью Lasso Tool выделите любую область и переключитесь на Quick Mask Mode. Выполните Filter>Blur>Gaussian Blur с довольно высоким значением размытия. Далее Filter>Pixelate>Color Halftone. Значение радиуса выбирайте на свое усмотрение. Применяйте фильтр, отключайте маску слоя и заливайте получившуюся область любым цветом или накладывайте текстуру.

10.
Почти все готово. Мы решили, что имена победителей будут писать как-будто бы под дипломом. Для этого делаем отрыв бумаги.

С помощью Pen Tool обозначьте будущую область, растрируйте и примените Filter>Noise>Add noise.

11.
Продублируйте этот слой и с помощью Eraser Tool и выставленной Hardness=100% подотрите границы, а затем в Layer Style настройте Inner Shadow и Color Overlay.

12.
ублируйте последний слой жмем Ctrl+T>mouse right click>Warp и изгибаем, так как вам нужно.

Продублируйте и ластиком сотрите края, чтобы был виден обрыв бумаги. Добавьте шум и наложите градиенты градиенты.

13.
Закройте куском текстуры белую область под отрывом и добавьте тени.

Наш диплом готов!

Проставляем копирайты, печатаем, вставляем в рамку и вручаем заслужившим!

Рисуем МР3 Player

BlackaNdWhite — Wed, 14 Oct 2009 21:07:41 GMT

Создайте документ с черным фоном размером примерно 700х400. Возьмите инструмент rounded rectangle tool , радиус скругления углов поставьте на 20px. Создайте новый слой и нарисуйте на нем прямоугольник с округленными краями размером width: 417 x height: 268, цветом #F6F5F3
Теперь применим к слою с прямоугольником следующие параметры Layer Style

Inner Shadow

Inner Glow:

Color Overlay:

Satin:

Stroke:

Результат:

Нажимаем Select - > Load Select.
Ставим foreground color на #FFFFFF. Берем инструмент brush tool с мягкой кистью, создаем новый слой и на новом слое закрашиваем небольшой участок как на картинке ниже:

Создайте новый слой и назовите его Button. На это слое с помощью eclipse tool нарисуйте круг размером width: 95 x height: 95, цветом #323943

Снова создайте новый слой и нарисуйте круг размером width: 87 x height: 87, цветом #40454B
Добавьте к нему следующие параметра layer styles

Inner Shadow

Inner Glow:

Stroke:

Результат:

Опять создаем новый слой и рисуем круг размером (width: 27 x height: 27) цветом #40454B
Применяем параметры Layer Style

Inner Shadow

Outer Glow:

Inner Glow:

Stroke:

Результат:

Берем pencil tool и рисуем стрелочки на новом слое. В layer styles ставим

Stroke

Слою со стрелочкой ставим прозрачность на 60%.

Дорисовываем со всех сторон:

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

Выберите rounded rectangle tool с округлением углов 2px.
Рисуем на этом слое прямоугольник с округленными краями размером (width: 259 x height: 195), #7B7A80. Добавляем следующие параметры Layer Style

Inner Shadow

Outer Glow:

Gradient Overlay:

Stroke:

Результат:

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

Выберите rounded rectangle tool с округлением углов 20 px.
Рисуем на этом слое прямоугольник с округленными краями размером (width: 96 x height: 25), #000000 Добавляем следующие параметры Layer Style

Inner Shadow

Inner Glow:

Color Overlay:

Gradient Overlay:

Stroke:

Результат:

Добавляем текст Verdana, Regular, 14pt, Sharp and #FFFFF
Добавьте стрелочку с помощью шрифта Webdings или сами нарисуйте с помощью Pencil Tool.

Для удобства создайте новы Set перенесите туда кнопку, а далее дублируйте ее столько сколько вам нужно.

Откройте любое понравившееся фото и добавте его в наш проект. Автор урока создал специальную картику.

Получилось так:

Рисуем отверстие от микрофона.

Создадим новый слой. С помощью round rectangle tool нарисуем прямоугольник размером (width: 11 x height: 12), цветом #121921. И применим следующие параметры слоя Layer Style.

Drop Shadow

Inner Shadow:

Outer Glow:

Stroke:

Результат:

Создайте новы слой. На этом слое будет сетка динамика.
Создайте pattern как на картинке ниже. И примените его любым удобным для вас методом на нашем плеере.

Добавьте к плееру логотип. Автор урока воспользовался этим:

Итог урока.

РиТуш фото (красивая кожа)

BlackaNdWhite — Wed, 14 Oct 2009 21:06:56 GMT

В качестве преамбулы.
1. Я не придумал, как точно перевести слово Degrunge. Grunge - словечко слэнговое, поэтому Degrunge лучше воспринять как набор звуков.
2. Я перевел (весьма вольно) не весь урок, а главную - практическую - его часть.

Задача: быстро исправить дефекты кожи (добавить гламура), по возможности оставив в неприкосновенности ее текстуру.

Решение:

1. Делаем копию слоя.

2. Открываем окно фильтра Gaussian Blur (Filter -> Blur -> Gaussian Blur) и изменяем радиус до тех пор, пока дефекты кожи не исчезнут. Будьте внимательны, подбор правильного значение радиуса очень важен! Подобрали? Запомните цифру и жмите на кнопку Cancel (то есть фильтр применять не нужно!)

[url="http://i227.photobucket.com/albums/dd231/wlal/1d5e9ee8.jpg"]http://i227.photobucket.com/albums/dd231/wlal/1d5e9ee8.jpg[/url]

Мне понравилось значение радиуса 4,8

3. Примените к слою фильтр High Pass (Filter -> Other -> High Pass). Значение радиуса - то, что Вы только что подобрали для фильтра Gaussian Blur.

В моем случае это 4,8.

4. Примените к слою фильтр Gaussian Blur (Filter -> Blur -> Gaussian Blur) со значением радиуса, равным 1/3 радиуса фильтра High Pass.

В моем случаем значение радиуса получилось 1,6 (4,8 разделить на 3)

5. Инвертируйте слой (Image -> Adjustments -> Invert или нажмите сочетание клавишей Ctrl+I), установите режим наложения Linear Light и прозрачность 50%.

6. Добавьте маску слоя, кликнув по иконке добавления маски и удерживая клавишу Alt.

Гламур исчез? Это хорошо. Теперь возьмите кисть, присвойте ей белый цвет и прокрасьте всю кожу, стараясь не трогать зрачки, волосы и вообще контуры.

Собственно, и всё. Весь процесс "дегранжа", по моему опыту, занимает от силы полторы минуты, а результат - налицо: и кожа как новая, и текстура осталась.

[url="http://www.forum.thesoul.ru/index.php?showtopic=437"]Оригинал[/url][hide][/hide]

Расомаха

BlackaNdWhite — Wed, 14 Oct 2009 21:05:12 GMT

Недавно я посмотрел фильм «Люди Икс: начало. Росомаха». Наверное, многие из вас тоже видели эту премьеру. Интересно было узнать, с чего начиналась история Людей Икс... Ну, это ладно, давайте всё же перейдём к делу.
И так, я видел много разных постеров (афиш или обложек для диска с фильмом) к этому фильму, но мне почему-то захотелось сделать постер самому, и у меня он получился вот таким:

И вот в этом уроке я хочу поделиться с вами секретом создания этого постера.
И так, приступим!

Шаг 1. Создаём новый документ: заходим в меню File – New (Файл – Новый) или нажимаем «горячие клавиши» Ctrl+N (параметры смотрите на картинке ниже).

Шаг 2. Вставляем в созданный документ текстуру металла (можно даже ржавого металла) путём «копировать/вставить». Любую, интересную для Вас текстуру, Вы легко можете найти в Интернете. Вот моя текстура:

Шаг 3. А вот теперь будем проводить «коррозию металла», только не в прямом смысле разрушать его, а резать, вернее, будем делать следы от когтей Росомахи – главного героя фильма.
Для начала создайте новый слой, для этого можете зайти в меню Layer – New – Layer (Слой – Новый – Слой) или нажать (для любителей «горячих клавиш») Ctrl+Shift+N. Убедитесь в том, что цвета у вас установлены по умолчанию, т. е. только чёрный и белый цвета, если нет, то просто нажмите клавишу D на клавиатуре. И нажимаем Alt+Backspase. Новый слой у вас зальётся белым цветом. Этот слой вам пригодится для применения особого фильтра.
Далее в панели инструментов выбираем инструмент Rectangle Tool (U). Это инструмент для создания векторных форм. Когда вы выбрали этот инструмент, установите для него такие параметры (они находятся вверху, красными рамочками выделено то, что вам особенно нужно учесть):

И проведите небольшую полоску так, как показано на картинке ниже:

Но что-то эта полоска пока не напоминает след. Давайте это исправим. Зайдите в меню Edit – Free Transform (Редактирование - Свободная трансформация) - или нажмите Ctrl+T. Вверху установите такие параметры:

И трансформируйте полоску до такого её состояния (только не старайтесь сделать её слишком толстую):

Как вы, наверное, заметили, эта полоска является векторной, с такой полоской нам работать будет не удобно. Давайте «превратим» её в растровую полоску. В окне Layers щёлкните правой кнопкой мыши по слою с полоской и выберете пункт Rasterize Layer (Растрировать слой). Вы сами заметите, как полоска немного «сгладилась».

Но ведь нельзя же провести когтями такую ровную полоску, это просто невозможно! Давайте сделаем её немного рваной. Зайдите в меню Filter – Brash Stokes – Spatter (Фильтр – Штрихи – Разбрызгивание). В открывшемся окне поставьте такие параметры:

И так, что-то уже напоминает царапину. Но это ещё не всё, так что продолжим.
Нам необходимо удалить белый фон из слоя с царапиной. Для этого зайдите в меню Select – Color Range (Выделение – Цветовой диапазон). В открывшемся окне поставьте параметр белого цвета;

Но белые точки всё равно в некоторых местах остались (их плохо заметно), на благо дальнейшей работы их нужно убрать. Для этого зайдите в меню Layer – Matting – Defringe (Слой – Матирование – Края). Поставьте значения одного пикселя и нажмите Ok. Всё, царапина готова, теперь будем создавать сгибы на металле.

Шаг 4. Теперь с зажатой клавишей Ctrl щёлкните в окне Layers по слою с царапиной и создайте новый слой (я уже говорил, как – Ctrl+Shift+N). Потом зайдите в меню Filter – Render – Clouds (Фильтр – Освещение – Облака). Как видите, облака появились лишь в выделенной части нового слоя. Снимите выделение, нажав Ctrl+D. Теперь зайдите в меню Filter – Sketch – Chrome (Фильтр – Набросок – Хром). Поставьте такие настройки:

Уже что-то напоминает металл. Поместите этот «металлический» слой под слой с царапиной. Теперь немного увеличим этот слой. Для этого мы будем использовать уже известную вам с начала урока свободную трансформацию (Ctrl+T). Зажмите Shift+Alt и тяните за угловой ориентир, чтобы изображение увеличивалось со всех сторон. Но всё равно, бока ещё не такие большие. Также зажмите Shift+Alt и тяните уже за боковой (любой – правый или левый) ориентир. Его тоже не надо делать слишком большим.
Мне кажется, что слой с царапиной слишком не ровный, его нужно немного сровнять. Щёлкните по слою с царапиной, зажав Ctrl (появится выделение вокруг царапины). Зайдите в меню Select – Modify – Smooth (Выделение – Модификация – Гладкость). Поставьте такие значения:

А теперь ещё раз с зажатой Ctrl щёлкните по слою с царапиной и, не снимая выделения, сделайте активным слой с металлом и нажмите Ctrl+X или Delete. Казалось бы, ничего не изменилось, но для следующего фильтра это будет «полезно». Убедитесь в том, что слой с металлом активен. Теперь щёлкните 2 раза по этому слою, у вас появится окно Layer Style (Стиль слоя). Выберете пункт Bevel and Emboss (Скос и Рельеф). Введите такие настройки:

Если вам показалось, что металла слишком много, то возьмите инструмент Eraser ((E) Ластик) и сотрите металл в тех местах, где считаете нужным.
После всего этого у вас должно получиться вот так:

И так, один разрез у нас почти полностью готов. Приступим к остальным разрезам.
Продублируйте слой с царапиной, нажав Ctrl+J, и отведите его немного в сторону (при этом убедитесь, что у вас активен инструмент Move Tool (V), Перемещение). Нажмите Ctrl+T и щёлкните правой клавишей по самому изображению. Выберете пункт Flip Horizontal (Повернуть по горизонтали). А далее проделайте весь 4 шаг, только пропустите функцию Smooth. А третью царапину поверните уже на 180 градусов (Rotate180). После всего этого у вас должно получиться примерно вот так:

Но что-то всё равно не хватает. Точно! любому предмету, который находится на высоте, не хватает тени! Теперь сделайте активным любой слой с металлом, щёлкните 2 раза мышкой по этому слою (вызовется меню Layer Style). Выберете пункт Drop Shadow (Внешняя тень), и поставьте такие настройки:

Должно получиться примерно вот так:

И так, разрезы на металле готовы. Теперь будем делать когти!

Шаг 5. Коготь мы сделаем один, а от него сделаем и остальные 2.
Ну, что ж, коготь мы будем делать на новом документе. Создайте новый документ (Ctrl+N), размеры такие же – 500*800 px. Залейте фон, например, чёрным цветом (это нужно для того, чтобы легче воспринимать образ когтя, по этому вы можете залить фон любым цветом, каким вам будет удобнее).
Далее воспользуйтесь векторной формой, которой мы воспользовались в начале урока. Опять проведите полоску, но чтобы она была не цвета фона, а какого-нибудь другого цвета, например, у меня фон чёрный, а полоска – белая:

Далее вам всё знакомо с начала урока: свободная трансформация (не забудьте нажать на кнопку вверху для более искривлённой трансформации). Сделайте полоску вот такой:

И опять растрируйте этот слой.
Теперь зальём этот почти что коготь двумя цветами: #cccccc и #666666. Для этого воспользуйтесь градиентной заливкой, т. е. инструментом Gradient Tool ((G) Градиент). Настройки для градиента такие:

Но перед тем как залить коготь, сделайте вокруг него выделение (щёлкните по слою с зажатой Ctrl). И залейте коготь от середины изображения вверх (или вниз). Примерно вот так:

Теперь продублируйте этот слой (Ctrl+J). Нажмите опять Ctrl+T (но уже без верхней кнопки) и тяните за левый ориентир вправо. На рисунке ниже красным цветом показано расположение слою после трансформации. Но вы не вздумайте закрашивать этот слой, это я просто, чтобы показать расположение слоя, а то цвета сливаются и ничего не видно.

Теперь вызовите окно Layer Style известным вам способом. Нажмите вкладке Inner Shadow (Внутренняя тень) и поставьте такие настройки:

У получившегося слоя поставьте режим смешивания на Color Dodge (Осветление основы). Теперь продублируйте первый слой и инвертируйте его (Ctrl+I) и поставьте его за первым слоем, т. е. на задний план. Теперь с помощью свободной трансформации расширьте немного влево этот слой.
У вас должно получиться вот так:

Теперь объедините все три верхних слоя (2 раза Ctrl+E, но сначала сделайте активным верхний слой). И выделите этот коготь (я уже говорил как). Скопируйте его, нажав Ctrl+C.

Шаг 6. Теперь опять зайдите в документ с постером и нажмите Ctrl+V. Трансформируйте этот коготь, т. е. уменьшите его в размере, и с помощью зажатых клавиш Shift+Ctrl+Alt тяните коготь за угловые ориентиры, при этом коготь будет в перспективе. Примерно вот так:

С помощью мягкого ластика осторожно сотрите краешек когтя, чтобы было похоже, что коготь вылезает из тени.

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

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

Теперь снова с помощью трансформации сделайте коготь в перспективе:

С помощью ластика сотрите небольшую область в тени:

Ну, что ж, когти готовы, теперь добавим надпись.

Шаг 7. Если мы напечатаем надпись сами, то это будет уже не правдиво, нужна надпись от производителя фильма. Я нашёл в инете [url="http://i.uralweb.ru/albums/fotos/files/453/o_4538d255cc409758d2d9f0daecab612d.jpg"]постер[/url] с нужной нам надписью. Скопируйте его в новый документ. С помощью инструмента Rectangular Tool (M) Прямоугольник) выделите область с надписью и известным вам способом скопируйте её в постер.
Переместите надпись в низ изображения, режим смешивания поставьте на Lighten.
Теперь вызовите окно Layer Style и нажмите на вкладку Stroke (Обводка). Поставьте такие значения:

Шаг 8. Не хватает лишь [url="http://farm3.static.flickr.com/2277/2257283062_e5f7870884.jpg?v=0"]логотипа[/url] Людей Икс. Скопируйте его в документ с постером.

С помощью инструмента Magiс Wand ( Волшебная палочка) удалите белый цвет с логотипа, а потом инвертируйте его (Ctrl+I). Поставьте режим смешивания на Overlay (Перекрытие). Но всё равно логотип не такой интересный, его нужно сделать немного потёртым. В новом документе совершенно любую фотографию, главное, чтобы на ней было больше квадратных предметов (потом узнаете почему). Я, например, взял фотографию вот этой кухни:

Зайдите в меню Image – Adjustments – Threshold (Изображение – Коррекция – Порог). Чем левее вы передвинете ползунок, тем более гранжевее будет фотография:

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

Теперь зайдите в меню Select – Color Range (Выделение – Цветовой диапазон) и, как я показывал в начале урока выделите чёрный цвет. Скопируйте выделение в документ с постером. Потом опять выделите этот гранжевый слой и сделайте активным слой с логотипом, не снимая выделения. Нажмите Ctrl+X. На усмотрение, прежде сем удалять попробуйте повернуть гранжевый слой, например, на 45 градусов. У меня получилось вот так:

Шаг 9. Вам не кажется, что когти немного сливаются с цветом логотипа? Давайте их немного выделим. Сначала объедините слои с когтями (их 3, а вы объедините в 1). Затем зайдите в меню Image – Adjustments – Brightness/Contrast (Изображение – Коррекция – Яркость/Контраст). Поставьте примерно такие настройки:

А давайте мы ещё добавим тени когтям. В меню Layer Style выберете вкладку Drop Shadow (Внешняя тень). Вот для неё настройки:

Шаг 10. А теперь немного затемним края у постера.
Для начала убедитесь в том, что надпись находится выше всех слоёв.
Под надписью создайте новый слой и залейте его чёрным цветом. С помощью инструмента Elliptical Marquee Tool (M) Овальное выделение) вырежьте середину слоя:

Потом зайдите в меню Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу). Поставьте такие значения:

А вот и готовый результат:

Желаю удачи!