AIMP Forum

AIMP for Windows => Дополнения / Addons => Обложки / Skins => Topic started by: San4o on December 11, 2007, 03:27:46

Title: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on December 11, 2007, 03:27:46
думаю многим начинающим непомешает ета темка(хотя на подобии такой уже тема поднималась, но обсуждение было почти ни о чём)

Решил создать новую, в которой надеюсь будет много примеров наподобии моего. Ожидаю от более "опытных" по созданию скинов помощи другим.
По запросу, в этом туториал я показал пример по созданию эффекта стекла(немного смахивает на эффект как в Black Glass), аналогично делается со всеми кнопками и т.д.
Работа проводилась конечно же в фотошопе :)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Imperator3 on December 11, 2007, 18:12:13
Много туториалов здесь:
http://photoshop.demiart.ru/
Грандиозный сайт. Есть даже уроки классического рисования - карандашом.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Gangster on December 12, 2007, 20:20:56
а может подскажешь как делать зеркальное отображение кнопок ? и неоновое типо освещение кнопок:)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Svog on December 12, 2007, 22:41:10
Объясните на самом простом примере все действия для создания скина (процесс рисования скина можете пропустить). Какие программы используете и т.д. Я не совсем понимаю, как проще подготовить файлы для создания скина, если сам скин уже нарисован. Например для одной кнопки нужно на одном рисунке нарисовать четыре её состояния, как это сделать проще?
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: SHiKiGAMY on December 12, 2007, 23:09:26
как это сделать проще?
Создать в шопе документ нужного размера, нарисовать первое состояние, скопипастить ещё три раза и поприменять на них эффекты до достижения нужного результата.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on December 13, 2007, 00:14:03
а может подскажешь как делать зеркальное отображение кнопок ? и неоновое типо освещение кнопок:)
ты туториал смотрел? точно так же и с кнопками...
процесс точно такой же, только кнопка круглая, вот и отражение делай круглым...
неоновое освещение? попробуй повключать эффекты: Inner Glow & Outer Glow
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Freyr on December 17, 2007, 12:47:31
Санчо у меня 3 вопроса:
1- как ты выбираешь шрифт??? Вот я пробовал фотошоповскими но они ужасно плохо читаются почему то
2- есть ли какие нибудь советы по выбору цвета?
3- Ты кнопки с нуля рисуешь? т.е. попиксельно, без эффектов , если добавляешь то какие?

пока вроде все))
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on December 17, 2007, 15:30:55
1 - какое-нибудь слово пишешь и выбираешь шрифт по своему усмотрению, какой к скину подходит. В виндовской папке есть папка Fonts, фотошоп показывает все шрифты которые там лежат.
2 - хмм а какие тут есть? делаешь со вкусом, ведь потом всё-равно можно изменить в аимпе. Мне само больше голубой нравится, он как-то и к чёрному подходит, а ведь множество скинов у меня чёрные :)
3 - я все свои скины с нуля рисую, ещё ниодин не портировал и не копировал кнпоки.
Думаю придётся какой-нибуд туториал по кнопкам сделать, только незнаю зачем, ведь кнпоки делаются точно так же, как в прошлом главное окно
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Freyr on December 17, 2007, 16:17:14
Блин тупо конечно но я не могу сделать точно такой же(такого цвета ) градиент как у тебя в туториал 1 ( самый первый рисунок), я даже его в буфер скопировал, просто вставляю а там цвет менятся с красиво-серого на коричневый(ну не тупо коричневый но все равно не такой как у тебя, у тебя блестяще серый - а у меня коричневато серый)

перепробовал и rgb и CMYK ниче не получается , в этом видимо и проблема - не могу с цветами нормально разобраться

собственно какие ты настройки при создании документа в тутотриале делал, настройки цвета, и я знаю что там где то чето можно какую то палитру менять, но я в этом дуб,
ты ничего не менял такого ?
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Freyr on December 17, 2007, 19:25:04
Санчо а как ты рисуешь такие линии? не попиксельно же, инструмент есть для этого?

Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on December 17, 2007, 20:04:36
кому инетресно, может скачать этот видеотуториал...
Там я ради прикола сделал набросок скина, и показал несколько эффектов для него...
на видео я сделал только стекло, есле к нему ещё приделать металическую панель, то это может выглядеть примерно так.


http://www.rapidshare.ru/506653  (http://www.rapidshare.ru/506653)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Freyr on December 17, 2007, 21:28:15
вот это было очень круто, вот значит откуда создается неповторимый стиль санчо)

теперь осталось выяснить как нарисовать металлическую панель и ответить на мой вопрос))
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on December 17, 2007, 21:35:04
гыы... :)
ну а вот и ответ на твой вопрос...
опять же видеотуториал, 18мб, там я сделал почти идентичную кнопку как у Блак Гласс и линии...
думаю теперь убедишься, что такую линию можно сделать за 5-10 сек.  ;D

http://www.rapidshare.ru/506802 (http://www.rapidshare.ru/506802)

да ещё, чтоб избежать дальнейших вопросов:
Какие клавы надо жать:
-Ctrl+T трансформирует объект, т.е. чтоб изменить его размер или как в туториал 2 я изменял линию, нужно нажать эту комбинацию, а потом уже ПКМ можно выбрать вид трансформации
-чтоб быстро скопировать объект(как с кнопкой в туториал3), нужно всего-лишь зажать Альт и потащить объект, он копируется автоматом...
-чтоб сделать точный круг(для кнопки) зажимаем Shift и делаем круг
ну а как сделать сетку вокруг объекта и удалить вcё что за ним, это вы уже знаете из туториал1
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Freyr on December 17, 2007, 23:36:55
Офигенно блин

я кстати все таки попиксельно полоски рисовал))

короче говоря все делается с градиентом, надо пробовать рисовать...
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on December 18, 2007, 15:24:43
ну что, кто хочет доделать этот набросок до скина?
могу псд дать...
вот 2й вариант
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Freyr on December 18, 2007, 22:37:13
сори за нубовский вопрос  ;D, но, блин , как сохранить нарисованную картинку ( в данном случае кнопку) без градиента сзади, и можно ли это сделать не связывая слои?
я понимаю что как то выделить но как выделить без фона ?(фон градиент врубаюсь как удалить, но как сохранить без фона не врубаюсь  ::)


да и вот еще: Санчо, а как ты рисуешь тени под кнопками? ясно теперь что через стиль слоя, но неплохо было бы узнать конкретнее
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on December 18, 2007, 22:59:56
оба вопроса не сильно понял...
1. Без гранидия? как я показывал в туториалс, который самый задний фон? Возле слоя есть глаз...на него нажимаешь, глаз исчезает, этим и грандиент исчезает... или я не так понял? я в последнее время начал по другому делать, когда уже весь скин сделал, грандиент убираю, и заливаю фон одним цветом, потом легде в Пайнте, просто розовым вон залил и всё :)

2. тень под кнопками... Попробуй включи Drop Shutdown, через эту опцию слой откидывает тень...

ПСы: Лучше бы показал картинку, а то так трудно объяcнять и понимать
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Freyr on December 18, 2007, 23:09:05
ну я так подумал что в скинедитор надо вставлять кнопку с фоном (черным примеру) и располагать на своем месте.
но ведь если кнопка круглая то нажиматься будет и когда наведено допустим не чисто в круг а за границами? не знаю как объяснить, короче проехали

drop shadow говоришь? скрин сделай плиз, у меня рус фотошоп)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on December 18, 2007, 23:17:40
ты есле по одной кнопке будешь рисовать и потом вставлять в скин, ты думаю через год его только нарисуешь.
Открой скинэдитор, возми какой-нибудь скин, потом есть опция, extract all resources, типа выгрузить вес элементы и посмотри как состоит скин, особенно главное окно...
я сдесь уже приводил пример как я скин делаю, делаешь всё в фотошопе...
сохраняешь 1й вариант(нормальное состояние всех кнопок) в БМП, потом делаешь все кнопки, как-будто они выделены, сохраняешь потом во 2й БМП, и т.д.
потом вырезаешь нужные кнопки в другие БМП...
вот скрин
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Freyr on December 18, 2007, 23:33:32
хм как скин устроен я впринципе в курсе
т.е. сначала нарисовать имеешь ввиду 1 состояние всех кнопок (плей, стоп, перемотка....) че такое БМП?
потом 2 ое и т.д.


ну я рисую кнопку ( 1ое состояние, меняю подсветку - типа 2ое состояние, создаю новый документ (куда уместится 4 кнопки) вставляю туда все состояния, сохраняю) а разве можно одновременно для всех (плей, стоп, перемотка) менять все состояния?
состояния менять я так понял делай свечения, тени, и т.д. в стиле слоев?


пс/ под тенью имел виду зеркальное отображение как к примеру на Black lineage

еще вопрос: на том же lineage получается что кнопки (Прим: стоп) находятся на границе "света". вопрос:а как ты тогда рисуешь кнопку (фон за ней) чтобы было сочетание с главным окном а не перекрытие ( к примеру черным)?
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Imperator3 on December 18, 2007, 23:47:25
БМП - bmp, формат графических файлов.
Quote
ну я рисую кнопку ( 1ое состояние, меняю подсветку - типа 2ое состояние, создаю новый документ (куда уместится 4 кнопки) вставляю туда все состояния, сохраняю) а разве можно одновременно для всех (плей, стоп, перемотка) менять все состояния?
состояния менять я так понял делай свечения, тени, и т.д. в стиле слоев?
Количество состояний той или иной кнопки ты не можешь поменять. Если кнопка запрограммированна на 4 состояния, то, соответственно, и будет делить твой файл по ширине на 4. Если не очень понятно, то почитай мой небольшой туториал, там это разобрано:
https://www.aimp.ru/forum/index.php?topic=652.0

Quote
еще вопрос: на том же lineage получается что кнопки (Прим: стоп) находятся на границе "света". вопрос:а как ты тогда рисуешь кнопку (фон за ней) чтобы было сочетание с главным окном а не перекрытие ( к примеру черным)?
Элементы не могут быть частично прозрачными (исключение - только для некоторых элементов), то в случае, если кнопка не квадратная, то за границей кнопки должна быть прорисована часть элемента, котрый находится под кнопкой.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on December 18, 2007, 23:55:37
ты как раз не понял тогда как скин рисуется, ты рисуешь в фотошопе весь скин, так же как он будет потом полностью выглядедь.

часть в фотошопе: каждая кнопка ето как слой, слои ты распределяешь по усмотрению, например кнопка в lineage, лежит над слоем главного окна, но под слоем "Свет"(отражение света), т.к. свет светит якобы на весь скин...
Ведь как ты нарисуешь скин в фотошопе, он так и будет выглядеть потом...
а кнопки вырезаешь именно из скина и есле ето например круглая кнопка, то вокруг неё находится именно частицы скина, а не грандиент, т.к. кнопка в скинэдиторе будет дополнять главное окно, а есле вокруг кнопки гранидент, какой интересно скин получится?

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

*.bmp это формат каринок... БМП*

а отражение, потом покажу
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Freyr on December 20, 2007, 00:12:25
Блин не могу со временем разобраться, там вместо цифр хрень отображается, че не так делаю? там без пробелов цифры записывать?
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Юра on December 21, 2007, 13:57:22
Блин не могу со временем разобраться, там вместо цифр хрень отображается, че не так делаю? там без пробелов цифры записывать?
С цифрами так - каждая цифра должна в картинке занимать одинаковое по размеру место. Сначала идет перечисление цифр 0-9, затем точки, минус и пробел.  Расстояние между ними будет нарисовано тобой. Лучше возьми готовые и посмотри как там сделано.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on December 25, 2007, 17:16:37
некоторые просили, чтоб я показал эффект отражения кнопок на плоскости...
тут маленький видеотуториал на 4мб.

