‘айт ‹отоса И на главную страницу

Форумы Лотоса



Ну вот и всё :)
Эти Форумы Лотоса завершают своё существование, как и было запланировано
Новые Форумы Лотоса ждут всех и каждого. Новый подход, новые идеи, новые горизонты.
Если хотите продолжать старые темы, то открывайте их на новом форуме под тем же названием и оставляйте в первом сообщении ссылку на старую тему.

Аватара. Как обработать изображение под аватару?

На страницу 1, 2  След. 

| Еще
Автор Сообщение
БукОвки
Активный участник
Сообщения: 1996
Темы: 58

Профиль ЛС
e-mail

Карма: +157/–15
Аватара. Как обработать изображение под аватару?

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

В этой теме размещено несколько способов обработки изображения под аватару: сжатие до необходимых размеров, корректировка цвета и т.д.

Так же было бы здорово если Вы поделитесь адресами галерей, где можно скачать уже готовые флеш-аватарки и просто картинки под аватру.

Общие требования для изображения под автару:
Лучше всего, если аватара будет квадратного размера, с одним чётким объектом или стилизованным рисунком. Мелкие детали на аватаре размываются и, практически, исчезают, поэтому лучше использовать не всю фотографию или картинку, а один – два объекта из них, например, лицо, цветок, самолёт и т.д.

Параметры аватары:

На нашем сайте требования к аватаре указаны в профиле участника форума:



Итак, наша задача получить изображение размером 80х80 пикселей, не превышающее объем 10 кб.



Обработка картинки под аватару в Adobe Photoshop

Если Ваше изображение не требуется обрезать, то переходите к Шагу №2.

1 Шаг. Обрезание изображения.
1а Обрезание изображения по заданным размерам.


Откройте картинку в Adobe Photoshop.
Кликните на инструмент «Кадрирование» в левой панели инструментов.



Наверху появится панель инструментов, относящаяся к операции «Кадрирование».
Поставьте в окошках «Ширина» и «Высота» 80 пкс (пикселей), в окошке «Разрешение» должно быть «пикселей/дюйм».



Наметьте фрагмент картинки, который хотите использовать, как аватару и вырезайте его при помощи инструмента «Кадрирование»:



Кадрирование производится следующим образом: кликаете на угол предполагаемого квадрата и растягиваете его по диагонали. Затем кликаете на любой инструмент в левой панели, выскакивает сообщение, в котором вы подтверждаете кадрирование. Картинка вырезана размером 80х80 пикселей. Переходите к шагу №2 "Сжатие изображения".

Примечание: если в окошке размеров кадрирования установлены см или дюймы, то размерность нужно поменять в : «Редактирование» - «Установки или Предпочтения» - «Единицы измерения и линейки» - в диалоговом окне единицы измерения выбираем пиксели.

1b. Обрезание изображения произвольного размера.

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

Откройте картинку в Adobe Photoshop. Кликните на инструмент «Кадрирование» в левой панели инструментов. Проследите, чтобы в панели инструментов, относящихся к «Кадрированию», в окошках «высота» и «ширина» было пусто или очистите содержимое этих окошек нажатием кнопки «очистить».



Наметьте фрагмент картинки, который хотите использовать, как аватарку, вырезайте его при помощи инструмента «Кадрирование»:


Кадрирование производится следующим образом: кликаете на угол предполагаемого квадрата-прямоугольника и растягиваете его по диагонали. Затем кликаете на любой инструмент в левой панели, выскакивает сообщение, в котором вы подтверждаете кадрирование. Картинка вырезана.

2 Шаг. Сжатие изображения до требуемых размеров.

Кликнете в основной панели инструментов на «Файл», «Сохранить для Web…»:

Картинка откроется в новом окне. Нажмите на закладку «Image Size» или «Размер изображения». В этой закладке отображается и редактируется текущий размер изображения.

Поставьте вместо текущего самого большого размера цифру 80 (80 пикселей). Автоматически изменится размер сопряженной с ним высоты или ширины. Нажмите на кнопку «Apply» или «Применить».

Если вы вырезали изображение по заданным размерам (Шаг 1a), то там должно отобразиться «80» для обеих величин автоматически. В этом случае размеры менять уже не надо.



Изображение стало требуемых размеров (не более 80 пикселей).


Смотрим теперь, чтобы объем был не более 10 кб. Объем изображения указывается в нижнем левом углу окна:


Чтобы уменьшить или немного увеличить размер изображения, необходимо воспользоваться закладкой «Preset» в правом верхнем углу. Выберете качество, которое вам более всего подходит по объему: «низкое», «среднее», «максимальное» или «очень хорошее», следя за цифрами объема изображения. В нашем случае размер изображения не должен превышать 10 кб. Так же проконтролируйте, чтобы формат вашей картинки был в jpeg, выбрав этот формат из закладки форматов.


