AIMP Forum

AIMP for Windows => Дополнения / Addons => Обложки / Skins => Тема начата: San4o от Декабря 11, 2007, 03:27:46

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

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

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

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

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

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


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

теперь осталось выяснить как нарисовать металлическую панель и ответить на мой вопрос))
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: San4o от Декабря 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
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Freyr от Декабря 17, 2007, 23:36:55
Офигенно блин

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

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


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

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

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

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


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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

СКАЧАТЬ (http://uploadbox.com/files/Ytqmi1uTDO)   |   14.32 Мб
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Chasopis от Марта 26, 2009, 16:43:47
Друзья, помогите. С фотошопом я покачто неочень знаком. Читаю туториал. Там написано, что с помощью Add Anchor Point Tool добавлятся точки. но как? , даже когда я выбираю просто перо и обвожу контур белого прямоугольника, оно идет поверх него, не ратягивает его, а идет как новый слой. обьясните мне, ламеру, что я делаю не так, и как надо. Заранее благодарен.
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: San4o от Марта 26, 2009, 17:11:32
когда делаешь слой, в списке слоёв рядом с ним есть маска, тебе надо туда кликнуть, потом прямоугольник как-бы выделиться, только тогда ты можешь пен туулом тыкать эти точки и изменять форум прямоугольника
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Chasopis от Марта 27, 2009, 00:06:52
Вот ещё проблемка: как сделать плавное аккуратное равномерное свечение вокруг кнопок, как вот на многих скинах сделано, даже на первой страничке этой темы, там скриншоты. Может у кого есть урок, или ссылкка на него. Плиз, помогите.
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: San4o от Марта 27, 2009, 00:23:10
используй OutherGlow, INnerGlow, по вкусу ставишь радиус свечения
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: -=Lee=- от Марта 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)
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: T.R.S. от Марта 27, 2009, 17:09:18
Я наверно совсем дибил если спрашиваю такое ::) ;D как мне накисовать на одном слое залитый треугольник (плей) с немного скругленными краями?
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: San4o от Марта 27, 2009, 17:13:19
возми  Shape, вверху введи 3 (угла) и получится треугольник :)
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: T.R.S. от Марта 27, 2009, 17:15:01
но мне надо ещё чуток углы скруглить

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

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

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

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


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

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

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

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

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

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

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

