Отправлено: 30.08.15 17:51. Заголовок: Уроки от разных графистов.

Кидаю уроки по графическим никам.
Данные уроки взяты из нескольких сайтов. В конце указан автор

Полезные ссылки:
Скрытый текст

Как стать графистом в чате Как кидать картинку на форум Уроки от самоучки Урок от истины Скачать фотошоп

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

 Отправлено: 30.08.15 16:44. Заголовок: Кидаю уроки по графи..

Создаем новый документ размером 500 на 500 писклей. Заливаем черным цветом #000000


Берем инструмент текст пишем наш ник. Во вкладке символ выставляем стиль текста, шрифт и цвет.



Ищем какую нибудь картинку абстракции ну как вам нравится, выделяем ее копируем и вставляем прямо на наш слой с текстом


Вставили,теперь создаем на этой картинке обтравочную маску


Получаем текст с нашей картинкой,бере м курсор и Двинам нашу картинку по тексту так как нам нравится


создаем новый слой и выделяем все три слоя мышкой с зажатой клавишей Ctrl, обьеденяем слои


кликаем по нашему слою с текстом 2 раза. открыаватся стиль слоя там выставляем все что вам нравится.маленький совет что бы текст не сливался с вашим будущи м фоном сделайте внешнее свечение черным цветом в режиме умножения до 5 пикс это лучше и аккуратнее чем обводка


Создаем новый слой и на нем с помощью кистей или фигур рисуем чтонить вокруг текста. и помните что граф размерами 130 на 32 пикселя. мысленно поставьте себе рамки за которые не выезжать или уж если все совсем плохо вытащите направляющие


ну примерно получили что-то такое….


Берем инструмент рамка и вырезаем наш граф из всего ненужного если необходимо увеличьте с помощью лупы малоли 1-3 пикселя лишних обрезать .

перейдем к анимации


сздаем над слоем с текстом новый слой. выбираем белый цвет.берем не четкую кисть примерно в 1-4 писк в зависимости от ширины вашего текста. ставим немного в стороне точку.открываем окно анимации


в окне анимации создаем новый кадр.берем инструмент курсор и перетаскиваем нашу точку на начало текста потом снова новый кадр и потащили ее дальше и так до конца текста примерна 10-15 кадров


теперь во вкладке слои жмеам обтравочну маску что бы наша точка не выезжала за приделы текста


задаем время анимации первый кадр не анимированный там как бы пауза


выделяем первый самый кадр и убираем глазик на слое с черным фоном


нажимаем файл сохранить для web и вот такими параметрами посмотрите что выделила примерно так проверяем там вес черная обводка без фона и тд)))

Скрытый текст

(Белка)

 Отправлено: 30.08.15 17:02. Заголовок: http://savepic.net/5..

Рисуем человечка для графического ника размера 130 на 32 пикселя
1. Что необходимо это создать полотно размера шириной ну допустим 40 а высота 32 на прозрачном фоне)
2. 1й слой заливаем черным цветом

3. Увеличиваем полотно с помощью навигатора (если у вас его нет на раб.поле зайдите в «окно»-«навигатор») и ставим удобный для вас размер у меня стоит примерно 1280 %
4. Используем инструмент «Эллипс» и делаем нашему человечку голову