http://www.rapidshare.ru/515980  (http://www.rapidshare.ru/515980)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Fizz on May 28, 2008, 21:58:48
San4o, помоги пожалуйста.
Я сегодня скачала твой Тutоrial 1, решила попробовать сделать стекляшку. Но я в фотожабе лопата-лопатой, по сему споткнулась уже на шаге №3. Во-первых не получается сделать точку зацепления правильно - она у меня получается не на белом прозрачном прямоугольнике, а на нижнем. Жаба мотивирут это тем что "не удается выбрать слой, поскольку точка, на котые вы нажали не находится внутри слоя отсеченной области видимого слоя".
До этого, когда нужно было нарисовать второй белый прямоугольник ( я его просто белой краской залили), жаба тоже нала ругаться, дескать "этот слой форм должен быть растеризован перед продолжением. Более не будет доступен слой отсеченной области. Растрировать форму?"
Вот такие пирожки.
Хелп, плиз! ;)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Freyr on May 28, 2008, 22:26:47
Я конечно не санчо  :-X но
1 - выложи скриншот по первому вопросу - никаких проблем быть не должно, просто выделяешь в панели слоев ( где надписи shape на картинке в туториале) белый прямоугольник и ставишь точки
2 - из за чего видимо и первая проблема - заливать инструментом а-ля заливка не надо, когда ты создаешь фигуру (shape - это векторная фигура, и она растриуется если ее заливать. сделать белой можно либо предварительно нажав на белый цвет перед рисованием либо потом - нажать на поле с цветом ( посмотри в картинке где написано shape - там как раз 2 фигуры черного, одна белого, там и меняй цвет

вот
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on May 28, 2008, 23:21:23
приглянись на скриншот, там возле Shape есть как-бы серый  квадрат(в списке где все слои), тебе надо его виделить, тогда сам белый прямоугольник выделится как-бы линией, когда тыкаешь в неё PenToolom, тогда точки появляются

там заливать ничего не надо...
когда создаёшь слой, с ним делается "векторная маска", этим ты и можешь менять его форму...а это и есть как раз етот серый квадрад возле Назнвания Shape3
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: BJIAD on June 20, 2008, 19:07:35
Привет знатокам создания скинов!
У мну проблема с прозрачностью, а именно - я делаю закругленные края главного окна, фон в шопе заливаю RGB 255 0 255, сохраняю все это дело в бмп 24 бит. Ставлю в скинэдиторе мое главное окно, когда включаю аимп то по краям главного окна видна пурпурная обрывистая полоска, как не перерисовывал ни х получается уже голова кругом  ::)

ХЕЛП ПЛИЗ :'(
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Imperator3 on June 20, 2008, 19:30:41
BJIAD,
Точно проверь, все ли пиксели в нужной области залиты цветом 255.0.255. Если ты рисуешь в Photoshop, то эффективно обрабатывать края карандашом с кистью 1 пиксель и непрозрачностью 100%. То есть никаких полутонов розового быть не должно.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: HuLk on October 18, 2008, 16:16:58
Делаю(портирую) скин для одного участника форума, которому не хватает минималистических скинов в аимпе, т.к не разу не пользовался фотошопом подскожите как сделать эффект на кнопки(эффект при наведении мышки)?
Что лучше? Чем?
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Юра on October 19, 2008, 00:58:45
Смотря что хочешь сделать, можешь зайди в свойства слоя (двойной клик по слою), там уже потыкай, может что и получится.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: SeaCaT on January 28, 2009, 10:15:52
В итоге общей картинки как это будет выглядеть я не буду иметь, пока не соберу скин полностью. Я думал люди как-то проще делают.

Все-таки если не сложно выложите пожалуйста полный процесс создания скина. Понимаю, что это тяжелый труд, но все же.
Я делаю это так:
Юзаю PhotoShop
Создать новый файл>Размеры:Высота-высота кнопки,
ширина-предполагаемый размер умножить на 4 или 6(зависит от типа кнопки),
Потом выбираете Image slicing tool(Разрезка иображения),
Правой кнопкой>делить изображение на 4 или 6.
потом копируем из другого image в наш и через Alt
копируем на все квадраты.Срабатывает автоматическая привязка к углу(боковой линии) "кадра".
Сохраняем файл в формате BMP с максимальным качеством, закрываем и снова открываем наш файл(чтобы буфер PhotoShop'a "забыл" наше кнопочку, и, выделив вручную один кадр, начинаем баловаться с эффектами.
Попробуйте так. 8) :D :D :D
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: -=Lee=- on January 28, 2009, 20:39:21
я по другому работаю, я сначала делаю весь скин, сохраняю, потом всё должно как-бы мышкой нведено, сохраняю в отдельный *.псд
короче снизу 2 примера. 1й-просто, 2й-выделено всё. После как все 3 состояния готовы, вырезаю паинтом нужные кнопки
Санчо,сообщение хоть и давнее,но все же.Прошу поподробнее с вырезанием кнопок.С тремя состояниями я просек.А вот не разберусь с вырезкой .Как на каждом состоянии правильно угадать размер кнопки,что б все 4 штуки совподали по размеру.На деюсь понятно обьяснил.Ну или кто понял и делает так же - ответте))
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on January 29, 2009, 01:08:56
да, т.е. внизу 4 Painta открыто, 3 со скином, а 4й куда вырезаное вставляю...
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: -=Lee=- on January 29, 2009, 15:31:11
С этим да,я разобрался.Я хчу узнать как сделать все четыре состояния кнопки одинаковыми по размеру и что б расположение было одинаковое,чтоб они не смещались.Когда первое состояние вырезаеш - понятно,а второй и третий не на глаз же и не на угад? ??? ??? ???
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Юра on January 29, 2009, 15:46:59
Включи линейку, жми ПКМ на линейкой и тяни, появятся полосы "направляющие", я так делаю.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Virys90 on January 29, 2009, 15:55:07
В фотошопе Инструмент (Прямолинийная область) и зажимаешь Ctrl, и выделяещь, а потом просто вырезаешь и создаёш дубликат изображения 3 раза, и применяешь разные эффекты, я допустим так делаю
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: -=Lee=- on January 29, 2009, 16:04:59
Спасибо,но,мне ближе мЭтод Санчо.На это есть свои причины,потому и хочу у него узнать.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on January 29, 2009, 16:09:07
я на глаз вырезаю, в пейнте ведь увелечилка есть, смотришь по поикселям как 1й раз вырезал, так и остальные режешь. C кнопками где есть границы само легко работать, а вот со стеклом или с кнопок котороя потом появляется, самый геморой   8)

просто для меня лучше когда весь скин готов, видно как он примерно будет выглядеть...
а потом уже кнопки в пейнте вырезаю
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Prince on January 29, 2009, 21:36:08
Для вырезания очень советую прогу Paint.NET нежели стандартный Paint.
Я там вырезаю всё что надо вырезать  :)
Вот ссылка на скачку кого заинтересует http://programki.net/program.php?pr=201
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: false on January 30, 2009, 13:31:40
а никто не юзает Fireworks? очень вещь удобная, а то как то странно слышать что рисуют в шопе а вырезают в пайнте. Допустим в Fireworks есть экспорт с фрагментами, короче надо только указать область, все остальное сделают)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: T.R.S. on February 14, 2009, 17:06:20
а как сделать неоновое свечение? обьясните дибилу :) я же в Photoshop ни бум-бум
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on February 14, 2009, 20:13:37
http://photoshop.demiart.ru/

поучись немного тут ;)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: T.R.S. on February 14, 2009, 21:19:55
а если точнее? там уйма всего а я так ничего и не нашел
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on February 14, 2009, 22:04:23
в инете столько туториалов по созданию кнопок...
тут тебе всё-равно прям так не обьяснят...
чтоб сделать неоновую подсветку, применяй опции Inner Gloww / Outer Glow
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: R.E.D.W.@.R. on March 14, 2009, 20:45:33
Вот мошт кому надо, нашол официальное руководство пользователя для Adobe Photoshop CS4 полностью на русском, в формате pdf

СКАЧАТЬ (http://uploadbox.com/files/Ytqmi1uTDO)   |   14.32 Мб
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Chasopis on March 26, 2009, 16:43:47
Друзья, помогите. С фотошопом я покачто неочень знаком. Читаю туториал. Там написано, что с помощью Add Anchor Point Tool добавлятся точки. но как? , даже когда я выбираю просто перо и обвожу контур белого прямоугольника, оно идет поверх него, не ратягивает его, а идет как новый слой. обьясните мне, ламеру, что я делаю не так, и как надо. Заранее благодарен.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on March 26, 2009, 17:11:32
когда делаешь слой, в списке слоёв рядом с ним есть маска, тебе надо туда кликнуть, потом прямоугольник как-бы выделиться, только тогда ты можешь пен туулом тыкать эти точки и изменять форум прямоугольника
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Chasopis on March 27, 2009, 00:06:52
Вот ещё проблемка: как сделать плавное аккуратное равномерное свечение вокруг кнопок, как вот на многих скинах сделано, даже на первой страничке этой темы, там скриншоты. Может у кого есть урок, или ссылкка на него. Плиз, помогите.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on March 27, 2009, 00:23:10
используй OutherGlow, INnerGlow, по вкусу ставишь радиус свечения
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: -=Lee=- on March 27, 2009, 09:17:42
Victor N, кликаеш по слою с нужной кнопкой 2 раза, появится окно с настройками и там в левом столбце должен найти внутреннее и внешнее свечение:
imageshack СПАМ[/color].us/my.php?image=321c.png](http://img510.[color=#ff11ff]imageshack СПАМ[/color].us/img510/4152/321c.th.png) (http://img510.[color=#ff11ff)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: T.R.S. on March 27, 2009, 17:09:18
Я наверно совсем дибил если спрашиваю такое ::) ;D как мне накисовать на одном слое залитый треугольник (плей) с немного скругленными краями?
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on March 27, 2009, 17:13:19
возми  Shape, вверху введи 3 (угла) и получится треугольник :)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: T.R.S. on March 27, 2009, 17:15:01
но мне надо ещё чуток углы скруглить

