Форум о социальных сетях Поиск по форуму Инвестиции SMM обучение SMM курсы
Форум о социальных сетях Поиск по форуму Инвестиции SMM обучение SMM курсы
  • Страница 1 из 1
  • 1
Создаём сюрреалистичный треугольник
#1
Пятница, 11.06.2010, 12:15
messi10
Проверенный
Сообщения: 699
Репутация: 963
Create an Impossible Triangle Illustration

[spoiler="Урок"]В этом уроке я покажу Вам, как создать фигуру в виде металлического треугольника неправильной формы.
Посмотрите на финальный результат, которого мы будем добиваться на протяжении этого урока. PSD файл Вы можете скачать отсюда.

1. Создайте новый документ размером 900 x 900 px, разрешением 300 pixels/inch и в формате RGB.

2. Залейте фоновый слой 35% серым цветом. Выберите Rectangle Tool, установите режим Shape Layers и установите параметры как на рисунке ниже. Измените основной цвет на 40% серый. Кликните на холсте чтобы создать прямоугольник и разместите его по по своему усмотрению или как показано ниже.

3. Продублируйте слой "Shape 1". Нажмите CTRL+T, установите Horizontal Scale равным 85%, Rotation равным 90 градусов и примените трансформацию, нажав Enter. Разместите фигуру, как показано ниже.

4. Нажмите CTRL+T и разместите значок начала отсчета трансформации (Reference Point Location) влево посередине. Установите вертикальный наклон Vertical Skew = 30 градусам, но пока не применяйте трансформацию. Переместите значок начала отсчета трансформации влево вниз. Установите вертикальный наклон Vertical Skew = 30 градусам и примените трансформацию. Вернитесь к слою "Shape 1", нажмите CTRL+T, переместите значок вниз посередине и установите горизонтальный наклон Horizontal Skew = -30 градусов.

5. В панели слоев выберите оба слоя с фигурами и слейте их, нажав CTRL+E. Назовите полученный слой "one". С помощью инструмента прямоугольного выделения создайте прямоугольное выделение, как показано на рисунке и нажмите Backspace, чтобы очистить область внутри выделения. Нажмите CTRL+D, чтобы снять выделение.

6. Продублируйте слой "one" и назовите дубликат "two". Нажмите CTRL+U, чтобы вызвать диалоговое окно Hue/Saturation и выставьте параметр Lightness = -20. Нажмите CTRL+T, поверните слой на 120 градусов и разместите его, как показано на рисунке.

7. Продублируйте слой "one" еще раз и назовите дубликат "three". Нажмите CTRL+U, чтобы вызвать диалоговое окно Hue/Saturation и выставьте параметр Lightness = -40. Нажмите CTRL+T, поверните слой на 120 градусов против часовой стрелки и разместите его, как показано ниже.

8. Создайте выделение слоя "one" (CTRL+клик на иконке слоя на панели слоев). Убедитесь, что на панели слоев выбран слой "three" и нажмите Backspace, чтобы очистить область внутри выделения. Снимите выделение.

9. Создайте новый слой "Metal 3" над слоем "three". Откройте инструмент Gradient Tool, выберите градиент Silver gradient (если вы его не видите нажмите на пиктограмме с маленьким треугольником и добавьте набор градиентов Metals set). Заполните слой градиентом, как показано ниже. Нажмите CTRL+M, чтобы вызвать диалоговое окно инструмента кривые Curves и измените кривую, как показано ниже.

10. Примените фильтр Filter > Blur > Gaussian Blur с радиусом размытия 20 пикселей. Создайте обтравочную маску слоя "metal 3" нажав ALT+клик. Установите режим наложения слоя "metal 3" на Hard Light.

11. Создайте новый слой "Metal 2" над слоем "two". Откройте инструмент Gradient Tool, выберите градиент Silver gradient. Заполните слой градиентом, как показано ниже. Нажмите CTRL+M, чтобы вызвать диалоговое окно инструмента кривые Curves и измените кривую, как показано ниже.

12. Примените фильтр Filter > Blur > Gaussian Blur с радиусом размытия 20 пикселей. Создайте обтравочную маску слоя "metal 2" нажав ALT+клик. Установите режим наложения слоя "metal 2" на Hard Light.

13. Создайте новый слой "Metal 1" над слоем "one". Откройте инструмент Gradient Tool, выберите градиент Silver gradient. Заполните слой градиентом, как показано ниже. Нажмите CTRL+M, чтобы вызвать диалоговое окно инструмента кривые Curves и измените кривую, как показано ниже.

14. Примените фильтр Filter > Blur > Gaussian Blur с радиусом размытия 20 пикселей. Создайте обтравочную маску слоя "metal 1" нажав ALT+клик. Установите режим наложения слоя "metal 1" на Hard Light.

15. Теперь добавим тень. Создайте выделение слоя "one". Создайте новый слой над слоем "metal 1" и назовите его "shadow 1". Выберите инструмент градиент Foreground to Transparent. Установите основной цвет черным и примените градиент, как показано на рисунке. Установите непрозрачность слоя между 65 и 80%.

16. Создайте выделение слоя "two". Выберите инструмент Rectangular Marquee Tool, удерживая нажатой клавишу Alt, обрежьте часть выделения, как показано на рисунке. Создайте новый слой "shadow 2 " над слоем "metal 2". Примените к нему градиент, как показано ниже. Установите непрозрачность слоя между 65 и 80%.

