Уроки по графам (art Pusiketka)

Уроки по графическим никам, и прочей мелочи от Дизайнера Pusiketka.
Создаем новый документ размером 130*130 пикс.
[изображение]

Теперь для удобства работы создадим направляющую - ориентир
В верхнем меню выбираем раздел ПРОСМОТР--->новая направляющая
[изображение]

в открывшемся окошке ставим параметры как я показываю
[изображение]

и получаем вот такую картинку
[изображение]

Теперь с поммощью инструмента ТЕКСТ создаем свой ник!
[изображение]

как и в предыдущих уроках выбираем параметры наложения и стилизируем ваш ник на ваше усмотрение...я это сделала так
[изображение]

и получаем что то такого вида....
[изображение]

Теперь нам необходимо создать новый слой под нашим текстом. как это сделать? показано на картинке
[изображение]

Теперь с помощью инструмента Пипетка подбираем цвет для нашей кисти (выбрав слева в меню инструментов ИНСТРУМЕНТ ПИПЕТКА нажимаем им на область нашего ника и получаем нужный цвет в палитре
[изображение]

Теперь выбираем инструмент КИСТЬ и в настройках данного инструмента загружаем нужные кисти! (как это делать я объясняла в теме о кистях) чтоб не мудрить особо я выбрала набор Цветочные завитки (для графических ников предназначенных для девушек такой вариант самый подходящий)
[изображение]

Теперь ставим кисть на наш слой, так чтобы она поместилась полностью
[изображение]

теперь выделив мышкой наш слой с отпечатком кисти жмем CTRL+T и с помощью мышки вращаем слой в нужном для нас направлении
[изображение]

и теперь выбрав инструмент Перемещение в открывшемся окне (выполнить трансформирование?) жмем ДА

Далее мышкой или стрелочками на вашей клавиатуре мы перемещаем данный слой за ваш ник и располагаем его так как вам нравиться! и получаем что то наподобии этого (все зависит от тогоо как вы расположите свой слой)
[изображение]

Теперь выбираем Инструмент ЛАСТИК (выставляем параметры как на картинке)
[изображение]

И затираем все ненужное в нашем слое..получаем...
[изображение]

Теперь для яркости поменяем цвет нашей кисти на другой цвет, который будет сочетаться с нашим ником, допустим на красный красный. И создав еще один слой теперь уже перед нашим слоем с кистью, но под нашим ником рисуем другой кистью снова рисунок[/size]
[изображение]

И снова жмем CTRL +T и снова трансформируем нашу кисть под наш ник!! и получаем
[изображение]

Снова убираем все лишнее ластиком и получаем
[изображение]

Многие спрашивали у меня про линию из точек, и как ее делать....показываю. Выбираем инструмент Линия и рисуем линию во всю длину нашего ника, толщина линии 1 пикс
[изображение]

Теперь жмем правой кнопкой мышки на наш слой с линией и выбираем растритовать!
[изображение]

И снова жмем правой кнопкой мышки на слой и выбираем параметры наложения!!!!!
[изображение]

Узоры для фотошопа вы можете найти в интернете (устанавливаются так же как и кисти!)

Теперь ненужной затираем ластиком!! и получим вот такое
[изображение]

Можно сделать несколько дубликатов данного слоя и переместить их сверху ника
[изображение]

Все зависит только от вашей фантазии!!


Теперь вам остается только убрать лишнее, т.е. сделать размер холста 130*39 пикс сместив в левый угол вверх и отключить слой и сохранить ваш граф ник!!!
[изображение]

Это лишь принцип работы с кистями!!!!!

Еще совет, если кисти на заднем фоне будут слишком яркими и ваш ник будет сливаться, ластиком с нажимом не более 10 и размером не более 9 подотрите четко за ником лишнее на слое с кистями!!!

Урок №2

Открываем фотошоп и создаем новый документ размером 170 на 70

[изображение]

далее делаем все как показано на картинках!

[изображение]

[изображение]

[изображение]

[изображение]

[изображение]

[изображение]

[изображение]

[изображение]

[изображение]

[изображение]

[изображение]

[изображение]

[изображение]

[изображение]

[изображение]

[изображение]

[изображение]

[изображение]

Урок № 3

Простой способ сделать маленький граф ник

Создаем новый слой размером 130 на 39 пикс
[изображение]

фон слоя либо изначально установите в самом фотошопе черным, либо после создания нового слоя залейте его черным цветом, либо если слой белого цвета нажмите ctrl+I

Далее пишем ваш ник с помощью инструмента ТЕКСТ (настраиваем его в панеле настройки инструмента текст)
[изображение]

Теперь жмем 2 раза CTLR+J и создаем 2 дубликата нашего ника
[изображение]

нам необходимо перенести данные два дубликата под наш ник! Как это сделать.. нажимаем мышкой на слой копию1 и нажав CTRL нажимаем на второй слой копию2 и теперьмышкой переносим их в окне СЛОИ под наш ник!!!!!!!

[изображение]

Теперь можно стилизировать наш ник!
Нажимаем правой кнопкой мышки в окошке СЛОИ на наш слой с ником и в отрывшемся меню выбираем параметры наложения
[изображение]

В открывшемся окошке выбираем параметры наложения! Я выбрала такие...
[изображение]
[изображение]

Теперь возвращаемся к нашим копиям! Выделяем копию1 и нажимаем в верхнем меню фильтры ---> размытие ----> размытие в движении
[изображение]

В появившемся окошке "растрировать слой" жмем "ДА"

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

[изображение]

Теперь проделываем тоже самое с копией2 только выставляем параметры так..
[изображение]

В окошке СЛОИ выделяем нашу копию1 и делаем видимость слоя 50%, тоже самое проделываем и с копией2
[изображение]

Теперь выделяем мышкой в окошке СЛОИ все наши слои кроме фона (по очереди нажимаем на каждый слой и при этом держим нажатой кнопку CTRL и стрелочкой влево на вашей клавиатуре двигаем слои влево так чтобы у нас край нашего слоя был у самого среза, вот так

[изображение]

в верхнем меню выбираем раздел Изображение ---> Размер холста
[изображение]

В открывшемся окошке выставляем параметры (методом тыка) У меня получились такие вот
[изображение]

Отключаем видимость нижнего слоя-фона (убираем глазик)
[изображение]

и теперь сохраняем
[изображение]
[изображение]
и получаем
[изображение] Учтите что ник будет на черном фоне чата по другому смотреться....

Спасибо за уроки) работа проделана большая с этим то количеством скринов) и даже я кое-какую деталь взял себе на ум :D
з.ы. хотелось бы только добавить немножко:
- линию точечную проще все таки добавить, используя Текстовый слой (просто вбиваем туда ..... и растрируем)
- выделение текста достичь, зажав Ctrl и кликнув по прямоугольнику слоя в списке слоев левой кнопкой мыши)
Еще бы, думаю, людей заинтересовал бы урок с использованием шумовой анимации или, например, моргания глаза :D

