Делимся ссылочками на полезные ресурсы по фотошопу

M@ks — Mon, 14 Sep 2009 02:55:01 GMT

Форум: Photoshop
Описание темы: только ссылки
Автор темы: M@ks
Автор последнего сообщения: AdReNaL1Ne
Количество ответов: 5

Анимация в фотошоп

M@ks — Sat, 06 Jun 2009 04:21:52 GMT

« Анимация в PhotoShop, создание аватара »

Урок по анимации в фотошопе (PhotoShop). Создание анимированного аватара. Изображение фигур в перспективе...

Сегодня перед вам такой вот комбинированный урок: в нём вы научитесь создавать анимацию в фотошопе, изображать фигуры в перспективе, ну и делать аватары :)

Надеюсь, что никаких трудностей данный урок у вас не вызовет. Вот, собственно, и всё предисловие...

Анимированный аватар в PhotoShop (фотошоп)

1. Создаём новое изображение размером, примерно, 450x450 px (с изображением такого размера легче работать) и заливаем серым цветом (#969696):

2. Выбираем Ellipse Tool и рисуем эллипс белого цвета:

3. Растрируем слой с эллипсом (для этого на панели слоёв Layers кликните по изображению слоя правой клавишей мыши и в появившемся меню выберите пункт Rasterize Layer).

После этого размойте изображение, применив следующий фильтр: Filter —> Blur —> Gaussian Blur с такими настройками:

Вот что должно получиться:

4. Теперь создайте новый слой и вставьте туда какой-нибудь логотип, букву, фигуру или ещё что-нибудь (если это буква или фигурка (Shape), то её нужно будет растрировать таким же образом, как было сказано выше).

Изображение обязательно должно быть одноцветным, чёрного цвета:

5. Зайдите в Layer Style (для чего на панели слоёв Layers кликните правой клавишей мыши по изображению слоя и в появившемся меню выберите пункт Blending Options...) и перейдите на вкладку Outer Glow (внешнее свечение), выставьте там следующие параметры:

6. Теперь перейдём на вкладку Inner Glow и добавим внутреннее свечение:

7. Переходим на вкладку Stroke и добавляем обводку:

8. Раскрасим нашу фигуру, залив её градиентом. Для этого перейдём на вкладку Gradient Overlay и настроим параметры градиента следующим образом:

А вот так выглядит окошко с подробными настройками градиента (оно открывается по нажатию на полосу с градиентом):

Всё. Теперь кликаем везде Ok и получаем что-нибудь похожее на вот это:

9. Теперь, чтобы фигура казалась размещённой в пространстве, трансформируем её. Для этого в меню выберите пункт: Edit —> Transform —> Distort и трансформируйте фигуру следующим образом:

10. Нарисуем отражение фигуры.

Создайте копию слоя с логотипом (для этого просто переместите изображение слоя на иконку создания нового слоя, или кликните по изображению слоя правой клавишей и выберите пункт Duplicate Layer) и отразите её по вертикали (Edit —> Transform —> Flip Vertical):

11. Выберите произвольную трансформацию (Edit —> Free Transform) и разместите фигуру следующим образом:

12. Сожмите немного фигуру, чтобы отражение было более реальным:

13. Создайте из слоя с отражением смарт-объект (на панели слоёв Layers кликните правой клавишей на изображении слоя и выберите пункт Group into New Smart Object). Добавьте к нему маску. Для этого на панели слоёв нажмите кнопку Add layer mask...:

14. За тем выберите чёрно-белый (или т.н. чёрно-прозрачный) градиент и залейте им маску снизу вверх, немного под наклоном:

Вот что должно после этого получиться — довольно правдоподобное отражение:

15. Начнём создание тени.

Создайте копию слоя с логотипом и разместите её под слоем-оригиналом.

Отключите все эффекты слоя, чтобы фигура стала снова чёрной (для этого кликните правой клавишей на этом слое и выберите пункт Clear Layer Style).

С помощью трансформации (Edit —> Transform —> Distort) трансформируйте фигуру следующим образом:

16. Размойте изображение, применив фильтр Filter —> Blur —> Gaussian Blur:

Вот что должно произойти с тенью:

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

А вот что должно у вас получиться:

18. Теперь, чтобы приукрасить логотип, добавим к нему блик.

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

19. Теперь выбираем Elliptical Marquee Tool и, зажав Ctrl создаём выделение следующего вида:

20. Выделение должно вырезаться одно из другого. Теперь выбираем Paint Bucket Tool и заливаем выделение белым цветом:

21. Добавляем к слою маску и заливаем её снизу вверх чёрно-белым градиентом:

Вот что мы получим:

22. Теперь обрежим ненужную часть изображения. Для этого выберите Crop Tool, зажмите Shift (чтобы получить квадратное выделение, а не прямоугольное) и обрежите вот так:

23. Сейчас выделите всю картинку (Ctrl + A или в меню: Select —> All), скопируйте всё изображение в буфер обмена (Shift + Ctrl + C или в меню: Edit —> Copy Merged) и вставьте скопированное изображение (Ctrl + V или в меню: Edit —> Paste), разместив полученный слой выше всех слоёв. Уменьшите изображение до размеров 100x100 px:

Вот так оно выгладит в уменьшенном виде:

Pa6oTbI

ZUM3R — Mon, 16 Mar 2009 18:58:06 GMT

Форум: Photoshop
Описание темы: выкладываем ;)
Автор темы: ZUM3R
Автор последнего сообщения: Darkes
Количество ответов: 10

Как сделать отражение в PhotoShop

AdReNaL1Ne — Tue, 17 Feb 2009 12:29:53 GMT

То, что Вы давно хотели знать, но боялись спросить! Применяется в огромном количестве случаев! Основа веб 2.0 изображений! Вообщем, MUST KNOW!

Приблизительное время выполнения: 2 минуты

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

Скопируйте слой и отразите его по вертикали (Edit > Transform > Flip Vertically). Поместите отраженный слой под оригинальный.

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

Понизьте непрозрачность слоя до 35%

Теперь Layer > Add Layer Mask > Reveal All

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

Готово!

Оцените баннер

M@ks — Mon, 16 Feb 2009 10:47:33 GMT

Форум: Photoshop
Описание темы: первая наработка
Автор темы: M@ks
Автор последнего сообщения: ReVoLT
Количество ответов: 5

Конкурс

M@ks — Thu, 22 Jan 2009 17:02:01 GMT

Форум: Photoshop
Описание темы: Попробуй, СТАНЬ ПЕРВЫМ-ЗАРАБОТАЙ НОМЕРОК!!!!!!!!!!
Автор темы: M@ks
Автор последнего сообщения: M@ks
Количество ответов: 0

Прежде

M@ks — Thu, 22 Jan 2009 16:31:17 GMT

В этом разделе выкладываю уроки по Photoshop!!! Эта серия уроков будет посвящена анимации в фотошопе.
Буду стараться подбирать наиболее интересные и понятные уроки.
После каждого урока будет конкурс и возможность заработать номерок!!!!!

Внимание!!! Администрация сайта не претендует на аторство материалов, размещенных в этом разделе. Вся информация только для ознакомления. При использованни материалов просим не ссылаться на наш РЕСУРС!!!!!