как это сделать? San4o, HELP ME!
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on March 27, 2009, 17:20:40
или резинкой или
сделай растарайз, чтоб убрать маску, потом с Ctrl выдели треугольник, идёшь Select, Smooth и ставишь значение какое округление....
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: T.R.S. on March 27, 2009, 17:23:57
Smooth это что такое? у меня русский фотош
и ещё он рисует не треугольник, а трёхконечную звезду
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: SanekK on March 27, 2009, 17:50:57
Выбираешь многоугольник, ставишь 3 стороны, рисуешь треугольник, ПКМ по нему -> образовать выделенную область. Выделение -> модификация -> оптимизировать -> выставляешь радиус скругливания. Получаешь выделение скругленного треугольника, заливаешь его на новом слое.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: T.R.S. on March 28, 2009, 13:24:39
а как объект отразить слева-направо?
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: -=Lee=- on March 28, 2009, 13:39:13
Edit > Transform Path > Flip Horizontal
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: T.R.S. on April 14, 2009, 17:30:27
мне нужно сделать такую штуку. ща свечение одного цвета, а мне нужно свечение вот такое:
(http://smages.com/i/5e/3e/5e3e164a8f55a096671e0adef97c05ae.png) (http://smages.com/)
можно вообще сделать так?
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: SanekK on April 14, 2009, 19:10:15
Градиентом можно.
И сверху слой бело-прозрачнога градиента.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: T.R.S. on April 14, 2009, 19:12:43
я так сделал картинку сверху

объясни по пунктам, пожалуйста, как это сделать. Мысль я понял, сам так пытался сделать, но не знаю как для квадратика сделать
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: SanekK on April 14, 2009, 19:16:16
Можно сделать квадратное выделение инструментом "Прямоугольная область" (M), взять инструмент Градиент (G) и залить прямоугольник (предварительно выставив значение градиента)
А можно нарисовать прямоугольник (U) и в стилях слоя применить этот же градиент.
ты не совсем меня понял. есть эффект слоя свечение - оно однотонно. а мне нужно чтобы так же было, но цвет перетекал. градиент в эффекте свечение - не то. похоже так сделать нельзя
Теперь понял, наверно нельзя или сложно. 

Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: T.R.S. on April 14, 2009, 19:19:35
ты не совсем меня понял. есть эффект слоя свечение - оно однотонно. а мне нужно чтобы так же было, но цвет перетекал. градиент в эффекте свечение - не то. похоже так сделать нельзя
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on April 14, 2009, 19:28:45
есле ты хочешь свечение, по краям, и грандиент, то можно использовать Stroke, там выбираешь пункт грандиент, но края буду твёрдыми

или сделай слой такого же размера, положи под слой, который нужен...
используй Gaussian BLur и потом залей грандиентом
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: T.R.S. on April 14, 2009, 21:29:35
Спасибо всем! всё сделал!
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: T.R.S. on April 23, 2009, 15:43:03
Вопрос к San4o:
Как сделать такую карбоновую поверхность, как в твоём новом скине?
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on April 23, 2009, 18:01:00
на скине или кнопках, как в ProAid?
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: SanekK on April 23, 2009, 18:05:19
T.R.S., вот 2 текстуры сделанные мной.
Хотя в ProAid вроде другой применялся.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: T.R.S. on April 23, 2009, 18:23:48
а как ими пользоваться?


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

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

Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: SanekK on April 23, 2009, 18:26:45
Просто открываешь в фотошопе, они сами добавляются в Узоры. (там где Выполнить заливку или в стилях Перекрытие узора)

Вот урок на демиарте (http://demiart.ru/forum/index.php?showtopic=86144) про текстуру карбона
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Enseferum on April 27, 2009, 01:33:00
если надо карбон, могу скинуть картнки, чтоб определил как узор и дальше всё просто...
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: T.R.S. on April 27, 2009, 08:27:17
ну давай, хотя мне уже тут давали, и полечилось совсем не то...
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Svobodniy on May 10, 2009, 04:49:17
Подчистил тему от повторений и флуда.

Очень печально, что были утеряны видео-примеры Санчо... Может у кого-нибудь они остались? Или Санчо, ты сможешь еще раз снять краткие примеры на основные проблемные темы? Думаю можно даже к нам на ФТП залить, чтобы не потерялись в будущем...
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on May 10, 2009, 15:12:02
примеров нет...
да я даже и не помню что делал
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: RedTiger on July 01, 2009, 05:47:21
https://www.aimp.ru/?do=catalog&rec_id=130

извините но как сделать свечение по бокам в фотошопе кс3 ?) выложите манульчик, а то я тупой(((
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Gudkoff on July 01, 2009, 13:04:21
если я правильно тебя понял то делается это так

(http://pic.ipicture.ru/uploads/090701/thumbs/eUEAFgb2s7.png) (http://ipicture.ru/Gallery/Viewfull/20471857.html)

Ну или вручную, сделать понизом слой, который шире на 1 пиксель и рисовать на нем.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on July 01, 2009, 23:21:05
или просто берёшь линию и заливаешь её таким же грандиентом
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: T.R.S. on September 30, 2009, 17:23:12
Я полазил по настройкам слоёв в фотошопе, да так и не понял как сделать текст вдавленным внутрь чего-либо(фона) помогите пожалуйста!
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: -=Lee=- on September 30, 2009, 17:28:34
Ну это с тенями в стилях слоя надо по эксперементировать.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: T.R.S. on September 30, 2009, 18:03:13
а поточнее? я попробовал, как-то не особо похоже получилось.
П.С. Текст чёрного цвета
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on September 30, 2009, 18:14:32
Бевел моде. поставь галочку(точку) на Up или Down, уменшай/увеличивай расстояние света, и будет тебе счастье ;)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: T.R.S. on September 30, 2009, 18:19:03
эээм... у меня русский фотошоп  ;D
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Юра on September 30, 2009, 20:39:13
Про тиснение говорится, то что по центру в свойствах.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Kr1eger on September 30, 2009, 21:40:10
Вот так (http://www.4webmaster.ru/wp-content/uploads/3-bevel-and-emboss.jpg) это выглядит в английской версии Photoshop.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Rome on January 09, 2010, 13:20:13
а туториалы от санчо на ютуб кто-нить заливал? дайте линк плыз
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Rome on January 09, 2010, 17:36:24
мы рассмотрим способ создания простой панели в виде прямоугольника непрозрачного чёрного стекла, и кнопок на ней, находящихся в небольшом углублении.
начнём.

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

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

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

(http://funkyimg.com/u2/376/662/Untitled-1.png)

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

(http://funkyimg.com/u2/835/203/Untitled-1.png)

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

(http://funkyimg.com/u2/385/600/Untitled-1.png)

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

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

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

(http://funkyimg.com/u2/186/888/Untitled-1.png)

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

(http://funkyimg.com/u2/644/417/Untitled-1.png)

теперь самое зобавное: выделяем наш кружок в палитре слоёв, и жмём 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, выбрав копию исходного круга. сжимаем его снизу-вверх примерно на треть, точность не нужна.

(http://funkyimg.com/u2/394/995/Untitled-2.png)

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

(http://funkyimg.com/u2/522/045/Untitled-2.png)

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

(http://funkyimg.com/u2/496/307/Untitled-2.png)

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

(http://funkyimg.com/u2/519/951/Untitled-1.png)

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

(http://funkyimg.com/u2/575/602/Untitled-1.png)

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

(http://funkyimg.com/u2/885/578/Untitled-1.png)

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

(http://funkyimg.com/u2/212/722/Untitled-1.png)

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

(http://funkyimg.com/u2/116/624/Untitled-1.png)

в аттаче .psd, с которой я работал, делая туториал.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: bescheidener on January 09, 2010, 18:34:46
Уроки начинаются. :) Ценная вещь. Rome, будешь местным преподом. :)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Rome on January 09, 2010, 19:57:20
туториологом  ;D
бтв что-то сюда никто не идёт. видимо всем побарабану
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: bescheidener on January 09, 2010, 20:01:18
Ну будут появлятся новички- обязательно зайдут.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: -=FreedooM=- on January 09, 2010, 22:23:47
Тема крайне полезна,без всяких там дополнительных стилей и прочего,дёшево и сердито так сказать,продолжение будет?
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Rome on January 09, 2010, 23:17:42
если просто новый туториал, то вполне возможно. или тебе надо какого-то развития того, что изложено тут?
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: T.R.S. on January 10, 2010, 00:20:01
О! как раз это нужно было. спасибо
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: ZeoN7 on January 10, 2010, 00:24:00
Спасибо, Rome, будет полезно... И не только новичкам...
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: $MITT on January 10, 2010, 10:38:21
давно пора было :) круто
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: -=FreedooM=- on January 10, 2010, 14:13:32
если просто новый туториал, то вполне возможно. или тебе надо какого-то развития того, что изложено тут?
Да просто новый тутор помогающий в создании скина,с эффектом стекла думаю все разобрались уж :)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: DennoN on January 14, 2010, 17:18:43
не-а
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: sam on January 31, 2010, 13:21:51
Будут ли новые темы? ???
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: -=Lee=- on January 31, 2010, 20:34:17
Вопрос по фотошопу. Кто-нибудь знает как сделать подобную текстуру?
Может урок какой-нибудь подскажите? Я не нашел, или плохо искал.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Rome on January 31, 2010, 22:27:12
ты хочешь кастомную, сам нарисовать?
имхо, это какой-то плагин, возможно для какого-то векторного редактора. сам такие вещи тупо брал из гугла.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: -=Lee=- on January 31, 2010, 22:31:11
Та я и гуглил, хотел и готовые текстуры найти. Чет не найду, все не то. Просто хочу в таком стайле обоину сделать.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Rome on January 31, 2010, 22:33:27
Та я и гуглил, хотел и готовые текстуры найти. Чет не найду, все не то. Просто хочу в таком стайле обоину сделать.
вот только что написал в гугле "узор", и он выдал целую кучу двухцветных картинок с подобными узорчиками. рисуй не хочу)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: -=Lee=- on January 31, 2010, 22:49:42
Хотя можно и кистями самому сделать, ладно проехали ;D
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: D.D.Konstantinov on February 21, 2010, 18:17:37
На самом деле не помешал бы туторил, как терь в скин эдиторе сделать это функциональным... На примере хотяб этого же туториала
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: bescheidener on February 21, 2010, 18:33:53
Для этого есть старый мануал от SE. Где-то он есть...
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Tarik on February 21, 2010, 19:44:38
Для этого есть старый мануал от SE. Где-то он есть...
https://www.aimp.ru/forum/index.php?topic=19172.msg88176#msg88176
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Gudkoff on February 22, 2010, 16:46:31
Вопрос по фотошопу. Кто-нибудь знает как сделать подобную текстуру?
Может урок какой-нибудь подскажите? Я не нашел, или плохо искал.

Сам когда-то задался этим вопросом. Такие текстуры называются Damask. Но мое гугление привело к нахождению тах текстур не очень хорошего рисунка и качества. И множество платных текстур уже хорошего рисунка и качества.  ;D
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: -=Lee=- on February 22, 2010, 17:06:28
Та я себе сам уже нечто похожее сделал))
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Lyuter on March 18, 2010, 14:38:11
Спасибо от новичка  :)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Enigmus on April 06, 2010, 15:30:57
У меня есть рисунок как скруглить у него края поскажите плиз!!
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: bescheidener on April 06, 2010, 16:33:09
Конкретнее. Это для скина или просто картинка и надо скруглить края?...
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: ZeoN7 on May 12, 2010, 10:25:13
Скорее всего эту тему нужно объединить с этой (https://www.aimp.ru/forum/index.php?topic=2202.50)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: ZeoN7 on May 12, 2010, 14:31:42
Выкладываю Туториалы от San4o:

http://ifolder.ru/17671051 - doc

http://ifolder.ru/17673192 - avi

http://ifolder.ru/17673821 - avi

http://ifolder.ru/17673972 - avi
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: P.Ar.A.graf on May 13, 2010, 20:10:43
Не подскажете, как можно симметрично фигуру деформировать в фотошопе? (http://img59.[color=#ff11ff]imageshack СПАМ[/color].us/img59/5016/2010051318h5756.jpg) - то что справа натворил, чтобы одновременно зеркально происходило слева.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Tarik on May 13, 2010, 20:30:23
Не подскажете, как можно симметрично фигуру деформировать в фотошопе?- то что справа натворил, чтобы одновременно зеркально происходило слева.
выделяешь часть фигуры справа инструментом выделения, затем ctrl+t - flip horizontal, и перемещаешь выделенный перевернутый кусок влево

небось урок Как создать интерфейс плеера в Photoshop?  :)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: P.Ar.A.graf on May 13, 2010, 22:52:37
Благодарствую и спасибо за туториалы, пригодятся.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: P.Ar.A.graf on May 21, 2010, 00:26:02
Делал кнопку текстом.
(http://img12.[color=#ff11ff]imageshack СПАМ[/color].us/img12/1354/2010052023h1522.png)
Как сделать, чтобы в скине реагировала вся площадь, а не только шрифт?
(Если попасть курсором в центр "р", допустим, то кнопку не нажать)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: bescheidener on May 21, 2010, 00:47:15
Ну... видимо нужно делать её непрозрачной... :)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Kr1eger on May 21, 2010, 00:48:36
Либо с текстурой вырезать, либо аккуратно заливать 255,0,255
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Tarik on May 21, 2010, 11:00:51
сделать выделение области кнопки и нажать ctrl+shift+c, в таком случае скопируется в буфер слой текста вместе с фоном
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: P.Ar.A.graf on May 23, 2010, 22:33:01
Эмм, а как вы рисуете спектрум?  :-[
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Андрей Бубнов on May 23, 2010, 22:46:05
Рисуешь бэкграунд, рисуешь скин для спетрума того же формата. в настройках элемента указываешь количество баров. Максимально 64 шт. Бары отделяются автоматически через 1 пиксель.
на счет скина пиков сам не знаю.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Tarik on May 23, 2010, 22:55:44
Открой несколько скинов в редакторе и посмотри какие текстуры применяют...
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Torin on May 31, 2010, 13:21:44
Несмотря на то что я не занимаюсь ни фотошопом, ни скинэдитором, я считаю что просто необходимо (если, конечно такие уроки будут продолжать делаться) перевести их с сайта в документ (например pdf), чтобы любой желающий мог с легкостью скачать его и многому научиться, не прикладывая при этом титанических усилий для поиска уроков "на стороне"
Таким образом мы и людям поможем и получим пару - тройку лишних (а они никогда не лишние) обложек или иконок или чего нибудь ещё с символикой нашего любимого плеера или для любимого плеера!
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: -=Lee=- on June 05, 2010, 19:55:15
В общем впервые решил попробовать сделать All In One. Иии.. то ли я дурак, то ли лыжи не едут)) Не разберусь с контейнерами.
Задал я два новых контейнера.
Вопросы: Как мне теперь задать им текстуры, если их невидно в дереве объектов? И почему я не могу удалить мной же созданные контейнеры в настройках?
Подскажите, а то я чет туплю..
imageshack СПАМ[/color].us/i/009ar.png/](http://img535.[color=#ff11ff]imageshack СПАМ[/color].us/img535/984/009ar.th.png) (http://img535.[color=#ff11ff)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: P.Ar.A.graf on June 05, 2010, 21:20:20
-=LEE=-, при выборе редактирования контейнеров можно выбрать плейлист или главное окно:
(http://img444.[color=#ff11ff]imageshack СПАМ[/color].us/img444/685/2010060520h1502.png)
Просто не туда зашел наверно, вот и не получается удалить.
Текстуры так:
imageshack СПАМ[/color].us/my.php?image=2010060520h1652.png](http://img96.[color=#ff11ff]imageshack СПАМ[/color].us/img96/4571/2010060520h1652.th.png) (http://img96.[color=#ff11ff)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: -=Lee=- on June 05, 2010, 22:37:00
Все правильно я выбрал. Редактировал контейнеры Main Window LayoutBox. Добавил 2 новых контейнера и в списке я их не найду. Может они и не должны там появляться, но как тогда задать им текстуры?!


Добавлено через 8 мин. 44 сек.
Отбой тревоги. Начал делать заново, все появилось. В прошлый раз у меня СЭ заглючило, с ошибками принял другие текстуры, возможно из-за этого были проблемы. Но глюки теперь происходят постоянно..
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: -=Lee=- on June 05, 2010, 23:18:37
Еще один момент. Как заставить не растягиватся скин в самом скин эдтиоре??
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Tarik on June 06, 2010, 02:15:13
всмысле не растягиваться в самом СЭ?
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: AngelAG on June 06, 2010, 06:49:17
Еще один момент. Как заставить не растягиватся скин в самом скин эдтиоре??
Никак. Если надо разместить элементы над этой текстурой, а текстура растянута, задай ей Режим заливки: Замостить.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Aceko on June 30, 2010, 09:45:39
как можно растянуть дизайн к примеру где то до половины экрана?
часто слушаю радио и не видно что играет приходится сидеть ждать рока покрутится в минимальном режиме название песни.
когда пользовался винапом такой проблемы не было.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Tarik on June 30, 2010, 10:09:59
плеер не поддерживает изменение размеров по горизонтали. если очень надо, можно перерисовать скин, растянуть его
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Aceko on June 30, 2010, 10:11:52
плеер не поддерживает изменение размеров по горизонтали. если очень надо, можно перерисовать скин, растянуть его
это я и пытаюсь сделать.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Tarik on June 30, 2010, 10:19:46
это я и пытаюсь сделать.
тогда графический редактор и скин-эдитор вам в руки...
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Aceko on June 30, 2010, 10:22:17
тогда графический редактор и скин-эдитор вам в руки...
я как бы сам догаладся что надо скин редактировать и делал это уже давно но не менял размеры.

не нашел там что то типа редактора размера окон.

пользусь скином sport orange от FreeZeek
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Андрей Бубнов on June 30, 2010, 10:37:16
Размер окон напрямую зависит от размера текстуры. Сделаете ее длиной по горизонтали и окно таким будет.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Tarik on June 30, 2010, 10:50:21
не нашел там что то типа редактора размера окон.
И не найдёте, так как такого функционала нет. Нужно текстуру  в граф, редакторе растянуть, а затем заменить её в скинэдиторе
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Aceko on June 30, 2010, 11:29:10
сделал растянул все как надо но после сохранения не отображается в списке скинов он.

ане оно заменяет на стандартный скин
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Aceko on June 30, 2010, 11:49:28
сделал растянул все как надо но после сохранения не отображается в списке скинов он.

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

всем спасибо что помгли


Добавлено через 4 мин. 24 сек.
как сделать чтоб текст не ездил по кругу в поле а сотял на месте?
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: sviperz on June 30, 2010, 12:06:14
Справку почитать
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Tarik on June 30, 2010, 12:14:21
как сделать чтоб текст не ездил по кругу в поле а сотял на месте?
настройки - интерфейс - анимация бегущей строки
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Aceko on June 30, 2010, 14:16:20
Справку почитать
я думал это в скине настраивается.
настройки - интерфейс - анимация бегущей строки
снова спасибо
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Axelerator on July 29, 2010, 20:41:10
Проблема с фоном вкладки плейлистов:
Ставлю фон, указываю границы
(http://i8.fastpic.ru/big/2010/0729/b6/c5734dc941e1c81a5e4dd2c5c23e7ab6.png)

В Скин Эдиторе все правильно - замостил
(http://i8.fastpic.ru/big/2010/0729/fb/be633f92f6fa5ae3dbf538b67f3900fb.png)

В Плеере - растянул.
(http://i8.fastpic.ru/big/2010/0729/2b/a1d1edaa7e55383990a8ebd1c4e5f12b.png)

Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Tarik on July 29, 2010, 20:42:09
Если сборка СЭ 110 - там косяк, собирайте на 104


Добавлено через 31 сек.
вот 104 https://www.aimp.ru/forum/index.php?action=dlattach;topic=21304.0;attach=11912
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Axelerator on July 29, 2010, 20:43:25
Да 110  ;D
Спасибо
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: l4ko on August 04, 2010, 14:39:07
Да туториал хороший. :DПомутил маленько на "Фотошопе" :)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: l4ko on August 19, 2010, 14:32:05
А ёщё уроки будут? ??? :)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Tarik on August 19, 2010, 14:40:52
гугл в помошь :)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: l4ko on August 19, 2010, 15:18:32
гугл в помошь :)
7 бед-один ответ ;D ;D ;D
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Mery on September 01, 2010, 23:40:52
хорошая новость, спасибо
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: -=Lee=- on October 19, 2010, 15:57:53
Ни как не могу придумать..
Как сделать что бы стекло размывало под собой фон? Кто знает?
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on October 19, 2010, 16:02:38
аеро еффект...
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: -=Lee=- on October 19, 2010, 16:11:17
А применить-то его как?
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Tarik on October 19, 2010, 16:19:31
Это сама винда рисует, вручную сам ты не нарисуешь...
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: SanekK on October 19, 2010, 16:27:10
Ну можно кусок картинки нижнего слоя под стеклом вырезать и размыть по Гаусу.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: -=Lee=- on October 19, 2010, 16:36:54
Та не. Я ж думал что в фотошопе можно сделать так, как и в семерке, например, - перемещаешь окно, а под ним фон размывается.
Quote
Это сама винда рисует, вручную сам ты не нарисуешь...
А по этому у меня появилось еще пару глупых вопросов и не поняток..  ну то ладно.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on October 19, 2010, 20:14:08
Ну можно кусок картинки нижнего слоя под стеклом вырезать и размыть по Гаусу.
ну и? в фотошопе может ты и размоешь, но оно или не будет потом прозрачным, а есле и будет, то будет просто прозрачным, а размывать задний фон не будет...  ;D
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: SanekK on October 19, 2010, 20:18:03
Я думал что задняя картинка - тоже элемент скина. Неправильно понял просто. :)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: -=Lee=- on October 19, 2010, 20:56:27
Так если винда размывает фон, то как она "понимает", когда мне это надо или не надо? Или это как-то можно будет задавать в СЭ?
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: SanekK on October 19, 2010, 20:58:27
Это будет всегда. Но будет это, если Артем сделает Aero Glass
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: l4ko on October 28, 2010, 09:37:25
Можно ли такую надпись сделать в Фотошопе,и если можно то как?
[fastpic СПАМ.ru/](http://i11.fastpic.ru/big/2010/1028/81/e8e60aaeaefb3afd3701f439e0e5ad81.png)[/URL]
Или проще паяльник поискать? :)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on November 27, 2010, 19:59:09
смотрю тут появилось много начинающих по рисованию скинов...
Решил снова показать в туториалах элементарное создание кнопки и стекла(изогнутого стекла) + чёткость элементов, т.к. многие на это не обращают внимания, на полупрозрачные пиксели, которые размывают кнопку/элемент.

Opacity = Прозрачность всего слоя, при этом эффекты в слое становятся тоже прозрачными.
Fill  = тоже прозрачность, но уже не трогая эффекты. Эта опция тоже очень хороша при наложении дополнительных эффектов на кнопку/объект (показано в туториал с кнопкой).

http://letitbit.net/download/89741.83a0f1adfdc1f937d59636084a1e/Tutorial_1.rar.html
 (http://letitbit.net/download/89741.83a0f1adfdc1f937d59636084a1e/Tutorial_1.rar.html)
11,9 mb
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Алексей Долматов on November 28, 2010, 10:21:27
Файл Обучения (Tutorial_1.rar): Кто не может скачать с бесплатного файлообменника LetitBit.net
Скачать файл (http://moemesto.ru/Download/file/9898773/display/Tutorial_1.rar)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: NikolavRj on December 30, 2010, 05:35:01
Решил помочь начинающим скиноделам, не имеющим навыков в работе
с фотошопом. Я использую программу AW Icons.
Скачать её можно с официального сайта www.awicons.com
Имеется Pro-версия и Lite-версия. Pro обойдется в 800 рублей,
деньги не особо большие, по сравнению с великим и могучим Фотошопом
Программа не поддерживает работу со слоями, но в ней много других полезных функций

В этом примере покажу как нарисовать кнопку Play в 4 положениях,
на всю работу уходит примерно 5-7 минут, сложностей - никаких

1.При открытии программы создаётся поле, размером 48х48 пикс.
Рисуем залитый круг размером 44х44 нужного вам цвета
(http://i015.radikal.ru/1012/35/8dad47b171a6.jpg) (http://www.radikal.ru)

2.В панели эффектов в меню "другие" выбираем капля воды, изменяем настройки
и получаем следущее:
С настройками можно поэксперементировать, особо хочу отметить пункт "Режим сферы"
(http://i061.radikal.ru/1012/a5/64b54992b9b0.jpg) (http://www.radikal.ru)

3.Инструментом"пипетка" выбираем самый светлый цвет и этим цветом рисуем круг
толщиной 1 пикс. диаметром на 1пикс меньше нашего круга, получится у нас примерно следущее
(http://i066.radikal.ru/1012/a1/0a405e83dfad.jpg) (http://www.radikal.ru)

4.Заготовка готова, теперь дублируем её три раза (ALT+D)
(http://s60.radikal.ru/i170/1012/b5/3663980f50aa.jpg) (http://www.radikal.ru)

5.Второй кадр - подсвеченное состояние, воспользуемся инструментом "тень"
Поколдовав с настройками получаем примерно следующее:
(http://s61.radikal.ru/i173/1012/d1/bca0b354bb0d.jpg) (http://www.radikal.ru)

6.Третий кадр - нажатое состояние, вариантов оформить его - сколько угодно, предлагаю три:
-можно сделать все изображение немного темнее
(http://s002.radikal.ru/i198/1012/dc/96f367c979d5.jpg) (http://www.radikal.ru)

-можно выделить все изображение, уменьшить размер до 46х46 и отцентровать
(http://s006.radikal.ru/i213/1012/6c/6b379810b569.jpg) (http://www.radikal.ru)

-перевернуть изображение по вертикали
(http://s016.radikal.ru/i335/1012/35/a7f7ed03a8c4.jpg) (http://www.radikal.ru)

7.Четвертый кадр - неактивное состояние, оставим его без изменений или сделаем
процентов на 30 прозрачным
Для этого в панели эффектов в меню "другие" выбираем "непрозрачность"
(http://i075.radikal.ru/1012/df/1d1db777b16a.jpg) (http://www.radikal.ru)

8.Т.К. кнопка у нас пустая, нарисуем треугольник "PLAY"
для этого добавим новый кадр 48х48 пикс. и инструментом залитый многоугольник рисуем примерно
в центре небольшой треугольник нужного вам цвета (я возьму белый)
(http://s47.radikal.ru/i115/1012/32/7984f95549c3.jpg) (http://www.radikal.ru)

Далее для удобства увеличим масштаб и инструментом "карандаш" немного скругляем углы, используя правую кнопку мыши, затем
примерно на 80% прозрачным белым цветом исправляем зазубрины, получится примерно следующее:
(http://s57.radikal.ru/i156/1012/bb/93c82ff07859.jpg) (http://www.radikal.ru)

Простой белый треугольник не особо красиво смотрится, сделаем его вдавленным с помощью эффекта "тень"
поколдовав с настройками получается примерно следущее:
(http://i044.radikal.ru/1012/f2/d23c3d8260c6.jpg) (http://www.radikal.ru)

9.Копируем наш треугольник и вставляем на каждый кадр нашей кнопки, затем сам треугольник удаляем, он больше не нужен
Получиться должно примерно так:
(http://i025.radikal.ru/1012/f8/e8e9ed65e02d.jpg) (http://www.radikal.ru)

И так, у нас есть 4 кадра - 4 положения нашей кнопки, надо их сохранить в один файл, для этого на иконке сохранения (дискета)
внизу в правом углу есть маленький чёрный треугольник, нажимаем на него и выбираем в меню "сохранить Image List"
Сохраняем в PNG формате и кнопка готова.
(http://s60.radikal.ru/i170/1012/d0/371c6cef8d9d.png)

Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: ZeoN7 on December 30, 2010, 08:05:49
Лучше в PDF сделай или в ворде, и сюда прикрепи, вечерком почищу тему... А мануалы вынесу в отдельную тему...
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: MironovToscha on January 14, 2011, 11:56:15
 как проще подготовить файлы для создания скина
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Алексей Долматов on January 14, 2011, 13:35:59
как проще подготовить файлы для создания скина
Скопировать готовые файлы в одну папку без других файлов, а по сути это всегда кропотливая работа
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: B1ood on January 14, 2011, 13:41:09
Думаю имелось ввиду другое! Сначала нарисовать концепт скина, затем уже рисовать отдельные делали: кнопки, скролы и т.д. Затем наложить элементы на чистый мейн, и тодгонать ячейки для кнопок и все такое! Думаю, опытные скинмейкеры именно так и делают!
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on January 25, 2011, 18:57:07
надыбал кое-что, сам незнал до сих пор и всегда корректировал от руки, дабы избежать этих прозрачных краёв.
Оказывается есть очень хорошее решение  ;)

наконец-то конец моим мукам по подгонке по пикселям  ;D

Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Tarik on January 25, 2011, 21:35:40
О как все просто  ;D Даа, с первым всегда были мучения, а со вторым я как-то сам разобрался...
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: NikolavRj on January 28, 2011, 18:53:48
Прошу помощи.
Начал осваивать фотошоп,  всё что мне в нем нужно -
это нарисовать главное окно, я нарисовал а сохранить
в PNG не могу, как это сделать?
Фотошоп CS5

P.S. просьба не смеяться
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Tarik on January 28, 2011, 18:59:47
ctrl+s - сохранить, или ctrl+shift+s - сохранить как... а дальше выбрать формат .png. Все просто!
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Алексей Долматов on January 28, 2011, 19:00:39
Если нет в меню Сохранить как, попробуй обьеденить слои
Или сохранить в Web формат
P.S. Давно не открывал фотошоп, обхожусь программой по легче
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: NikolavRj on January 28, 2011, 19:12:10
спасибо, я разобрался, просто при создании файла
надо указывать RGB 8 бит

Ох уж этот фотошоп, я сам использую другую программу,
просто возможностей в нем много
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: holyshit'man on May 31, 2011, 12:14:15
подскажите как нарисовать кадр маск карты в фотошопе или coreldraw, или еще где нибудь)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Tarik on May 31, 2011, 12:23:41
Рисуется такой кадр с помощью радиального черно-белого градиента (в фотошопе).
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: holyshit'man on May 31, 2011, 12:34:13
а можно подробнее или исходник? просто фотошоп видел пару раз в жизни
спасибо за помощь) разобрался сам, если что это конический градиент а не радиальный
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Tarik on July 15, 2011, 12:59:32
Народ! Подскажите, как сделать в ФШ такую шкалу?
просто наложить два круга не получится, может кто подскажет простой способ...
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on July 16, 2011, 18:02:26
самый наипростейший способ
думаю сам смысл работы поймёшь :)

http://dl.dropbox.com/u/23783384/Project004.rar (http://dl.dropbox.com/u/23783384/Project004.rar)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Tarik on July 18, 2011, 10:14:32
San4o, спасибо ;) Суть понял, буду знать :)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: AztekLORD on October 07, 2011, 16:21:39
подскажите как сделать эффект "интерактивного" преломления на прозрачном стекле как в Win 7 размытое изображение под стеклом (Aero) с моими знаниями ничего не вышло всё перепробовал уже в Photoshop CS5.1
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Soolo on October 07, 2011, 16:57:21
подскажите как сделать эффект "интерактивного" преломления на прозрачном стекле как в Win 7 размытое изображение под стеклом (Aero) с моими знаниями ничего не вышло всё перепробовал уже в Photoshop CS5.1
изучи структуру http://fazeful.ru/blog/?id=575
Только это в СкинЭдиторе не прокатит =)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: NikolavRj on October 24, 2011, 23:48:25
Прошу помощи.
Может кто подскажет, как в фотошопе делать сопряжения окружности и прямой,
окружности и окружности и т.п.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on October 25, 2011, 00:00:13
Прошу помощи.
Может кто подскажет, как в фотошопе делать сопряжения окружности и прямой,
окружности и окружности и т.п.
карандашом, взгляни видео выше, примерно что-то в этом роде
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: STEALTH on October 25, 2011, 11:22:48
Такие штуки в векторе делать гораздо удобнее в Adobe Illustrator'e. Всегда можно подредактировать форму, увеличить/уменьшить не теряя качества... И с Photoshop'ом совместимость идеальная, через буфер обмена передается и прозрачность, и сам вектор...
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on November 08, 2011, 22:53:05
у кого-нибудь были проблемы с фотошопом при сохранении картинок?
Когда сохраняю, картинка намного темнее становится  ???
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Tarik on November 08, 2011, 23:05:49
у кого-нибудь были проблемы с фотошопом при сохранении картинок?
Когда сохраняю, картинка намного темнее становится  ???
Такой проблемы не наблюдал ??? Может он не в режиме RGB сохраняет.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: SanekK on November 08, 2011, 23:16:33
Если менял настройки цветового профиля, может просто программа просмотра не поддерживает тот профиль, в котором сохраняется в фотошопе.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on November 09, 2011, 03:16:46
хм, да нет не менял.
Просто сейчас новый комп, новый монитор и самого начала он сохраняет намного темнее. По инету смотрел, там тоже писали и какие настройки, менял, ничего не помогло.
и что странно, если эту же картинку открывать в фотошопе, то всё норм. если смотреть в виндовсе, то темнее

и если ставлю в Settings: Monitor Color, так же остаётся...
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: STEALTH on November 09, 2011, 03:55:38
Возможно в самой Windows какой-то профиль установлен...
(http://clip2net.com/clip/m49560/1320796483-clip-96kb.png)
В закладках Устройства и Подробно покопайтесь...
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on November 09, 2011, 04:18:03
Я там тоже уже копался. Если там чёт сбито было, то вся картинка б темнее была. Но тут ведь только та картинка, что сохраняется в фотошопе

Странно, открываю в Опере и в Паинте, всё нормально  ;D ::)


PS: кстати, оказывается это не только эту картинку, а все картинки, что я открываю в этом виндовс просмотре...
и темнее становится только что-то тёмное, т.е. серое или более чёрное. Другие цвета вроде такие же...
Интересно в чём дело.
Если открыть одну и ту же картинку в Виндовс-просмотре и в Пейнте, то в Пейнте именно как оригинал, а в Виндовском затемнёно
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: STEALTH on November 09, 2011, 04:38:51
Удалось повторить. В картинку встроен цветовой профиль. Просмотрщик виндовс отображает с учетом этого профиля. Ваш фотошоп отображает картинку игнорируя профиль. Чтобы этого не было достаточно в Color Settings поставить галку Profile Mismatches: Ask When Opening
Если хотите удалить встроенный профиль Assign Profile -> Don't Color Manage This Document
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on November 09, 2011, 04:41:53
всё нашёл причину :)
всё-таки было в "Управлением Цветом", там выбрал профиль sRGB и сделал его стандартным, теперь всё ок.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: ZeoN7 on December 28, 2011, 17:15:43
Подскажите, как можно сделать такое отражение?
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: STEALTH on December 29, 2011, 06:32:13
"Черный предмет" это результат преломления стекла. А поскольку это и есть коробок (кому не понятно, это кусок стекла, сзади которого приклеено фото), то в данном случае вполне можно применить выше описанный способ. Естественно о физически корректном отражении тут и речи быть не может :)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: IPavlov on December 29, 2011, 21:53:36
это стандартное фото в кристале. печатается лазером и чёрнобелое потому-что внутри.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Hayo Tee on December 30, 2011, 09:48:32
Подскажите, как можно сделать такое отражение?
http://dump.uz/downloadf-9f047a1fff1-exe.html В программе ест много учебников. Может, найдётся.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: ZeoN7 on December 30, 2011, 10:18:28
http://dump.uz/downloadf-9f047a1fff1-exe.html В программе ест много учебников. Может, найдётся.
Спс, гляну на досуге
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Ярик - Mixer on December 31, 2011, 03:51:04
Правильно ли я выбрал тему, но мой скин криво отображается на третьей версии плеера. Это касается дока эквалайзера. Можно как-нибудь решить без переделки в третью версию? Скин в подписи.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Алексей Долматов on December 31, 2011, 05:49:13
Правильно ли я выбрал тему
Нет, не правильно.
Решить можно, но сложно. Придётся методом проб и ошибок долго и упорно экспериментировать и не обязательно получить желаемое
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: becon on January 05, 2012, 13:26:32
почему при нажатии получается эффект смещения?
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on January 05, 2012, 14:11:29
почему при нажатии получается эффект смещения?
тут только 3 кадра?
для кнопок нужно 4.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Tarik on January 05, 2012, 14:56:29
тут только 3 кадра?
для кнопок нужно 4.
Необязательно.

В данном случае текстура второго кадра немного кривая.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: ZeoN7 on January 05, 2012, 15:26:24
Держи
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: becon on January 05, 2012, 16:45:44
спасибо)кошачье)))
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Yakovchenko Sergey on January 25, 2012, 13:35:48
Возможно пишу не туда, если что поправите:
Нужен человек который сможет сделать графический интерфейс визуальному плагину из этой темы: Открыть (https://www.aimp.ru/forum/index.php?topic=32548.0).

Что от вас требуется? См. Приложение.
Также необходимо создать графический интерфейс окна Настройки в стиле AIMP. Ваши предложения жду в ЛС или здесь ниже моего поста.

Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Habib2302 on January 30, 2012, 11:17:37
вот вам ссылки Photoshop-Master (http://www.photoshop-master.ru/). DemiArt (http://photoshop.demiart.ru/).
на demiart'е уроки искать ножно на форуме
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: heise on February 09, 2012, 13:17:50
доброго времени суток, уважаймые скиноделы.. хочу попробовать сделать скин. Полазил по форому, понял что для этого мне понадоится две вещи:
1. нарисовать скин.
2. раздербанить его в AIMP SkinEditor v3, чтобы "картинка" функционировала.
правильно ли я все понял?
набрасал скин, возможно ли его реализовать в аимпе?,а именно так под наклоном (текст, бегущую строку, время и т.п.). Также планирую некоторые части сделать прозрачными примерно 40-60%.
(http://cs11383.vk.com/u5320566/152162948/z_17aa2b7f.jpg)
заранее спасибо.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Tarik on February 09, 2012, 13:28:45
доброго времени суток, уважаймые скиноделы.. хочу попробовать сделать скин. Полазил по форому, понял что для этого мне понадоится две вещи:
1. нарисовать скин.
2. раздербанить его в AIMP SkinEditor v3, чтобы "картинка" функционировала.
правильно ли я все понял?
набрасал скин, возможно ли его реализовать в аимпе?,а именно так под наклоном (текст, бегущую строку, время и т.п.). Также планирую некоторые части сделать прозрачными примерно 40-60%.
(http://cs11383.vk.com/u5320566/152162948/z_17aa2b7f.jpg)
заранее спасибо.
Почти все можно сделать наклонным, кроме самого главного - текста, а это бегущая строка и записи в плейлисте. Так же и спектрум - его тоже нельзя делать наклонным.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: heise on February 09, 2012, 13:45:05
Почти все можно сделать наклонным, кроме самого главного - текста, а это бегущая строка и записи в плейлисте. Так же и спектрум - его тоже нельзя делать наклонным.
спасибо, я почему то догадывался...  а жаль :( буду думать тогда что нибудь другое ..
а может есть у кого нибудь видео урок, мануал и т.п. по AIMP SkinEditor v3.. я фак почитал, но хотелось бы посмотреть, как это делается.. лучше один раз увидеть
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Soolo on February 09, 2012, 13:47:40
спасибо, я почему то догадывался...  а жаль :( буду думать тогда что нибудь другое ..
а может есть у кого нибудь видео урок, мануал и т.п. по AIMP SkinEditor v3.. я фак почитал, но хотелось бы посмотреть, как это делается.. лучше один раз увидеть
тысячу раз повторял, и ещё рас повторю
откройте любую обложку и изучайте её структуру, я познал эдитор именно таким способом
А ещё есть очень хорошая Справка в СкинЭдиторе - она разъяснит нюансы и познакомит с возможностями
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: heise on February 09, 2012, 14:04:22
тысячу раз повторял, и ещё рас повторю
откройте любую обложку и изучайте её структуру, я познал эдитор именно таким способом
А ещё есть очень хорошая Справка в СкинЭдиторе - она разъяснит нюансы и познакомит с возможностями
справку я изучил (под ней я фак и подразумевал), скин стандартный поковырял.. увидеть хотелось, как это все изначально делается при создании нового скина. Принцип я понял, он похож на компилятор)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Soolo on February 09, 2012, 14:05:39
справку я изучил (под ней я фак и подразумевал), скин стандартный поковырял.. увидеть хотелось, как это все изначально делается при создании нового скина. Принцип я понял, он похож на компилятор)
нового скина вы не создаёте, вы берёте любой скин и меняете его
кнопка за кнопкой, текстура за текстурой
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Кира_21 on March 20, 2012, 21:00:20
Я сейчас делаю свой авторский первый! скин :)Как доделаю, брошу сюда, будете оценивать)))
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on March 25, 2012, 21:41:21
решил запихнуть в отдельную тему, а то тут чем больше страниц, тем труднее потом будет найти :)

https://www.aimp.ru/forum/index.php?topic=33928.0 (https://www.aimp.ru/forum/index.php?topic=33928.0)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Soolo on March 25, 2012, 22:15:26
  А может есть смысл создать раздел форума с подобной тематикой, а то действительно в этой теме много лишнего?
есть тема "скрипты для фотошопа"
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Soolo on March 25, 2012, 22:31:10
Я предлагал сделать раздел форума, назвать как сей сабж, к примеру. Вот ещё темка неплохая добавилась https://www.aimp.ru/forum/index.php?topic=33915.0 (https://www.aimp.ru/forum/index.php?topic=33915.0) и, наверное ,не последняя.
в принципе, можно что-то типа "технологии производства" =)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on March 25, 2012, 22:33:04
в принципе, можно что-то типа "технологии производства" =)
угу именно и отдельно уже туда темы кидать...
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Soolo on March 25, 2012, 22:46:35
  Можно добавить как подраздел в "Разработка".
лучше в обложки - это ведь всё их касается
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Nikitko_Cent on April 15, 2012, 13:42:08
Всем привет  :)  нарисовал тут скин, начал в SE текстуру натягивать. Тут возникла такая проблема - когда собираеш обложку и смотриш ее в самом AIMP'е, то главное окно сцепленное с плейлистом, имеет нормальный размер, а вот когда плэйлист отцепляеш - то главное окно почему то уменьшается. Можете посмотреть в SE проекте, где я тупанул?  ;D
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Soolo on April 15, 2012, 14:22:56
Всем привет  :)  нарисовал тут скин, начал в SE текстуру натягивать. Тут возникла такая проблема - когда собираеш обложку и смотриш ее в самом AIMP'е, то главное окно сцепленное с плейлистом, имеет нормальный размер, а вот когда плэйлист отцепляеш - то главное окно почему то уменьшается. Можете посмотреть в SE проекте, где я тупанул?  ;D
задайте минимальный размер текстуры главного окна
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Nikitko_Cent on April 15, 2012, 14:30:41
задайте минимальный размер текстуры главного окна
Благодарю, +  :)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on June 08, 2012, 19:02:54
Как создать такую форму за считанные секунды? (1. Скрин)
Данный метод я сам нашёл случайно и начал пользоваться недавно, после того как изучил Illustrator, поэтому решил поделиться тут :). В Иллюстраторе есть такая фича, называется Pathfinder, на мой взгляд это самая важная фича в нём, позволяет соединять, разрезать и т.д. векторные формы. После этого я начал искать это в Фотошопе и она(эта же фича) была всё время перед глазами, но я никогда на неё не обращал внимания :)
Позволяет легко создать сложные формы, которые в любой момент можно подредактировать, добавить что-то и т.д., к тому же кол-во слоёв у меня сократилось, наверное, в 3е :) Все формы векторные, что позволяет сохранить качество. В видео я показал, как это сделать, а на 2м скрине показал, как я делал громкость в скине :)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on June 08, 2012, 19:57:32
  Извиняюсь, не понял в чём фишка - в использовании комбинационных операций с контурами?
Нет, это не контуры, ты работаешь в самом слое, в его маске. Те 4 кнопки указывают, что будет сделано: добавить, вырезать или сделать пересечение двух слоёв и т.д.

Слои/формы, которые ты добавляешь, ты уже можешь по отдельности работать с ними, добавлять точки, изменять форму и т.д.
На скрине с громкостью всего-лишь 4 слоя. Каждая картинка, это отдельный слой и в этом слое отмечены формы, которые я добавлял, их видно за счёт этих контур :)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on June 08, 2012, 21:22:13
  Ну не важно, контуры или формы, векторная маска слоя - это же контур, при выборе её в слое этот контур становится активным в палитре Path. И все логические операции выполняются и с контурами и с формами. Более того, можно копировать и вставлять контуры из одного слоя в другой с использованием всех вышеперечисленных операций. А в CS6 это всё ещё проще - там можно сливать формы в разных слоях без потери стиля по ПКМ из контекстного меню.
  До тех пор пока не дашь команду Combine.

  Я поэтому и спросил в чём суть - в использовании комбинационных функций?
ну как в чём? Тем, что если тебе форма не понравилась, ты можешь что-то сдвинуть, изменить и т.д. Когда ты все скомбинируешь, у тебя останутся точки, которые ты уже не сдвинешь так просто.
Поросто с этими комбинациями ты редактируешь намного быстрее, нежели с точками...
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Hayo Tee on June 16, 2012, 16:36:47
San4o, как сделать такой блик как в обложке: http://xion.r2.com.au/page/skins/id/442 ?
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on June 16, 2012, 18:23:53
Примерно так. Если зона большая, то она будет немного влиять на фон, там надо будет резинкой иногда подтирать :)
Если ещё сам свет большой или в центре сама точка большая, можно с опцией Image>Adjuments>Exposure подрегулировать свечение.
http://dl.dropbox.com/u/23783384/Light.exe (http://dl.dropbox.com/u/23783384/Light.exe)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Hayo Tee on June 16, 2012, 18:31:36
Примерно так. Если зона большая, то она будет немного влиять на фон, там надо будет резинкой иногда подтирать :)
Если ещё сам свет большой или в центре сама точка большая, можно с опцией Image>Adjuments>Exposure подрегулировать свечение.
http://dl.dropbox.com/u/23783384/Light.exe (http://dl.dropbox.com/u/23783384/Light.exe)
Опа! Всё так просто? У меня так не очень-то получился... Ладно попробую.. Спасибо!
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on June 16, 2012, 18:32:54
Опа! Всё так просто? У меня так не очень-то получился... Ладно попробую.. Спасибо!
для нужного эффекта иногда надо и несколько подходов делать :) ;)
ещё зависит от фона на который ты ложишь этот свет. Сам видел, на тёмном он отображается совсем по другому, нежели когда я сдвинул на что-то светлое
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Hayo Tee on June 16, 2012, 18:39:34
для нужного эффекта иногда надо и несколько подходов делать :) ;)
ещё зависит от фона на который ты ложишь этот свет. Сам видел, на тёмном он отображается совсем по другому, нежели когда я сдвинул на что-то светлое
Да видел. Спасибо еще раз.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on June 17, 2012, 18:22:46
  Можно ещё проще: взять кисть в виде звёздочки (коих в инете полно готовых) и просто пройтись ею в нужных местах, а на краях можно включить защиту Lock transparent pixels, чтоб потом не подтирать прозрачные места.