[Just.Exile]: линию точечную проще все таки добавить, используя Текстовый слой (просто вбиваем туда ..... и растрируем)

пунктирная линия обычно делается кистью и её настройкой. Кисть качать не нужно. Создается за 10 секунд созданием одной точки

Урок № 4

Использование анимации шум
Открываем фотошоп и создаем новый документ размером 170 на 70

[изображение]

далее жмем Ctrl+i чтоб наш слой стал черным. Делее открываем картинку и
обрабатываем ее. Уменьшаем размер до высоты граф ника и можем
подкорректировать цвет.

[изображение]

далее переносим картинку на наш граф ник и пишем надпись!

[изображение]

теперь самое интересное) АНИМАЦИЯ!
итак..обьединяем все слои, для
этого жмем Shift+Ctrl+E. Делее идем в Выделение-Цветовой диаппазон и
выделяем ту область которую хотим анимировать.

[изображение]

Убираем с помощью инструмента лассо ненужную выделенную область и так же
добавляем то что наоборот хотим дополнительно заанимировать! (управляя
лассо держим кнопку Shift)

[изображение]

теперь надо сделать 2-3 слоя с этой выделенной области. Для этого жмем
Ctrl+J 2 или 3 раза ( в зависимости от того сколько вы хотите слоев
анимации)

[изображение]

а теперь уже наносим шум на каждый слой (Фильтр-Шум-Добавить шум) в разницу не более 5 единиц

[изображение]

ну и самое главное) анимируем)В панеле анимация создаем три слоя(в
данном случае) и на каждый слой анимации делаем видимым слой с шумом!
время задержки ставим 0,2

[изображение]

Так же на эти слои с шумом можно добавлять еще и зведочки!

Сохраняем: Файл-Сохранить как для веб...

Вот что получилось

[изображение]