Помощь по созданию эффектов в графических редакторах!

[Kibermanick]

Думаю что будит полезно новичкам, да и не только им. Что-то типа: как сделать правильно, или для ленивых. Рассмотрим основные моменты.

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



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



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



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



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



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





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

[Kibermanick]

+++

[Black_AVP]

Надо было только ещё указать, что всё это возможно лишь в Photoshop CC, в SC6 и более ранних версиях такой функции экспорта нет.

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

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

[Kibermanick]

Надо было только ещё указать, что всё это возможно лишь в Photoshop CC, в SC6 и более ранних версиях такой функции экспорта нет.

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

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

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

Касательно твоего способа, для чего использовать сохранить для веб?

[Kibermanick]

Кстати. Black_AVP если ты используешь CS6 то, в твоем случае удобнее было бы подключить генератор. Он бы тоже делал пакетное сохранение с указанными атрибутами. Этакое редактирование в реальном времени.

[Black_AVP]

Касательно твоего способа, для чего использовать сохранить для веб?

Минимальный размер файла, без всякой вшитой лишней информации.

[Kibermanick]

Минимальный размер файла, без всякой вшитой лишней информации.

Место на диске экономишь)) А вообще интересно, AIMP SE же вроде берет чистые данные пикселей и собирает BMP а потом уже своими методами сжимает.

[Black_AVP]

... А вообще интересно, AIMP SE же вроде берет чистые данные пикселей и собирает BMP а потом уже своими методами сжимает.

Скорее всего, так. Иногда (не для скинов) просто нежелательно, чтоб в файле оставались следы от того же ФШ.

[Kibermanick]

Скорее всего, так. Иногда (не для скинов) просто нежелательно, чтоб в файле оставались следы от того же ФШ.

Я вас понял, возьму на заметку)

[Black_AVP]

Кстати. Black_AVP если ты используешь CS6 то, в твоем случае удобнее было бы подключить генератор. Он бы тоже делал пакетное сохранение с указанными атрибутами. Этакое редактирование в реальном времени.

Да, всё это можно в экшен записать или даже скрипт набросать.
Но в моём случае (в скинах аппаратуры) с масштабированием надо быть осторожным и приходится всё это делать поэтапно и вручную. На туже несчастную кнопку приходится рисовать по 3-4 слоя с разными стилями для каждого состояния. Масштабирование стилей можно разрешить, но как быть с теми стилями, где иногда используются нулевые параметры (Drop Shadow, Inner Shadow, Bevel и т. п. ) - при масштабировании они так и останутся нулями, приходится править вручную. Некоторые паттерны вообще масштабировать нельзя (типа BrushMetal, карбон) - превращаются в кашу. Тут уж автоматизация не прокатит.

[Kibermanick]

Да, всё это можно в экшен записать или даже скрипт набросать.
Но в моём случае (в скинах аппаратуры) с масштабированием надо быть осторожным и приходится всё это делать поэтапно и вручную. На туже несчастную кнопку приходится рисовать по 3-4 слоя с разными стилями для каждого состояния. Масштабирование стилей можно разрешить, но как быть с теми стилями, где иногда используются нулевые параметры (Drop Shadow, Inner Shadow, Bevel и т. п. ) - при масштабировании они так и останутся нулями, приходится править вручную. Некоторые паттерны вообще масштабировать нельзя (типа BrushMetal, карбон) - превращаются в кашу. Тут уж автоматизация не прокатит.

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

[Denniz]

Да, всё это можно в экшен записать или даже скрипт набросать.
Но в моём случае (в скинах аппаратуры) с масштабированием надо быть осторожным и приходится всё это делать поэтапно и вручную. На туже несчастную кнопку приходится рисовать по 3-4 слоя с разными стилями для каждого состояния. Масштабирование стилей можно разрешить, но как быть с теми стилями, где иногда используются нулевые параметры (Drop Shadow, Inner Shadow, Bevel и т. п. ) - при масштабировании они так и останутся нулями, приходится править вручную. Некоторые паттерны вообще масштабировать нельзя (типа BrushMetal, карбон) - превращаются в кашу. Тут уж автоматизация не прокатит.

Уважаемый Black_AVP, не планируете ли сделать обучающее видео по созданию обложки?
Поделитесь знаниями и опытом 

[Black_AVP]

Уважаемый Black_AVP, не планируете ли сделать обучающее видео по созданию обложки?
Поделитесь знаниями и опытом 

У меня нет опыта по созданию обучающего видео. Видео-монтажом занимался когда-то в молодости, но это удовольствие не для моего железа.
Обучающего видео по фотошопу в интернете.... за всю жизнь не пересмотреть, а для редактора скинов (SE5) сейчас отличная справка. Какой смысл что-то ещё на пальцах объяснять?
На форуме тоже можно найти много полезной информации.

[Denniz]

Какой смысл что-то ещё на пальцах объяснять?

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