Ну или вручную, сделать понизом слой, который шире на 1 пиксель и рисовать на нем.
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: San4o от Июля 01, 2009, 23:21:05
или просто берёшь линию и заливаешь её таким же грандиентом
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: T.R.S. от Сентября 30, 2009, 17:23:12
Я полазил по настройкам слоёв в фотошопе, да так и не понял как сделать текст вдавленным внутрь чего-либо(фона) помогите пожалуйста!
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: -=Lee=- от Сентября 30, 2009, 17:28:34
Ну это с тенями в стилях слоя надо по эксперементировать.
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: T.R.S. от Сентября 30, 2009, 18:03:13
а поточнее? я попробовал, как-то не особо похоже получилось.
П.С. Текст чёрного цвета
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: San4o от Сентября 30, 2009, 18:14:32
Бевел моде. поставь галочку(точку) на Up или Down, уменшай/увеличивай расстояние света, и будет тебе счастье ;)
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: T.R.S. от Сентября 30, 2009, 18:19:03
эээм... у меня русский фотошоп  ;D
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Юра от Сентября 30, 2009, 20:39:13
Про тиснение говорится, то что по центру в свойствах.
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Kr1eger от Сентября 30, 2009, 21:40:10
Вот так (http://www.4webmaster.ru/wp-content/uploads/3-bevel-and-emboss.jpg) это выглядит в английской версии Photoshop.
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Rome от Января 09, 2010, 13:20:13
а туториалы от санчо на ютуб кто-нить заливал? дайте линк плыз
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Rome от Января 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, с которой я работал, делая туториал.
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: bescheidener от Января 09, 2010, 18:34:46
Уроки начинаются. :) Ценная вещь. Rome, будешь местным преподом. :)
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Rome от Января 09, 2010, 19:57:20
туториологом  ;D
бтв что-то сюда никто не идёт. видимо всем побарабану
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: bescheidener от Января 09, 2010, 20:01:18
Ну будут появлятся новички- обязательно зайдут.
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: -=FreedooM=- от Января 09, 2010, 22:23:47
Тема крайне полезна,без всяких там дополнительных стилей и прочего,дёшево и сердито так сказать,продолжение будет?
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Rome от Января 09, 2010, 23:17:42
если просто новый туториал, то вполне возможно. или тебе надо какого-то развития того, что изложено тут?
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: T.R.S. от Января 10, 2010, 00:20:01
О! как раз это нужно было. спасибо
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: ZeoN7 от Января 10, 2010, 00:24:00
Спасибо, Rome, будет полезно... И не только новичкам...
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: $MITT от Января 10, 2010, 10:38:21
давно пора было :) круто
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: -=FreedooM=- от Января 10, 2010, 14:13:32
если просто новый туториал, то вполне возможно. или тебе надо какого-то развития того, что изложено тут?
Да просто новый тутор помогающий в создании скина,с эффектом стекла думаю все разобрались уж :)
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: DennoN от Января 14, 2010, 17:18:43
не-а
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: sam от Января 31, 2010, 13:21:51
Будут ли новые темы? ???
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: -=Lee=- от Января 31, 2010, 20:34:17
Вопрос по фотошопу. Кто-нибудь знает как сделать подобную текстуру?
Может урок какой-нибудь подскажите? Я не нашел, или плохо искал.
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Rome от Января 31, 2010, 22:27:12
ты хочешь кастомную, сам нарисовать?
имхо, это какой-то плагин, возможно для какого-то векторного редактора. сам такие вещи тупо брал из гугла.
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: -=Lee=- от Января 31, 2010, 22:31:11
Та я и гуглил, хотел и готовые текстуры найти. Чет не найду, все не то. Просто хочу в таком стайле обоину сделать.
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Rome от Января 31, 2010, 22:33:27
Та я и гуглил, хотел и готовые текстуры найти. Чет не найду, все не то. Просто хочу в таком стайле обоину сделать.
вот только что написал в гугле "узор", и он выдал целую кучу двухцветных картинок с подобными узорчиками. рисуй не хочу)
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: -=Lee=- от Января 31, 2010, 22:49:42
Хотя можно и кистями самому сделать, ладно проехали ;D
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: D.D.Konstantinov от Февраля 21, 2010, 18:17:37
На самом деле не помешал бы туторил, как терь в скин эдиторе сделать это функциональным... На примере хотяб этого же туториала
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: bescheidener от Февраля 21, 2010, 18:33:53
Для этого есть старый мануал от SE. Где-то он есть...
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Tarik от Февраля 21, 2010, 19:44:38
Для этого есть старый мануал от SE. Где-то он есть...
https://www.aimp.ru/forum/index.php?topic=19172.msg88176#msg88176
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Gudkoff от Февраля 22, 2010, 16:46:31
Вопрос по фотошопу. Кто-нибудь знает как сделать подобную текстуру?
Может урок какой-нибудь подскажите? Я не нашел, или плохо искал.

Сам когда-то задался этим вопросом. Такие текстуры называются Damask. Но мое гугление привело к нахождению тах текстур не очень хорошего рисунка и качества. И множество платных текстур уже хорошего рисунка и качества.  ;D
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: -=Lee=- от Февраля 22, 2010, 17:06:28
Та я себе сам уже нечто похожее сделал))
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Lyuter от Марта 18, 2010, 14:38:11
Спасибо от новичка  :)
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Enigmus от Апреля 06, 2010, 15:30:57
У меня есть рисунок как скруглить у него края поскажите плиз!!
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: bescheidener от Апреля 06, 2010, 16:33:09
Конкретнее. Это для скина или просто картинка и надо скруглить края?...
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: ZeoN7 от Мая 12, 2010, 10:25:13
Скорее всего эту тему нужно объединить с этой (https://www.aimp.ru/forum/index.php?topic=2202.50)
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: ZeoN7 от Мая 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
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: P.Ar.A.graf от Мая 13, 2010, 20:10:43
Не подскажете, как можно симметрично фигуру деформировать в фотошопе? (http://img59.[color=#ff11ff]imageshack СПАМ[/color].us/img59/5016/2010051318h5756.jpg) - то что справа натворил, чтобы одновременно зеркально происходило слева.
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Tarik от Мая 13, 2010, 20:30:23
Не подскажете, как можно симметрично фигуру деформировать в фотошопе?- то что справа натворил, чтобы одновременно зеркально происходило слева.
выделяешь часть фигуры справа инструментом выделения, затем ctrl+t - flip horizontal, и перемещаешь выделенный перевернутый кусок влево

небось урок Как создать интерфейс плеера в Photoshop?  :)
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: P.Ar.A.graf от Мая 13, 2010, 22:52:37
Благодарствую и спасибо за туториалы, пригодятся.
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: P.Ar.A.graf от Мая 21, 2010, 00:26:02
Делал кнопку текстом.
(http://img12.[color=#ff11ff]imageshack СПАМ[/color].us/img12/1354/2010052023h1522.png)
Как сделать, чтобы в скине реагировала вся площадь, а не только шрифт?
(Если попасть курсором в центр "р", допустим, то кнопку не нажать)
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: bescheidener от Мая 21, 2010, 00:47:15
Ну... видимо нужно делать её непрозрачной... :)
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Kr1eger от Мая 21, 2010, 00:48:36
Либо с текстурой вырезать, либо аккуратно заливать 255,0,255
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Tarik от Мая 21, 2010, 11:00:51
сделать выделение области кнопки и нажать ctrl+shift+c, в таком случае скопируется в буфер слой текста вместе с фоном
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: P.Ar.A.graf от Мая 23, 2010, 22:33:01
Эмм, а как вы рисуете спектрум?  :-[
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Андрей Бубнов от Мая 23, 2010, 22:46:05
Рисуешь бэкграунд, рисуешь скин для спетрума того же формата. в настройках элемента указываешь количество баров. Максимально 64 шт. Бары отделяются автоматически через 1 пиксель.
на счет скина пиков сам не знаю.
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Tarik от Мая 23, 2010, 22:55:44
Открой несколько скинов в редакторе и посмотри какие текстуры применяют...
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Torin от Мая 31, 2010, 13:21:44
Несмотря на то что я не занимаюсь ни фотошопом, ни скинэдитором, я считаю что просто необходимо (если, конечно такие уроки будут продолжать делаться) перевести их с сайта в документ (например pdf), чтобы любой желающий мог с легкостью скачать его и многому научиться, не прикладывая при этом титанических усилий для поиска уроков "на стороне"
Таким образом мы и людям поможем и получим пару - тройку лишних (а они никогда не лишние) обложек или иконок или чего нибудь ещё с символикой нашего любимого плеера или для любимого плеера!
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: -=Lee=- от Июня 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)
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: P.Ar.A.graf от Июня 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)
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: -=Lee=- от Июня 05, 2010, 22:37:00
Все правильно я выбрал. Редактировал контейнеры Main Window LayoutBox. Добавил 2 новых контейнера и в списке я их не найду. Может они и не должны там появляться, но как тогда задать им текстуры?!


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

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

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

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

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

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