Нажмите на кнопку «Save» или «Сохранить».

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

Изображение готово и его можно вставлять, как аватару.



Сжатие картинки для аватары в Microsoft Office Picture Manger

Откройте картинку в Microsoft Office Picture Manger. Кликнете на «Рисунок», «Обрезать».



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



Подтверждаем «ОК».

Далее изменяем размер изображения.

Нажмите на «Рисунок», «Изменить размер»
Справа появляется диалоговая панель изменения размера. Поставьте точку на «процент от исходной ширины и высоты» и изменяйте число процентов до тех пор, пока в нижней информационной строчке «новый размер» не будут стоять цифры менее 80 точек. ОК. Нажмите на запись обработанного изображения.



Сжимаем изображение.
Нажмите на «Рисунок», «Сжатие рисунка» диалоговой панели.

Справа появляется диалоговая панель сжатия объема изображения. Обратите внимание на информационную надпись «Ожидаемый общий размер» и «Исходный». Если исходный размер менее 10 кб, то ничего делать больше не надо. Перезапишите файл и он готов для использование его как аватары. Если же изображение более 10 кб, то попробуйте поставить галочку напротив «сжимать для веб-страниц».



Обязательно перепроверьте размер и объем полученного изображения! Эта программа неточно изменяет размер и объем. Если какой-то размер превышает требуемые параметры, повторите шаги по изменению размеров еще раз.



Изменение фона изображения в Adobe Photoshop

Для тех, кто любит творить!

Не бойтесь делать ошибки! Photoshop возвращает нас назад во времени при помощи меню «История». Любой шаг можно отменить, нажав на предыдущий в меню «История».

Увеличивать или уменьшать изображение удобно при помощи «Навигатора», передвигая ползунок и красный квадратик.


Часть №1. Разделение изображения на слои.

Откройте изображение.

Нам надо вырезать фрагмент, который хотим выделить из фона. В данном случае это лицо девушки. С левой стороны берём инструмент «Лассо». Удобнее всего использовать «Полигональное лассо» или «Магнитное лассо». Меню «Лассо» вызывается правым щелчком мыши.


Теперь аккуратно выделяем голову девушки (используйте «Навигатор» для приближения объекта). Голова выделена:


Далее «Редактировать» - «Копировать» и «Редактировать» - «Вставить».

У нас появилось два слоя. Первый слой – фотография. Второй слой – голова девушки. Слои отображаются справа:


Вся работа в Photoshop построена на слоях. По-другому их можно представить в виде наложенных друг на друга листочков бумаги. Очень важно всегда следить, какой слой у Вас активирован (выделен), потому что все команды Photoshop действительны для активного слоя.

Часть №2. Делаем фон одним цветом.
Активируем слой «Фон». Выбираем цвет фона из цветовой палитры. Палитра вызывается двойным щелчком по цветовым квадратикам слева:


Теперь можно залить фон выбранным цветом:
«Редактирование» - «Залить». Появляется диалоговое окно, в котором нужно подтвердить, что заливаемый цвет – цвет переднего плана.

Фон залит.

Часть №3. Поворот изображения.

Активируем Слой 1 «Лицо». Выделяем инструментом «Выделение» (пунктирный квадратик слева) участок, который хотим повернуть. Далее «Редактирование»-«Трансформация» - «Поворот»:


И поворачиваем изображение под нужным нам углом, еще раз обрезаем и получаем:


Часть №4. Использование градиента для фона.

Фон можно наложить градиентом (переходом из одного цвета в другой). Нажмите на кнопку «градиент» левой панели:


Вверху активизируется панель, относящаяся к «Градиенту», где схематично отображено по какому принципу цвет переходит один в другой. Цвет можно пометь в палитре (два квадратика). Цвет меняется от цвета верхнего квадратика к цвету нижнего квадратика. В нашем случае от красного к белому.

Щелкнете в угол фотографии и тяните направляющую градиента. Получается следующий эффект:


Часть №5. Использование какой-либо картинки для фона.

Открываем картинку, которую будем использовать для фона. В нашем случае это картинка «Облака». Копируем её:
«Выделение» - «Всё» - «Редактирование» - «Копировать».


Открываем нашу фотографию с аватарой. Активируем слой «Фон» и вставляем картинку из облаков: «Редактирование» - «Вставить». В зависимости от размеров исходных файлов, картинки могут по-разному соотноситься в масштабе: что-то вылезти за пределы основной фотографии или наоборот. В нашем случае «Облака» шире по горизонтали и уже по вертикали:


[i]* Обратите внимание на порядок расположения слоёв. Если облака закрыли основную картинку, это значит, что облака вставлены не между слоем «фон» и «лицо» (Слой 1), а поверх Слоя 1. Ничего страшного! Просто перетащите мышкой Слой 2 («Облака») в правой панели «Слои» и поставьте между Слоем 1 и Фоновым слоем.