17. Создайте выделение слоя "three". Выберите инструмент Rectangular Marquee Tool, удерживая нажатой клавишу Alt, обрежьте часть выделения, как показано на рисунке. Создайте новый слой "shadow 3 " над слоем "metal 3". Примените к нему градиент, как показано ниже. Установите непрозрачность слоя между 65 и 80%.

18. Выделите на панели слоев все слои кроме фонового и объедините их. Назовите объединенный слой "Triangle". Загрузите выделение слоя "Triangle" и создайте новый корректирующий слой Hue/Saturation с такими настройками: Colorize => checked, Hue => 45, Saturation => 25. Измените режим наложения слоя "Hue/Saturation 1" на Overlay и установите непрозрачность слоя 60%.

19. Выберите слой "Hue/Saturation 1" и нажмите CTRL+E, чтобы слить со слоем "Triangle". Примените к слою "Triangle" следующие стили слоя:
Gradient Overlay: Blend Mode => Soft Light, Opacity => 15%, Gradient => Spectrum, Angle => 25, Scale => 120.
Outer Glow: Blend Mode => Screen, Opacity => 75%, Size => 170px.

20. Продублируйте слой "Triangle" и назовите дубликат "Shadow". На панели слоев переместите слой "Shadow" ниже слоя "Triangle" и отключите стиль слоя Outer Glow. Создайте новый слой ниже слоя "Shadow" и слейте его со слоем "Shadow". Трансформируйте слой, как показано на рисунке. Вызовите окно Hue/Saturation, нажав CTRL+U, и установите параметр Lightness равным -80.

21. Примените фильтр Filter > Blur > Gaussian Blur с радиусом 20 пикселей. Затем примените фильтр Filter > Blur > Motion Blur с параметрами: Angle = 0, Distance = 230 pixels.

22. Создайте новый слой "Flare" над слоем "Triangle". Заполните слой черным цветом. Измените непрозрачность слоя на 80%, с помощью кисти создайте белую точку там, где бы вы хотели разместить блик. Измените непрозрачность слоя на 100%. Примените фильтр Filter > Render > Lens Flare, при этом центр блика разместите по центру белой точки. Измените режим наложения слоя на Screen.

23. Создайте новый слой "Grain" поверх остальных слоев и залейте его 50% серым цветом. Примените фильтр Filter > Noise > Add Noise с Amount = 2%. Измените режим наложения слоя на Overlay и установите непрозрачность слоя около 50%.

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

[/spoiler]

[spoiler="Источник"]Источник: www.psawesome.com
Перевод: Starrrley[/spoiler]

Пост отредактировал messi10 - Пятница, 11.06.2010, 12:18
Кошельки для оплаты:
R190072231376
U344436303821
Z226778366394
#2
Пятница, 11.06.2010, 15:21
Aeon
Проверенный
Сообщения: 627
Репутация: 1989
messi10, сложный урок, но красивый.Спасибо
#3
Пятница, 11.06.2010, 15:43
Mo™
Проверенный
Сообщения: 314
Репутация: 3114
Долгий, можно и побыстрее сделать...
А за урок спасибо!
#4
Пятница, 11.06.2010, 16:16
messi10
Проверенный
Сообщения: 699
Репутация: 963
Aeon, Mo™, незачто y ;)
Кошельки для оплаты:
R190072231376
U344436303821
Z226778366394
#5
Пятница, 11.06.2010, 18:53
Dmitro-pshichenko
Пользователь
Сообщения: 141
Репутация: 71
Да тут нужно попотеть ну всё-равно спс )
1ce
#6
Пятница, 11.06.2010, 19:00
1ce
Проверенный
Сообщения: 205
Репутация: 460
круто спасибо ;)
#7
Пятница, 11.06.2010, 19:38
messi10
Проверенный
Сообщения: 699
Репутация: 963
Dmitro-pshichenko, 1ce, незачто ;)
Quote (Dmitro-pshichenko)
Да тут нужно попотеть ну всё-равно спс )

ну да, но эсли зделаеш то что на уроке, то не только научишся делать такой треугольник, но и научишся работать с градиентом более качественей и еще там с чем то)
Кошельки для оплаты:
R190072231376
U344436303821
Z226778366394
#8
Суббота, 12.06.2010, 14:30
BenQStyle
Проверенный
Сообщения: 740
Репутация: 2279
Урок реально сложный) Интересно бы попробовать над другими фигурами)
#9
Суббота, 12.06.2010, 17:08
Ryudzaki1
Проверенный
Сообщения: 349
Репутация: 554
Спасибо!
Адаптирую сайты с Dle на Ucoz!
Суббота, 12.06.2010, 17:12
messi10
Проверенный
Сообщения: 699
Репутация: 963
Quote (BenQStyle)
Урок реально сложный) Интересно бы попробовать над другими фигурами)

попробуй! Только объязательно выложи здесь результат))
Ryudzaki1, незачто)
Кошельки для оплаты:
R190072231376
U344436303821
Z226778366394
2qq
Воскресенье, 20.06.2010, 19:36
2qq
Проверенный
Сообщения: 1493
Репутация: 7983
messi10, Очень сложный урок , но вскоре получаеться хорошая оптическая иллюзия. Если я всё же решусь сделать это , то выложу тут
Уникальные статьи
Могу выступить гарантом БЕСПЛАТНО!
Понедельник, 21.06.2010, 12:26
Storm_Shadow
Проверенный
Сообщения: 205
Репутация: 301
Крутой, но сложноватый урок :)
  • Страница 1 из 1
  • 1
Поиск:
Форум
Социальные сети
Хостинг от uCoz