Author Topic: Помощь по созданию эффектов в графических редакторах! (Read 392303 times)

San4o · « **Reply #50 on:** March 27, 2009, 00:23:10 »

используй OutherGlow, INnerGlow, по вкусу ставишь радиус свечения

-=Lee=- · « **Reply #51 on:** March 27, 2009, 09:17:42 »

Victor N, кликаеш по слою с нужной кнопкой 2 раза, появится окно с настройками и там в левом столбце должен найти внутреннее и внешнее свечение:

T.R.S. · « **Reply #52 on:** March 27, 2009, 17:09:18 »

Я наверно совсем дибил если спрашиваю такое

как мне накисовать на одном слое залитый треугольник (плей) с немного скругленными краями?

San4o · « **Reply #53 on:** March 27, 2009, 17:13:19 »

возми Shape, вверху введи 3 (угла) и получится треугольник

T.R.S. · « **Reply #54 on:** March 27, 2009, 17:15:01 »

но мне надо ещё чуток углы скруглить

как это сделать? San4o, HELP ME!

San4o · « **Reply #55 on:** March 27, 2009, 17:20:40 »

или резинкой или
сделай растарайз, чтоб убрать маску, потом с Ctrl выдели треугольник, идёшь Select, Smooth и ставишь значение какое округление....

T.R.S. · « **Reply #56 on:** March 27, 2009, 17:23:57 »

Smooth это что такое? у меня русский фотош
и ещё он рисует не треугольник, а трёхконечную звезду

SanekK · « **Reply #57 on:** March 27, 2009, 17:50:57 »

Выбираешь многоугольник, ставишь 3 стороны, рисуешь треугольник, ПКМ по нему -> образовать выделенную область. Выделение -> модификация -> оптимизировать -> выставляешь радиус скругливания. Получаешь выделение скругленного треугольника, заливаешь его на новом слое.

T.R.S. · « **Reply #58 on:** March 28, 2009, 13:24:39 »

а как объект отразить слева-направо?

-=Lee=- · « **Reply #59 on:** March 28, 2009, 13:39:13 »

Edit > Transform Path > Flip Horizontal

T.R.S. · « **Reply #60 on:** April 14, 2009, 17:30:27 »

мне нужно сделать такую штуку. ща свечение одного цвета, а мне нужно свечение вот такое:

можно вообще сделать так?

SanekK · « **Reply #61 on:** April 14, 2009, 19:10:15 »

Градиентом можно.
И сверху слой бело-прозрачнога градиента.

T.R.S. · « **Reply #62 on:** April 14, 2009, 19:12:43 »

я так сделал картинку сверху

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

SanekK · « **Reply #63 on:** April 14, 2009, 19:16:16 »

Можно сделать квадратное выделение инструментом "Прямоугольная область" (M), взять инструмент Градиент (G) и залить прямоугольник (предварительно выставив значение градиента)
А можно нарисовать прямоугольник (U) и в стилях слоя применить этот же градиент.

Quote from: T.R.S. on April 14, 2009, 19:19:35

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

Теперь понял, наверно нельзя или сложно.

T.R.S. · « **Reply #64 on:** April 14, 2009, 19:19:35 »

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

San4o · « **Reply #65 on:** April 14, 2009, 19:28:45 »

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

или сделай слой такого же размера, положи под слой, который нужен...
используй Gaussian BLur и потом залей грандиентом

T.R.S. · « **Reply #66 on:** April 14, 2009, 21:29:35 »

Спасибо всем! всё сделал!

T.R.S. · « **Reply #67 on:** April 23, 2009, 15:43:03 »

Вопрос к San4o:
Как сделать такую карбоновую поверхность, как в твоём новом скине?

San4o · « **Reply #68 on:** April 23, 2009, 18:01:00 »

на скине или кнопках, как в ProAid?

SanekK · « **Reply #69 on:** April 23, 2009, 18:05:19 »

T.R.S., вот 2 текстуры сделанные мной.
Хотя в ProAid вроде другой применялся.

T.R.S. · « **Reply #70 on:** April 23, 2009, 18:23:48 »

а как ими пользоваться?

Добавлено через 1 мин. 59 сек.

Quote from: San4o on April 23, 2009, 18:01:00

на скине или кнопках, как в ProAid?

на кнопках

SanekK · « **Reply #71 on:** April 23, 2009, 18:26:45 »

Просто открываешь в фотошопе, они сами добавляются в Узоры. (там где Выполнить заливку или в стилях Перекрытие узора)

Вот урок на демиарте про текстуру карбона

Enseferum · « **Reply #72 on:** April 27, 2009, 01:33:00 »

если надо карбон, могу скинуть картнки, чтоб определил как узор и дальше всё просто...

T.R.S. · « **Reply #73 on:** April 27, 2009, 08:27:17 »

