`Photoshop lеssons

Привет, Гость
  Войти…
Регистрация
  Сообщества
Опросы
Тесты
  Фоторедактор
Интересы
Поиск пользователей
  Дуэли
Аватары
Гороскоп
  Кто, Где, Когда
Игры
В онлайне
  Позитивки
Online game О!
  Случайный дневник
MindMix
Ещё…↓вниз
Отключить дизайн


Зарегистрироваться

Логин:
Пароль:
   

Забыли пароль?


 
yes
Получи свой дневник!

`Photoshop lеssons


Это легко. Только попробуй!  
­­

Наше сообщество - Photoshop lessons - специализируется на уроках Фотошопа. Здесь даже новички смогут научиться тому, чему хотели ранее. Вот только у нас одна просьба:
Новички, начинайте с первых уроков, ибо вы не сможете понять, что и как.
Конечно, объясняться все тут будет, но на простейшие вопросы, возможно, будет создана специальная тема, куда обязательно нужно будет заглядывать, если возникнут вопросы.


Друзья сообщества:
Пока никого.
комментировать 4 комментария | Прoкoммeнтировaть
вторник, 27 марта 2012 г.
`4 гpoтecк 13:24:06
Как уменьшить размер анимации или видеоватара? Этим вопросом задаются многие заядлые фотошоперы, когда, например, Вам нужно взять и поставить на главный аватар суперский видеоаватар или анимацию, но, если вы стандарт, это не получается.
В Фотошопе, к счастью, есть функции для того, чтобы уменьшить вес картинок в формате GIF.
Вот несколько способов.
Подробнее…I.
За счет сокращения количества кадров. Например, когда вырезается видео, там очень много похожих кадров. Их можно выкинуть, удлинив при необходимости время на других.
II.
За счет сокращения самого изображения.
III.
За счет меню "Сохранить для Web и устройств".
В окошке, где у вас анимационная картинка, жмете Optimized.
И смотрите под картинкой вес анимации.
Настройки оптимизации.
Вот наше окно:
­­
Давайте разберем все его параметры.
1) Первой на наши глаза попадается вкладка "Preset" (назовем ее "программа").
­­
Довольно полезное окно, оно необходимо для быстрого выставления параметров оптимизации - выбрал нужный вариант, и галочки сами проставились там, где нужно. может понадобится вам уже после того, как поймете зачем нужны некоторые параметры оптимизации, название которых фигурирует в названиях этих preset'ов.
2) Далее идет "Format" (формат сохраненного результата)
­­
Здесь мы видим нужный нам для анимации формат GIF, а также несколько форматов статичного изображения - Jpeg, PNG, BMP.
3) Следующий пункт - Color Table (Таблица цветов).
­­
Здесь вы видим параметр "Reduction" (способ сокращения) и варианты:
- Perceptual (основанный на восприятии изображения) - использует максимально близкие цвета к тем, которые использованы на пике, главная задача этого способа - сохранить видимую целостность цветов на пике.
- Selective (Селективный) - работает по тому же принципу, что и первый, но, в отличие от него, нацелен, пржде всего, на работу с однотонными частями пика.
- Adaptive (Адаптивный) - использует не только "чистые" цвета с вашей аватары, но и пытается ухватить как можно больше оттенков для сохранения максимально похожего на оригинал изображения. Именно из-за этого Adaptive и плох и хорош для пиков одновременно - его качество пика превосходит остальные способы, но вес пика увеличивается на 2-5 кб, вы должны это знать.
- Web - создает таблицу цветов, подгоняя цвета изображения к тем, которые имеются в стандартной палитре Web. Данная опция формирует наименьшее количество цветов и, соответственно, наименьший по размеру файл, но качество изображения может быть хуже, чем при выборе других опций.
- Опция Custom (По выбору пользователя) оптимизирует цвета пика на основе тех настроек, чтобыли ранее выставлены и использованы пользователем в Photoshop или ImageReady.
4) Далее "Colors" (количество цветов).
­­
С помощью этой панели мы можем уменьшить количество цветов на нашей аватаре. Как известно, в формате GIF - от 2 до 256 цветов. Если в вашем пике ммного однотонных участков, не присутствуют градиенты, или, более того, пик черно-белый - используйте 64 или 128 цветов. При прочих равных, снижение количества цветов сильно облегчит вес вашей аватары.
Но, конечно, не увлекайтесь. Уменьшение количества цветов может привести к тому, что оставшиеся цвета не будут соответствовать изначальным. Поэтому, включайте голову и не забывайте проверять все наглядно, активировав вкладку "optimized" у вашего изображения.
5) Параметр "WEb Snap" (приведение к цветам WEB).
­­
Есть основная таблица цветов для WEB. С помощью данного бегунка можно привести некоторые цвета с пика к web цветам. Использование этих цветов на пике - значительно облегчит анимацию. Но, к сожалению, сильно испортит ее качество. Поэтому приведением цветов к web используется в анимации редко и аккуратно. Особенную ценность может принести эита настройка, если ваша цель - облегчить анимацию всего на пару кб. (т.е. "впихнуть" самую малость ;) ).
6) Dither (Дизеринг).
­­
конкретном случае. Дело в том, что дизеринг очень неплохо улучшает качество, сглаживая цвета, но, при этом, сильно увеличивает вес. (порядка 10 лишних кб). Как же работает дизеринг...

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

Итак, делая вывод: если ваша задача облегчить анимацию - выбирайте параметр "No Dither". Тем более, что в нашем случае, когда работа идет с анимированной аватарой, столь тонкие изменения, как дополнительные оттенки, большой роли не сыграют (если кончено вы не пытаетесь "впихнуть" в gif градиент).
7) Transparency (прозрачность).
­­
Если ваша анимация по сути - изменение одного и того же предмета на одном и том же фоне - то неподвижные части пика (весь статичный фон) можно на кадрах вырезать, оставив только те небольшие участки, которые изменяются. Это самый сильный способ облегчить анимацию.
Он не поможет вам лишь в одном случае - если вы делаете анимацию перехода между двумя разными картинками.
Примечание: поле Matte (Кайма) около параметра прозрачности необходимо для указания цвета каймы вокруг картинки на прозрачном фоне. Например, вы хотите сохранить картинку не в привычном квадрате, а любой необычной формы. Так как картинка все равно остается по сути квадратной - незанятые изображением участки будут помечены как "прозрачные". Но формат гиф не может просто перейти от цвета к прозрачности, ему необходима кайма (по сути обводка картинки вашей странной формы). Цвет каймы задается исходя из того, на каком фоне потом будет использоваться ваша картинка. Если цвет фона неизвестен, выберите пункт None (Нет) в списке Matte, результатом будут жесткие, зазубренные границы.
8) Поставив галочку около "Interlaced" (черезстрочно) вы разрешите детализировать (при загрузке страницы) ваше изображение в интернете постепенно, через строку. Этот параметр полезен для оптимизации сайта - пользователю не нужно ждать полной загрузки сайта, чтобы увидеть, что изображено на вашем гифе. Но, со стороны "облегчения" анимации все плохо - с включенной настройкой "Interlaced"аватара будет весить больше. Поэтому однозначное "нет" этому параметру применительно к анимации аватар.
9) Последняя, важная, настройка оптимизации - "Lossy" (потери).
Если вы применили уже все способы облегчения своей аватары, но вам так и не хватило для счастья несколько киллобайт - радуйтесь - вы можете заполучить их, воспользовавшись этой настройкой. Естественно, использование параметра lossy ведет к потерям в качестве, но незначительное снижение качества простить можно. Испотльзуйте не больше 10-15 % этой настройки.
­­


Категории: Уменьшить вес, Анимация, Видеоаватар
комментировать 107 комментариев | Прoкoммeнтировaть
пятница, 6 января 2012 г.
`3 гpoтecк 12:48:26
­­