Добавлено через 4 мин. 24 сек.
как сделать чтоб текст не ездил по кругу в поле а сотял на месте?
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: sviperz от Июня 30, 2010, 12:06:14
Справку почитать
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Tarik от Июня 30, 2010, 12:14:21
как сделать чтоб текст не ездил по кругу в поле а сотял на месте?
настройки - интерфейс - анимация бегущей строки
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Aceko от Июня 30, 2010, 14:16:20
Справку почитать
я думал это в скине настраивается.
настройки - интерфейс - анимация бегущей строки
снова спасибо
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Axelerator от Июля 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)

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


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

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

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

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

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

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

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

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

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


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

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

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

Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Habib2302 от Января 30, 2012, 11:17:37
вот вам ссылки Photoshop-Master (http://www.photoshop-master.ru/). DemiArt (http://photoshop.demiart.ru/).
на demiart'е уроки искать ножно на форуме
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: heise от Февраля 09, 2012, 13:17:50
доброго времени суток, уважаймые скиноделы.. хочу попробовать сделать скин. Полазил по форому, понял что для этого мне понадоится две вещи:
1. нарисовать скин.
2. раздербанить его в AIMP SkinEditor v3, чтобы "картинка" функционировала.
правильно ли я все понял?
набрасал скин, возможно ли его реализовать в аимпе?,а именно так под наклоном (текст, бегущую строку, время и т.п.). Также планирую некоторые части сделать прозрачными примерно 40-60%.
(http://cs11383.vk.com/u5320566/152162948/z_17aa2b7f.jpg)
заранее спасибо.
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Tarik от Февраля 09, 2012, 13:28:45
доброго времени суток, уважаймые скиноделы.. хочу попробовать сделать скин. Полазил по форому, понял что для этого мне понадоится две вещи:
1. нарисовать скин.
2. раздербанить его в AIMP SkinEditor v3, чтобы "картинка" функционировала.
правильно ли я все понял?
набрасал скин, возможно ли его реализовать в аимпе?,а именно так под наклоном (текст, бегущую строку, время и т.п.). Также планирую некоторые части сделать прозрачными примерно 40-60%.
(http://cs11383.vk.com/u5320566/152162948/z_17aa2b7f.jpg)
заранее спасибо.
Почти все можно сделать наклонным, кроме самого главного - текста, а это бегущая строка и записи в плейлисте. Так же и спектрум - его тоже нельзя делать наклонным.
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: heise от Февраля 09, 2012, 13:45:05
Почти все можно сделать наклонным, кроме самого главного - текста, а это бегущая строка и записи в плейлисте. Так же и спектрум - его тоже нельзя делать наклонным.
спасибо, я почему то догадывался...  а жаль :( буду думать тогда что нибудь другое ..
а может есть у кого нибудь видео урок, мануал и т.п. по AIMP SkinEditor v3.. я фак почитал, но хотелось бы посмотреть, как это делается.. лучше один раз увидеть
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Soolo от Февраля 09, 2012, 13:47:40
спасибо, я почему то догадывался...  а жаль :( буду думать тогда что нибудь другое ..
а может есть у кого нибудь видео урок, мануал и т.п. по AIMP SkinEditor v3.. я фак почитал, но хотелось бы посмотреть, как это делается.. лучше один раз увидеть
тысячу раз повторял, и ещё рас повторю
откройте любую обложку и изучайте её структуру, я познал эдитор именно таким способом
А ещё есть очень хорошая Справка в СкинЭдиторе - она разъяснит нюансы и познакомит с возможностями
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: heise от Февраля 09, 2012, 14:04:22
тысячу раз повторял, и ещё рас повторю
откройте любую обложку и изучайте её структуру, я познал эдитор именно таким способом
А ещё есть очень хорошая Справка в СкинЭдиторе - она разъяснит нюансы и познакомит с возможностями
справку я изучил (под ней я фак и подразумевал), скин стандартный поковырял.. увидеть хотелось, как это все изначально делается при создании нового скина. Принцип я понял, он похож на компилятор)
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Soolo от Февраля 09, 2012, 14:05:39
справку я изучил (под ней я фак и подразумевал), скин стандартный поковырял.. увидеть хотелось, как это все изначально делается при создании нового скина. Принцип я понял, он похож на компилятор)
нового скина вы не создаёте, вы берёте любой скин и меняете его
кнопка за кнопкой, текстура за текстурой
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Кира_21 от Марта 20, 2012, 21:00:20
Я сейчас делаю свой авторский первый! скин :)Как доделаю, брошу сюда, будете оценивать)))
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: San4o от Марта 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)
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Soolo от Марта 25, 2012, 22:15:26
  А может есть смысл создать раздел форума с подобной тематикой, а то действительно в этой теме много лишнего?
есть тема "скрипты для фотошопа"
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Soolo от Марта 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) и, наверное ,не последняя.
в принципе, можно что-то типа "технологии производства" =)
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: San4o от Марта 25, 2012, 22:33:04
в принципе, можно что-то типа "технологии производства" =)
угу именно и отдельно уже туда темы кидать...
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Soolo от Марта 25, 2012, 22:46:35
  Можно добавить как подраздел в "Разработка".
лучше в обложки - это ведь всё их касается
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Nikitko_Cent от Апреля 15, 2012, 13:42:08
Всем привет  :)  нарисовал тут скин, начал в SE текстуру натягивать. Тут возникла такая проблема - когда собираеш обложку и смотриш ее в самом AIMP'е, то главное окно сцепленное с плейлистом, имеет нормальный размер, а вот когда плэйлист отцепляеш - то главное окно почему то уменьшается. Можете посмотреть в SE проекте, где я тупанул?  ;D
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Soolo от Апреля 15, 2012, 14:22:56
Всем привет  :)  нарисовал тут скин, начал в SE текстуру натягивать. Тут возникла такая проблема - когда собираеш обложку и смотриш ее в самом AIMP'е, то главное окно сцепленное с плейлистом, имеет нормальный размер, а вот когда плэйлист отцепляеш - то главное окно почему то уменьшается. Можете посмотреть в SE проекте, где я тупанул?  ;D
задайте минимальный размер текстуры главного окна
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Nikitko_Cent от Апреля 15, 2012, 14:30:41
задайте минимальный размер текстуры главного окна
Благодарю, +  :)
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: San4o от Июня 08, 2012, 19:02:54
Как создать такую форму за считанные секунды? (1. Скрин)
Данный метод я сам нашёл случайно и начал пользоваться недавно, после того как изучил Illustrator, поэтому решил поделиться тут :). В Иллюстраторе есть такая фича, называется Pathfinder, на мой взгляд это самая важная фича в нём, позволяет соединять, разрезать и т.д. векторные формы. После этого я начал искать это в Фотошопе и она(эта же фича) была всё время перед глазами, но я никогда на неё не обращал внимания :)
Позволяет легко создать сложные формы, которые в любой момент можно подредактировать, добавить что-то и т.д., к тому же кол-во слоёв у меня сократилось, наверное, в 3е :) Все формы векторные, что позволяет сохранить качество. В видео я показал, как это сделать, а на 2м скрине показал, как я делал громкость в скине :)
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: San4o от Июня 08, 2012, 19:57:32
  Извиняюсь, не понял в чём фишка - в использовании комбинационных операций с контурами?