5. Открываем «параметры слоя» , накладываем градиент линейный сверху светлее (#008aff) вни3у темнее (#005faf)


6. Внешнее свечение (#003ba7)


Внутреннее свечение (#50bbff)


7. Создаем новый слой и рисуем ему глазки. Берем кисть 1 пикселя круглую и рисуем глазки. Я взяла черный цвет для нашего глазика


Затем копируем слой , выбираем инструмент «прямоугольная область»- нажимаем правой кнопкой мыши на наш глазик и выбираем «свободное трансформирование» опять нажимаем правую кнопку мыши и выбираем «отразить по горизонтали» затем нажимаем на инструмент «курсор» (рядом с инструментом «прямоугольная область») и нажимаем применить трансформирование.
И с помощью стрелок на клавиатуре копию глаза отодвигаем влево на нужное нам расстояние.
И соединяем наши два глаза в один слой с помощью ctrl + E


8. Делаем тело нашему человечку. Берем инструмент «Эллипс» и делаем вытянутый овал и лишнее стираем ластиком. Накладываем все те же параметры, что и для головы (легкий способ, чтобы не открывать «параметры слоя» и производить данный процесс, берем и копируем слой головы, наводим курсором на «fx» и перетаскиваем на данный слой, а копию слоя головы просто удаляем с помощью «Delete». С последующими слоями можно будет делать тоже самое.)


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


10. С руками делаем тоже самое. Создаем новый слой и рисуем руки какие нам нужно.


Получился вот такой человечек. Далее убираем черный слой, выбираем «изображение» - «тримминг» . «Фаил» - «Сохранить для web и устройств…» сохраняем в формате PNG

Скрытый текст

(SkaTinKa)

 Отправлено: 30.08.15 17:20. Заголовок: Создаем новый докуме..

Создаем новый документ размером 130*130 пикс.


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


в открывшемся окошке ставим параметры как я показываю


и получаем вот такую картинку


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


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


и получаем что то такого вида....


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


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


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


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


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


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

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


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


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


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


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


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


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


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


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


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

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


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


Другой урок
Создаем новый слой размером 130 на 39 пикс


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

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

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


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


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


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



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


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

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

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


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


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


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


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


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



и теперь сохраняем


и получаем


Скрытый текст

(Pusiketka)

 Отправлено: 30.08.15 17:43. Заголовок: Итак, создаем новый-..

Итак, создаем новый-рамеры задаем 135*40


Заливаем "Черным" фоном.
Создаем новый слой, в котором напишем текст.
#00ccff-цвет всего текста, и выделим только одну букву G-она будет-#ccffff
Вот что должно получиться.


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


1-Тиснение, выставляем значения что указаны на картинке выше;
2-Внутреннее свечение;
3-Внешнее свечение;
4-Тень (ниже)


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


Создаем новый слой. Берем кисть, чем тоньше тем лучше)
Я взяла завитушку с листочками.Сделала дубликат завитушек, что бы не выглядели тускло. Снова правой клавишей мышки-"параметры наложения"


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


Заходим в верхнее меню "Фильтр"-"размытие"-"в движении".
Будет вопрос - Растрировать ли текст? Нажимаем ок.


В панеле инструментов выберем"Линия". Зажимаем клавиши Shift+левая кнопка мыши и проводим под текстом.
После снова правой кнопкой мыши вызываем "параметры наложения" и начинаем обрабатывать)


Результат.


Уберем глазик с самого первого слоя с черным фоном, после тыкай на другой слой и правой кнопкой мыши вызываем дополнительное меню-объединить видимые.
[img][/img]

Тримминг- удаление "лишних" одноцветных пикселей слева, справа, сверху и снизу
[img][/img]

Последние штрихи урока, заканчиваются "Резкостью") На скринах ниже, показано. Главное не переборщить)


и вот наш графический ник)


Скрытый текст

(La nuisible)

 Отправлено: 30.08.15 18:00. Заголовок: Создаем заготовку ра..

Создаем заготовку размером 135*40


Добавляем ник.Играем с шрифтами как вам нравится


Далее выбераем 1-ю кисть


Накладываем её на граф


берём мягкий ластик


и окуратно подтираем кисть


Теперь берём вторую кисть


Так же накладываем её на граф и затем подтираем мягким ластиком


Затем можем добавить фигуру или же опять кисть.я добавлю фигуру


Теперь видим что около буквы N и внизу пустые места
Снизу добавим линию
Около буквы N добавлю кисть,фигуру


Теперь добавляем фон и узор


На ник добавляем обводку и тень.
и подбираем цвета к графу


Объединяем слои и добавляем тиснение


Скрытый текст

(Black Card)

 Отправлено: 30.08.15 18:05. Заголовок: Создаем новый докуме..

Создаем новый документ с размерами 140*32,заливаем его черным цветом,пишем ник,желательно жирным шрифтом,в своем уроке я использовала шрифт Arial размер 18 пикселей.По желанию несколько букв можно написать более светлым тоном чем основной.Далее идем в слой-параметры наложения и выставляем такие стили для слоя:
Скрытый текст

Создаем новый слой между слоем с текстом и слоем с черным фоном,берем кисти любые для оформления,я выбрала цветочки,располагаем так как больше нравится на нашем графе Выбираем мягкий ластик и подтираем ненужные элементы кисти.Далее идем в слой-параметры наложения и выставляем параметры Так же по желанию можно добавить еще узор точки,для этого создаем новый слой и делаем точки либо кисть"точки" либо самостоятельно рисуя каждую точку круглой кистью размером 1 пиксель,так же как и в слое с цветами подтираем ненужные части мягким ластиком В завершении убираем видимость со слоя с черным цветом идем изображение-тримминг и жмем ок ,далее сохраняем наш граф на прозрачном фоне сохранить как PNG

Скрытый текст

(Solar fox)

 Отправлено: 30.08.15 18:31. Заголовок: https://www.youtube...

https://youtu.be/i44uM7FBfhQ

Скрытый текст

(Лимонад)

 Отправлено: 30.08.15 19:50. Заголовок: Результат первого ур..

Результат первого урока:

Кисти не использовал

Второй:


Четвертый: