Уроки от меня (Ночная Волчица)- Дизайнер с Чп

Итак. Объясню как делать рамку. например вокруг тэга.
Откроем фотошоп (я использую cs3 )
шаг 1. Для начала возьмем кратинку вот она:

шаг 2. загружаем в фотошоп. Файл -> Открыть -> обзор -> открыть ->

шаг 3. после нужно выбрать размер кисти , например возьмем кисть Hard Mechanical 3 pixels (от стиля и размера кисти зависит ваша рамка)

шаг 4. после чего мы выберем инструмент перо ( сободное перо)

шаг 5. выделяем картинку по краям там где хотим сделать рамку , сразу же после того как мы выделили , щелкаем правой кнопкой мыши по картинке. появится меню, где мы выберем -> Выполнить обводку контура нажмем.

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

теперь эту кратинку можно использовать как тэг

берем картинку например на черно-сером фоне , нам нужно сделать так что бы перья которые на картинки остались целыми и невредимыми


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


выбираем инструмент фоновый ластик.


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



вот что у нас и получилось

Шаг 1 :Открываем сам фотошоп(я пользуюсь фотошопом версией Cs 5)
Шаг 2: Затем нажимаем Фаил -> открыть-> Выбираем нужную нам картинку -> открыть

Шаг 3: Открыли картинку

Шаг 4: Что бы картинка получилась у нас более яркой мы идём в Изображение -> Коррекция -> Уровни

Шаг 5: Что бы вырезать нам нужную чать картинки для графа, мы берем инструмент
Рамка, стрелочкой указано = на интсрумент, Выделяем нужную нам часть
и нажимаем enter появится окно , нажмете кадрировать.

Шаг 6: Что бы наша картинка приняла вид индивидуальности, её нужно развернуть,это можно сделать с помощью трансформации, мы выделим нашу картинку (инструментом прямоугольная Область),после мы выдерем пункт редактирования -> Трансофрмирование -> Отразить по Горизонтали, тем самым мы её развернем

Шаг 7: Мы обработали картинку и нам кажется она стала пустая совсем, так что бы убрать эту пустоту, мы возьмем с вами листочки, и нанесем их на картинку что бы получилось красиво

Шаг 8: Нанесем на граф свой ник (в данном случаи пишу Ночная Волчица) вы можете придать шрифту определенный цвет, или же можно сделать с помощью стиля, например выбрав стиль, нажать параметры и задать их.
В данном случаи у нас будет выполнено всё в зеленых тонах.Что бы сделать отображения текста как у меня на графе, вы должны создать дубликат слоя , пойти в трансформирование и отразить её по вертилали, после сделайте его прозрачным на 50%, после поработайте ластиком по тексту. который отображен по вертикали, и вот что у нас собственно вышло

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

Шаг 1: Файл -> Открыть ->Открываем Нарисованный нами граф в предыдущих уроках

Шаг 2: Берем инструмент лассо и выделяем нам нужные ласти которые ммы будем анимировать

Шаг 3: Теперь нажимаем правой кнопкой мышки по выделенному нами и копируем на новый слой

Шаг4: То что мы выделили появилось в панельке у нас по правой стороне на кадре. нажмем на него теперь и теперь откроем окно анимации. нажмем на Слои -> Стиль слоя -> Наложение градиента и наложим градиент на наш кадр , градиент возьмем вот такой. я создала его сама выставив такие параметры, после нажала ок и поставила наш грдус угла под которым будет проходить луч. -12и переместила луч на левый угол,затем создала 2 кадр и повторила тоже самое и теперь перенесла луч в правый нижний угол,тем самым перемещая луч

Шаг 5: Теперь мы нажмем на первый кадр зажмем клавищу Ctrl и выделим второй кадр, нажмем на анимации создание промежуточных кадров и создадим их в колличестве 10 штук, появится 12 кадров, и мы создадим ещё один итого их будет 13, на 13 кадре выставим время в 1,0 и переметим его на 1. Тем самым у нас будет задержка на кадре.

Шаг 6:Сохраним наш граф в гиф файле.
Шаг 7: Вот что получилось у нас:
Автор уроков: Ночная Волчица

Шаг 1 :
Открываем Граф который мы уже сделали (в предыдущем уроке) и теперь нанесем на него шум

Создаем дубликаты Кадров в анимации и в слоях, как показано на примере
Шаг 2 :
Берем инструмент Лассо (он показан на картинке где он находится), и выделяем нужные нам части которые мы будем шумировать

Шаг 3:
На рисунке показано что мы выделили нужные нам части :

Шаг 4:
Идём теперь в Фильтр -> Добавить Шум -> Распределение : Равномерная-> Монохромный -> Эффект 51 %
И анимируем наш граф. Я начну с 3 кадра, выставлю коэффициент эффекта 51%, Затем перейду в анимации на 2 кадр и в слоях уберу глазик с 3 слоя. И поставлю коэффициент эффекта 47%, потом перейду на первый кадр в анимации и уберу в слоях 2 и 3 слой. и поставлю коэффициент эффекта 44%



Шаг 5:
Теперь сохраним файл в гиф. файл сохранить как веб и вот что получилось у нас

Шаг 1 :
Открываем Граф который мы уже сделали (в предыдущем уроке) и теперь нанесем на него Блестки с помощью кисти(звездочки)

Создаем дубликаты Кадров в анимации и в слоях, как показано на примере
Шаг 2:
Выбираем кисть (звездочку) и наносим её на наш граф.

Шаг 3:Сделаем всё тоже самое по кадром что и в придыдущем уроке показывала я на шуме и вот что получим:

Шаг 4:
Теперь сохраним получившийся граф, нажмем Файл сохранить как веб, и сохраняем)Вот что у нас вышло:

Кать да ну на Диму)
Отличные уроки,и ты отличный учитель и рисовальщик,
уж мне то не знать!
Спасибр тебе за все!

p.s скоро эта тема будет самой обсуждаемой