Нет, это не контуры, ты работаешь в самом слое, в его маске. Те 4 кнопки указывают, что будет сделано: добавить, вырезать или сделать пересечение двух слоёв и т.д.

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

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

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

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

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

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


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


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

Дима.
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: ZeoN7 от Ноября 19, 2012, 10:00:48
Приветствую!

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

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

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


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


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

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

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

а в качестве исходников я посоветую dmonzon.
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Xwansu от Декабря 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.
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Я Гриша! от Декабря 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
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: San4o от Декабря 30, 2012, 16:09:21
http://photoshop.demiart.ru/design_01.shtml (http://photoshop.demiart.ru/design_01.shtml)

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

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

Они считают, что если кому-то действительно очень нужно, тот зарегится. Если чел в этом случае не регится, значит ему не сильно и нужно.
+1
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Xwansu от Декабря 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 много интересных уроков, главное их найти
Спасибо за подборку. Начал смотреть с длинного  :)
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: SanekK от Июля 24, 2013, 18:32:01
Неплохой видео-урок (https://www.youtube.com/watch?v=b_A4Cz_dwtk) по Кистям в Фотошопе. (на английском, но суть понять можно)
Название: Re: [FAQ] Вопросы по работе в AIMP SkinEditor v3.50
Отправлено: Star_over от Июня 15, 2014, 16:10:35
Мастера, подскажите, пожалуста, как наиболее просто сделать многокадровую текстуру Gauge в виде стрелки измерительного прибора?
Название: Re: [FAQ] Вопросы по работе в AIMP SkinEditor v3.50
Отправлено: Loner2000 от Июня 16, 2014, 10:57:58
Мастера, подскажите, пожалуста, как наиболее просто сделать многокадровую текстуру Gauge в виде стрелки измерительного прибора?
Наиболее просто с помощью скриптов.
обратитесь к Black_AVP на сайт blackavpbim.ucoz.ru он подскажет.
Название: Re: [FAQ] Вопросы по работе в AIMP SkinEditor v3.50
Отправлено: Star_over от Июня 16, 2014, 15:06:51
Наиболее просто с помощью скриптов.
обратитесь к Black_AVP на сайт blackavpbim.ucoz.ru он подскажет.
Я уж понял, что надо двигаться в сторону скриптов, но по ним информации в интернете почти нет, нужного для меня примера так и не нашёл. Скачал лишь официальное руководство от Адоба по скриптам.
С Black_AVP мы общались, я его, наверное, уже замучал своми вопросами, он и так мне разжевал все азы работы и с редактором и фотошопом. К сожалению, скинами он больше не занимается. На его сайте выложена подборка уроков по скинам, но и в них ничего не по скриптам для фотошопа.
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Tarik от Июня 16, 2014, 20:10:26
Попробуйте записать Action, это попроще скриптов.
Название: Re: [FAQ] Вопросы по работе в AIMP SkinEditor v3.50
Отправлено: Aleksandr009 от Июня 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 (трансформация повторяется). И так далее пока все кадры не встанут на место.
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Star_over от Июня 16, 2014, 21:44:43
Aleksandr009, спасибо за обстоятельный ответ, всё получается. Попробовал даже записать Action, как советовал  Tarik, разбив на два этапа - поворот и раскадровку. Почему то при повороте смещается центр вращения при применении Action, хотя вручную всё нормально. И с выделением слоёв Action, видимо не записать, поскольку их число меняется.
И ещё один неприятный нюанс - всё это хорошо, пока кадров не много, а если их надо 100...
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: samuel от Сентября 01, 2014, 15:37:55
Подскажите, где взять ресурсы кнопок modern UI в png?

Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: ZeoN7 от Сентября 01, 2014, 15:41:52
Подскажите, где взять ресурсы кнопок modern UI в png?
Modern UI? Можно ссылку?
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: samuel от Сентября 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)
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Soolo от Сентября 01, 2014, 16:44:47
Мне нужны кнопки как здесь:
я бы назвал это не Modern UI, а Zune UI =)
Вот ссылка на скин: https://www.aimp.ru/forum/index.php?topic=32344.0 В той теме есть проект и оттуда можно достать картинки кнопок.
Один нюанс: там есть пометка "проект только для личного пользования"