Нам нужно картинку «Облака» сделать по размеру такой же, как и основная фотография: активный слой 2 («Облака») «Редактирование» - «Трансформация» - «Масштаб». Углы картинки с облаками теперь выделены и их можно совместить с углами основной фотографии:


Теперь лицо девушки расположено на фоне облаков.

Часть №6. Стилизация фотографии.

Активируем «Слой 1» (Лицо). Операция «Фильтр» - «Filter Галерея…»


Появляется меню фильтров. Выбираем фильтр:


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

Часть №7. Изменение цвета.

Способ 7.a

Допустим Вам захотелось изменить цвет облаков. Как это сделать? Активируем Слой 2 (Облака).
Операция: «Изображение» - «Регулировки» - «Оттенок/Насыщение…»

Появляется меню «Тон/Насыщенность». В этом меню можно менять при помощи ползунков все цвета одновременно, если напротив «редактирование» выбрано «мастер». Или какую-то часть спектра по отдельности (Желтые, красные, голубые и т.д. тона), соответственно, выбирая их.


В нашем случае мы меняем голубые тона на фиолетовые:


Способ 7.b

Теперь нужно поменять цвет шапочки, чтобы она тоже отливала фиолетово-розовым цветом.
Активируем Слой 1 («Лицо»). Операция «Изображение» - «Регулировка» - «Замена цвета».
Появляется меню «Заменить цвет». Щёлкаем пипеткой по шапочке. Изменяемая площадь высвечивается в предпросмотре белым пятном. Если её надо увеличить, то сдвиньте ползунок «Разброс» вправо.
В поле «Замена» при помощи ползунков измените цвет на желаемый.


На шапочке и на лице появились оттенки розово-фиолетового цвета.

Повернём и обрежем изображение.


Картинка готова.

Только когда Вы окончательно удовлетворены результатом, соедините (слейте) слои, т.е. сделайте из нескольких слоёв один: «Слой» - «Слить видимые».

Сожмите изображение, до требуемых размеров.
 
04 08 2010, 16:27 URL сообщения
Портос
Активный участник
Сообщения: 5214
Темы: 65
Откуда: Замок Пьерфон.
Профиль ЛС

Карма: +260/–62

Спасибо, конечно, но слишком мал размер разрешённых аватар.
 
04 08 2010, 18:09 URL сообщения
mimoidu
Модератор Рюмки
Сообщения: 7880
Темы: 24

Профиль ЛС
www

Карма: +417/–17

Портос, выбери картинку любого размера,
мне не сложно сделать для тебя аватарку



без навыков фотошопа проще обрабатыватать через радикал
загружаешь готовую картинку, выставляешь параметры:
" Уменьшить до 80 пикселей"
и всёх делов Ангел
 
04 08 2010, 22:11 URL сообщения
ARK
Активный участник
Сообщения: 8975
Темы: 12
Откуда: Севастополь
Профиль ЛС

Карма: +525/–9

mimoidu, кстати, а как радикал у тебя работает? Как только я пытаюсь загрузить фото, выскакивает что то такое "закрыт удалённый сервер" и ку ку.
 
04 08 2010, 22:59 URL сообщения
Портос
Активный участник
Сообщения: 5214
Темы: 65
Откуда: Замок Пьерфон.
Профиль ЛС

Карма: +260/–62

mimoidu, Я о том и говорю, что 80 пикселей маловато будет.
Впрочем, слетит бан у блюза - вернусь под тем ником, а там аватара хорошая. Прекрасно
Я бы своё фото мог использовать, да не фотографируюсь много лет уже. Ангел
 
04 08 2010, 23:59 URL сообщения
mimoidu
Модератор Рюмки
Сообщения: 7880
Темы: 24

Профиль ЛС
www

Карма: +417/–17

Портос, т.е. громадина твоей Личности в 80 пикселей авы не вмещается Очень доволен
а сколько тебе нужно? 100? 150? 200? или больше?

идея ава-фото очень даже ничего Отлично
тут же имеешь какое то представление с кем общаешься


ARK, нормально радикал работает, мовчкы, швыдко та якисно Ангел
а у тебя какой браузер? может стоит сменить?
у меня с Оперой проблем практически не бывает
 
06 08 2010, 11:03 URL сообщения
Портос
Активный участник
Сообщения: 5214
Темы: 65
Откуда: Замок Пьерфон.
Профиль ЛС

Карма: +260/–62

mimoidu, Дело не в громадине личности. Тут некоторые использовали свои фото для аватар - очень размыто, примерно как на фото от мобилы с камерой 1,3 Мп.
К примеру, очень хороши анимированные аватары, но сюда их не впихнёшь.
Была бы возможность хотя бы для 25 кВ - уже форум бы выглядел по-живее.
 
