Все о фотошопе

Все для фотошоп - видео уроки, плагины, PSD шаблоны, рамки, клипАрты - все бесплатно!

В закладки | Написать администрации



Скачивай без регистрации, обсуждай, добавляй свое

Навигация

    - Новости
    - Правила сайта
    - О проекте
    - Faq

PS Материалы

    - Картинки
    - Обои
    - Кисти
    - Макросы
    - Стили
    - Формы
    - Текстуры
    - Плагины
    - Рамки
    - PSD
    - Иконки
    - Шрифты
    - Патерны
    - Клипарты
    - Аватары

Программы

    - Графика
    - 3Dmax
    - Mac OS X
    - Разное

Уроки и книги

    - Видео уроки
    - Photoshop CS2
    - Photoshop CS3
    - 3DS MAX
    - Учебники

Шаблоны

    - Joomla
    - TemplateMonster
    - BoxedArt
    - DataLifeEngine
    - WordPress
    - Другие

3D материалы

    - 3D материалы





Уроки, Photoshop CS2, Photoshop CS3: Уроки по Photoshop от автора: Делаем аватарку для блога, форума [Exclusive]
Опубликовал: WeLcOmE tO My LiFe   Теги: ---   

Делаем аватарку Делаем аватарку Делаем аватарку
alt alt alt

 

Уверен, что у многих возникала нужда в создании собственной аватарки, к примеру для форума и в случаях с блогами, для граватар. Но не у всех имеется должный опыт и знания, что это сделать. Кого-то просто останавливают сложности или еще какие-нибудь причины. Уверяю вас, это совсем просто. При должной сноровке, можно делать себе по новой аватарке хоть каждый день. Ранее я уже писал как сделать аватарку для вконтакте. И даже делал подборку аватар для вконтакте. И в данном уроке, я покажу как это сделать для форумов и блогов. И так, приступим…

Для начала через меню “FILE” создадим новый документ.

alt

Выставляем название документа, и размеры будущей аватарки.
А именно нам нужно 100 пикселей по ширине и по высоте.

alt

В конечном итоге мы получаем поле размерами 100 на 100 grc

alt

В качестве будущей аватарки берем к примеру фотографию льва.
Сделанную в моей недавней поездки в Питер. Для примера пойдет.

alt

Выбрав инструмент “выделение” это у нас кнопка “М” Выделим нужный нам фрагмент имеющейся фотографии. Мы с вами возьмем голову и часть тела.

alt

Далее воспользуемся комбинацией ctr+с и скопируем выбранный нами фрагмент в буфер обмена. Откроем наш новый документ и вставим комбинацией ctr+v.

alt

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

alt

Для того чтобы подогнать наше изображение под размеры заготовки, опять воспользуемся кнопочкой “М” то бишь включим режим выделения (или как он там…), затем кликнем правой кнопкой мыши на изображении со львом, предварительно убедившись, что выбран нужный нам слой. В появившимся контекстном меню, выбираем “Free TransformСвободное трансформирование”.
alt

Подгоняем под нужные нам размеры. Для этого нам нужно лишь сдвигать границы у появившейся рамки вокруг нашего изображения. После того как изображение подогнано жмем на клавишу Enter.

alt

Думаю, будет не лишним, немного прибавить яркости нашему изображению.
Для этого, войдем в кладку “IMAGES” …

alt

Выбираем вкладку “ADJUSTMENTS” и в ней “CURVES” или просто нажмем комбнацию ctr+m

alt

В появившемся окне, поиграем с кривой, до получения результата, который нас устроит. Затем просто нажимаем “ок” и следуем далее.

alt

Сейчас нам нужно удалить все лишнее. В данном случае это фон. Идеально для этих целей нам подойдет ластик (клавиша Е).

alt

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

alt

Проверяем, все ли удалили ?! Должен быть чистый фон вокруг нашего льва.

alt

Вы заметили ? После всех наших изменений размеров и п.р, наше изображение потеряло четкость. Давайте это поправим. Для этого через панель “FILTERS” …

alt

Затем во вкладку “SHARPEN” и в контекстном меню выбираем “SHARPEN”.

alt

Изображение стало чуть-чуть резче. Нам так и нужно.

Теперь, включим для редактирования нижний слой.
Для этого в панели слове просто кликнем на него.

alt

Включим инструмент “Заливка” или нажмем клавишу G

alt

Зальем нижний слой, серым цветом. Для большей контрастности со львом.

alt

Снова переключимся на слой с изображением льва. Активируем кисть, буква Е. И снова постираем все то, что мы упустили в процессе первого стирания фона.

alt

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

alt

Разнообразим чуть-чуть наш фон. Зайдем в “FILTERS” и выберем вкладку “NOISE” и в контекстном меню “ADD NOISE”.

alt

Поиграем с настройками шума в появившемся окне.
Опытным путем выведено, что оптимально значение “6″.

alt

Фон стал зернистым…

alt

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

alt