ну давай, хотя мне уже тут давали, и полечилось совсем не то...

Svobodniy · « **Reply #74 on:** May 10, 2009, 04:49:17 »

Подчистил тему от повторений и флуда.

Очень печально, что были утеряны видео-примеры Санчо... Может у кого-нибудь они остались? Или Санчо, ты сможешь еще раз снять краткие примеры на основные проблемные темы? Думаю можно даже к нам на ФТП залить, чтобы не потерялись в будущем...

San4o · « **Reply #75 on:** May 10, 2009, 15:12:02 »

примеров нет...
да я даже и не помню что делал

RedTiger · « **Reply #76 on:** July 01, 2009, 05:47:21 »

https://www.aimp.ru/?do=catalog&rec_id=130

извините но как сделать свечение по бокам в фотошопе кс3 ?) выложите манульчик, а то я тупой(((

Gudkoff · « **Reply #77 on:** July 01, 2009, 13:04:21 »

если я правильно тебя понял то делается это так

Ну или вручную, сделать понизом слой, который шире на 1 пиксель и рисовать на нем.

San4o · « **Reply #78 on:** July 01, 2009, 23:21:05 »

или просто берёшь линию и заливаешь её таким же грандиентом

T.R.S. · « **Reply #79 on:** September 30, 2009, 17:23:12 »

Я полазил по настройкам слоёв в фотошопе, да так и не понял как сделать текст вдавленным внутрь чего-либо(фона) помогите пожалуйста!

-=Lee=- · « **Reply #80 on:** September 30, 2009, 17:28:34 »

Ну это с тенями в стилях слоя надо по эксперементировать.

T.R.S. · « **Reply #81 on:** September 30, 2009, 18:03:13 »

а поточнее? я попробовал, как-то не особо похоже получилось.
П.С. Текст чёрного цвета

San4o · « **Reply #82 on:** September 30, 2009, 18:14:32 »

Бевел моде. поставь галочку(точку) на Up или Down, уменшай/увеличивай расстояние света, и будет тебе счастье

T.R.S. · « **Reply #83 on:** September 30, 2009, 18:19:03 »

эээм... у меня русский фотошоп

Юра · « **Reply #84 on:** September 30, 2009, 20:39:13 »

Про тиснение говорится, то что по центру в свойствах.

Kr1eger · « **Reply #85 on:** September 30, 2009, 21:40:10 »

Вот так это выглядит в английской версии Photoshop.

Rome · « **Reply #86 on:** January 09, 2010, 13:20:13 »

а туториалы от санчо на ютуб кто-нить заливал? дайте линк плыз

Rome · « **Reply #87 on:** January 09, 2010, 17:36:24 »

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

для начала я создал новый документ размером 512х512. этот размер не принципиален, главное, чтобы вам было комфортно умещать в нём то, что вы будете рисовать. фон я залил серым цветом 393939, чтомы белый фон не затенял то, что мы будем рисовать.

1. рисуем чёрную панель.

рисуем чёрный прямоугольник со скруглёнными краями. для этого жмём U, выбираем скруглённый прямоугольник и устанавливаем радиус скругления в 3 (или больше) пикселя.

устанавливаем в качестве основного цвета (тот цвет, которым рисует кисть) белый. для этого можно нажать D, затем X. заходим в layer style нашего прямоугольника. в настройках gradient overlay выбираем белый градиент с прозрачностью. он белый именно потому, что основным цветом был выбран белый цвет.

устанавливаем scale в 150%, и opacity в 25%. если градиент снизу-вверх, ставим флаг reverse. остальные настройки не трогаем, и идём на вкладку inner shadow. opacity ставим 50%, size - 0, angle - -90, а distance подбираем так, чтобы тень заканчивалась посередине нашей панельки. теперь добавляем обводку в 1 пиксель на вкладке stroke. opacity ставим 50%.

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

2. рисуем кнопки.

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

снова ставим основным белый цвет, и заходим в layer style. здесь нам нужен всё тот же gradient overlay. на этот раз в поле style выставляем reflected, и если градиент идёт из центра к краям, ставим флажок reverse. opacity у нас будет 25%, остальное не трогаем. добавляем чёрную обводку в 1 пиксель, с прозрачностью 50%, и закрываем layer style.

теперь самое зобавное: выделяем наш кружок в палитре слоёв, и жмём ctrl+j. у нас получилось два одинаковых слоя, один над другим. заходим в контекстное меню копии слоя, и жмём clear layer style. открываем его layer style, и в blending options - fill opacity ставим на 0. визуально слой должен исчезнуть, но не исчезнет его великое дело. идём в inner shadow, в качестве цвета тени берём белый, blend mode ставим normal, opacity 25%, angle 90, distance и size нам придётся подбирать в зависимости от размеров нашего круга самим, но чуть позже. сейчас закрываем свойства.
вам непонятно, зачем мы создавали для этих эффектов новый слой, когда могли сделать те же настройки в исходном? сейчас вы всё поймёте, но будет уже поздно.
жмём ctrl+t, выбрав копию исходного круга. сжимаем его снизу-вверх примерно на треть, точность не нужна.

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

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

применяем трансформацию, нажав enter. теперь самое время снова зайти в настройки тени, которые мы оставили. подбираем distance и size так, чтобы она более всего походила на градиент. эмпирическим путём приходим к чему-то похожему на изображенное на скриншоте ниже. в своём случае я использовал значения distance - 7 и size - 9.

кнопка готова. теперь нужно объединить составляющие её слои в группу. выделяем оба слоя, и жмём ctrl+g. выделяем группу в палитре слоёв, и нажав V, размещаем кнопку поверх нашей панели. чтобы сделать ещё несколько подобных кнопок, просто нажимаем V, а затем с нажатым alt перетаскиваем группу, тем самым копируя её. первая кнопка будет у нас кнопкой плей. давайте сделаем остальные кнопки.
для этого, скопировав группу, нажимаем ctrl+t. трансформация группы сохранит пропорции и позиции слоёв в группе относительно друг друга. уменьшите вторую кнопку на 20% отностельно предыдущей, и скопируйте её несклько раз. четвёртую кнопку я уменьшил ещё на 30%. допустим, это будет кнопка самоуничтожения аимпа.

наши кнопки выглядят довольно неплохо, но на этом останавливаться рано. мы хотели поместить их в углубление, и отступать уже поздно.
выделяем все наши группы (это делается также, как выделение файлов в проводнике), и в контекстном меню жмём duplicate layers. в появившемся диалоге жмём ok, ничего не меняя. все копии групп выделены (если нет - выделите их), теперь жмём ctrl+e. мы объединили все группы, превратив их в один слой без эффектов наложения. перемещаем этот слой в палитре слоёв сразу после чёрной панели, и открываем layer style.выставляем размах stroke по своему вкусу. цвет должен быть чёрным, а прозрачность отсутствовать.

создайте новый пустой слой (ctrl+shift+n), выделите его и наш слой из групп, и снова нажмите ctrl+e. теперь мы снова имеем слой без всяких эффектов, но обводка никуда не делась. идём в свойства этого слоя, и открываем многострадальный gradient overlay. снова выбираем белый градиент с прозрачностью (что делать, если его нет в списке, вы уже знаете). на этот раз нам нужно как раз чтобы градиент был снизу-вверх, поэтому флажок reverse не ставим. прозрачность устанавливаем 15%, и любуемся достигнутым эффектом:

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

в аттаче .psd, с которой я работал, делая туториал.

bescheidener · « **Reply #88 on:** January 09, 2010, 18:34:46 »

Уроки начинаются.

Ценная вещь. Rome, будешь местным преподом.

Rome · « **Reply #89 on:** January 09, 2010, 19:57:20 »

туториологом

бтв что-то сюда никто не идёт. видимо всем побарабану

bescheidener · « **Reply #90 on:** January 09, 2010, 20:01:18 »

Ну будут появлятся новички- обязательно зайдут.

-=FreedooM=- · « **Reply #91 on:** January 09, 2010, 22:23:47 »

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

Rome · « **Reply #92 on:** January 09, 2010, 23:17:42 »

если просто новый туториал, то вполне возможно. или тебе надо какого-то развития того, что изложено тут?

T.R.S. · « **Reply #93 on:** January 10, 2010, 00:20:01 »

О! как раз это нужно было. спасибо

ZeoN7 · « **Reply #94 on:** January 10, 2010, 00:24:00 »

Спасибо, Rome, будет полезно... И не только новичкам...

$MITT · « **Reply #95 on:** January 10, 2010, 10:38:21 »

давно пора было

круто

-=FreedooM=- · « **Reply #96 on:** January 10, 2010, 14:13:32 »

Quote from: Rome on January 09, 2010, 23:17:42

если просто новый туториал, то вполне возможно. или тебе надо какого-то развития того, что изложено тут?

Да просто новый тутор помогающий в создании скина,с эффектом стекла думаю все разобрались уж

DennoN · « **Reply #97 on:** January 14, 2010, 17:18:43 »

не-а

sam · « **Reply #98 on:** January 31, 2010, 13:21:51 »

Будут ли новые темы?

-=Lee=- · « **Reply #99 on:** January 31, 2010, 20:34:17 »

Вопрос по фотошопу. Кто-нибудь знает как сделать подобную текстуру?
Может урок какой-нибудь подскажите? Я не нашел, или плохо искал.

Author Topic: Помощь по созданию эффектов в графических редакторах! (Read 392303 times)

San4o

San4o

San4o

San4o

San4o

Svobodniy

San4o

RedTiger

San4o

San4o