Вы не авторизованы.

Использование теней для эффектов 3D и аппликации

В этом руководстве мы рассмотрим эффектный приём использования теней для создания эффекта объёмности.

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

Для её создания используйте формулу Pixel. А в качестве внешнего окрашивающего выберите Hodge из каталога mt.ucl. Точные параметры принципиально не важны. Поэкспериментируйте с параметрами на вкладке Outside и создайте свою текстуру. Итак, теперь копируйте слой с текстурой и у нового слоя в качестве внешнего окрашивающего алгоритма используйте Frames из каталога sdc.ucl. Получаем вот такую картинку:

Поработаем с градиентом этого слоя. Градиент нам нужно сделать черно-белым и оставить в нём всего две точки: черную и белую соответственно. Ну допустим как-то так (у вас может быть по другому):

Сейчас картинка у меня выглядит вот так:

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

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

Fractal1 {
fractal:
  title="Fractal1" width=640 height=480 layers=2
  credits="Андреич;9/16/2014"
layer:
  caption="Layer 1" opacity=100 transparent=yes
mapping:
  center=2.084243418/-5.016291893 magn=0.19204991
formula:
  maxiter=250 filename="Standard.ufm" entry="Pixel"
inside:
  transfer=none
outside:
  transfer=linear solid=0 filename="sdc.ucl" entry="sdc-frames"
  p_colno=1 p_ncols=1 p_rowno=1 p_nrows=1 p_borderw=5.4444
  p_borderh=5.4444 p_col=4 p_usesolid=yes p_shift=0/0
gradient:
  linked=yes smooth=yes rotation=1 index=256 color=16777212 index=391
  color=0
opacity:
  smooth=yes rotation=1 index=256 opacity=69 index=391 opacity=201
layer:
  caption="Background" opacity=100 transparent=yes
mapping:
  center=2.084243418/-5.016291893 magn=0.19204991
formula:
  maxiter=250 filename="Standard.ufm" entry="Pixel"
inside:
  transfer=none
outside:
  transfer=linear filename="mt.ucl" entry="mt-hodge" p_states=40
  p_max=93 p_size=98 p_scale=100 p_filter=no p_interp=None
  p_seed=12345665
gradient:
  smooth=yes rotation=1 index=0 color=6555392 index=64 color=13331232
  index=168 color=16777197 index=257 color=43775 index=343 color=512
opacity:
  smooth=no index=0 opacity=255
}

Тут надеюсь вопросов не возникло, поэтому переходим к следующему примеру. Создаём примерно вот такую текстуру (Формула Pixel, в качестве внешнего окрашивающего алгоритма S.F.B.M II из sam.ucl):

Дублируем слой и на вкладке Outside применяем алгоритм Trap Shape Viewer из sam.ucl. По умолчанию параметр Trap Shape установлен на Gaussian Integer. Он для нашего примера не очень подходит. Поэтому измените его на Cross. Щелкаем на иконку Browse:

И открываем форму Cross:

Перед нами предстаёт вот такая картинка:

Если у вас, как и у меня фигура креста немного повёрнута, то переходим на вкладку Location и нажимаем иконку Reset Location:

Теперь фигура креста стала ровной:

Вот теперь опять же используя тени, мы сделаем края креста с объёмными. Для начала измените градиент этого слоя на черно-белый. (Можно просто заменить на стандартный Grayscale).

Как мы видим, из-за нового слоя совсем не видно текстуры на первом слое. Следовательно, как и в предыдущем случае нужно поработать с градиентом, и с прозрачностью в частности. Меняем градиент слоя вот таким вот образом:

Если у вас не получается настроить такой градиент, то просто скопируйте параметры моего градиента:

Gradient-PurpleShapes,Layer10 {
; Simple grayscale gradient.
gradient:
  title="Gradient - purple shapes, Layer 10" linked=yes smooth=yes
  index=178 color=0 index=178 color=0 index=229 color=16777215
  index=294 color=16777215
opacity:
  smooth=yes index=178 opacity=0 index=178 opacity=255 index=229
  opacity=255 index=294 opacity=0
}

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

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

То, что мы проделали это базис, на основе которого можно поэкспериментировать и с другими формами. Например: дублируем наш слой с крестом. Далее у нового слоя на вкладке Outside у параметра Trap shape нажимаем иконку Browse:

В открывшемся окне Select class в левой части раскрываем папку Public, щелкаем по каталогу reb.ulb и в правой части открываем форму Burnside Curve:

Далее сразу же снимаем галочку с чек-бокса Repeat Gradient. После этого должно остаться вот такое сердечко:

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

Gradient-PurpleShapes,Layer11 {
; Simple grayscale gradient.
gradient:
  title="Gradient - purple shapes, Layer 11" linked=yes smooth=yes
  rotation=153 index=144 color=1250067 index=153 color=0 index=249
  color=16777215
opacity:
  smooth=yes rotation=153 index=144 opacity=0 index=153 opacity=255
  index=249 opacity=0
}
 

Теперь белый ореол исчез.

Зажав Shift щелкните по иконку лупы на слое с сердечком. После этого у двух других слоёв эти иконки станут неактивными, это означает, что сейчас для редактирования доступен лишь слой с сердечком. Оставаясь на этом слое, и используя «горячие» клавиши (Shift + Лев. Кн. мыши для зума и Ctrl + Лев. Кн. мыши для перемещения) отрегулируйте положение сердечка по центру креста. После этого прибавьте непрозрачности слоям с сердечком и крестом (примерно до 84%):