После того как закончили с затемнением краев, два раза кликнем в панели слоев на редактиремом слое. Старайтесь не попасть на его название =)

Должно появиться следущее окно, со свойствами данного слоя.

alt

Нам нужен раздел “ОТБРОСИТЬ ТЕНИDROP SHADOWS”.
Чтобы не вдаваться в лишние объяснения, воспользуйтесь теми значениями которые на скриншоте ниже. Это наиболее оптимальный вариант. Выставив параметры, жмем “ок”.

alt

У некоторых из вас могут появиться тени по краям. Это от того, что тень отбросили те элементы которые остались за видимой частью. Они вполне могли не стереться. когда мы чистили изображение от фона. Но мы с вами это быстренько исправимся. Включаем инструмент выделения “М” и выделяем не видимую часть. Затем просто стираем через кнопку “BACKSPACE” (это такая длинная кнопка над ентером).

alt

Теперь нам нужна рамка вокруг нашей аватарки. Следует создать новый пустой слой над слоем со львом. Нажмем комбинацию клавиш “shift+ctr+n” или кликнем на пиктограмму нового слоя в панели слоев. Рекомендую первый вариант.

alt

Включаем инструмент “заливка” (клавиша G).

alt

Выбираем в панели цветов “белый” и заливаем наш пустой слой.

alt

Залили ? Ок ! А теперь снова воспользуемся инструментом “выделение” и выделим часть которая закрывает от нас нашего льва. И кнопочкой “BACKSPACE” удалим ее.

alt

Должно получиться что-то вроде этого…

alt

Добавим мелочь, а именно надпись на аватарку.
Включим инструмент “текст” это у нас кнопка “Т”.

alt

Сверху должна появиться панель свойств для этого инструмента.
Выберем шрифт и установим его размер. К примеру MS Sans serif 12 pt
Затем кликаем на изображении в том месте где мы хотим добавить текст.
И пишем ну пусть будет “Lion”. Для примера сойдет.

alt

Должно выйти вроде этого…

alt

И снова в который раз включаем инструмент выделение.

alt

Кликаем на тексте и в контекстном меню выбираем “Free TransformСвободное трансформирование”.

alt

Помещаем курсор мыши у любого угла появившейся рамки. И зажав левую кнопку мыши вращаем текст. Пока он не станет как на скриношоте ниже.

alt

Все. Наш пример создания аватарки практически готов. Осталось его лишь сохранить в любом удобном нам формате. Будь то GIF или PNG ну или в JPEG это уж кому как удобно.

Данный урок показывает лишь основные действия. Но используя этот пример, можно создавать очень красивые аватары. Как себе так и знакомым. Достаточно делать вариации на разных этапах урока. Если в ходе у вас возникают вопросы, не стесняемся и задаем их.

 

Удачи при создании аватарок !!!


Источник и вечный партнер: http://blog.mons.ws/?p=387#more-387


Похожие новости:


Раздел: Уроки, Photoshop CS2, Photoshop CS3 | ноя 28 | Просмотров: 10253
#1 написал: Lola
дек 1 | ICQ: -- |



Группа: Гости
Регистрация: --

Позитивно

продуктивно......

   
#2 написал: TaemP
апр 1 | ICQ: -- |



Группа: Гости
Регистрация: --
Спасибо за хороший урок good если вы 4итаете этот комент зни4ит вы сделали еще одного user`a с4астливым!
   

Авторизация

  
 
  

Регистрация | Забыли пароль?



загрузка...


Наши партнеры

 


Статистика

Rambler's Top100


загрузка...
На нашем сайте представлены лучшие ресурсы в помощь дизайнерам и специалистам, которые профессионально занимаются рекламой и продвижением товаров, услуг, созданием графических объектов. Уроки и обучающие материалы любого уровня – для специалистов и тех, кто только начал изучение загадочного мира рекламы, и ищет способы воздействия на аудиторию, свой индивидуальный стиль. Динамика современного мира заставляет нас держать руку на пульсе модных тенденций современного искусства рекламы и дизайна. Наш сайт был создан в 2007 году, и обширная коллекция обучающих и демонстрационных видеоматериалов постоянно пополняется новыми ресурсами. Обучающие программы по работе с 3D – изображениями, различные версии программ Photoshop, инструменты работы в CorelDraw и многая другая полезная информация – иконки, коллекция разнообразных шрифтов, клипарты и паттерны, материалы для работы с анимацией, Вы можете бесплатно скачать на нашем сайте. Уроки любой степени сложности помогут вам освоить новейшие дизайнерские тенденции, а представленные шаблоны – воплотить в жизнь самые смелые, креативные идеи. Вы расширите рамки обыденности, почерпнете новые, эксклюзивные идеи для развития своего личностного и творческого потенциала! Мы работаем для Вас, чтобы сделать Ваш мир ярче, а профессиональные качества совершенными.
Главная  |  Правила сайта  |  Контакты администрации  |  RSS канал  |  Статистика      Copyright © 2007-2010г. Design.Ru-Deluxe.Ru