А ещё в Гугле запрос: Metro UI ресурсы или Zune UI ресурсы и смотрим картинки
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: samuel от Сентября 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 тоже мало что находит. Но судя по немалому количеству скинов в стиле метро наверняка где-то есть рыбное место с иконками.
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Soolo от Сентября 01, 2014, 17:06:25
ЗЫ: По Zune тоже мало что находит. Но судя по немалому количеству скинов в стиле метро наверняка где-то есть рыбное место с иконками.
ну как же не находит? вот я нашёл:
http://modernuiicons.com/
http://blog.karachicorner.com/tag/free-icons/
главное захотеть
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: samuel от Сентября 01, 2014, 17:10:59
ну как же не находит? вот я нашёл:
http://modernuiicons.com/

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

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

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

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

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

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

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

svg - это тот же xml - векторная веб-графика, фотошоп её не поймёт, а браузер открывает.
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Tarik от Сентября 01, 2014, 20:46:41
Вроде уже когда-то эти ссылки выкладывал... Удобно иконки шрифтами задавать:
http://msdn.microsoft.com/ru-ru/library/windows/apps/jj841126.aspx
http://fortawesome.github.io/Font-Awesome/icons/
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Tarik от Октября 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), нужно сделать маску с линейным градиентом. Но проблема в том, что фотошоп не корректно делает градиент, он получается нелинейным, из-за этого слайдер тоже не правильно работает (нажимаешь в одно место, а устанавливается не то значение).
Сделал тестовый проект, в котором можно посмотреть разницу в поведении двух слайдеров с разными градиентами (нужно покликать по верхнему и среднему регулятору)
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Black_AVP от Октября 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% - у меня только с третьего раза получилось. Но можно сохранить теперь этот градиент, чтоб в дальнейшем им пользоваться.
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Zigar от Октября 15, 2014, 12:37:54
Tarik, спасибо за инфу +1
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Black_AVP от Марта 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), включив все нужные слои.
Это лишь методика создания аниматоров, а Фотошоп позволяет анимировать не только стили слоя, но и размеры и координаты элементов, и всё одновременно, далее всё ограничивается лишь вашей фантазией.
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: San4o от Июня 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)
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: -thomas- от Сентября 03, 2015, 19:18:12
Народ, подскажите как нарисовать анимацию "крутилки" для изменения громкости? Простенькую такую, круг с черточкой-указателем. Как я понял, для корректного отображения изменения громкости, понадобится сделать анимацию из 100 кадров + 1кадр с градиентом-маской.

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

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

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

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


Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: Black_AVP от Сентября 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 там сделано хитрее, через контекстное меню регулятора - это его надо пытать.
Название: Re: Помощь по созданию эффектов в графических редакторах!
Отправлено: -thomas- от Сентября 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-внутренняя, кликабельная текстура обеспечивающая иллюзию целостности крутилки и  доступность для клика ПКМ.  :)

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

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

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

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

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

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

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

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

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

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

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

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

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

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








Название: Re: Гайд по Photoshop для упрощения жизни скиноделам в 4К
Отправлено: Kibermanick от Июня 12, 2021, 01:42:07
+++
Название: Re: Гайд по Photoshop для упрощения жизни скиноделам в 4К
Отправлено: Black_AVP от Июня 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% масштабу.
и т. д.  для всех нужных масштабов.

Маленькая ремарка. ;) В обоих случаях лучше не использовать при рисовании стили слоёв и мелкие текстуры (паттерны), при масштабировании в нецелое число раз стили масштабируются не совсем корректно, а текстуры замыливаются.
Название: Re: Гайд по Photoshop для упрощения жизни скиноделам в 4К
Отправлено: Kibermanick от Июня 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% масштабу.
и т. д.  для всех нужных масштабов.

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

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

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

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

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

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

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

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