Счетчик посещений!

Форум "Каравелла Пандора"

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Форум "Каравелла Пандора" » Про Photoshop ( Уроки ) » Как нарисовать графник


Как нарисовать графник

Сообщений 1 страница 7 из 7

1

Графическое оформление ника не только буквы и картинка, это еще и способ выделиться.
Часто бывает, что граф. дизайнер не может нарисовать графник именно таким, какой хочется именно Вам.
Но  ведь можно нарисовать самому то, что нравится, не прибегая к помощи постороннего человека.
А научиться рисовать простенький графический ник совсем не сложно, главное желание.

http://s7.uploads.ru/t/jryl4.jpg

0

2

С чего начать... Конечно же с начала!
Открываем фотошоп ( у меня Adobe Photoshop CS5 )
Создаем новый файл : Файл - Создать и выставляем размеры и параметры нужные для графника, я взяла к примеру 140*50
http://s7.uploads.ru/t/7uFBW.png

Получаем вот такой вот прямоугольник без фона
http://s7.uploads.ru/t/ieRHu.png

Создаем новый слой, и с помощью инструмента Заливка заливаем черным цветом этот новый слой
http://s6.uploads.ru/t/UQy5Z.png

При нажатии инструмента Текст настраиваем шрифт, цвет и размер... Вводим нужный нам ник
http://s6.uploads.ru/t/Qz4q7.png
 
Я выбрала цвет 09dcfb, в дальнейшем я этот цвет планирую использовать и в кистях
http://s6.uploads.ru/t/j9L1b.png

Кисти я скачала из интеренета, называются они tribal-brushes-4, Вы можете взять любые другие кисти, какие только захочется ;-)
http://s6.uploads.ru/t/Fhfxg.png

Подобрав размер кисти, получается такая вот картинка
http://s7.uploads.ru/t/Snp7m.png

Чтобы создать видимость  текстовому слою, и чтоб он не сливался с рисунком кисти, в Стилях слоя я  использую обводку толщиной 1-2 px черного цвета и тень, а на слое с кистью-  тиснение
http://s7.uploads.ru/t/wA8ym.png
http://s6.uploads.ru/t/KN7qo.png

С помощью инструмента Ластик стираем ненужный рисунок на слое с кистью
http://s6.uploads.ru/t/vCX2c.png
http://s6.uploads.ru/t/OGrEm.png

Затем создаем копию слоя с текстом
http://s6.uploads.ru/t/294eK.png

.. далее Редактирование-Трансформирование - Отразить по вертикали
http://s6.uploads.ru/t/JGlE5.png

В Стили слоя  настраиваем Параметры Наложения непрозрачностью 35% ( эти параметры можно свободно регулировать по своему усмотрению)
http://s7.uploads.ru/t/mTNeO.png

Так же во вкладке Стиль слоя на слой с отражением накладываем градиент, с одной стороны он прозрачный (виден исходный цвет), с другой стороны он черный от слабопрозрачного до непрозрачного в 100%
http://s7.uploads.ru/t/moQE1.png

Видим готовый графник без анимации! Быстро, не сложно)
Если же нужна анимация, то следующий шаг  "сохранение " нужно пропустить.
Анимацию сделаем в следующем уроке.
_________
Для того, чтоб правильно сохранить, нужно убрать ненужную пустоту в нашем графнике.
Для этого, убираем глазок видимости со слоя с фоном
http://s7.uploads.ru/t/ozmZI.png

Затем, Изображение - Тримминг
http://s7.uploads.ru/t/NoHxK.png

Далее:
http://s7.uploads.ru/t/aiwPY.png
http://s7.uploads.ru/t/bWtwf.png

Готовый граф. ник:
http://s6.uploads.ru/t/cQPrT.png
http://s6.uploads.ru/t/3YLMD.png

0

3

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

0

4

http://s7.uploads.ru/t/Jg8uj.gif

0

5

Далее, я покажу как сделать анимацию "шум" на  графнике
Открываем уже  нарисованный наш графник
http://s7.uploads.ru/t/zX7er.png

Копируем слой с кистью два раза , у нас получается три слоя, на которые мы будем накладывать Шум
http://s7.uploads.ru/t/pvta0.png

Инструмент Ласссо, выделяем те части рисунка, на которые нам нужно наложить анимацию. Удерживая клавишу shift и нажимая Лассо одновременно, можно выделить  сразу несколько фрагментов
http://s6.uploads.ru/t/f0dAz.png

http://s6.uploads.ru/t/1NVaD.png

Далее Фильтр - Шум - Добавить шум
http://s6.uploads.ru/t/7GJxr.png
Настраиваем как показано
http://s7.uploads.ru/t/BNeXh.png

Не убирая выделения Лассо проделываем комбинацию с шумом на оставшихся двух слоях поочередно, немного изменяя процент эффекта
http://s7.uploads.ru/t/KqQzn.png

http://s7.uploads.ru/t/CT3pi.png

Окно - Анимация ставим галочку и внизу на панели Анимация ( покадровая ) Копируем кадрик еще пару раз...

http://s7.uploads.ru/t/yUx7G.png

Затем, распределяем видимость слоёв на  кадрах поочередно ставя глазки так...
http://s6.uploads.ru/t/WB5gZ.png

И на каждом кадре устанавливаем время, кликнув на треугольничек расположенный в нижнем правом углу каждого кадра
http://s6.uploads.ru/t/PK51H.png
http://s6.uploads.ru/t/dIu6a.png

Сохраняем
http://s6.uploads.ru/t/k6yEr.png

Вот что получилось:
http://s7.uploads.ru/t/MQNwb.gif
http://s7.uploads.ru/t/vwlWK.gif

Подобный эффект можно  применить  как на  тексте, так и на любой части картинки.

0

6

http://s7.uploads.ru/t/sCWMA.gif

0

7

УникальнаЯ
Приветик!!!  Если помнишь такого. Феликс. У меня есть второй чат который успешно развивается. И есть свободная должность графиста. Не откажешь мне занять её. С Уважением Феликс.

Я тебя очень жду.....

0


Вы здесь » Форум "Каравелла Пандора" » Про Photoshop ( Уроки ) » Как нарисовать графник