Форум

Собираем конструктор «Лего»

Dispeller — Sun, 26 Aug 2012 17:16:36 GMT

1. Для начала, я создал основу-прямоуголькик, при помощи Pen Tool. На этом этапе, чтобы основа была ровной, лучше использовать линейки ( View – Show – Grid). Заливаем прямоугольник цветом его цветом (#e3a401).

2. Затем я создал верхнюю часть Лего, и заполнил ее цветом (#f1aa00).

3. Для левой стороны я использовал цвет (#d7a601).

4. Чтобы сделать края блестящими, я использовал «Line Tool» в 2 рх с цветом (#fd711). Затем я применил немного «Outer Glow» размером 3рх и прозрачностью (opacity) – 37%. Вертикальная линия была размером 2 рх но с цветом (#ecb208) и «Outer Glow» размером - 3рх, с opacity – 51%.

5. Следующим шагом, я создал круглую фигуру при помощи «Ellipse Tool», которую заполнил цветом (*ffb600) . Продублируем слой с кругом и переместим новый слой с копией круга в палитре слоев, ниже слоя с основным кругом.

6. Теперь кликнем по слою с копией круга , и вызовем меню «Blending Options», и выставляем такие значения «Gradient Overlay».

7. На слое с копией круга ( к которому применяли градиент), удерживая клавишу Ctrl на клавиатуре, нажмем стрелочку «вниз» - 9 раз. Этим вы переместите круг на 9рх вниз.

8. При помощи инструмента Pen Tool, и нарисуйте тень от получившегося штырька, используя цвет (#af5d05). (Можно использовать и другие способы рисования тени: например, удерживая клавиши shift и ctrl, выделить фигуру штырька, залить ее предложенным цветом и трансформировать). Переместим слой с тенью под слои с фигурой штырька.

9. Правым щелчком по слою с тенью, выберете в "Blending Options..." и выставляем такие значения "Outer Glow":

10. Вот, что теперь у нас должно получиться:

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

Огненный человек

Dispeller — Sun, 26 Aug 2012 17:16:08 GMT

1. Откроем ваше изображение. Инвертируем его с помошью Image > Adjustments > Invert (или Ctrl+I)

дублируем слой: Layer > Duplicate Layer .Он у нас получился Layer 1.

2. Теперь повернем наш слой Layer 1 с помошью Edit > Transform > Rotate 90 CW.

3. Filter > Stylize > Wind
(From the left)
Вы можете усилить эффект ветра с помощью повторного применения фильтра (Ctrl+F)

4. Повернем на место изображение: Edit > Transform > Rotate 90 CCW

5. Добавим цветности: Image > Adjustments > Hue/Saturation (или Ctrl+U)
Hue - + 175
saturation - +85

6. Filter > Blur > Guassian Blur.
радиус - 1.5 pixels

7. Копируем слой Layer 1 :Layer > Duplicate Layer (получился слой с названием Layer 1 copy )
Выберем этот слой и применим к нему Filter > Render > Lighting Effects с такими настройками:

8. Теперь добавим более реалистичности нашему пламени , закругляя его с помощью фильтра liquify.
Перейдем в слой Layer 1.
Идем в Filter > Liquify .
Настройки кисти (Liquify tool) сначала выберем большого размера , а затем постепенно будем уменьшать, чтоб детализировать мелкие огоньки пламени.

Примечание автора: я начал с размера щетки в 37 пикселей, постепенно снижая до размера в 25 пикселей.

9. Копируем background layer (Ctrl+J). Он у нас получился Background Copy 2.
Идем в Layer > Arrange > Bring to Front , чтобы слой Background Copy 2 и background layer поменялись местами.

10. Перейдем в настройки стиля слоя :Layer > Layer Style > Blending Options
Прозрачность слоя (Opacity) снизим к минимуму (5-6%).

Наложение объектов на неровную поверхность

Dispeller — Sun, 26 Aug 2012 17:15:40 GMT

1. Текстура должна быть в RGB. Можно нарисовать самому, можно скачать. Текстура авторов. Размер - 320 на 200.

2. Перейдите в палитру Channels. Выберите канал с наибольшей контрастностью. В данном случае это красный канал. (Не обращайте внимания на то, что на скриншоте присутствует альфа-канал. Реально он не участвует в уроке. Скорее всего, с его помощью рисовалась текстура. S-Z.)

3. Из этого канала нужно сделать новый документ. Для этого сделайте правый щелчок на выбранном канале -> Duplicate channel. В открывшемся меню в пункте Destination выбрать New.

4. Получившийся документ будет нашей картой смещения. Примените Gaussian Blur с радиусом 0.7 для того, чтобы немного снизить резкость изображения. Это даст более гладкий конечный результат.

5. Сохраните документ с картой как psd.

6. В исходном документе в палитре каналов щелкните на RGB для того, чтобы восстановить исходный вид.

7. Перейдите в палитру слоев. Создайте новый слой. На новом слое можно поместить текст или любой графический элемент. Это тот самый элемент, который будет искажен с помощью карты смещения. Если вы добавили текст, растеризуйте его (правый щелчок на слое, rasterize layer).

8. Примените Filter > Distort> Displace с настройками, показанными на рисунке. (Реально нужно ставить меньшие величины смещения, иначе картинка слишком сильно деформируется даже на авторской текстуре. S-Z.)

9. Теперь укажем фильтру путь к файлу с нашей картой смещения.

10. На этой стадии картинка должна выглядеть примерно так.

11. Теперь мы ее немного украсим. Измените режим наложения искаженного слоя на overlay. Для усиления эффекта слой можно дублировать.

12. На этом рисунке: на верхний слой добавлен эффект inner shadow, opacity нижнего слоя понижена до 30%.

Папирус

Dispeller — Sun, 26 Aug 2012 17:15:12 GMT

Создадим новое изображение размером 200х200 пикселей. Фон трогать не будем, а на новом слое с помощью инструмента Прямоугольное выделение (Rectangular marquee tool) нарисуем выделение произвольной формы. Зальем выделение (Alt+Backspace), предварительно установив Цвет переднего плана (Foreground color) - Черный.

Снимем выделение - Ctrl+D - и перейдем к команде Фильтр > Штрихи > Брызги (Filter > Brush Strokes > Spatter). Введем следующие значения:
Радиус распыления (Spray radius): 10
Сглаживание (Smoothness): 5.

Этот шаг можно было бы пропустить, но я бы посоветовал все-таки выполнить его интсрукции.
Активизируем инструмент Волшебная палочка (Magic wand tool) , в опциях установим Отклонение (Tolerance) равным 5 и щелкнем в любом месте участка черного цвета.
Инвертируем выделение: Выделение > Инвертировать (Select > Inverse) или, что быстрее, Ctrl+Shift+I, нажмем Del и снимем выделение - Ctrl+D.

Повторим теперь второй и третий шаги урока за тем исключением, что в установках параметров фильтра Брызги определим:
Радиус распыления (Spray radius): 20
Сглаживание (Smoothness): 15.

В палитре Слои (Layers) поставим флажок рядом с опцией:
PS 5.x: Сохранять прозрачность (Preserve transparancy)
PS 6.x: Блокировка прозрачности (Lock transparent pixels)
и зальем активный слой светло-желтым или бежевым цветом.

Создадим новый слой, нажав Ctrl+Shift+N и выберем в качестве основного коричневый цвет. Активизируем в панели инструментов Аэрограф (Paintbrush); нам понадобиться мягкая кисть диаметром в 100 пикселей. В настройках кисти установим показатель ее Непрозрачность (Opacity) в размере 10%.
Проведем кистью вдоль границ нашего папируса; легкий мазок в центре тоже не повредит.

Удерживая Ctrl, щелкнем по представлению оригинального слоя (Layer 1, если он не был переименован), таким образом выделив его непрозрачность. Инвертируем выделение - Shift+Ctrl+I, нажмем Del, чтобы удалить ненужные участки, и снимем выделение с помощью комбинации клавиш Ctrl+D.

В конечной стадии урока добавим к изображению немного тени для большей реалистичности.
Откровенно говоря, техника, описанная в настоящем уроке, не является сверх строгой. Попробуйте поэкспериментировать с показателями фильтра Брызги (Splatter) и Тени. Главное - понять процедеру выполнения действий в целом.

Зрачок

Dispeller — Sun, 26 Aug 2012 17:14:01 GMT

Первая часть

1. Новое изображение 100х100 с прозрачным фоном.
2. Выберите два цвета для вашего глаза. Желательно чтобы они были одного оттенка, но один тёмный, а второй светлый (например: #865F00 и #FFB400)
3. Заливаем фон белым.
4. Делаем прямоугольное выделение и заливаем тёмным цветом.

5. Image > Adjustments > Invert (Ctrl+I)
6. Filter > Stylize > Wind с настройками
Method: Wind
Direction: From the Left
Жмём 3 раза Ctrl+F.
7. Ctrl+I
8. Новый слой. Делаем прямоугольное выделение и заливаем светлым цветом.

9. Filter > Blur > Gaussian Blur с силой 4.5.
10. Ctrl+E
11. Ctrl+I
12. Filter > Stylize > Wind с настройками
Method: Wind
Direction: From the Left
13. Ctrl+I
14. Filter > Blur > Motion Blur с настройками
Strength: 30
Angle: 0

15. Image > Rotate Canvas > 90 degrees CCW
16. Копируем изображение (Ctrl+A, Ctrl+C)

Первая часть закончилась.

Вторая часть

1. Новое изображение 200х200 с прозрачным фоном.
2. Жмём два раза Ctrl+V.
3. Размещаем слои как на картинке и сливаем в один.

4. Создаём новый слой под слоем с радужкой.
5. Верхнюю половину заливаем чёрным, а нижнюю белым.

6. На слое с радужкой делаем выделение как на рисунке

7. Filter > Blur > Gaussian Blur с силой 2.

8. Ctrl+E
9. Filter > Distort > Polar Coordinates: Rectangular to Polar.

Блестящая линза:
1. Делаем круглое выделение.

2. С помощью Rectangular Marquee Tool отсекаем половину выделения (для этого держим Alt)

3. Жмём D, чтобы сбросить цвета. Создаём новый слой и заполняем выделение градиентом.

4. Выставляем blending mode на screen.

Пурпурный вихрь

Dispeller — Sun, 26 Aug 2012 17:12:42 GMT

1. Создаём новое изображение, произвольного размера. Я сделал 600х600. Зальём его чёрным цветом.

2. Теперь добавляем Filter > Render > Lens Flare, примерно также как здесь:

3. Применяем Filter > Distor > Twirl, с этими значениями:

4. Нажимаем CTRL+U , и ставим параметры как на рисунке:

5. Дублируем слой (CTRL+J), и ставим blending mode на Screen

6. Результат:

Эффект прожектора

Dispeller — Sun, 26 Aug 2012 17:12:10 GMT

1. Откройте в Фотошопе изображение, с которым вы хотите работать.
2. Создадим новый слой (Control+Shift+N)
3. Возмите eliptical marquee tool и сделайте круг.
4. Залейте круг цветом (#FFFFFF) (можно и любым цветом, на свое усмотрение)
5. Идите в [Edit > Stroke] с этими параметрами

5. Поменяйте bleending mode на Soft Light

7. Теперь идем в Image Ready нажав Control+Shift+M
8. Поставьте круг в то место, где у вас будет начинаться анимация

9. Продублируйте фрейм.

10. Передвиньте круг в место, где будет заканчиваться анимация.

11. Выберите оба фрейма, удерживая нажатым shift, и затем кликните на первом. Теперь жмём на кнопку tween.

12. Выставим такие параметры:

13. Повторим начиная с шага 8, только вернём наш круг назад, чтобы создать зацикленную анимацию.
14. Готово. Сохраните через [ File > Save Optimized As] в .gif файл.

Объединение фотографий в Фотошопе

Dispeller — Sun, 26 Aug 2012 17:11:36 GMT

Выберите для объединения пару фотографий, желательно одного размера.

Совместите фотки двумя слоями в одном psd-файле. Переключитесь на закладку Channels (Каналы). Создайте новый альфа-канал.

Создайте горизонтальный черно-белый градиент на альфа-канале.

Нажмите Ctrl и удерживая его кликните в закладке на созданном альфа-канале. Часть слоя должно выделиться.

Вернитесь на закладку слоев и щелкните на верхнем слое. Теперь нажмите delete.

Меняя направления градиента на альфа-канале можно получать другие результаты.

От размера градиента тоже зависит степень прозрачности объектов.

Карандашная растушевка

Dispeller — Sun, 26 Aug 2012 17:11:05 GMT

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

Активизируем инструмент Эллиптическое лассо (Elliptical marquee tool) и с его помощью выделим большую часть изображения.
Перейдем к палитре Каналы (Channels) и создадим новый канал.
На черном фоне мы увидим созданное нами выделение.

Выполним команду Выделение > Растушевка (Select > Feather). Радиус растушевки (Feather Radius) определим в размере 9 пикселей и нажмем Ввод (Enter).
Инвертируем выделение: Выделение > Инвертировать (Select > Inverse) или Ctrl+Shift+I.
Зальем выделение белым цветом - Alt+Del.

Добавим шум к выделению посредством выполнения команды: Фильтр > Шум > Добавить шум (Filter > Noise > Add Noise). В диалоговом окне введем следующие значения:
Сила (Amount): 25
Распространение (Distribution): Однородное (Uniform)
Монохромный (Monochromatic).

Перейдем к фильтру Наклонные штрихи: Фильтр > Штрихи > Наклонные штрихи (Filter > Brush Strokes > Angled Strokes) и применим его к изображению со следующими параметрами:
Баланс направления (Direction balance): 50
Длина штриха (Stroke length): 15
Резкость (Sharpness): 3

Перейдем к палитре Слои (Layers). Щелкнем на представлении слоя в палитре.
Выполним команду Выделение > Загрузить выделение (Select > Load Selection) с параметром Операция: Новое выделение (Operation: New selection). В качестве выделения выберем Alpha 1.
Инвертируем выделение: Выделение > Инвертировать (Select > Inverse).

И, наконец, зальем выделение белым цветом, нажав Alt+Del.

Получилось!

Выгравированный текст

Dispeller — Sun, 26 Aug 2012 17:09:49 GMT

Очень простой туториал наглядно показывающий, как с помощью "эффектов слоя" (layer effects) сделать выгравированный текст на произвольной текстуре.

Создайте новое изображение 200x200 @72 dpi. Возьмите любую текстуру на ваш выбор, или, если есть желание используйте приведённую выше.
Продублируйте слой текстуры. У вас должно быть два слоя, выглядящие как один.
Выберите инструмент outline text. Напишите любую букву, лучше фонтом большого размера. Я использовал размер 200 пикселей. Спозиционируйте букву в середину, как показано.

Теперь выберите Select>Inverse (control + shift + i ) и нажмите delete. Отмените выбор (control + d). Пока никаких различий с первоначальным изображением, но уже на следующем шаге вы увидите разницу.

С помощью "эффектов слоя" (layer effects) примените Bevel and Emboss. Значание выставляйте по вашему усмотрению. Там же примените эффект Inner Shadow — параметры также по вашему усмотрению.

Теперь ваше изображение должно выглядеть подобно приведенному выше. Неплохо, но можно добавить ещё реализма. Всё что вам нужно, это зайти в Image>Adjust>Levels (control + L) и сместить средний ползунок немного влево, для того чтобы немного затемнить нашу букву.