А теперь сердечко можно залить текстурой, и т.к. оно имеет четкие края и тень, оно будет смотреться ещё эффектнее.

Дублируем самый первый слой, тот, который играет роль фона и помещаем его по верх всех слоёв. Внешний окрашивающий алгоритм меняем на Hodge из mt.ucl. Неважно, как вы его настроите, он всего лишь будет играть роль текстуры для сердечка. Т.к. этот слой с текстурой находится поверх всех слоёв, то из-за него ничего не будет видно, кроме самой текстуры. Нужно сделать так, чтобы текстура была только внутри сердечка. Для этого нам потребуется слой-маска. Дублируем слой с сердечком. Проследите, чтобы он был именно под слоем с новой текстурой. Щелкаем по нему правой кнопкой и выбираем Use as mask. Пока что получается вот так:

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

Gradient-PurpleShapes,Layer13 {
; Simple grayscale gradient.
gradient:
  title="Gradient - purple shapes, Layer 13" linked=yes smooth=yes
  rotation=153 index=0 color=12237498 index=142 color=1250067
  index=153 color=0 index=154 color=16777215 index=399 color=12303291
opacity:
  smooth=yes rotation=153 index=0 opacity=255 index=142 opacity=255
  index=153 opacity=255 index=154 opacity=0 index=399 opacity=0
}
 

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

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

purpleShapes {
::tcJM1in2tf1SPutNQ47Gw/HI0dLTSRZJlF8Q2ttABI9B6W0rL4KTZTs6VJp2dd+11fMpA9SB
  6tcND1DLLbvNbQyhFox+yoZ08QD/+GpJTLSti8XNfGCZV2cJ3ruRXnLRmtiapxD9gatdLfFD
  j2KVb2a5sYMKXsTqN8QnbbEFFCO1nin8j6slqlrVWD37P/n3/v/1f/hLSWSiXSxE2FvuUZFo
  XfbzivTsTcR4SKr1g38ZtRvtkSF1WVVJ37tOVIC1DVVLSV2dcCGjKk2tVr5FN5WVtwYQWto0
  UL0ySLfn0MfWhouWVupLYgWpmvg5HQDgnCa8yFU/ICDHzCiRFiNlcsPeVYcELKMCJK3A9jo5
  zyq0QKEtBpQ8oyFlQI91Sd6WZ6d8qsMUmKXWKKgG41WR5ahetfTWhHCSqeH37XUPKzhnNVpR
  tW21vdFbGEryqS58ZVN2TNlrKlC9BBvw63kmvPsF2FQHYj0DVfjxKsSDPotzXfDUptNJwg6d
  yBxUR+gMEUbb2BZlr1Uz/p2Kx5tRKXzJQfKcVU88Zb0i1KIntVHUU3BWhGMyUUVBwDnouCyv
  7waxqQkqct8ReEFlWlXp5kVRRRUygeyq42DkWbx04k4o4eTLYhD+QoMcQID6MdH5t5+TmwB8
  BN8gsdoWXUGz1EDPNwLYE4FzeG4OHQxc3TjBBcGBTCjSiSWidUHGF+jD7QhEfSImGFE/SA7p
  l1Sh1BTGTjRUMBG+baR9vrkP41BecXetb+B3TLv1vJ/2X9rf/ljqvsR3WKX1ovXesP+3fzGZ
  pUrS7xpHaBKu62JTgNypOOJwn4uI323OhnmjdujZAnFhTU3N+jMNOE+J5WLz4vTqrmoEObMS
  LHjyOQZWJhDlYp1FipGodGmmMXNdEBMtqoAkh5qXrKcDrBr7afAQD3nv35ppO33TcIhB9UB8
  ApjSDiYJDsRCbPDmCouVRjkHnvdmw71wOPdPIJZfUCwB0EynmTfYpdGKNjeeKtztzc7QlNoF
  fQRtX3/F1n8ZS9/Gd/b09X60dCjNlX/kkaKLZ8V1D86PH6rLVHz9OilOSfhs98Il4vcSJeJu
  n+9y6L8e+ktxyAYcDXMeDXprMmvE62XTQY/BP8deH9SjT0QpJnA32jPSYPXo4Y4PB9FFfm3R
  Ap1FhzYIh9swkxfN2Nxt/RMlxCWFu0JnsKKMmEP+iCyKaUM5l5uJHjcv+Hu8Hfzb6RglVKjr
  Aqysor/jGoPY8GUXz9pL9dTizI8fWr2oKF5urqhRvLxdBIjO1E1ZytnT1aJ/qqy7rybcnHgq
  blWB0s6dsu6BoaheXUCs23gCq7GcXUDTCItC2dAy/KhG2iSJKbVVDJpf4f3WUt+Aj5404WxC
  jFK/O1ZFFcWXw63n6tVbEaldbhKtLIppuVMdC3m37VqNfvO9gkdQSWbcS4V/fZHsP+tlaFA=
}

Этот урок является упрощенной версией оригинального урока от AntiCollegiality, anticollegiality.deviantart.com.

Пример использования данной техники от автора урока:

Видите, как рамочка выглядит объёмной!

Перевод и адаптация урока: Андрей Лёушкин.

Оцените материал
(2 голосов)
Прочитано 965 раз Последнее изменение Четверг, 18 Сентябрь 2014 11:31
Опубликовано в Ultra Fractal

Оставить комментарий

Убедитесь, что вы вводите (*) необходимую информацию, где нужно
HTML-коды запрещены