[Уроки Adobe Photoshop ]

22:43
Тайны Photoshop

Тайны Photoshop

Каталог статей

Как сделать аватар в фотошопе.Технология создания аватары своими руками

Ну не буду рассматривать все омонимы слова "аватар" - зря байты только переводить. Речь у нас пойдёт о тех аватарах, которые Вы обычно видете на форумах. Это такие картинки, на которые только глянешь, и уже складывается первоначальное мнение о собеседнике. И не важно, что первое мнение бывает ошибочным, оно никогда при этом не теряет своей важности.
Для примера сравните эти три аватары, они красноречивее любых слов:
Тайны PhotoshopТайны PhotoshopТайны Photoshop Теперь, что касается их альтернативного использования, т.е. не только на форумах. Да практически везде где используется графика: в аське qip, в создании баннеров (например, свои баннеры я делал на основе своих же аватар), в украшении дизайна, даже в виде фона на веб-страницах. Тут уж у кого на что фантазии хватит.

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

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

Ещё нам может пригодиться следующие проги: Виндосовский Пайнт (Paint), любой Винамп (если любите слушать музыку на работе), ну и что-нибудь под рукой - покушать (а то если вдохновение попрёт, то даже с сильным голодом до холодильника идти будет влом).

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

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

Использовать обои. Обои это Ваш фон на рабочем столе, и в сети их изрядное количество. Любой поисковик выдаст Вам кучу сайтов с обоями. Но на абсолютную уникальность здесь не рассчитывайте, так как это самый простой способ. Аватара конечно хоть и будет уникальной, а вот исходник - нет.

Скриншоты из игр, фильмов и мультиков. Способ довольно хороший, т.к. не у каждого хватит ума сделать скриншот именно такого же момента, как и Ваш. Делается это так:
1) запускаем скажем мультик,
2) смотрим, пока не найдём что-нибудь интересное,
3) Жмём паузу,
4) Жмём Ctrl+Prt Screen - т.е. делаем скриншот, эта кнопочка недалеко от backspace,
5) Открываем Пайнт, выбираем кнопку выделения, жмём правой кнопкой на белом начальном фоне рисунка и выбираем "вставить",
6) Выбираем сохранить как. с расширением jpg. И у нас в руках уже готовая обоя.

Использовать готовую аватару для изменения. Ситуация примерно та же, что и с обоями, но возиться придётся меньше.

Чтобы было удобней, я разбил обучение каждого шага на отдельные подтемы.

Будем исходить из того, что в фотошопе Вы почти полный ноль.
Мы подошли к этому этапу с тем, что у нас уже должны быть две картинки. Почему две? А мы сразу будем делать анимированную аватару, если научитесь делать анимированную, то без анимации тем более. Вот эти две подопытные картинки:
Тайны PhotoshopТайны Photoshop А анимацию мы будем делать из этих двух лап. То есть лапа без когтей превращается в когтистую лапу. Этот пример - идеальный вариант при использовании скриншотов из фильмов и мультиков. То есть субъект, который мы будем обрабатывать находится примерно в том же месте, что и в предыдущем кадре.

А теперь нам понадобится приложение фотошопа "Image Ready". Запускаем его. Создадим папку с именем 1 на рабочем столе. Скопируем в эту папку наши картинки. Теперь в программе выбираем File = Import = Folder as Frames = Папку 1 на рабочем столе.

Можете посмотреть нулевую анимацию, нажав на кнопку плэй внизу. Будет частое мигание кадров (фреймов). Жмите стоп, приступаем к работе.
Так как мы хотим сделать аватару только нашей лапы, а не всего фона, то нам надо избавиться от всего лишнего: выделяем с помощью квадратного выделения (зажав Shift) серый квадрат на одном из фреймов.
Далее выбираем Image = Crop (Кадрировать) - Мы избавились от фона! (низкое качество изображений для экономии трафика)
Тайны Photoshop Теперь мы хотим избавиться и от серого окружения наших лап. Выбираем "Магический" ластик и делаем активным первый кадр (смотрите на рисунки), потом жмём ластиком на серый фон, серого фона теперь нет. Тоже самое со вторым фреймом. Не забудьте его сделать активным.
Тайны PhotoshopТайны PhotoshopТайны Photoshop
Но нам нужен ведь не произвольный размер? Чтобы пропорционально изменить размеры всего аватара выбираем Image = Image Size = размеры например 64.
Теперь сделаем анимацию более плавной, выбираем внизу под кадрами секунды задержки (см. средний рисунок), скажем 0,5 секунды каждом фрейму. На плэй можно посмотреть результат. Для более качественной анимации в промежуток между ними можно напихать ещё кадров (я так больше люблю) или сделать анимацию автоматом на кнопку Тайны Photoshop и жмём ОК, нам сделают 5 внутренних кадров - переходов, даём им каждому время по 0,2 секунды и любуемся, нажав на плэй.