Назовем этот эффект в анимации "Плавный переход". Причем помощи фильтров нам не понадобится.

Подробнее…1) Вы уже сделали приближенный и отдаленный исходник на едином изображении; все обрезали и добавили колоризацию.
2) Создаем в окне "Анимация" наши исходники\кадры другого перехода и встаем на 1кадр 1го слоя.
3) Щелкаем сюда :
­­
4) И ставим так:
Промежуточные кадры: Следующий кадр;
Кол-во кадров : 3.
Дальше нажимаем кнопочку "Ок" и анимируем.

Время лучше всего ставить 0,17. Так плавнее получается.


Категории: Анимация, От Наги
комментировать 1 комментарий | Прoкoммeнтировaть
`2 гpoтecк 12:22:51
­­

В этом уроке я Вас научу делать анимацию с помощью фильтров "Искривление" и "Размытие".
Результат самого уроко Вы можете лиезреть на первом переходе анимации.


Подробнее…1) Открываем исходник и заодно создаем новое прозрачное изображение нужного Вам размера.
2) Два раза обрезаете исходник до нужных Вам размеров (должны совпадать с прозр. изображением) по такому принципу:
Отдаленный исходник;
Приближенный исходник;
3) Теперь обрезанный исходник переносим на прозр. изображение, а сам исходник можем смело закрывать.
4) В отдельных "группах" создаем колоризацию и прочее.
5) Оставляем "глазик" только на отдаленном исходнике.
6) Дублируем его 3 раза.
7) Оставляем глазик на 1 копии 1 слоя.
8) Идем Фильтр -- Искажение -- Искривление.
Ставим примерно так:
­­
9) На этом же слое идем в Размытие - Размытие в движении -- 10.
10) На последующих двух копиях 1го слоя Искривление увеличиваем, размытие же все также оставляем 10.
11) Анимируем:

1 кадр - 1 слой.
2 кадр - 1 копия 1 слоя и 2 слой 20%
3 кадр - 2 копия 1 слоя и 2 слой 55%
4 кадр - 3 копия 1 слоя и 2 слой 80%
5 кадр - 2 слой.
Время устанавливаем 0,17 сек.


Настроение: Т
Категории: Анимация, От Наги
комментировать 12 комментариев | Прoкoммeнтировaть
`1 гpoтecк 11:38:56
­­