06 08 2010, 13:10 URL сообщения
mimoidu
Модератор Рюмки
Сообщения: 7880
Темы: 24

Профиль ЛС
www

Карма: +417/–17

Портос, наверняка форум станет более красочным, да Очень доволен

обрати внимание, вес каждой аватарки сейчас - не более 7 кВ
25- 7 = 18х 15 (ко-во постов на стр) = каждая страница станет увесистей на ~270 кВ
(минус энное кол-во безаватарных ников)
а теперь посчитай весь многотысячстраничный форум... стоит ли?
 
06 08 2010, 13:36 URL сообщения
_ufo_
Активный участник
Сообщения: 27232
Темы: 26
Откуда: атавсюда
Профиль ЛС
e-mail

Карма: +797/–99

А вот про весь форум думать и не надо - в базе данных хранится всего лишь ссылка на аватару из нескольких байт и от размера аватары размер этой ссылки не зависит, ну если конечно не ключница сайт конфигурила. Насмешил
 
06 08 2010, 15:14 URL сообщения
БукОвки
Активный участник
Сообщения: 1996
Темы: 58

Профиль ЛС
e-mail

Карма: +157/–15

Портос,
Цитата:
Спасибо, конечно, но слишком мал размер разрешённых аватар.

Да! Но даже в этом малом размере есть место для творчества. Мне вот нравится делать аватарки самой Прекрасно

mimoidu,
Цитата:
без навыков фотошопа проще обрабатыватать через радикал
загружаешь готовую картинку, выставляешь параметры:
" Уменьшить до 80 пикселей"
и всёх делов Ангел

Точно! Но там не всегда уменьшается до нужного объема. Я вообще программ, которые уменьшают точно до нужного объема кроме Photoshop не встречала. А ты? Может посоветуешь какую-нибудь несложную альтернативу Photoshop? Можно будет тогда ввести в инструкцию.
 
09 08 2010, 21:52 URL сообщения
Портос
Активный участник
Сообщения: 5214
Темы: 65
Откуда: Замок Пьерфон.
Профиль ЛС

Карма: +260/–62

БукОвки, Девушки, насколько я знаю, к каждому цифровому фотоаппарату прилагается при покупке загрузочный фирменный диск с программой для редактирования фотографий. К примеру, у LUMIX. Эти программы ничем не хуже фотошопа в плане элементарной обработки.
Более того, у Винды в Paint.NET есть такая возможность. Прекрасно
 
09 08 2010, 23:58 URL сообщения
_ufo_
Активный участник
Сообщения: 27232
Темы: 26
Откуда: атавсюда
Профиль ЛС
e-mail

Карма: +797/–99

В составе стандартного оффиса есть пункт Microsoft Office Tools, где отыскиваем Microsoft Office Picture Manager. Сжатие картики с приличным качествм секундное дело. Прекрасно
 
10 08 2010, 11:29 URL сообщения
БукОвки
Активный участник
Сообщения: 1996
Темы: 58

Профиль ЛС
e-mail

Карма: +157/–15

_ufo_, да, в инструкции есть как сжимать в Microsoft Office Picture Manager. Но там такая же "проблема", что и во многих других программах: никогда не знаешь какой объем получается после сжатия. Приходится перероверять значения и заново проводить сжатие, если желаемый результат не достигнут.
 
10 08 2010, 16:52 URL сообщения
_ufo_
Активный участник
Сообщения: 27232
Темы: 26
Откуда: атавсюда
Профиль ЛС
e-mail

Карма: +797/–99

Ой, да два три раза сожмёшь и результат достигнут. Неужели для этого буду изучать инструкцию на дцать страниц? Нечастое ведь это дело. Нуууу.... не знаю....
 
11 08 2010, 16:23 URL сообщения
БукОвки
Активный участник
Сообщения: 1996
Темы: 58

Профиль ЛС
e-mail

Карма: +157/–15

_ufo_, да ну что ты! в Photoshop всего одно диалоговое окно, где изменяется размер и объем одновременно с предсказуемым результатом: потом переделывать не надо. И там нет дцать страниц для изучения Прекрасно
 
11 08 2010, 17:14 URL сообщения
 

Перейти:  


Вы не мoжeте начинать темы
Вы не мoжeте отвечать на сообщения
Вы не мoжeте редактировать свои сообщения
Вы не мoжeте удалять свои сообщения
Вы не мoжeте голосовать в опросах



Движется на чудо-технике по сей день
Соблюдайте тишину и покой :)

 

 


Лотос Давайте обсуждать и договариваться 1999-2024
Сайт Лотоса. Системы Развития Человека. Современная Эзотерика.
И вот мы здесь :)
| Правообладателям | О проекте