А красивостями можно заниматься как до пункта 4.1, так и после. Технической стороны я здесь раскрывать не буду, так как займёт очень много времени, но зато приведу примеры улучшений: можно добавлять надписи, надмиси могут меняться с каждым кадром, могут менятся также и цвета предметов, можно искажать и подриосвывать и т.д.

Остался важный пункт - сохранение. Не надо его недооценивать, с помощью правильного сохранения можно сэкономить в 10 раз! А качество останется тем же.
Начинаем. Выберите закладку над изображением аватары Optimized. Так реально будет выглядеть Ваша аватара после сохранения, внизу видно, сколько она будет весить. Вам надо уменшать её размеры и количество цветов до тех пор, пока не достигните приемлимого веса. Цвета меняются справа в Color Table. Подогнав к нужному результату выбирайте Save Optimized as. и АВАТАРА ГОТОВА.

Хорошо делать свои уникальные аватары, но плохо присваивать чужое авторство. Если Вы немного изменили аватару - в этом ничего плохого нет, но её автором при этом Вы не стали. Не очень хорошо брать чужую аватару с форума и использовать тут же, на этом же форуме. Не хорошо прописывать в аватарах маты - Вас это не украсит, но оттолкнуть может. До остального додумаетесь сами :).

 

Тайны Photoshop

Каталог статей

Урок -Рисуем современный шаблон для сайта

В этом уроке Вы научитесь рисовать в Adobe Photoshop шаблон для сайта в современном стиле. Для тех, кто еще не пробовал себя в качестве вэб-дизайнера, советую попробовать, занятие увлекательное. Урок довольно длинный, 94 скриншота, во всех подробностях, надеюсь не зря старалась. Те, кто только вчера открыл фотошоп, думаю будет немного сложновато, но попробовать стоит, может я ошибаюсь :) На самом деле ничего сложного нет, главное не упустить ничего.
1. Создаем новый документ ( FileNew ), я создала 1024х768px. Заливаем холст цветом #131313 .

Тайны Photoshop

2. Берем иснтрумент Ellipse Tool (U) и делаем вот такой эллипс как показано на скриншоте, в "шапке" будущего шаблона, цвет - белый:

3. Выставляем параметры слоя. Это можно сделать несколькими способами: Layer Layer style Blending options или делаем двойной клик по слою на палитре слоев. В дальнейшем я не буду расписывать как это можно сделать, а просто буду называть какие именно стили и параметры применять к слою.

Blending OptionsOuter Glow

4. Используем тот же инструмент для создания вот такого изогнутого эллипса:

Рисуете эллипс, затем берете инструмент Direct Selection Tool (A) и хватаясь за узлы меняете форму, можете также использовать направляющие, небольшие линии, исходящие из узлов, они являются касающими к кривой, надеюсь геметрию еще помним. ) С их помощью можно лего менять кривизну линий.

И выставляем параметры слоя:

Blending OptionsInner Glow

Blending OptionsGradient Overlay


6. Теперь создадим узор из полосатых линий для шаблона. Для этого создадим новый документ 20х20px с прозрачным фоном. Возьмем инструмент Rectangle Tool (U). выберем белый цвет и сделаем высокий прямоугольник - это будет диагональной полоской, но пока она вертикальная. Ширину определите на глаз, где-то чуть уже, чем половина созданного документа. Теперь трансформируем его, жмем Ctrl+T и вверху в апаремтрах выберите угол наклона в 45 о. Затем в полях координат задайте значения XY:0;0, XY:0.20; XY: 20;20 - это позволит иметь точные косые линие, которые сольются в текстуру, а не будут обрывками, если делать все на глаз. Вот так это должно выглядеть:


Готовый узор (pattern):

Определим его теперь и для фотошопа как Узор (Pattern), идем Edit Define Pattern.

7. Создайте новый слой, используйте инструмент Rectangle Tool (U) и сделайте такой вот прямоугольник, который будет являться частью фона:

Выставьте такие параметры к солю:

Blending OptionsGradient Overlay

 

The mystery of the Dark Forest / Тайна заброшенного леса - Speedart Photoshop CS6 by BATKYA

Photoshop CC Тайна архивной кисти

Интересные записи

Категория: Халява | Просмотров: 402 | Добавил: KateloK | Теги: photoshop | Рейтинг: 0.0/0
Всего комментариев: 0
avatar