Простейший урок по закруглению краев .

Подробнее…1) Вы уже обезали исходник до нужных размеров и сделали с ним любую муть.
2) После этого мы объединяем слои.
Кто не знает: Ctrl + E
3) Нам понадобится инструмент "Прямоугольник с закругленными слоями".
Теперь действуем по скрину:
­­
4)Когда мы уже активировали этот инструмент, разбираемся с настройками:
­­
5) После рисования фигуры должен получиться прямоугольник с закругленными углами. Так? Если он не до кона "прикрывает" изображение, то с помощью инструмента "Перемещение" мы его расширим. Для этого, активировав "Перемещение", ставим галочку на пункте "Показать управляющие элементы". Теперь аккуратно берем за "точечки" и растягиваем до концов изображения.
­­
6) На слое с фигурой тыкаем правой кнопкой мыши и выбираем "Растрировать слой". Потом идем к инструменту "Волшебная палочка". И щелкаем ей по фигуре на изображении. Она должна покрыться пунктирной рамочкой. Правой кнопкой мыши щелкаем по изображению и выбираем пункт "Инвертировать выделение". Два раза тыкаем по "замочку" на слое с Задним планом. После чего решительно жмем клавишу на клавиатуре "Delete".
­­


Категории: Закругление краев, От Наги
комментировать 7 комментариев | Прoкoммeнтировaть
 


`Photoshop lеssons

читай на форуме:
пройди тесты:
Кто ты в душе?
V.I.P.(#2)
читай в дневниках:

  Copyright © 2001—2018 MindMix
Авторами текстов, изображений и видео, размещённых на этой странице, являются пользователи сайта.
Задать вопрос.
Написать об ошибке.
Оставить предложения и комментарии.
Помощь в пополнении позитивок.
Сообщить о неприличных изображениях.
Информация для родителей.
Пишите нам на e-mail.
Разместить Рекламу.
If you would like to report an abuse of our service, such as a spam message, please contact us.
Если Вы хотите пожаловаться на содержимое этой страницы, пожалуйста, напишите нам.

↑вверх