всё-равно не добьёшься именно такого эффекта ;)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on June 18, 2012, 15:01:44
Там главное размер, остальные настройки ты делаешь через опцию, которую я назвал. Если у тебя море кисточек, то пока найдёшь, подберёшь размер и т.д.

А вообще в фотошопе море вариаций, как чего добиться, так что спорить, что "свой" метод идеален, думаю не стоит...
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: AztekLORD on July 09, 2012, 12:49:22
столкнулся с проблемой создание плавной анимации довольно нудное занятие может вы знаете программы , способы как можно ускорить процесс
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Soolo on July 09, 2012, 13:01:39
столкнулся с проблемой создание плавной анимации довольно нудное занятие может вы знаете программы , способы как можно ускорить процесс
https://www.aimp.ru/forum/index.php?topic=30668.0
правда это ускоряет процесс сборки
насчёт процесса рисования - не знаю
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on July 09, 2012, 21:38:46
В смысле одно плавно исчезает и потом другое так же плавно появляется?
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Soolo on October 18, 2012, 22:08:56
  Коллекция уроков по фотошопу (http://rghost.ru/users/BlackAVP/releases/SkinTutor) в плане рисования скинов.  Может кому пригодится, особенно, кто только начинает заниматься скинмейкерством. Общий объём архива ~140 МБ.
спасибо! +
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Dimmon on November 11, 2012, 09:11:47
Приветствую!

Мне было бы интересно помогать разработчикам делать дизайн скина и его элементов.

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

Вижу схемы сотрудничества такие:
У вас есть проект или идея, но нет дизайна и мыслей о нём.
Пишите - обсудим и я возьму на себя работу по визуальной части проекта.
Напишу бриф, мы всё согласуем, определим сроки и вперёд.


Вам надо что-то доделать, нарисовать пару элементов для вашего скина, придумать эффект и т.д.
Если мне будет интересно и понятно, как и что сделать - то сделаю.


Открыт для предложений и обсуждений.
Лучше всего связываться для оперативности через:
Скайп - dimmong
ICQ - 16 ноль 67 ноль 577
E-mail - 16 ноль 67 ноль 577@qip.ru

Дима.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: ZeoN7 on November 19, 2012, 10:00:48
Приветствую!

Мне было бы интересно помогать разработчикам делать дизайн скина и его элементов.

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

Вижу схемы сотрудничества такие:
  • Идеальная
У вас есть проект или идея, но нет дизайна и мыслей о нём.
Пишите - обсудим и я возьму на себя работу по визуальной части проекта.
Напишу бриф, мы всё согласуем, определим сроки и вперёд.


  • Простая
Вам надо что-то доделать, нарисовать пару элементов для вашего скина, придумать эффект и т.д.
Если мне будет интересно и понятно, как и что сделать - то сделаю.


Открыт для предложений и обсуждений.
Лучше всего связываться для оперативности через:
Скайп - dimmong
ICQ - 16 ноль 67 ноль 577
E-mail - 16 ноль 67 ноль 577@qip.ru

Дима.
Вы можете создавать скины (концепты скинов) и сейчас, в работе со скинэдитором поможем, либо кто-то может собрать скин за вас...
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: vital on December 02, 2012, 18:47:14
сколько кадров поставить надо и в какой очередности?
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: NikolavRj on December 02, 2012, 18:55:33
сколько кадров поставить надо и в какой очередности?
очередность - нормальное состояние, подсвеченное, нажатое, недоступное + по желанию кадр маски (в случае если текстура прозрачная, как раз для текстовой кнопки)
все это подробно описано в справке, читайте внимательнее
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Я Гриша! on December 03, 2012, 04:49:59
  Коллекция уроков по фотошопу (http://rghost.ru/users/BlackAVP/releases/SkinTutor) в плане рисования скинов.  Может кому пригодится, особенно, кто только начинает заниматься скинмейкерством. Общий объём архива ~140 МБ.

404 будь другом перезалей ссылочку, на Яндекс диск (https://disk.yandex.ru/invite/?hash=T47ZXVWC) очень удобно
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: vital on December 04, 2012, 19:16:54
вопросик как то можно еще еффективнее скруглить, или это так и есть плавности не вижу скругления точнее вижу пиксели на краях мне надо чтоб как бы сглажено но не видно пикселей
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Я Гриша! on December 04, 2012, 21:02:02
Ну так сам пиксель не округлишь! главное чтобы в масштабе 1 к 1 смотрелось нормально
при использовании авто фигур или перьев он автоматически скругляет и сглаживает делая края полу прозрачными
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: NikolavRj on December 29, 2012, 22:31:26
Вот такая ситуация, необходимо уже переходить на фотошоп, но запущу его, посмотрю, потыкаю и вырубаю...
Может есть у кого ПОДРОБНЫЕ уроки, видео уроки именно по созданию элементов интерфейса, в частности скинов,
все с нуля, где какие элементы, куда нажимать и т.д.
Мне просто стыдно уже, да и не все свои идеи я могу реализовать где-то кроме фотошопа.
Заранее спасибо
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Xwansu on December 29, 2012, 23:18:01
Вот такая ситуация, необходимо уже переходить на фотошоп, но запущу его, посмотрю, потыкаю и вырубаю...
GIMP?
Я фотошоп открывал раза 2  ;D
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: creative5 on December 30, 2012, 00:39:06
лучше искать подобные уроки на забугорных сайтах

а в качестве исходников я посоветую dmonzon.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Xwansu on December 30, 2012, 03:37:23
вопросик как то можно еще еффективнее скруглить, или это так и есть плавности не вижу скругления точнее вижу пиксели на краях мне надо чтоб как бы сглажено но не видно пикселей
как раз сегодня по ссылкам с ресурса dmonzon набрел на tutorial Quick Tip: Creating Crisp, Pixel Perfect Circles in Photoshop (http://webdesign.tutsplus.com/tutorials/applications/quick-tip-creating-crisp-pixel-perfect-circles-in-photoshop/)
(http://d3pr5r64n04s3o.cloudfront.net/tuts/402_rounded_pixels/img/circles-snapped.png)

спасибо за ссылку  :)
...посоветую dmonzon.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Я Гриша! on December 30, 2012, 07:08:03
Вот такая ситуация, необходимо уже переходить на фотошоп, но запущу его, посмотрю, потыкаю и вырубаю...
Может есть у кого ПОДРОБНЫЕ уроки, видео уроки именно по созданию элементов интерфейса, в частности скинов,
все с нуля, где какие элементы, куда нажимать и т.д.
Мне просто стыдно уже, да и не все свои идеи я могу реализовать где-то кроме фотошопа.
Заранее спасибо
А уроки от 3D news уже смотрели? https://www.aimp.ru/forum/index.php?topic=2913.0
про создание скинов там конечно ничего нету, но работа  с основными элементами там показана

Вот ещё нашёл классные уроки
http://youtu.be/nIN_1xDoaaU
http://youtu.be/xvuIq-6i-R0
http://youtu.be/eiHjNsSvsDo
http://youtu.be/Mg08FrsAvFQ
http://youtu.be/qaNTZyne5RY
http://youtu.be/VfgZVLOqMs4
http://youtu.be/XghxY-OxHSo ну очень длинный урок
Вообще на YouTube много интересных уроков, главное их найти

Не в тему конечно, но заинтересовала вот такая прога http://youtu.be/da40mHS1YgI
вдруг кому-то будет полезно http://youtu.be/4UsL93uUYc0
Новые возможности Photoshop CS6 Extended http://youtu.be/9t4yhRHqvuA
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on December 30, 2012, 16:09:21
http://photoshop.demiart.ru/design_01.shtml (http://photoshop.demiart.ru/design_01.shtml)

я на этом сайте учился, потом или уже конкретно вбивал что-то или методом тыка
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Hayo Tee on December 30, 2012, 18:09:21
Тоже советую Демиарт. Там многи полезных уроков...
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Я Гриша! on December 30, 2012, 19:21:51
На Демиарте конечно классные уроки, но вот их политика! «показывать уроки только зарегистрированным пользователям» меня дико раздражает  >:(
как они не поймут что от этого посещаемость их сайта не увеличится
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Hayo Tee on December 30, 2012, 21:55:37
А выгод от этого...?
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: FreeMan700 on December 30, 2012, 21:57:57
Оффтоп на оффтоп.

Они считают, что если кому-то действительно очень нужно, тот зарегится. Если чел в этом случае не регится, значит ему не сильно и нужно.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Hayo Tee on December 30, 2012, 21:59:59
Оффтоп на оффтоп.

Они считают, что если кому-то действительно очень нужно, тот зарегится. Если чел в этом случае не регится, значит ему не сильно и нужно.
+1
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Xwansu on December 31, 2012, 01:18:19
Вот ещё нашёл классные уроки
http://youtu.be/nIN_1xDoaaU
http://youtu.be/xvuIq-6i-R0
http://youtu.be/eiHjNsSvsDo
http://youtu.be/Mg08FrsAvFQ
http://youtu.be/qaNTZyne5RY
http://youtu.be/VfgZVLOqMs4
http://youtu.be/XghxY-OxHSo ну очень длинный урок
Вообще на YouTube много интересных уроков, главное их найти
Спасибо за подборку. Начал смотреть с длинного  :)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: SanekK on July 24, 2013, 18:32:01
Неплохой видео-урок (https://www.youtube.com/watch?v=b_A4Cz_dwtk) по Кистям в Фотошопе. (на английском, но суть понять можно)
Title: Re: [FAQ] Вопросы по работе в AIMP SkinEditor v3.50
Post by: Star_over on June 15, 2014, 16:10:35
Мастера, подскажите, пожалуста, как наиболее просто сделать многокадровую текстуру Gauge в виде стрелки измерительного прибора?
Title: Re: [FAQ] Вопросы по работе в AIMP SkinEditor v3.50
Post by: Loner2000 on June 16, 2014, 10:57:58
Мастера, подскажите, пожалуста, как наиболее просто сделать многокадровую текстуру Gauge в виде стрелки измерительного прибора?
Наиболее просто с помощью скриптов.
обратитесь к Black_AVP на сайт blackavpbim.ucoz.ru он подскажет.
Title: Re: [FAQ] Вопросы по работе в AIMP SkinEditor v3.50
Post by: Star_over on June 16, 2014, 15:06:51
Наиболее просто с помощью скриптов.
обратитесь к Black_AVP на сайт blackavpbim.ucoz.ru он подскажет.
Я уж понял, что надо двигаться в сторону скриптов, но по ним информации в интернете почти нет, нужного для меня примера так и не нашёл. Скачал лишь официальное руководство от Адоба по скриптам.
С Black_AVP мы общались, я его, наверное, уже замучал своми вопросами, он и так мне разжевал все азы работы и с редактором и фотошопом. К сожалению, скинами он больше не занимается. На его сайте выложена подборка уроков по скинам, но и в них ничего не по скриптам для фотошопа.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Tarik on June 16, 2014, 20:10:26
Попробуйте записать Action, это попроще скриптов.
Title: Re: [FAQ] Вопросы по работе в AIMP SkinEditor v3.50
Post by: Aleksandr009 on June 16, 2014, 20:44:42
Мастера, подскажите, пожалуста, как наиболее просто сделать многокадровую текстуру Gauge в виде стрелки измерительного прибора?
Создаем новый документ размером в 1 кадр.
Надо стрелку сделать в виде векторной фигуры(слой1). Скопировать слой ( Ctrl + J )(слой2).  Далее применить трансформирование ( Ctrl + T ) переместить точку вращения фигуры на место - точку (ось вращения стрелки) и повернуть фигуру на нужный угол. Снова копируем слой2 получаем слой3 - нажимаем Ctrl + Shft + T - (трансформация повторяется) стрелка поворачивается. И так далее копируем верхний слой и трансформируем ( Ctrl + Shft + T).
Когда все кадры готовы увеличиваем размер холста (вроде  Ctrl + Alt + C) высоту(ширину), в настройках ставим новую высоту(ширину) равную высоте(ширине) 1 кадра умноженную на число кадров и ставим положение в 1 клетку.
Теперь выделяем все слои с кадрами кроме первого кадра и трасформируем  (Ctrl  + T) - сдвигаем слои на высоту(ширину) 1 кадра. Далее снимаем выделение со следующего слоя со вторым кадром и нажимаем  Ctrl + Shft + T (трансформация повторяется). И так далее пока все кадры не встанут на место.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Star_over on June 16, 2014, 21:44:43
Aleksandr009, спасибо за обстоятельный ответ, всё получается. Попробовал даже записать Action, как советовал  Tarik, разбив на два этапа - поворот и раскадровку. Почему то при повороте смещается центр вращения при применении Action, хотя вручную всё нормально. И с выделением слоёв Action, видимо не записать, поскольку их число меняется.
И ещё один неприятный нюанс - всё это хорошо, пока кадров не много, а если их надо 100...
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: samuel on September 01, 2014, 15:37:55
Подскажите, где взять ресурсы кнопок modern UI в png?

Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: ZeoN7 on September 01, 2014, 15:41:52
Подскажите, где взять ресурсы кнопок modern UI в png?
Modern UI? Можно ссылку?
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: samuel on September 01, 2014, 16:40:40
Modern UI? Можно ссылку?

Вообще-то это мне ссылка как раз нужна  :)
Modern UI или Flat UI - общее название тренда на плоскосту в пользовательских интерфейсах.

Мне нужны круглые кнопки как здесь:
(http://storage7.static.itmages.ru/i/14/0901/h_1409575503_3145663_6f89a98f2a.jpg)

и здесь

(http://storage5.static.itmages.ru/i/14/0901/h_1409575690_5003841_0fbde93e73.png)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Soolo on September 01, 2014, 16:44:47
Мне нужны кнопки как здесь:
я бы назвал это не Modern UI, а Zune UI =)
Вот ссылка на скин: https://www.aimp.ru/forum/index.php?topic=32344.0 В той теме есть проект и оттуда можно достать картинки кнопок.
Один нюанс: там есть пометка "проект только для личного пользования"

А ещё в Гугле запрос: Metro UI ресурсы или Zune UI ресурсы и смотрим картинки
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: samuel on September 01, 2014, 16:54:03
я бы назвал это не Modern UI, а Zune UI =)
Вот ссылка на скин: https://www.aimp.ru/forum/index.php?topic=32344.0 В той теме есть проект и оттуда можно достать картинки кнопок.

Я оттуда уже пробовал утащить, но у кнопок непрозрачный фон. Будет проблематично поменять цвет.

(http://storage7.static.itmages.ru/i/14/0901/h_1409576287_1005702_126ba22dde.png)


А ещё в Гугле запрос: Metro UI ресурсы или Zune UI ресурсы и смотрим картинки

Спасибо, посмотрю. Metro UI уже искал, но находит все не то. Про Zune не догадался.

ЗЫ: По Zune тоже мало что находит. Но судя по немалому количеству скинов в стиле метро наверняка где-то есть рыбное место с иконками.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Soolo on September 01, 2014, 17:06:25
ЗЫ: По Zune тоже мало что находит. Но судя по немалому количеству скинов в стиле метро наверняка где-то есть рыбное место с иконками.
ну как же не находит? вот я нашёл:
http://modernuiicons.com/
http://blog.karachicorner.com/tag/free-icons/
главное захотеть
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: samuel on September 01, 2014, 17:10:59
ну как же не находит? вот я нашёл:
http://modernuiicons.com/

Спасибо, но там нет круглых кнопок управления плеером, о которых я выше упомянул.

http://blog.karachicorner.com/tag/free-icons/
главное захотеть

Я по подобным сайтам с бесплатными шаблонами как раз шарюсь, но ничего подходящего пока не нашел.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Soolo on September 01, 2014, 17:12:12
Спасибо, но там нет круглых кнопок управления плеером, о которых я выше упомянул.
там есть круглая окантовка отдельно
и значки управления плеером отдельно
не думаю, что их объединить - очень сложно
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: samuel on September 01, 2014, 17:16:40
там есть круглая окантовка отдельно
и значки управления плеером отдельно
не думаю, что их объединить - очень сложно

И то верно, недодумался. Спасибо за помощь.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Aleksandr009 on September 01, 2014, 17:17:17
Основой для кнопок в Windows 8 является шрифт Segoe UI Symbol (открой в таблицу символов и посмотри).
Могу дать PSD кнопок из скинов Prolux.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: samuel on September 01, 2014, 17:22:41
Могу дать PSD кнопок из скинов Prolux.

Было бы здорово
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: SaNeK on September 01, 2014, 17:36:26
Редактируя готовые psd исходники вы не чему не научитесь, знаете как учился рисовать кнопки я? похоже единственный в своём роде: я смотрел на готовый элемент (кнопку, переключатель ипр.) буквально пару секунд, после чего пытался воспроизвести элемент с нуля в фотошопе, да, было трудно, и по два дня сидел да да, по два дня сидел вспоминал в какую сторону ложится градиент у ориганала но посмотреть не решался .. зато теперь с закрытыми глазами их рисую. Методика конечно жёсткая но она действительно работает ..
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Aleksandr009 on September 01, 2014, 17:53:15
Было бы здорово

Вот выложил! Только если что-то сделаешь в теме укажи откуда кнопочки, если не сложно.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: samuel on September 01, 2014, 18:05:56
Вот выложил! Только если что-то сделаешь в теме укажи откуда кнопочки, если не сложно.

Спасибо. Без проблем.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Black_AVP on September 01, 2014, 18:23:14
Уж если использовать сторонние элементы UI, то только векторные. Растровые масштабировать невозможно, а где гарантия, что они подойдут к скину по размерам и цвету. Да ещё не надо забывать, что придётся рисовать подсвеченное и нажатое состояния кнопок. Если уж что-то сильно понравилось, проще посмотреть, да нарисовать своё - так будет даже быстрее, чем искать в интернете.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: samuel on September 01, 2014, 18:37:52
Уж если использовать сторонние элементы UI, то только векторные
А разве Skin Editor поддерживает svg и прочие векторные форматы?
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Алексей Долматов on September 01, 2014, 18:41:19
Имеется ввиду брать текстуру векторную под подгонку к скину по параметрам размера и т.п. до SE
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Black_AVP on September 01, 2014, 19:06:09
А разве Skin Editor поддерживает svg и прочие векторные форматы?

svg - это тот же xml - векторная веб-графика, фотошоп её не поймёт, а браузер открывает.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Tarik on September 01, 2014, 20:46:41
Вроде уже когда-то эти ссылки выкладывал... Удобно иконки шрифтами задавать:
http://msdn.microsoft.com/ru-ru/library/windows/apps/jj841126.aspx
http://fortawesome.github.io/Font-Awesome/icons/
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Tarik on October 15, 2014, 01:00:05
Нашел решение (http://www.photoshopforums.com/linear-gradient-not-linear-vt26354.html), как сделать, чтобы фотошоп делал действительно линейные градиенты - в окне редактирования градиента параметр Smoothness нужно установить в 0:
(https://www.aimp.ru/forum/index.php?action=dlattach;topic=2202.0;attach=41377)
Теперь не нужно пользоваться тем же Paint.NET, чтобы сделать нормальный градиент.
То же самое касается градиентов для круглых регуляторов.

Если, к примеру, делать какой-нибудь покадровый слайдер (TASESliderMasked), нужно сделать маску с линейным градиентом. Но проблема в том, что фотошоп не корректно делает градиент, он получается нелинейным, из-за этого слайдер тоже не правильно работает (нажимаешь в одно место, а устанавливается не то значение).
Сделал тестовый проект, в котором можно посмотреть разницу в поведении двух слайдеров с разными градиентами (нужно покликать по верхнему и среднему регулятору)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Black_AVP on October 15, 2014, 10:36:00
Нашел решение (http://www.photoshopforums.com/linear-gradient-not-linear-vt26354.html), как сделать, чтобы фотошоп делал действительно линейные градиенты - в окне редактирования градиента параметр Smoothness нужно установить в 0:
(https://www.aimp.ru/forum/index.php?action=dlattach;topic=2202.0;attach=41377)
Теперь не нужно пользоваться тем же Paint.NET, чтобы сделать нормальный градиент.
То же самое касается градиентов для круглых регуляторов.

+1 Tarik! Я почему-то всегда считал, что это смягчение влияет только на шумовые градиенты.
Но эйфория длилась не долго, последнее значение - 254, а не 255, зато в середине два по 128  :'(
Если добавить смягчение (2-3%), то в конце 255 появляется, но в середине тогда исчезает 128 или 127.
Но решение, таки,  есть! Если градиентом заливать вручную, то надо просто не доводить до конца в 1 пикс.
С вектоными фигурами сложнее - там надо в редакторе градиента поймать позицию белой точки между 99 и 100% - у меня только с третьего раза получилось. Но можно сохранить теперь этот градиент, чтоб в дальнейшем им пользоваться.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Zigar on October 15, 2014, 12:37:54
Tarik, спасибо за инфу +1
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Black_AVP on March 08, 2015, 11:01:01
Существует нехитрый способ создания аниматоров или регуляторов в фотошопе, которым, наверное, многие пренебрегают.
К примеру, можно быстро и просто содать круглый регулятор громкости с изменяющимся сектором.
Рисуем круг нужного диаметра.
(http://rghost.ru/6RRC9XyVy/image.png)
В стилях слоя задаём такой градиент. Это будет начальное состояние.
(http://rghost.ru/7nPf9GXF6/image.png)
Включаем окно TimeLine, выбираем Create Frame Animation, создаётся первый кадр аниматора. Дублируем его.
Редактируем в стилях слоя градиент.
(http://rghost.ru/8Hdz9hjJg/image.png)
Это конечное состояние аниматора и последний кадр.
(http://rghost.ru/7YltqWDSD/image.png)
В TimeLine воспользуемся функцией Twin, чтобы вставить нужное число кадров с учётом, что 2 кадра (первый и последний) у нас уже есть.
(http://rghost.ru/8KjmCpY9L/image.png)
Осталось превратить полученную анимацию в слои Flatte Frames Into Layers и применить к ним скрипт AIMPSE_CreateVerticalSequence (https://www.aimp.ru/forum/index.php?action=dlattach;topic=30668.0;attach=37011) (благодарности Tarik'y), включив все нужные слои.
Это лишь методика создания аниматоров, а Фотошоп позволяет анимировать не только стили слоя, но и размеры и координаты элементов, и всё одновременно, далее всё ограничивается лишь вашей фантазией.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: San4o on June 20, 2015, 23:34:32
проще тогда уже таким сервисом пользоваться :)

https://color.adobe.com/ru/create/color-wheel/?base=2&rule=Triad&selected=2&name=Моя%20тема%20Color&mode=rgb&rgbvalues=0.24777485499155746,0.2939305764508411,0.7,1,0.6805122923719709,0.5539640785593678,0.4539640785593678,0.5096944645738531,1,0.4732876103095621,0.8,0.2831712628474943,0.4362518483092308,0.7,0.2827748549915574&swatchOrder=0,1,2,3,4 (https://color.adobe.com/ru/create/color-wheel/?base=2&rule=Triad&selected=2&name=Моя%20тема%20Color&mode=rgb&rgbvalues=0.24777485499155746,0.2939305764508411,0.7,1,0.6805122923719709,0.5539640785593678,0.4539640785593678,0.5096944645738531,1,0.4732876103095621,0.8,0.2831712628474943,0.4362518483092308,0.7,0.2827748549915574&swatchOrder=0,1,2,3,4)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: -thomas- on September 03, 2015, 19:18:12
Народ, подскажите как нарисовать анимацию "крутилки" для изменения громкости? Простенькую такую, круг с черточкой-указателем. Как я понял, для корректного отображения изменения громкости, понадобится сделать анимацию из 100 кадров + 1кадр с градиентом-маской.

Уже есть маленький опыт создания "крутилки" с 10-тью. положениями. По градиенту-маске вопросов нет, с этим удалось разобраться.  Но как наименее трудозатратно нарисовать 100 кадров анимации самой крутилки? Может есть, какой-нибудь подробный туториал от более опытных форумчан по этим крутилкам, подскажите.  :)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Алексей Долматов on September 03, 2015, 19:35:05
Народ, подскажите как нарисовать анимацию "крутилки" для изменения громкости? Простенькую такую, круг с черточкой-указателем. Как я понял, для корректного отображения изменения громкости, понадобится сделать анимацию из 100 кадров + 1кадр с градиентом-маской.

Уже есть маленький опыт создания "крутилки" с 10-тью. положениями. По градиенту-маске вопросов нет, с этим удалось разобраться.  Но как наименее трудозатратно нарисовать 100 кадров анимации самой крутилки? Может есть, какой-нибудь подробный туториал от более опытных форумчан по этим крутилкам, подскажите.  :)
Попробуйте этот способ https://www.aimp.ru/forum/index.php?topic=30668.0
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Black_AVP on September 03, 2015, 19:40:44
Народ, подскажите как нарисовать анимацию "крутилки" для изменения громкости?
Если рисуете в ФШ и в векторе, то проще всего с помощью скриптов https://www.aimp.ru/forum/index.php?topic=30668.msg276908#msg276908
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: -thomas- on September 09, 2015, 17:42:19
Black_AVP, Алексей Огромное спасибо, что откликнулись. Способ предложенный Black_AVP'ом подошел просто идеально. Крутилка готова и очень даже крутится. Но как я ни мучился, как ни старался, а вопросов по Градиенту-Маске избежать все ровно не получается.

Итак, нужно чтобы вся площадь крутилки была доступна для клика мышкой. Но при этом для прокрутки с помощью зажатой ЛКМ должна быть доступна только часть площади крутилки. А именно - область описывающая при движении мышкой радиус черточки-указателя. Ломаю голову уже кучу времени, как с этим можно совладать?  :-\

На случай, если непонятно заплёл, пример работы такой крутилки можно посмотреть в этой обложке https://www.aimp.ru/forum/index.php?topic=46337.0  :-[


Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Black_AVP on September 09, 2015, 21:39:41
Итак, нужно чтобы вся площадь крутилки была доступна для клика мышкой. Но при этом для прокрутки с помощью зажатой ЛКМ должна быть доступна только часть площади крутилки. А именно - область описывающая при движении мышкой радиус черточки-указателя. Ломаю голову уже кучу времени, как с этим можно совладать?  :-\
Обычно просто делаю центр хит-маски крутилки чёрным, чтоб при клике по нему громкость спадала в 0 (аналог Mute, но по ЛКМ), или прозрачным, дабы избежать резких скачков громкости при клике близко к центру. Колесом громкость в любом случае будет регулироваться по всей площади крутилки, даже там, где прозрачно - под ней главное окно.

(https://www.aimp.ru/forum/index.php?action=dlattach;topic=2202.0;attach=44812)

На случай, если непонятно заплёл, пример работы такой крутилки можно посмотреть в этой обложке https://www.aimp.ru/forum/index.php?topic=46337.0  :-[
У Zigar'a там сделано хитрее, через контекстное меню регулятора - это его надо пытать.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: -thomas- on September 10, 2015, 18:51:13
Обычно просто делаю центр хит-маски крутилки чёрным, чтоб при клике по нему громкость спадала в 0 (аналог Mute, но по ЛКМ), или прозрачным, дабы избежать резких скачков громкости при клике близко к центру. Колесом громкость в любом случае будет регулироваться по всей площади крутилки, даже там, где прозрачно - под ней главное окно.
(https://www.aimp.ru/forum/index.php?action=dlattach;topic=2202.0;attach=44812)

Вот, это я как раз таки и пробовал, и даже больше того. Была у меня "гениальная идея", что возможно получится залить центр крутилки не черно-белым, а скажем синим цветом и таким способом добиться кликабельности, с отсутствием прокручивания. Но обложка восприняла синий цвет за оттенок серого и план пошёл прахом.

У Zigar'a там сделано хитрее, через контекстное меню регулятора - это его надо пытать.

Да, Zigar описывал данный способ в одном из сообщений. И это вполне удалось воспроизвести, но только на площади маск-карты крутилки. Проблема заключалась в том, что центр оставался "пустым" и не кликабельным или кликабельным, но при этом сложно было управлять крутилкой при помощи перетаскивания.

И кажется эта проблема решена. Весь фокус в том, что там по центру крутилки находится еще один элемент, со схожими функциями на клик ПКМ. У меня это прозрачная "кнопка" с маск-картой. То есть крутилка звука состоит из 2 частей: 1-Внешная, с градиентом-маской, для прокручивания зажатой мышкой, 2-внутренняя, кликабельная текстура обеспечивающая иллюзию целостности крутилки и  доступность для клика ПКМ.  :)

Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Black_AVP on September 10, 2015, 19:37:47
И кажется эта проблема решена. Весь фокус в том, что там по центру крутилки находится еще один элемент, со схожими функциями на клик ПКМ. У меня это прозрачная "кнопка" с маск-картой. То есть крутилка звука состоит из 2 частей: 1-Внешная, с градиентом-маской, для прокручивания зажатой мышкой, 2-внутренняя, кликабельная текстура обеспечивающая иллюзию целостности крутилки и  доступность для клика ПКМ.  :)
Тут надо решить для себя - для чего нужна "кликабельность" в центре регулятора. Zigar использовал это для установки громкости в 100%.
Если нужно, чтоб просто курсор менял вид на cr_Hand и появлялась подсказка, то можно под крутилку положить элемент, практически любой, чтоб он не выступал за её габариты, связав его свойство ContexMenu с Action провайдера prvVolume.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Zigar on September 10, 2015, 19:42:52
Что-то не пойму о чем речь ведёте. Даже залез посмотреть, что у меня там такого "хитрого". А ничего. Обычный слайдер, плюс связь для ПКМ со значением "100". Всё. Да, кадр-маска почти аналогичен вышеприведенному примеру (второй вариант). Как бы и всё.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Black_AVP on September 10, 2015, 19:49:39
Что-то не пойму о чем речь ведёте. Даже залез посмотреть, что у меня там такого "хитрого". А ничего. Обычный слайдер, плюс связь для ПКМ со значением "100". Всё. Да, кадр-маска почти аналогичен вышеприведенному примеру (второй вариант). Как бы и всё.
Да, но в таком случае клик в центре, где маска прозрачна, восприниматься не будет.
Если только для хит-маски выставить Opaque? Но тогда она будет квадратная (по габаритам текстуры) и поймёт ли скин-движок в этом случае, что последний кадр - это хит-тест-маска? Надо пробовать...
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Zigar on September 10, 2015, 20:04:56
Да, но в таком случае клик в центре, где маска прозрачна, восприниматься не будет.
А он воспринимается. ;D Это магия, не каждый так умеет)) Я вроде не так долго не заглядывал в редактор, чтобы уж вообще не разобраться с этим. Хотя... У тебя промежуточный проект не сохранился? Помнишь, когда проблема была с окнами я тебе давал проект чтобы ты посмотрел чё там?
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Black_AVP on September 10, 2015, 20:11:59
... У тебя промежуточный проект не сохранился? Помнишь, когда проблема была с окнами я тебе давал проект чтобы ты посмотрел чё там?
А точно, ведь! Я и забыл совсем про него.
Посмотрел - да, действительно, стоит Opaque, и ситуация, описанная мной выше - зона прямоугольная (что не совсем gut), но регулятор сам работает, хотя кадр маски прямо не указан. Может, магия, а, может, мистика...
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Zigar on September 10, 2015, 20:17:29
...зона прямоугольная (что не совсем gut)...
Действительно. ::) Вылез косячок.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Black_AVP on September 10, 2015, 20:29:35
Действительно. ::) Вылез косячок.
Да, страшного то ничего нет, почти не заметно.
Попробовал сейчас на своём скине - подложил под крутилку обычную кнопку со связью, как у тебя (только с пустой, без 100%), предварительно удалил из неё текстуру и растянул так, чтоб центральную дырку в маске перекрыла. Вроде, всё Ок.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Zigar on September 10, 2015, 20:59:08
Попробовал сейчас на своём скине - подложил под крутилку обычную кнопку со связью, как у тебя (только с пустой, без 100%), предварительно удалил из неё текстуру и растянул так, чтоб центральную дырку в маске перекрыла. Вроде, всё Ок.
Ага. Сделал так же, только со своей связью. Работает как надо.

И кажется эта проблема решена. Весь фокус в том, что там по центру крутилки находится еще один элемент, со схожими функциями на клик ПКМ. У меня это прозрачная "кнопка" с маск-картой. То есть крутилка звука состоит из 2 частей: 1-Внешная, с градиентом-маской, для прокручивания зажатой мышкой, 2-внутренняя, кликабельная текстура обеспечивающая иллюзию целостности крутилки и  доступность для клика ПКМ.  :)
+1 ;)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: NoHealer on October 06, 2015, 22:15:31
Думаю не ошибусь темой, если спрошу здесь.

Когда делайте мелкие элементы для обложки, вы их делайте сразу в необходимом размере или же сначала делайте в более крупном масштабе, а затем уже уменьшаете до нужного?
И как лучше поступать?
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: NoHealer on October 06, 2015, 22:22:02
И уже сегодня наверное совсем уж обнаглею  ;D

Вот посоветуйте, как добиться эффекта утопленной стеклянной кнопки, то есть по внешнему виду больше похожей на индикатор, который при наведении будет загораться. Другими словами что-то вроде сенсорных кнопок, в том виде как их представляли в фантастике 90-х. 
Ну, вот хотя бы как здесь http://www.youtube.com/watch?v=fnfDXznMf0E
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Kibermanick on October 06, 2015, 22:30:08
Думаю не ошибусь темой, если спрошу здесь.

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

Я делаю сразу мелкие. Советую сразу делать нужного размера.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: SanekK on October 06, 2015, 22:41:11
И уже сегодня наверное совсем уж обнаглею  ;D

Вот посоветуйте, как добиться эффекта утопленной стеклянной кнопки, то есть по внешнему виду больше похожей на индикатор, который при наведении будет загораться. Другими словами что-то вроде сенсорных кнопок, в том виде как их представляли в фантастике 90-х. 
Ну, вот хотя бы как здесь http://www.youtube.com/watch?v=fnfDXznMf0E
Не совсем понял. Но утопленный эффект я делаю стилел Внутренняя тень и внутреннее свечение. Сам индикатор светящийся, просто рисуешь какой надо и стиль Внешнее свечение.
p.s. в фотошопе рисуешь то?
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: NoHealer on October 06, 2015, 22:48:27
Не совсем понял. Но утопленный эффект я делаю стилел Внутренняя тень и внутреннее свечение. Сам индикатор светящийся, просто рисуешь какой надо и стиль Внешнее свечение.
p.s. в фотошопе рисуешь то?

Хорошо, и никаких лишних тиснений, которыми я походу слишком злоупотребляю. Спасибо за совет.

Ну, а эффект стеклянной поверхности как-то можно добавить? Делать блики или что?

Ага, в фотошопе.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: NoHealer on October 06, 2015, 22:50:25
Я делаю сразу мелкие. Советую сразу делать нужного размера.

Спасибо!  :) Значит, я всегда правильно делал, но вот решил, на всякий случай, спросить.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: SanekK on October 06, 2015, 22:52:56
я просто сверху градиент (от прозрачного к белому) или просто белый цвет с прозрачностью слоя кидаю и обрезая формой под блик. Может кто-то как-то по-другому.
приложил файлик примера

Да, рисовать лучше сразу в 100% масштабе
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: NoHealer on October 06, 2015, 23:39:32
я просто сверху градиент (от прозрачного к белому) или просто белый цвет с прозрачностью слоя кидаю и обрезая формой под блик. Может кто-то как-то по-другому.
приложил файлик примера

Да, рисовать лучше сразу в 100% масштабе

Благодарю за помощь. Сейчас посмотрю  ;)
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: DS on January 05, 2016, 12:48:07
Не нашел более подходящей темы...
Подскажите, можно ли сделать регулировку громкости кнопками + - , а не ползунком?
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Soolo on January 05, 2016, 12:52:07
Не нашел более подходящей темы...
Подскажите, можно ли сделать регулировку громкости кнопками + - , а не ползунком?
да
acPlayerVolumeUp/Down
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: DS on January 07, 2016, 15:56:25
Кто в теме подскажите новичку, как рисовать кнопку? Интересует в каком разрешении рисовать, в том в котором кнопка используется в скине или в бОльшем, а потом масштабировать?
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Алексей Долматов on January 07, 2016, 16:24:17
Сразу в нужном рисуй, при масштабировании могут быть ошибки сжатия
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: DS on January 14, 2016, 20:42:20
Опять не знаю где спросить, уж извините.
Вопрос можно ли отредактировать окно Будильника/таймера? На 7" сенсорном экране попасть в кнопки пальцем невозможно.
Title: Re: Помощь по созданию эффектов в графических редакторах!
Post by: Soolo on January 14, 2016, 21:01:36
Вопрос можно ли отредактировать окно Будильника/таймера? На 7" сенсорном экране попасть в кнопки пальцем невозможно.
нет
Title: Гайд по Photoshop для упрощения жизни скиноделам в 4К
Post by: Kibermanick on June 12, 2021, 01:41:22
Думаю что будит полезно новичкам, да и не только им. Что-то типа: как сделать правильно, или для ленивых. Рассмотрим основные моменты.

1. Создаем документ произвольного размера со следующими параметрами

(https://www.aimp.ru/forum/index.php?action=dlattach;topic=2202.0;attach=63835)

2. Создаем начальную структуру и даем имя группе, это будит имя для итогового набора текстур

(https://www.aimp.ru/forum/index.php?action=dlattach;topic=2202.0;attach=63836)

3. Далее для удобства я использую вспомогательную сетку, вы можете делать и без нее. Очерчиваем область будущей текстуры, важно сделать внешнюю обводку, что бы она не заходила на область текстуры. В моем случае я использовал прямоугольник размером 48х288 и задал ему внешнюю обводку, заливку отключил. помещаем слой с границей вне группы.

(https://www.aimp.ru/forum/index.php?action=dlattach;topic=2202.0;attach=63837)

4. Далее, внутри группы рисуем текстуру векторными инструментами, это важно! Так же важно что бы отрисовка каждого состояния кнопки не касались смежных краев(что бы было расстояние между состояниями). Для удобства так же можно отрисовать границы состояний вне группы(у меня это красные рамки)

(https://www.aimp.ru/forum/index.php?action=dlattach;topic=2202.0;attach=63838)

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

(https://www.aimp.ru/forum/index.php?action=dlattach;topic=2202.0;attach=63839)

6. Теперь можно приступать к экспортированию всех необходимых размеров разом. ПКМ по группе/ Экспортировать как... Никакие настройки экспорта не трогаем кроме указания необходимых нам масштабов по моему примеру.

(https://www.aimp.ru/forum/index.php?action=dlattach;topic=2202.0;attach=63840)

(https://www.aimp.ru/forum/index.php?action=dlattach;topic=2202.0;attach=63841)

На выходе мы имеем пять текстур одной кнопки для разных масштабов

(https://www.aimp.ru/forum/index.php?action=dlattach;topic=2202.0;attach=63842)








Title: Re: Гайд по Photoshop для упрощения жизни скиноделам в 4К
Post by: Kibermanick on June 12, 2021, 01:42:07
+++
Title: Re: Гайд по Photoshop для упрощения жизни скиноделам в 4К
Post by: Black_AVP on June 12, 2021, 14:57:40
Надо было только ещё указать, что всё это возможно лишь в Photoshop CC, в SC6 и более ранних версиях такой функции экспорта нет.

Но и в CS6 можно сделать это довольно легко.
1. Так же рисуем в векторе по слоям все состояния кнопки в масштабе 100% без всяких зазоров и масок (т. е. в том виде, у каком текстура нужна редактору), сохраняем в PNG для WEB (Ctrl+ALT+Shift+S).
2. Масштабируем всю картинку (Ctrl+Alt+I), выбрав, к примеру, 150%. Снова сохраняем для WEB.
3.  Отменяем последнее действие (Ctrl+Z или в окне истории) чтоб вернуться к 100% масштабу.
и т. д.  для всех нужных масштабов.

Маленькая ремарка. ;) В обоих случаях лучше не использовать при рисовании стили слоёв и мелкие текстуры (паттерны), при масштабировании в нецелое число раз стили масштабируются не совсем корректно, а текстуры замыливаются.
Title: Re: Гайд по Photoshop для упрощения жизни скиноделам в 4К
Post by: Kibermanick on June 12, 2021, 15:08:25
Надо было только ещё указать, что всё это возможно лишь в Photoshop CC, в SC6 и более ранних версиях такой функции экспорта нет.

Но и в CS6 можно сделать это довольно легко.
1. Так же рисуем в векторе по слоям все состояния кнопки в масштабе 100% без всяких зазоров и масок (т. е. в том виде, у каком текстура нужна редактору), сохраняем в PNG для WEB (Ctrl+ALT+Shift+S).
2. Масштабируем всю картинку (Ctrl+Alt+I), выбрав, к примеру, 150%. Снова сохраняем для WEB.
3.  Отменяем последнее действие (Ctrl+Z или в окне истории) чтоб вернуться к 100% масштабу.
и т. д.  для всех нужных масштабов.

Маленькая ремарка. ;) В обоих случаях лучше не использовать при рисовании стили слоёв и мелкие текстуры (паттерны), при масштабировании в нецелое число раз стили масштабируются не совсем корректно, а текстуры замыливаются.

Ну это да, разумеется. Фотошопы до СС уже достаточно устарели.

Касательно твоего способа, для чего использовать сохранить для веб?
Title: Re: Гайд по Photoshop для упрощения жизни скиноделам в 4К
Post by: Kibermanick on June 12, 2021, 15:10:41
Кстати. Black_AVP если ты используешь CS6 то, в твоем случае удобнее было бы подключить генератор. Он бы тоже делал пакетное сохранение с указанными атрибутами. Этакое редактирование в реальном времени.
Title: Re: Гайд по Photoshop для упрощения жизни скиноделам в 4К
Post by: Black_AVP on June 12, 2021, 15:12:02
Касательно твоего способа, для чего использовать сохранить для веб?
Минимальный размер файла, без всякой вшитой лишней информации.
Title: Re: Гайд по Photoshop для упрощения жизни скиноделам в 4К
Post by: Kibermanick on June 12, 2021, 15:14:31
Минимальный размер файла, без всякой вшитой лишней информации.

Место на диске экономишь)) А вообще интересно, AIMP SE же вроде берет чистые данные пикселей и собирает BMP а потом уже своими методами сжимает.
Title: Re: Гайд по Photoshop для упрощения жизни скиноделам в 4К
Post by: Black_AVP on June 12, 2021, 15:21:07
... А вообще интересно, AIMP SE же вроде берет чистые данные пикселей и собирает BMP а потом уже своими методами сжимает.
Скорее всего, так. Иногда (не для скинов) просто нежелательно, чтоб в файле оставались следы от того же ФШ. ;)
Title: Re: Гайд по Photoshop для упрощения жизни скиноделам в 4К
Post by: Kibermanick on June 12, 2021, 15:21:55
Скорее всего, так. Иногда (не для скинов) просто нежелательно, чтоб в файле оставались следы от того же ФШ. ;)

Я вас понял, возьму на заметку)
Title: Re: Гайд по Photoshop для упрощения жизни скиноделам в 4К
Post by: Black_AVP on June 12, 2021, 16:02:52
Кстати. Black_AVP если ты используешь CS6 то, в твоем случае удобнее было бы подключить генератор. Он бы тоже делал пакетное сохранение с указанными атрибутами. Этакое редактирование в реальном времени.
Да, всё это можно в экшен записать или даже скрипт набросать.
Но в моём случае (в скинах аппаратуры) с масштабированием надо быть осторожным и приходится всё это делать поэтапно и вручную. На туже несчастную кнопку приходится рисовать по 3-4 слоя с разными стилями для каждого состояния. Масштабирование стилей можно разрешить, но как быть с теми стилями, где иногда используются нулевые параметры (Drop Shadow, Inner Shadow, Bevel и т. п. ) - при масштабировании они так и останутся нулями, приходится править вручную. Некоторые паттерны вообще масштабировать нельзя (типа BrushMetal, карбон) - превращаются в кашу. Тут уж автоматизация не прокатит. :-[
Title: Re: Гайд по Photoshop для упрощения жизни скиноделам в 4К
Post by: Kibermanick on June 12, 2021, 16:28:18
Да, всё это можно в экшен записать или даже скрипт набросать.
Но в моём случае (в скинах аппаратуры) с масштабированием надо быть осторожным и приходится всё это делать поэтапно и вручную. На туже несчастную кнопку приходится рисовать по 3-4 слоя с разными стилями для каждого состояния. Масштабирование стилей можно разрешить, но как быть с теми стилями, где иногда используются нулевые параметры (Drop Shadow, Inner Shadow, Bevel и т. п. ) - при масштабировании они так и останутся нулями, приходится править вручную. Некоторые паттерны вообще масштабировать нельзя (типа BrushMetal, карбон) - превращаются в кашу. Тут уж автоматизация не прокатит. :-[

Ох, ну скрипты это уже супер скиллово. Да уж в таких случаях только ручная работа, целая гора геморроя.
Title: Re: Гайд по Photoshop для упрощения жизни скиноделам в 4К
Post by: Denniz on September 30, 2021, 22:55:03
Да, всё это можно в экшен записать или даже скрипт набросать.
Но в моём случае (в скинах аппаратуры) с масштабированием надо быть осторожным и приходится всё это делать поэтапно и вручную. На туже несчастную кнопку приходится рисовать по 3-4 слоя с разными стилями для каждого состояния. Масштабирование стилей можно разрешить, но как быть с теми стилями, где иногда используются нулевые параметры (Drop Shadow, Inner Shadow, Bevel и т. п. ) - при масштабировании они так и останутся нулями, приходится править вручную. Некоторые паттерны вообще масштабировать нельзя (типа BrushMetal, карбон) - превращаются в кашу. Тут уж автоматизация не прокатит. :-[

Уважаемый Black_AVP, не планируете ли сделать обучающее видео по созданию обложки?
Поделитесь знаниями и опытом  :-[
Title: Re: Гайд по Photoshop для упрощения жизни скиноделам в 4К
Post by: Black_AVP on October 01, 2021, 09:40:37
Уважаемый Black_AVP, не планируете ли сделать обучающее видео по созданию обложки?
Поделитесь знаниями и опытом  :-[
У меня нет опыта по созданию обучающего видео. Видео-монтажом занимался когда-то в молодости, но это удовольствие не для моего железа.
Обучающего видео по фотошопу в интернете.... за всю жизнь не пересмотреть, а для редактора скинов (SE5) сейчас отличная справка. Какой смысл что-то ещё на пальцах объяснять?
На форуме тоже можно найти много полезной информации.
Title: Re: Гайд по Photoshop для упрощения жизни скиноделам в 4К
Post by: Denniz on October 01, 2021, 21:14:59
Какой смысл что-то ещё на пальцах объяснять?

нет так нет, спасибо  8)