Друзья Сообщества
а теперь Наши Друзья сообщества прошу любить и жаловать и вступать в сообы
http://my.mail.ru/community/anime_frends/
http://my.mail.ru/community/100000anime/
http://my.mail.ru/community/blood_erotic_kil/
http://my.mail.ru/community/anime-eee/
http://my.mail.ru/community/nanabeck_paradis/
http://my.mail.ru/community/anime_frends/
http://my.mail.ru/community/100000anime/
http://my.mail.ru/community/blood_erotic_kil/
http://my.mail.ru/community/anime-eee/
http://my.mail.ru/community/nanabeck_paradis/
Отбор
Доброго всем времени суток.
Если вы хотите работать у нас в сообществе заполните анкету:
___________________________________________________________________________________________
Чтобы вступить к нам в сообщество,нужно заполнить анкету:
1. Категория работы (видео аватары ,анимация,статика,эпиграфы)
2.Примеры работ
3. В каких сообществах вы работаете (ссылками !)
4. Сколько коллекций в месяц выпустите.
5. Сколько работаете в фотошопе.чтож желаю удачи ^___^
Если вы хотите работать у нас в сообществе заполните анкету:
___________________________________________________________________________________________
Чтобы вступить к нам в сообщество,нужно заполнить анкету:
1. Категория работы (видео аватары ,анимация,статика,эпиграфы)
2.Примеры работ
3. В каких сообществах вы работаете (ссылками !)
4. Сколько коллекций в месяц выпустите.
5. Сколько работаете в фотошопе.чтож желаю удачи ^___^
Урок №12 Колоризация
Этот урок я считаю довольно лёгким, но достаточно полезным) сама очень часто пользуюсь этим приёмом, и по-моему получается очень даже ничаво))
Значит будем делать из этой картинки:
Такую вот авку:
1.Для начала открываем исходник, обрезаем как надо я обрезала до 150*150.
2.Далее, если нужно, если есть какие-то дефекты кожи, удаляете их с помощью Blur Tool (горячие клавиши:R), но не переборщите, иначе будет неестественно. Да и советую снизить силу нажатия (strength) инструмента примерно до 75-80. Затем с помощью Sharpen Tool делаем чётче глаза, губы, можно ещё волосы. Здесь также нужно знать меру…
3.Теперь копируем слой, и ставим его на Screen.
4.Создаём новый слой и заливаем его сереньким цветом, например #C4C4C4, можно даже посветлее… И ставим Blending Mode (способ смешивания) на Color Burn
5.Создаём ещё один слой и заливаем уже тёмно-синим, #150B3C,и ставим на Exсlusion(Исключение)
Ну вот и готово)) Добавить сюда ещё белую рамочку и усё))…
Значит будем делать из этой картинки:
Такую вот авку:
1.Для начала открываем исходник, обрезаем как надо я обрезала до 150*150.
2.Далее, если нужно, если есть какие-то дефекты кожи, удаляете их с помощью Blur Tool (горячие клавиши:R), но не переборщите, иначе будет неестественно. Да и советую снизить силу нажатия (strength) инструмента примерно до 75-80. Затем с помощью Sharpen Tool делаем чётче глаза, губы, можно ещё волосы. Здесь также нужно знать меру…
3.Теперь копируем слой, и ставим его на Screen.
4.Создаём новый слой и заливаем его сереньким цветом, например #C4C4C4, можно даже посветлее… И ставим Blending Mode (способ смешивания) на Color Burn
5.Создаём ещё один слой и заливаем уже тёмно-синим, #150B3C,и ставим на Exсlusion(Исключение)
Ну вот и готово)) Добавить сюда ещё белую рамочку и усё))…
Урок №11 Прозрачный фон
Итак, многие спрашивают, как же сделать прозрачный фон, а между тем это довольно легко и не требует особенных усилий.
Для начала откроем картинку, для которой вы хотите сделать прозрачный фон в Photoshop.
К примеру, эту:
Создаём новый файл с прозрачным фоном:
И вставляем на него нашу картинку)
После чего выделяем ненужный нам фон, и жмём delite:
Получаем прозрачный фон) Сохраняем картинку в формате gif или лучше png-24, надеюсь, этому учить не нужно)
Вот и всё, надеюсь, всем всё было понятно)
Для начала откроем картинку, для которой вы хотите сделать прозрачный фон в Photoshop.
К примеру, эту:
Создаём новый файл с прозрачным фоном:
И вставляем на него нашу картинку)
После чего выделяем ненужный нам фон, и жмём delite:
Получаем прозрачный фон) Сохраняем картинку в формате gif или лучше png-24, надеюсь, этому учить не нужно)
Вот и всё, надеюсь, всем всё было понятно)
Урок №10 Делаем Дождь.
Будем делать дождик!!!Новичкам советую прочитать предыдущие уроки))
1. Открываем картинку,приготовленную для анимации(сделанный размер и тп) в Photoshop`е.(об этом можете узнать в предидущих уроках)
2. Создаем новый слой.
3. Заливаем его черной заливкой.
4. Идем в фильтр – шум – добавить шум (Filter->Noise->Add noise)
Выставляем все,как на картинке
(меняйте «количество» (Amount),как больше нравится,)
5.Затем: фильтр – размытие – размытие в движении (Fiter->Blur->Motion Blur)
угол установите так,как хотите видеть дождик. «расстояние» (Distance) аналогично утсанавливается по желанию.чем оно больше,тем дождь интенсивней,чем меньше,тем больше похоже на дождик.
6.Устанавливаем «непрозрачность» (opacity) слоя 50% или меньше смотря на сколько тёмная у вас картинка.
7.Создаем второй слой,проделываем с ним тоже самое,изменив «расстояние» (Distance) в размытии в движении.Изменяйте не намного,чем меньше,тем лучше выглядит.Чем больше слоев,тем,естественно, анимация выглядит приятней и естественней.
Не забудьте устанавливать прозрачность для всех слоев!
8.Идем в Image Ready или остаёмся в Фотошопе.Создаем кадры из слоев.Для всех слоев делаем видимый слой нашей первоночальной картинки.(в окне слои рядом со слоем должен быть виден глазик) Первый слой в палитре Animations удаляем,ведь на нем нет дождика.
--
1 кадр: картинка и 1й слой дождика (непрозрачность слоя 50%, 30%, какая нравиться)
2 кадр: картинка и 2й слой дождика (непрозрачность слоя 50%, 30%, какая нравиться)
3 кадр: картинка и 3й слой дождика (непрозрачность слоя 50%, 30%, какая нравиться)
--
9. Выставляем время.
Анимация готова!!
У меня получилось вот что:
1. Открываем картинку,приготовленную для анимации(сделанный размер и тп) в Photoshop`е.(об этом можете узнать в предидущих уроках)
2. Создаем новый слой.
3. Заливаем его черной заливкой.
4. Идем в фильтр – шум – добавить шум (Filter->Noise->Add noise)
Выставляем все,как на картинке
(меняйте «количество» (Amount),как больше нравится,)
5.Затем: фильтр – размытие – размытие в движении (Fiter->Blur->Motion Blur)
угол установите так,как хотите видеть дождик. «расстояние» (Distance) аналогично утсанавливается по желанию.чем оно больше,тем дождь интенсивней,чем меньше,тем больше похоже на дождик.
6.Устанавливаем «непрозрачность» (opacity) слоя 50% или меньше смотря на сколько тёмная у вас картинка.
7.Создаем второй слой,проделываем с ним тоже самое,изменив «расстояние» (Distance) в размытии в движении.Изменяйте не намного,чем меньше,тем лучше выглядит.Чем больше слоев,тем,естественно, анимация выглядит приятней и естественней.
Не забудьте устанавливать прозрачность для всех слоев!
8.Идем в Image Ready или остаёмся в Фотошопе.Создаем кадры из слоев.Для всех слоев делаем видимый слой нашей первоночальной картинки.(в окне слои рядом со слоем должен быть виден глазик) Первый слой в палитре Animations удаляем,ведь на нем нет дождика.
--
1 кадр: картинка и 1й слой дождика (непрозрачность слоя 50%, 30%, какая нравиться)
2 кадр: картинка и 2й слой дождика (непрозрачность слоя 50%, 30%, какая нравиться)
3 кадр: картинка и 3й слой дождика (непрозрачность слоя 50%, 30%, какая нравиться)
--
9. Выставляем время.
Анимация готова!!
У меня получилось вот что:
Урок №9 Делаем Логотип.
В принципе каких-то определённых навыков по изготовлению Логотипа я вам дать не могу, потому как всё зависит от уже имеющихся у вас навыков и от желания клиента(или от вашего желания, если вы делаете Лого для себя). Ну что ж попробую рассказать основные правила, которые я применяю, когда делаю Логотипы.
Вот мы открыли фотошоп и открыли картинку, которую мы будем использовать при создании нашего Лого. Создадим изображение с заданными размерами (Например,400*100). Теперь берёмся(зажимаем левой клавишей) слой нашей картинки(т.е. слой с названием «Задний слой») и перетаскиваем его на наше новое изображение(размер 400*100). Теперь мы будем работать с этой картинкой. Перенесённый слой масштабируем, чтобы нужная нам часть поместилась в указанные размеры. Для этого выбираем Редактирование-Трансформирование-Масштабирование.
Отмасштабировали? У меня вот что получилось.
Теперь нужно красиво разместить название форума(сайта). И подобрать нужный шрифт. Я пишу «Красавицы» .(Придумала первое, что в голову пришло). Немного поподбирав, получилась – ЭТО.
Очень часто размер названия либо слишком велик, поэтому он бьет по глазам и фона не видно, либо слишком мал, и тогда просто не понятно сему посвящён форум. Поэтому не ленитесь и примеряйте разные шрифты, размеры, как в общем и цвета для вашего названия. Я в своём случае сделала акцент на перчатках девушек – и потому писала таким же цветом.
Но мы видим, что несколько букв закрывают одну девушку(немного) – это не есть хорошо. Поэтому вернёмся к слою с девушками. И снова немного отмасштабируем его. Так ведь лучше?
Но всё равно что-то не то))) Ещё масштабирум. Ну вот – оставим это.
Теперь ещё один момент – ваше Лого всегда может подчеркнуть рамочка. Бывает конечно, что она лишняя, но это бывает очень редко. Для того чтобы сделать рамочку выбираем на слое с изображением девушек инструмент Выделение(прямоугольное) и выделяем наше лого полностью. Теперь жмём правой клавишей и выбираем Выполнит обводку. В появившемся окне выставляем нужную нам толщину рамки и цвет. Вуаля , наше Лого готово.
Хотяяя……. Если форум более эротического характера или создан для знакомства с парнями, то думаю этот вариант подошёл бы больше
Ну что ж в путь! Ваши варианты здесь приветствуются! Вопросы также сюда
Вот мы открыли фотошоп и открыли картинку, которую мы будем использовать при создании нашего Лого. Создадим изображение с заданными размерами (Например,400*100). Теперь берёмся(зажимаем левой клавишей) слой нашей картинки(т.е. слой с названием «Задний слой») и перетаскиваем его на наше новое изображение(размер 400*100). Теперь мы будем работать с этой картинкой. Перенесённый слой масштабируем, чтобы нужная нам часть поместилась в указанные размеры. Для этого выбираем Редактирование-Трансформирование-Масштабирование.
Отмасштабировали? У меня вот что получилось.
Теперь нужно красиво разместить название форума(сайта). И подобрать нужный шрифт. Я пишу «Красавицы» .(Придумала первое, что в голову пришло). Немного поподбирав, получилась – ЭТО.
Очень часто размер названия либо слишком велик, поэтому он бьет по глазам и фона не видно, либо слишком мал, и тогда просто не понятно сему посвящён форум. Поэтому не ленитесь и примеряйте разные шрифты, размеры, как в общем и цвета для вашего названия. Я в своём случае сделала акцент на перчатках девушек – и потому писала таким же цветом.
Но мы видим, что несколько букв закрывают одну девушку(немного) – это не есть хорошо. Поэтому вернёмся к слою с девушками. И снова немного отмасштабируем его. Так ведь лучше?
Но всё равно что-то не то))) Ещё масштабирум. Ну вот – оставим это.
Теперь ещё один момент – ваше Лого всегда может подчеркнуть рамочка. Бывает конечно, что она лишняя, но это бывает очень редко. Для того чтобы сделать рамочку выбираем на слое с изображением девушек инструмент Выделение(прямоугольное) и выделяем наше лого полностью. Теперь жмём правой клавишей и выбираем Выполнит обводку. В появившемся окне выставляем нужную нам толщину рамки и цвет. Вуаля , наше Лого готово.
Хотяяя……. Если форум более эротического характера или создан для знакомства с парнями, то думаю этот вариант подошёл бы больше
Ну что ж в путь! Ваши варианты здесь приветствуются! Вопросы также сюда
Урок №8 Пробегающий блик
Итак, сегодня мы научимся создавать пробегающий блик. Наиболее удачным я считаю его применение для блеска различных металлических предметов(в частности мечей и кос=), а также для блеска букв.
Ну что ж , приступим. Открываем фотошоп, потом открываем нужную нам картинку. Я открыла эту.
Теперь отрежем нижнюю часть нашего изображения(там реклама,а она нам не нужна). Это делается быстро и легко с помощью Кадрирования Получилось вот это
Теперь перейдём к нашему блику. Блестеть у нас будет меч. Выделять мы его будем с помощью маски. Для этого жмём на Панели инструментов на такой значок.
Теперь выбираем кисть и закрашиваем наш меч, в том месте,где по нему должен пробегать блик.Когда у нас выбран чёрный цвет – меч закрашивается,то есть выделяется область, а когда белый – кисть работает как стёрка! Не пугайтесь! Меч будет закрашиваться красным, потом это будет убрано. Вот я выделила.
Теперь выходим из режима быстрой маски. Для этого жмём на иконку»Выход из режима быстрой маски» на панели инструментов.
Наш выделился .
Нажимаем.. "Выдление-Инверсия" (Select-Inverse). Теперь нам нужно скопировать его на новый слой. Жмём Ctrl+J. В окне слоёв появился новый слой с мечом. Теперь создадим новый чистый слой. Жмём на иконку «Создать новый слой» в окне «Слои».
Слой добавлен. Теперь на нём рисуем наш блик. Выбираем кисть – цвет белый(можно брать любой другой) и проводим полосу. Если хотите,чтобы она была ровной,то зажмите Shift. У меня получилось следующее.
Я не рисовала с помощью Shiftа, т.к. в данном случае блик смотрелся бы менее естественно. Теперь добавим слою свечение. Выбираем Слой - Стиль слоя – Внешнее свечение. (Layer- Layer Style-Outer Glow..)
Регулируем как нам нужно и жмём ОК.
Теперь нам нужно перейти в ImageReady. Жмём на иконку на панели инструментов. Или же через Файл - Редактировать в ImageReady.
В ImageReady в окне анимации добавляем новый фрейм(кадр). Жмём на иконку в окне «Анимация».
На новом фрейме берёмся за наш слой с бликом и тянем его в низ нашего меча.
Перерь жмём на иконку Tween в окне «Анимация».
И устанавливаем нужное число кадров. Я установила 6. Теперь жмём (убедитесь, что в окне слоёв выделен слой с бликом!!!) Слой – Создать обтравочную маску.
Теперь можем переходить назад в Фотошоп.Там уже отрегулируем время и всё остальное.
Смотрим – получилось следующее.
Блик пробегает очень быстро,поэтому изменим время для каждого кадра. Я изменила на 0.2 для каждого, потом регулируем прозрачность слоя. Я выставила 70%.
Теперь уменьшаем наше изображение,если нужно. И вот результат готов.
Можно ещё гномику блик добавить, но это уже совесм другая история)))Можно тем же эффектом пройтись по доспехам. Да,мой вариант немного тормозит,но это потому что мне лень было подбирать время, а вы не ленитесь
Также можете проделать тоже самое и с градиентом, думаю, получилось бы ещё и лучше. Просто на данной картинке мой выбор был не очень удачен, а вот на приведённых ниже - совсем другое дело! Не ленитесь!Дерзайте и выкладывайте сюда свои результаты!!!
Ну что ж , приступим. Открываем фотошоп, потом открываем нужную нам картинку. Я открыла эту.
Теперь отрежем нижнюю часть нашего изображения(там реклама,а она нам не нужна). Это делается быстро и легко с помощью Кадрирования Получилось вот это
Теперь перейдём к нашему блику. Блестеть у нас будет меч. Выделять мы его будем с помощью маски. Для этого жмём на Панели инструментов на такой значок.
Теперь выбираем кисть и закрашиваем наш меч, в том месте,где по нему должен пробегать блик.Когда у нас выбран чёрный цвет – меч закрашивается,то есть выделяется область, а когда белый – кисть работает как стёрка! Не пугайтесь! Меч будет закрашиваться красным, потом это будет убрано. Вот я выделила.
Теперь выходим из режима быстрой маски. Для этого жмём на иконку»Выход из режима быстрой маски» на панели инструментов.
Наш выделился .
Нажимаем.. "Выдление-Инверсия" (Select-Inverse). Теперь нам нужно скопировать его на новый слой. Жмём Ctrl+J. В окне слоёв появился новый слой с мечом. Теперь создадим новый чистый слой. Жмём на иконку «Создать новый слой» в окне «Слои».
Слой добавлен. Теперь на нём рисуем наш блик. Выбираем кисть – цвет белый(можно брать любой другой) и проводим полосу. Если хотите,чтобы она была ровной,то зажмите Shift. У меня получилось следующее.
Я не рисовала с помощью Shiftа, т.к. в данном случае блик смотрелся бы менее естественно. Теперь добавим слою свечение. Выбираем Слой - Стиль слоя – Внешнее свечение. (Layer- Layer Style-Outer Glow..)
Регулируем как нам нужно и жмём ОК.
Теперь нам нужно перейти в ImageReady. Жмём на иконку на панели инструментов. Или же через Файл - Редактировать в ImageReady.
В ImageReady в окне анимации добавляем новый фрейм(кадр). Жмём на иконку в окне «Анимация».
На новом фрейме берёмся за наш слой с бликом и тянем его в низ нашего меча.
Перерь жмём на иконку Tween в окне «Анимация».
И устанавливаем нужное число кадров. Я установила 6. Теперь жмём (убедитесь, что в окне слоёв выделен слой с бликом!!!) Слой – Создать обтравочную маску.
Теперь можем переходить назад в Фотошоп.Там уже отрегулируем время и всё остальное.
Смотрим – получилось следующее.
Блик пробегает очень быстро,поэтому изменим время для каждого кадра. Я изменила на 0.2 для каждого, потом регулируем прозрачность слоя. Я выставила 70%.
Теперь уменьшаем наше изображение,если нужно. И вот результат готов.
Можно ещё гномику блик добавить, но это уже совесм другая история)))Можно тем же эффектом пройтись по доспехам. Да,мой вариант немного тормозит,но это потому что мне лень было подбирать время, а вы не ленитесь
Также можете проделать тоже самое и с градиентом, думаю, получилось бы ещё и лучше. Просто на данной картинке мой выбор был не очень удачен, а вот на приведённых ниже - совсем другое дело! Не ленитесь!Дерзайте и выкладывайте сюда свои результаты!!!
Урок №7 Выделение различными способами
СПОСОБ №1. Выделение с помощью инструмента «Область(Прямоугольная,овальная…)»
Этот инструмент мы можем найти на панели инструментов, он самый первый(верхний в левом столбце).
Нажав по этому инструменту правой клавишей мы сможем выбрать различные его разновидности.
С помощью этого инструмента мы можем запросто выделять нужные нам части изображения. Для это щёлкаем по инструменту левой кнопкой мыши, а потом выделяем нужную нам часть изображения(если нужен квадрат или круг(при выборе овального выделения), то зажимаем клавишу Shift и тогда выделение будет ровным). Вот мы выделили нужную нам часть.
Теперь в этом квадрате мы можем рисовать кисть, выполнять заливку, добавлять эффекты и пользоваться фильтрами и при этом все действия будут оказаны исключительно на выделенную область. Например, я добавила Шум для выделенной области.
Также воспользовавшись этим выделением, мы можем скопировать выделенный участок на нужный слой. Для этого жмем правой кнопкой мыши по выделенной области => Скопировать на новый слой. Вуаля, нужная нам часть скопировалась.
СПОСОБ №2. Выделение с помощью инструмента «Лассо».
Этот инструмент находится сразу под инструментом «Область».
Щёлкнув по нему правой клавишей мыши, мы увидим 3 его разновидности. А именно:
- «Лассо»
-«Прямолинейное лассо»
-«Магнитное лассо»
Теперь немного о каждой разновидности.
«Лассо» - выбрав этот инструмент, проведим ,например, 2 линии под каким-то определенным углом (не важно под каким) вот так:
Теперь отпускаем
Что вы заметили? Да, абсолютно верно, лассо автоматически замыкает проведённую вами линию. Честно говоря, никогда в жизни им не пользовалась, наверное потому что не было нужды или потому что я толком и не знаю в каких случаях его можно применить. Если найду какие-то интересные моменты относительно его применения, то обязательно вам расскажу, а пока перейдем к следующей более интересной разновидности. В выделенной области вы можете проделывать тоже самое ,что и при прямоугольном выделении.
«Прямоугольное лассо» - этот инструмент в отличие от предыдущего сам не замыкается – можете попробовать. С помощью него можно выделять прямоугольные области, например. Выберите инструмент и просто протяните его по контуру прямоугольника. Вот так например, для того чтобы выделение замкнулось вам нужно максимально близко приблизить лассо к начальной точке и вы заметите как изменился курсор(маленький шарик возле конца лассо перескочил в сторону). Выделение замкнулось и теперь вы можете делать с ним все. Что только пожелаете.
«Магнитное лассо» - этот инструмент очень похож на Прямоугольное лассо, только имеет более гибкие настройки. Насколько я понимаю он огибает нужную вам форму, ориентируясь при этом на близкие друг другу цвета. Этим инструментом удобно выделять предметы имеющие четкое очертание. Замыкается лассо тем же методом,что и прямоугольное . При использовании этого инструмента не нужно нажимать каждый раз на точке по которой будет идти контур, лассо само находит его, но ведь картинка не всегда идет с четким контуром, поэтому иногда нужно самим ставить фиксирующие точки. Пример выделения магнитным лассо вы можете увидеть на картинке.
Вообще я этот инструмент не люблю(хотя рань только им и пользовалась), потому что когда научилась пользоваться «маской» напрочь забыла о лассо.
С этим инструментом вроде как разобрались, теперь третий способ.
СПОСОБ №3. Выделение с помощью инструмента «Волшебная палочка».
Этот инструмент мы видим рядом с инструментом «Лассо» на панели инструментов.
Этот инструмент насколько я поняла работает на принципе выделения областей с похожими цветами. Им очень удобно пользоваться, если например хотите выделить однотонную рамку(или любую фигуру) . Для этого просто щёлкните по интересующей вас области и она выделится.
Сразу заметно что безо всяких усилий рамка четко выделилась.
Также на этой панели мы видим инструмент «Раскройка», ниже «Волшебной палочки». Как им пользоваться я ещё не поняла, но обещаю разобраться и рассказать вам.
Для всех вышеперечисленным инструментов есть одна общая панель,которая высвечивается сверху при выборе инструмента.
То есть для каждого инструмента появляются еще 4 подфункции.
Первая иконка – «Новое выделение». С её помощью вы можете выделять нужную вам и заметьте.если вы нажмёте ещё раз, то есть снова выделите область, прежняя область выделения исчезнет и появится новая(обратите на это внимание,зачем – поймёте дальше).
Вторая иконка – «Добавление к выделенной области». С её помощью при очередном выделении области она прибавляется к предыдущей, объединяя 2 области. Например вот так. Здесь выделение использовалось 3 раза.
Третья иконка – «вычитание из выделенной области». Функция действует обратно предыдущей. Т.е. мы можем из нашей выделенной области просто взять и убрать лишний кусочек – например внутри.
Четвертая иконка – «Пересечение с выделенной областью». При помощи этой функции выделяется область образованная на пересечении 2 выделений. Например мы выбираем 2 выделения.
И потом получаем общую выделенную область.
Так, с этой панелью разобрались, теперь думаю стоит отметить такой элемент выделения как Инверсия. Картинки к этой части выкладывать не буду потому что это очень просто. Применение инверсии : Вы выделили какую-то область, а вам нужна не она, а все что кроме неё. Для этого жмите Выделение – Инверсия и выделится всё кроме той,области что вы выделили.
Ну и теперь самый интересный на мой взгляд способ выделения.
СПОСОБ №4. Выделение с помощью быстрой маски.
Значок быстрой маски мы видим вот ту на панели инструментов.
Жмем её теперь объясняю, что мы будем делать дальше. Выбираем кисть и устанавливаем цвета по умолчанию(черный и белый).
В режиме быстрой маски для выделения мы пользуемся кистью. Когда цвет кисти выбран чёрный, то мы выделяем, когда белый – стираем лишнее(в принципе можно пользоваться стёркой). Выделение будет отмечаться красным цветом – не пугайтесь, все нормально, так и надо Ну что ж выделим интересующую нас область, приблизим насколько нам нужно изображение и выделяем.
Ну вот я выделила кошака. А все лишнее, где вылезла за краешки потерла стеркой. Теперь снимем выделение. Для этого жмём на соседнюю иконку возле режима быстрой маски «Редактирование в обычном режиме».
Выделенная ранее красным цветом область обведена привычным контуром выделения.
Ну а теперь вам уже все знакомо, делаем с котярой все что хотим. Я например вот так его изменила.
Есть ещё один небольшой момент. А именно настройки быстрой маски. Когда вы вошли в режим быстрой маски, щелкнув на иконку, возьмите и сразу же щелкните на ту же иконку. Появилось вот такое окно
В этом окне вы установите каким цветом будут выделятся выделенные области, и что именно нужно выделять цветом – выделенные области или наоборот оставлять закрашенными невыделенные, также можете настроить прозрачность закрашиваемой поверхности.
Ну вот собственно и все пока, при изучении каких-либо новых способов выделения я обязательно пополню этот урок.
Этот инструмент мы можем найти на панели инструментов, он самый первый(верхний в левом столбце).
Нажав по этому инструменту правой клавишей мы сможем выбрать различные его разновидности.
С помощью этого инструмента мы можем запросто выделять нужные нам части изображения. Для это щёлкаем по инструменту левой кнопкой мыши, а потом выделяем нужную нам часть изображения(если нужен квадрат или круг(при выборе овального выделения), то зажимаем клавишу Shift и тогда выделение будет ровным). Вот мы выделили нужную нам часть.
Теперь в этом квадрате мы можем рисовать кисть, выполнять заливку, добавлять эффекты и пользоваться фильтрами и при этом все действия будут оказаны исключительно на выделенную область. Например, я добавила Шум для выделенной области.
Также воспользовавшись этим выделением, мы можем скопировать выделенный участок на нужный слой. Для этого жмем правой кнопкой мыши по выделенной области => Скопировать на новый слой. Вуаля, нужная нам часть скопировалась.
СПОСОБ №2. Выделение с помощью инструмента «Лассо».
Этот инструмент находится сразу под инструментом «Область».
Щёлкнув по нему правой клавишей мыши, мы увидим 3 его разновидности. А именно:
- «Лассо»
-«Прямолинейное лассо»
-«Магнитное лассо»
Теперь немного о каждой разновидности.
«Лассо» - выбрав этот инструмент, проведим ,например, 2 линии под каким-то определенным углом (не важно под каким) вот так:
Теперь отпускаем
Что вы заметили? Да, абсолютно верно, лассо автоматически замыкает проведённую вами линию. Честно говоря, никогда в жизни им не пользовалась, наверное потому что не было нужды или потому что я толком и не знаю в каких случаях его можно применить. Если найду какие-то интересные моменты относительно его применения, то обязательно вам расскажу, а пока перейдем к следующей более интересной разновидности. В выделенной области вы можете проделывать тоже самое ,что и при прямоугольном выделении.
«Прямоугольное лассо» - этот инструмент в отличие от предыдущего сам не замыкается – можете попробовать. С помощью него можно выделять прямоугольные области, например. Выберите инструмент и просто протяните его по контуру прямоугольника. Вот так например, для того чтобы выделение замкнулось вам нужно максимально близко приблизить лассо к начальной точке и вы заметите как изменился курсор(маленький шарик возле конца лассо перескочил в сторону). Выделение замкнулось и теперь вы можете делать с ним все. Что только пожелаете.
«Магнитное лассо» - этот инструмент очень похож на Прямоугольное лассо, только имеет более гибкие настройки. Насколько я понимаю он огибает нужную вам форму, ориентируясь при этом на близкие друг другу цвета. Этим инструментом удобно выделять предметы имеющие четкое очертание. Замыкается лассо тем же методом,что и прямоугольное . При использовании этого инструмента не нужно нажимать каждый раз на точке по которой будет идти контур, лассо само находит его, но ведь картинка не всегда идет с четким контуром, поэтому иногда нужно самим ставить фиксирующие точки. Пример выделения магнитным лассо вы можете увидеть на картинке.
Вообще я этот инструмент не люблю(хотя рань только им и пользовалась), потому что когда научилась пользоваться «маской» напрочь забыла о лассо.
С этим инструментом вроде как разобрались, теперь третий способ.
СПОСОБ №3. Выделение с помощью инструмента «Волшебная палочка».
Этот инструмент мы видим рядом с инструментом «Лассо» на панели инструментов.
Этот инструмент насколько я поняла работает на принципе выделения областей с похожими цветами. Им очень удобно пользоваться, если например хотите выделить однотонную рамку(или любую фигуру) . Для этого просто щёлкните по интересующей вас области и она выделится.
Сразу заметно что безо всяких усилий рамка четко выделилась.
Также на этой панели мы видим инструмент «Раскройка», ниже «Волшебной палочки». Как им пользоваться я ещё не поняла, но обещаю разобраться и рассказать вам.
Для всех вышеперечисленным инструментов есть одна общая панель,которая высвечивается сверху при выборе инструмента.
То есть для каждого инструмента появляются еще 4 подфункции.
Первая иконка – «Новое выделение». С её помощью вы можете выделять нужную вам и заметьте.если вы нажмёте ещё раз, то есть снова выделите область, прежняя область выделения исчезнет и появится новая(обратите на это внимание,зачем – поймёте дальше).
Вторая иконка – «Добавление к выделенной области». С её помощью при очередном выделении области она прибавляется к предыдущей, объединяя 2 области. Например вот так. Здесь выделение использовалось 3 раза.
Третья иконка – «вычитание из выделенной области». Функция действует обратно предыдущей. Т.е. мы можем из нашей выделенной области просто взять и убрать лишний кусочек – например внутри.
Четвертая иконка – «Пересечение с выделенной областью». При помощи этой функции выделяется область образованная на пересечении 2 выделений. Например мы выбираем 2 выделения.
И потом получаем общую выделенную область.
Так, с этой панелью разобрались, теперь думаю стоит отметить такой элемент выделения как Инверсия. Картинки к этой части выкладывать не буду потому что это очень просто. Применение инверсии : Вы выделили какую-то область, а вам нужна не она, а все что кроме неё. Для этого жмите Выделение – Инверсия и выделится всё кроме той,области что вы выделили.
Ну и теперь самый интересный на мой взгляд способ выделения.
СПОСОБ №4. Выделение с помощью быстрой маски.
Значок быстрой маски мы видим вот ту на панели инструментов.
Жмем её теперь объясняю, что мы будем делать дальше. Выбираем кисть и устанавливаем цвета по умолчанию(черный и белый).
В режиме быстрой маски для выделения мы пользуемся кистью. Когда цвет кисти выбран чёрный, то мы выделяем, когда белый – стираем лишнее(в принципе можно пользоваться стёркой). Выделение будет отмечаться красным цветом – не пугайтесь, все нормально, так и надо
Ну что ж выделим интересующую нас область, приблизим насколько нам нужно изображение и выделяем.Ну вот я выделила кошака. А все лишнее, где вылезла за краешки потерла стеркой. Теперь снимем выделение. Для этого жмём на соседнюю иконку возле режима быстрой маски «Редактирование в обычном режиме».
Выделенная ранее красным цветом область обведена привычным контуром выделения.
Ну а теперь вам уже все знакомо, делаем с котярой все что хотим. Я например вот так его изменила.
Есть ещё один небольшой момент. А именно настройки быстрой маски. Когда вы вошли в режим быстрой маски, щелкнув на иконку, возьмите и сразу же щелкните на ту же иконку. Появилось вот такое окно
В этом окне вы установите каким цветом будут выделятся выделенные области, и что именно нужно выделять цветом – выделенные области или наоборот оставлять закрашенными невыделенные, также можете настроить прозрачность закрашиваемой поверхности.
Ну вот собственно и все пока, при изучении каких-либо новых способов выделения я обязательно пополню этот урок.
Урок №6 Моргание глаз
Способ первый подходит для рисунков. Для начала как всегда берём картинку. Я выбрала вот такую пчёлку:
Дублируем слой (Ctrl+J). Теперь приближаем, чтобы было удобнее работать (Z). И закрашиваем глаз цветом века (берём его пипеткой "Eyedropper") на половину.
Хотя можно и целиком, но так будет естественней. Получается примерно вот так:
Ещё раз дублируем слой (но уже не первый, а второй, отредактированный, для этого он должен быть активным). Таким же образом закрашиваем вторую половину глаза:
Картинка готова, осталось сделать только анимацию.
Открываем окно анимации (Window - Animation), если его нет, то переходим в ImageReady (Ctrl+Shift+M).
Теперь делаем 4 кадра. На первом кадре делаем видимой исходную картинку, на втором - первый редактированый слой, на третьем - второй, на четвёртом - снова второй. Скорость смены кадров ставим по ситуации. Обычно это 0,1 или 0,2. Сохраняем для Web. всё, картинка готова:
Способ второй. Моргание глаз животных. Тем же способом выполняется для людей. Применяется в тех случаях, когда нельзя просто дорисовать, т.к. это будет выглядеть неестественно.
Итак, снова берём картинку. Я выбрала вот такого милого котёнка:
Для начала копируем слой (Ctrl+J). Работаем со вторым слоем. Теперь в меню выбираем Filter - Liquify (Фильтр - Пластика, быстрая клавиша: Shift+Ctrl+X). В открывшемся окне увеличим картинку, чтобы было удобнее работать. И приступаем. Выбираем самый верхний инструмент: Forward Warp Tool. Наша задача - "подтянуть" верхнее веко вниз, тем самым как бы закрывая глаз. Получиться должно примерно так:
Некоторые так же "подтягивают" нижнее веко, но я так не делаю. Теперь мы копируем второй слой. И "дотягиваем" веко до самого низа, полностью закрыв глаз. Получаем примерно такой вид:
Осталось только разместить картинки на кадрах, настроить время задержки и сохранить в нужном формате. У меня получилось вот что:
Лично мне этот метод не нравится именно из-за полос, которые получаются. У меня получилось не очень аккратно, надеюсь у вас выйдет лучше.
Способ третий. Так же применяется для живых объектов.
Открываем всё того же котёнка.
И опять же копируем слой. Нам нужно как и раньше дорисовать веко на половину. Но теперь мы делаем это с помощью инструмента Clone Stamp (S). Он находится на панели инструментов, во втором отделе.
Снова советую увеличить картинку, чтобы было удобнее работать. А теперь приступаем.
Зажимаем клавишу Alt и кликаем на том месте, откуда мы хотим взять образец. Именно этот образец мы будем переносить на открытый глаз, а значит нужно выбрать область, близкую по цвету к краю верхнего века. После того, как мы её выберем, начинаем закрашивать глаз уже как обычно кистью. Следует обратить внимание, что штамп слонирует изображение с того места, где вы поставили начало на то, где вы раскрашиваете. А это значит, что нужно внимательно следить за тем, что у вас переносится.
Теперь копируем изменённый слой и заканчиваем "закрывание" глаз. Здесь важно следить за нижней границей. Чтобы у вас не получился котёнок без глаз вообще, должен оставаться переход от нижнего века и верхнему. А значит мы аккуратно закрашиваем только сам глаз, не залезая на шерсть под ним.
Осталось только сделать анимацию. Как и в прошлый раз мы в окне анимации делаем 4 кадра. На первом размещаем слой с открытыми глазами, на втором и четвёртом - с полузакрытыми, на третьем - с закрытыми полностью. Настраиваем время. Готово.
Если вы хотите сделать моргающие глаза с ресницами, то тут нужно быть предельно аккуратным. Стоит ресницы добавлять на опущенное веко уже потом.
Дублируем слой (Ctrl+J). Теперь приближаем, чтобы было удобнее работать (Z). И закрашиваем глаз цветом века (берём его пипеткой "Eyedropper") на половину.
Хотя можно и целиком, но так будет естественней. Получается примерно вот так:
Ещё раз дублируем слой (но уже не первый, а второй, отредактированный, для этого он должен быть активным). Таким же образом закрашиваем вторую половину глаза:
Картинка готова, осталось сделать только анимацию.
Открываем окно анимации (Window - Animation), если его нет, то переходим в ImageReady (Ctrl+Shift+M).
Теперь делаем 4 кадра. На первом кадре делаем видимой исходную картинку, на втором - первый редактированый слой, на третьем - второй, на четвёртом - снова второй. Скорость смены кадров ставим по ситуации. Обычно это 0,1 или 0,2. Сохраняем для Web. всё, картинка готова:
Способ второй. Моргание глаз животных. Тем же способом выполняется для людей. Применяется в тех случаях, когда нельзя просто дорисовать, т.к. это будет выглядеть неестественно.
Итак, снова берём картинку. Я выбрала вот такого милого котёнка:
Для начала копируем слой (Ctrl+J). Работаем со вторым слоем. Теперь в меню выбираем Filter - Liquify (Фильтр - Пластика, быстрая клавиша: Shift+Ctrl+X). В открывшемся окне увеличим картинку, чтобы было удобнее работать. И приступаем. Выбираем самый верхний инструмент: Forward Warp Tool. Наша задача - "подтянуть" верхнее веко вниз, тем самым как бы закрывая глаз. Получиться должно примерно так:
Некоторые так же "подтягивают" нижнее веко, но я так не делаю. Теперь мы копируем второй слой. И "дотягиваем" веко до самого низа, полностью закрыв глаз. Получаем примерно такой вид:
Осталось только разместить картинки на кадрах, настроить время задержки и сохранить в нужном формате. У меня получилось вот что:
Лично мне этот метод не нравится именно из-за полос, которые получаются. У меня получилось не очень аккратно, надеюсь у вас выйдет лучше.
Способ третий. Так же применяется для живых объектов.
Открываем всё того же котёнка.
И опять же копируем слой. Нам нужно как и раньше дорисовать веко на половину. Но теперь мы делаем это с помощью инструмента Clone Stamp (S). Он находится на панели инструментов, во втором отделе.
Снова советую увеличить картинку, чтобы было удобнее работать. А теперь приступаем.
Зажимаем клавишу Alt и кликаем на том месте, откуда мы хотим взять образец. Именно этот образец мы будем переносить на открытый глаз, а значит нужно выбрать область, близкую по цвету к краю верхнего века. После того, как мы её выберем, начинаем закрашивать глаз уже как обычно кистью. Следует обратить внимание, что штамп слонирует изображение с того места, где вы поставили начало на то, где вы раскрашиваете. А это значит, что нужно внимательно следить за тем, что у вас переносится.
Теперь копируем изменённый слой и заканчиваем "закрывание" глаз. Здесь важно следить за нижней границей. Чтобы у вас не получился котёнок без глаз вообще, должен оставаться переход от нижнего века и верхнему. А значит мы аккуратно закрашиваем только сам глаз, не залезая на шерсть под ним.
Осталось только сделать анимацию. Как и в прошлый раз мы в окне анимации делаем 4 кадра. На первом размещаем слой с открытыми глазами, на втором и четвёртом - с полузакрытыми, на третьем - с закрытыми полностью. Настраиваем время. Готово.
Если вы хотите сделать моргающие глаза с ресницами, то тут нужно быть предельно аккуратным. Стоит ресницы добавлять на опущенное веко уже потом.
Урок №5 Мигание.
Вы решили сделать себе авик с миганием. Это весьма просто. Открываем нужную картинку. Я выбрала эту.
Делаем несколько дубликатов слоя (Ctrl+J), у меня получилось 3.
После этого смотрим на панель "Слои" (Layers) и видим там следующее:
Нажимаем на стрелочку рядом со словом Normal (Нормальное) и выбираем режим смешивания на свое усмотрение. Я выбрала
на 1-м слое нормальный режим заливку на 100%
на 2-м Multiply (Умножение) заливку на 30%
на 3-м Screen (Осветление) заливку на 30%
вот где можно изменить заливку:
а вот где можно изменить параметн раложения:
Теперь, если у вас 9-я версия ФШ, то нажимаем Window ---> Animation (Окно-Анимация), или то отправляемся в Image Ready.. это совсем не важно где вы останетесь.
- для перехода в ИР
Теперь в окне анимации дважды (если 3 слоя - трижды и т. д.) делаем копию нашего кадра.
При активном 1-м кадре (вокруг него появляется рамочка), нажимаем на панели слоев на глазики возле слоев 1 и 2, тем самым, сделав их невидимыми.
На втором кадре делаем активными (то есть, с глазиками) слои №1 и 2. На третьем - 1 и 3.
Нажав на Play, смотрим на то, что получилось.
Мдяяя... Сумасшедшее мельтешение кадров. Если результат устраивает (что маловероятно), можете, конечно, сохранить Но я (и вы, надеюсь 
) на этом не остановлюсь 
Надо же довести работу до ее конца, ведь дошли мы только до ее кульминации (логической, грамматической и так далее по тексту ). Видите, на панели анимации рядом с каждым из кадров есть такая симпатичная стрелочка? Нажимайте на нее, не бойтесь, она вас не покусает В появившемся окне выбираем нужное нам кол-во секунд. Именно с такой задержкой кадры на рисунке будут сменять друг друга. Помните, что при сохранении кадры будут двигаться чуть быстрее, чем надо, поэтому выбирайте немного большее время, чем нужно.
Ну вот, выбрали задержку (у меня 0,2 секунды), нажимайте, если вы работаете в ФШ на File ---> Save for Web... Файл-Сохранить для web, ну, а если в ИР, то возвращаемся в фш и делаем то что написала только что ранее... Выбираем формат GIF и жмем ок))
Делаем несколько дубликатов слоя (Ctrl+J), у меня получилось 3.
После этого смотрим на панель "Слои" (Layers) и видим там следующее:
Нажимаем на стрелочку рядом со словом Normal (Нормальное) и выбираем режим смешивания на свое усмотрение. Я выбрала
на 1-м слое нормальный режим заливку на 100%
на 2-м Multiply (Умножение) заливку на 30%
на 3-м Screen (Осветление) заливку на 30%
вот где можно изменить заливку:
а вот где можно изменить параметн раложения:
Теперь, если у вас 9-я версия ФШ, то нажимаем Window ---> Animation (Окно-Анимация), или то отправляемся в Image Ready.. это совсем не важно где вы останетесь.
- для перехода в ИРТеперь в окне анимации дважды (если 3 слоя - трижды и т. д.) делаем копию нашего кадра.
При активном 1-м кадре (вокруг него появляется рамочка), нажимаем на панели слоев на глазики возле слоев 1 и 2, тем самым, сделав их невидимыми.
На втором кадре делаем активными (то есть, с глазиками) слои №1 и 2. На третьем - 1 и 3.
Нажав на Play, смотрим на то, что получилось.
Мдяяя... Сумасшедшее мельтешение кадров. Если результат устраивает (что маловероятно
), можете, конечно, сохранить Но я (и вы, надеюсь ) на этом не остановлюсь Надо же довести работу до ее конца, ведь дошли мы только до ее кульминации (логической, грамматической и так далее по тексту ). Видите, на панели анимации рядом с каждым из кадров есть такая симпатичная стрелочка? Нажимайте на нее, не бойтесь, она вас не покусает В появившемся окне выбираем нужное нам кол-во секунд. Именно с такой задержкой кадры на рисунке будут сменять друг друга. Помните, что при сохранении кадры будут двигаться чуть быстрее, чем надо, поэтому выбирайте немного большее время, чем нужно. Ну вот, выбрали задержку (у меня 0,2 секунды), нажимайте, если вы работаете в ФШ на File ---> Save for Web... Файл-Сохранить для web, ну, а если в ИР, то возвращаемся в фш и делаем то что написала только что ранее... Выбираем формат GIF и жмем ок))
Урок №4 Мелкие блёстки.
Итак, создание МЕЛКИХ БЛЁСТОК. С помощью этогоурока можно украсить любую аватару – она засияет и заблестит.
Для начала вам понадобится фотошоп=) открываем его, а потом открываем нужную нам картинку. Я выбрала следующую. Пусть она не совсем удачна для аватарки, но зато на ней хорошо использовать эффект блёсток.
Теперь нам нужно выделить, ту часть картинки на которой будет шум. В данном случае я воспользовалась следующим вариантом Выделение-Цветовой диапазон ("Select" - "Color Range"). Появилась следующая картинка.
Курсор мышки превратился в пипетку. Нажав ей на вашей картинке вы выбираете цвет, который хотите выделить. Подвигая бегунок «Разброс» мы увеличиваем/уменьшаем количество выделяемого нами цвета. Итак, покрутив его вы подбираете нужный и жмёте на «Ок».
Мы получаем следующее(нужная нам область выделилась и мерцает).
Теперь, не снимая выделение, нажимаем Ctrl+J столько раз сколько мы хотим получить слоёв(я нажала 3 раза).
Теперь выберем Слой 1 , кликнув по нему мышкой(слева от него должен появиться глазик).Остальные делаем невидимыми(точно также). Дальше жмём Фильтр-Шум-Добавить Шум("Filter - Noise - Add Noise")
Передвигая бегунок «Кол-во» мы ставим нужный для нас шум. И жмём «Ок».
Тоже самое проделываем с остальными слоями, только шум каждый раз задаём разный.
Теперь нам нужно перейти непостредственно к анимации. Очень многи пользуются Имэйдж Риди, но в принципе тоже самое можно сделать и в фотошопе. Я делаю именно так.
Если у вас нет окна в анимацией, то нужно его открыть Окно-Анимация( Window-Animation). Теперь мы делаем следующее в появившемся окне:
Нажимаем на иконку,дублирующую наш кадр(выделена красным цветом) 2 раза.
Теперь у нас появилось 3 кадра. и выставляем глазики только на тех слоях что ниже указаны. если нажать на глазик то слой тсановится не видимым..
1кадр=1исходник +шум1;
2кадр=1исходник+ шум2;
3кадр=1исходник+ шум3.
Теперь у нас должно было получиться следующее при нажатии на play.
Мы видим, что картинка мельтешит как сумасшедшая. Если вас устраивает результат, то конечно можете сохранить =), но мы продолжим дальше. Нужно задать время для просмотра каждого кадра. Это очень просто. Возле каждого кадра имеется маленькая стрелочка, нажав на неё мы видим следующее.
Это время в секундах, в течении которого будет отображаться ваш кадр. Итак, поиграв с настройками(попробуйте разные варианты) мы выбираем наиболее подходящий. ВНИМАНИЕ!!! ПОМНИТЕ, что при сохранении кадры будут двигаться быстрее, поэтому обязательно задавайте время чуть больше,чем нужно.
Теперь нужно уменьшить,до нужного нам размера. Выбираем изображние – Размер изображения и вводим нужное нам значение. Если картинка изначально не была квадратной,то здесь вы можете прочесть как это исправить. Итак, я ввела размер 150на 150(предварительно кадрировав его).
Осталось сохранить . Выбираю Файл – Сохранить для Web и нажимаю Save(предварительно убедитесь, что у вас стоит тип файла GIF, а не другой,иначе картинка не будет шевелится.)
На моём примере не очень хорошо видно это сияние.потомучто после уменьшения почти не видно эффекта, но вы будьте умнее и выбирайте картинку, на которой это будет лучше видно=)
Для начала вам понадобится фотошоп=) открываем его, а потом открываем нужную нам картинку. Я выбрала следующую. Пусть она не совсем удачна для аватарки, но зато на ней хорошо использовать эффект блёсток.
Теперь нам нужно выделить, ту часть картинки на которой будет шум. В данном случае я воспользовалась следующим вариантом Выделение-Цветовой диапазон ("Select" - "Color Range"). Появилась следующая картинка.
Курсор мышки превратился в пипетку. Нажав ей на вашей картинке вы выбираете цвет, который хотите выделить. Подвигая бегунок «Разброс» мы увеличиваем/уменьшаем количество выделяемого нами цвета. Итак, покрутив его вы подбираете нужный и жмёте на «Ок».
Мы получаем следующее(нужная нам область выделилась и мерцает).
Теперь, не снимая выделение, нажимаем Ctrl+J столько раз сколько мы хотим получить слоёв(я нажала 3 раза).
Теперь выберем Слой 1 , кликнув по нему мышкой(слева от него должен появиться глазик).Остальные делаем невидимыми(точно также). Дальше жмём Фильтр-Шум-Добавить Шум("Filter - Noise - Add Noise")
Передвигая бегунок «Кол-во» мы ставим нужный для нас шум. И жмём «Ок».
Тоже самое проделываем с остальными слоями, только шум каждый раз задаём разный.
Теперь нам нужно перейти непостредственно к анимации. Очень многи пользуются Имэйдж Риди, но в принципе тоже самое можно сделать и в фотошопе. Я делаю именно так.
Если у вас нет окна в анимацией, то нужно его открыть Окно-Анимация( Window-Animation). Теперь мы делаем следующее в появившемся окне:
Нажимаем на иконку,дублирующую наш кадр(выделена красным цветом) 2 раза.
Теперь у нас появилось 3 кадра. и выставляем глазики только на тех слоях что ниже указаны. если нажать на глазик то слой тсановится не видимым..
1кадр=1исходник +шум1;
2кадр=1исходник+ шум2;
3кадр=1исходник+ шум3.
Теперь у нас должно было получиться следующее при нажатии на play.
Мы видим, что картинка мельтешит как сумасшедшая. Если вас устраивает результат, то конечно можете сохранить
=), но мы продолжим дальше. Нужно задать время для просмотра каждого кадра. Это очень просто. Возле каждого кадра имеется маленькая стрелочка, нажав на неё мы видим следующее.Это время в секундах, в течении которого будет отображаться ваш кадр. Итак, поиграв с настройками(попробуйте разные варианты) мы выбираем наиболее подходящий. ВНИМАНИЕ!!! ПОМНИТЕ, что при сохранении кадры будут двигаться быстрее, поэтому обязательно задавайте время чуть больше,чем нужно.
Теперь нужно уменьшить,до нужного нам размера. Выбираем изображние – Размер изображения и вводим нужное нам значение. Если картинка изначально не была квадратной,то здесь вы можете прочесть как это исправить. Итак, я ввела размер 150на 150(предварительно кадрировав его).
Осталось сохранить . Выбираю Файл – Сохранить для Web и нажимаю Save(предварительно убедитесь, что у вас стоит тип файла GIF, а не другой,иначе картинка не будет шевелится.)
На моём примере не очень хорошо видно это сияние.потомучто после уменьшения почти не видно эффекта, но вы будьте умнее и выбирайте картинку, на которой это будет лучше видно=)
Урок №3 Пишем надпись
В нулевом уроке вы ознакомились, как сгладить текст, в этом уроке вы познакомитесь с возможностями этого инструмента.
Для создания текста существуют специальные инструменты:
Первый инструмент Horizontal Type Tool/Горизонтальный текст - создаёт текстовый слой, на котором текст размещается горизонтально.
Второй инструмент Vertical Type Toolсоздаёт текстовый слой, на котором текст размещается сверху вниз, то есть вертикально.
Следующие два инструмента не создают текстового слоя, они создают выделение в виде текста, причём инструмент Vertical Type Mask Tool/Вертикальный текст-маска создаёт текстовое выделение которое располагает буквы текста сверху вниз, а Horizontal Type Mask Tool/Горизонтальный текст-маска создаёт текстовое выделение слева направо.
Когда вы выбираете инструмент работы с текстом, то на панели свойств появляются настройки текста.
Вы можете поменять шрифт текста, иногда, возникает вопрос: почему не пишется текст на русском языке, скорее всего заданный вами шрифт не поддерживает кириллицу, обращайте внимание при скачивании, есть ли поддержка русского языка/кириллицы.
Вы можете изменить размер текста, бывает, что при изменении размеров изображения вы пытаетесь написать текст, а размер шрифта слишком маленький, пока решения этой проблемы нету.
Вы можете определить отображение шрифта - сглаженное, резкое, чёткое.
Если у вас несколько строк текста, то для них можно определить выравнивание - по левому краю, по центру, по правому краю.
Так же вы можете выбрать очертания вашего текста - обычное, полужирное, курсивное, обычное-курсивное, полужирное - курсивное.
Важной настройкой является возможность пустить текст по траектории. Для этого вам предоставляются шаблоны кривых,по траектории которых и будет располагаться текст.
Диалоговое меню работы с траекториями текста выглядит следующим образом:
Бегунок Bend/Изгиб при положительном значении выгибает текст вверх, при отрицательном - вниз.
Бегунок Horizontal Distortion/Искажение по горизонтали - положительные значения увеличивают правую часть текста, отрицательные - левую.
Бегунок Vertical Distortion/ Искажение по вертикали - положительные значения делают наклон вверх, отрицательные вниз.
играя с бегунками, можно получить желаемый результат
Текст в Тексте.
Иногда, вам хочется сделать текст в тексте, а как сделать это вы не знаете.
1. Пишем текст крупным шрифтом.
2. Растрируем текст/Rasterize type
Layer/слой >>Rasterize/растрировать>>type/текст
3. Используем инструмент прямоугольное выделение(М) и выделяем ту область, на которой у нас будет второй текст. кликаем правой клавишей мыши и Вырезаем на новый слой.Убираем видимость этого слоя и пишем текст.
4. Убираем видимость вырезанного слоя и пишем текст. Добавляем по вкусу эффектов и вуа-ля
Для создания текста существуют специальные инструменты:
Первый инструмент Horizontal Type Tool/Горизонтальный текст - создаёт текстовый слой, на котором текст размещается горизонтально.
Второй инструмент Vertical Type Toolсоздаёт текстовый слой, на котором текст размещается сверху вниз, то есть вертикально.
Следующие два инструмента не создают текстового слоя, они создают выделение в виде текста, причём инструмент Vertical Type Mask Tool/Вертикальный текст-маска создаёт текстовое выделение которое располагает буквы текста сверху вниз, а Horizontal Type Mask Tool/Горизонтальный текст-маска создаёт текстовое выделение слева направо.
Когда вы выбираете инструмент работы с текстом, то на панели свойств появляются настройки текста.
Вы можете поменять шрифт текста, иногда, возникает вопрос: почему не пишется текст на русском языке, скорее всего заданный вами шрифт не поддерживает кириллицу, обращайте внимание при скачивании, есть ли поддержка русского языка/кириллицы.
Вы можете изменить размер текста, бывает, что при изменении размеров изображения вы пытаетесь написать текст, а размер шрифта слишком маленький, пока решения этой проблемы нету.
Вы можете определить отображение шрифта - сглаженное, резкое, чёткое.
Если у вас несколько строк текста, то для них можно определить выравнивание - по левому краю, по центру, по правому краю.
Так же вы можете выбрать очертания вашего текста - обычное, полужирное, курсивное, обычное-курсивное, полужирное - курсивное.
Важной настройкой является возможность пустить текст по траектории. Для этого вам предоставляются шаблоны кривых,по траектории которых и будет располагаться текст.
Диалоговое меню работы с траекториями текста выглядит следующим образом:
Бегунок Bend/Изгиб при положительном значении выгибает текст вверх, при отрицательном - вниз.
Бегунок Horizontal Distortion/Искажение по горизонтали - положительные значения увеличивают правую часть текста, отрицательные - левую.
Бегунок Vertical Distortion/ Искажение по вертикали - положительные значения делают наклон вверх, отрицательные вниз.
играя с бегунками, можно получить желаемый результат
Текст в Тексте.
Иногда, вам хочется сделать текст в тексте, а как сделать это вы не знаете.
1. Пишем текст крупным шрифтом.
2. Растрируем текст/Rasterize type
Layer/слой >>Rasterize/растрировать>>type/текст
3. Используем инструмент прямоугольное выделение(М) и выделяем ту область, на которой у нас будет второй текст. кликаем правой клавишей мыши и Вырезаем на новый слой.Убираем видимость этого слоя и пишем текст.
4. Убираем видимость вырезанного слоя и пишем текст. Добавляем по вкусу эффектов и вуа-ля
Урок №2 Делаем простой аватар (или анимированный).
Вы думали, сделать аватар сложно? Так вот, вы жестоко ошибались! На самом деле, нет проще дела, чем изготовить аватар (простой, без эффектов и надписей).
Для этого нам потребуется, в первую очередь, открыть фотошоп. В нем открываем понравившуюся нам картинку, File ---> Open... или же Ctrl+O. Открыли. Например, вот такую.
*Далее, создаем новый файл требуемого размера (файл - новый. высота Х ширина У напр. 100*100, 120*120, в общем, рзмер аватара, который вам нужен)) и с помощью инструмента Move Tool (V) перетаскиваем изображение в новый файл.
*Все,большое изображение можно закрывать.
*Переходим к новму файлу. Если появившееся изображение вас удовлетворяет, сохраняйте. Если же нет, то подвигайте его немного, пока не дойдете до нужного результата. (видна будет только чсть большой картинки)
или так
Если вы хотите добавить рамку на аватар,
то поступите следующим образом:
1. Выделите аватар с помощью инструмента Rectangular Marquee Tool (M) (Прямоугольное выделение)
2. Не снимая выделения, нажмите на изображении правой кнопкой мыши и выберите Stroke (Выполнить обводку или как-то так, точно не знаю)
3. Выберите цвет и смело жмите "ОК".
В общем, все зависит от вашей фантазии Простой аватар готов)))
Желаю удачи
Делаем простой анимированный аватар (приступать лучше после 7 урока)
И так чуть выше научились вырезать из любой картинки аватар.. теперь сделаем из нескольких обычных один.. в котором будут сменять друг друга картинки..
1. И так.. сначала открываем те картинки которые хотим задействовать.. вот я выбрала такие:
2. Теперь с помощью кодирования удерживая Shift нарезаем нужные нам квадраты. и потом в верхней панели выбираем
изображение-размер изображения (или Alt+Ctrl+I) вводим к примеру размер 150x150.. для каждой..
выберете свои картинки или вместе с уроком:
.....
.....
.....
3. Выбираем один аватар (назовем его главный)..а на других 3х инструментом прямоугольная область.. выделяем полностью аватар
4. теперь с помощью инструмента "Перемещение" перетаскиваем к главному.. и проделываем это с другими
получается примерно такая картина.. см ниже.. остальные можем закрывать они нам больше не понадобятся..
5. теперь с помощью того же инструмента "Перемещение" выравниваем все аватары.. что бы кроме одной картинки не было видно других..
И размещаем авики в нужном нам порядке как они будут располагаться.. с низу вверх по возрастанию..
6. добавляем текст к каждой аватарке.. у нас выбрано
- Люблю всегда
- Ревную иногда
- А может мне..
- Забыть тебя?
и на этой стадии мы имеем:
7. теперь переходим либо в ImageReady или остаемся в фотошопе.. переходим к панели анимация.. если его нет то выбираем.. Окно-анимация..
нажимаем на значок "Дублируем кадр" выделен красным авалом что бы у нас получилось 4 кадра..
далее устанавливаем:
-для первого кадра (нажимая его он выделяется) в панели слоев оставляем видимым Слой1 и текст "Люблю всегда" на других снимаем глазик..
- для воторого кадра(нажимаем на него) видимы Слой1 и слой2 и текст "Ревную иногда"
-для третьего 2слой и 3слой и текст "А может мне.."
-для четвертого 3слой и 4слой и текст "Забыть тебя?"
8. Потом установим что бы анимация проходила всегда
9. и нажимая плей мы получаем быстрые кадры в которых не то что текст не разглядеть так и всю картинку каждого кадра..
поэтому экспериментируем со временем понимая что когда сохраним кадры будут перебираться быстрее..
сейчас ставим на все кадры по 1,0 секунде
10. и теперь если вы довольны результатом то:
возвращаетесь в фотошоп или если вы были в фотошопе.. выбираете: файл - сохранить для web- выбирая GIF. ниже заказная и еще ниже случайная - нажимаем Save.. Мы получаем:
11. Но возможно вы хотите более плавные переходы от одного кадра к другому поэтому пропускаем 10 ход и продолжаем..
12. и так выделяем первый кадр нажимая на него и ниже нажимаем на кнопку "Tweens кадры анимации" выделено красным овалом.. появляется данное меню где устанавливаем как на рисунке.. я установила 4 промежуточных кадра.. чем их больше.. значит плавно получится.. но тем самым и будет возрастать вес аватарки..
потом выделяем 2й кадр(который теперь стал №6)и проделываем тоже самое.. потом с 3 (теперь №11).. и у нас получается всего 16 кадров.. но если будем просматривать в анимации то у нас остается быстрый переход между первой и последней..
13. поэтому еще раз добавляем кадр (7 шаг) и он будет под номером 17...
копируем 1слой (Сtrl+J) и переносим его над 4слоем устанавливая видимость 4слоя и слой1(копия) и текс Люблю всегда:
14. теперь выделяем 16 кадр и делаем ход ранее.. то есть раскладываем еще на 4.. и у нас получается всего 21 кар.. НО так как 21=1.. 21 мы удаляем.. (см хо 7 справа от выделенного есть корзина)..
15. Вот почти и все.. осталось дело за малым.. это проставить время.. на главных кадрах у нас их изначально было 4 делаем время больше чем на других.. так как на них будем задерживаться.. а на переходных делаем 0 или 0,1 сек.. больше не нужно так как у нас и так большое количество кадров..
я установила на главных №1,6,11,16 по 1,5 сек.. выбирая в функции время - другое- и прописывала его.. так как 1,0 довольно быстро а 2,0 уже медленно.. а на всех других -без задержки-
теперь переходим фотошоп ил если вы в нем и оставались осталось сохранить результат.. см шаг 10.
И вот наш результат
Для этого нам потребуется, в первую очередь, открыть фотошоп. В нем открываем понравившуюся нам картинку, File ---> Open... или же Ctrl+O. Открыли. Например, вот такую.
*Далее, создаем новый файл требуемого размера (файл - новый. высота Х ширина У напр. 100*100, 120*120, в общем, рзмер аватара, который вам нужен)) и с помощью инструмента Move Tool (V) перетаскиваем изображение в новый файл.
*Все,большое изображение можно закрывать.
*Переходим к новму файлу. Если появившееся изображение вас удовлетворяет, сохраняйте. Если же нет, то подвигайте его немного, пока не дойдете до нужного результата. (видна будет только чсть большой картинки)
или так
Если вы хотите добавить рамку на аватар,
то поступите следующим образом:
1. Выделите аватар с помощью инструмента Rectangular Marquee Tool (M) (Прямоугольное выделение)
2. Не снимая выделения, нажмите на изображении правой кнопкой мыши и выберите Stroke (Выполнить обводку или как-то так, точно не знаю)
3. Выберите цвет и смело жмите "ОК".
В общем, все зависит от вашей фантазии
Простой аватар готов)))Желаю удачи
Делаем простой анимированный аватар (приступать лучше после 7 урока)
И так чуть выше научились вырезать из любой картинки аватар.. теперь сделаем из нескольких обычных один.. в котором будут сменять друг друга картинки..
1. И так.. сначала открываем те картинки которые хотим задействовать.. вот я выбрала такие:
2. Теперь с помощью кодирования удерживая Shift нарезаем нужные нам квадраты. и потом в верхней панели выбираем
изображение-размер изображения (или Alt+Ctrl+I) вводим к примеру размер 150x150.. для каждой..
выберете свои картинки или вместе с уроком:
...............3. Выбираем один аватар (назовем его главный)..а на других 3х инструментом прямоугольная область.. выделяем полностью аватар
4. теперь с помощью инструмента "Перемещение" перетаскиваем к главному.. и проделываем это с другими
получается примерно такая картина.. см ниже.. остальные можем закрывать они нам больше не понадобятся..
5. теперь с помощью того же инструмента "Перемещение" выравниваем все аватары.. что бы кроме одной картинки не было видно других..
И размещаем авики в нужном нам порядке как они будут располагаться.. с низу вверх по возрастанию..
6. добавляем текст к каждой аватарке.. у нас выбрано
- Люблю всегда
- Ревную иногда
- А может мне..
- Забыть тебя?
и на этой стадии мы имеем:
7. теперь переходим либо в ImageReady или остаемся в фотошопе.. переходим к панели анимация.. если его нет то выбираем.. Окно-анимация..
нажимаем на значок "Дублируем кадр" выделен красным авалом что бы у нас получилось 4 кадра..
далее устанавливаем:
-для первого кадра (нажимая его он выделяется) в панели слоев оставляем видимым Слой1 и текст "Люблю всегда" на других снимаем глазик..
- для воторого кадра(нажимаем на него) видимы Слой1 и слой2 и текст "Ревную иногда"
-для третьего 2слой и 3слой и текст "А может мне.."
-для четвертого 3слой и 4слой и текст "Забыть тебя?"
8. Потом установим что бы анимация проходила всегда
9. и нажимая плей мы получаем быстрые кадры в которых не то что текст не разглядеть так и всю картинку каждого кадра..
поэтому экспериментируем со временем понимая что когда сохраним кадры будут перебираться быстрее..
сейчас ставим на все кадры по 1,0 секунде
10. и теперь если вы довольны результатом то:
возвращаетесь в фотошоп или если вы были в фотошопе.. выбираете: файл - сохранить для web- выбирая GIF. ниже заказная и еще ниже случайная - нажимаем Save.. Мы получаем:
11. Но возможно вы хотите более плавные переходы от одного кадра к другому поэтому пропускаем 10 ход и продолжаем..
12. и так выделяем первый кадр нажимая на него и ниже нажимаем на кнопку "Tweens кадры анимации" выделено красным овалом.. появляется данное меню где устанавливаем как на рисунке.. я установила 4 промежуточных кадра.. чем их больше.. значит плавно получится.. но тем самым и будет возрастать вес аватарки..
потом выделяем 2й кадр(который теперь стал №6)и проделываем тоже самое.. потом с 3 (теперь №11).. и у нас получается всего 16 кадров.. но если будем просматривать в анимации то у нас остается быстрый переход между первой и последней..
13. поэтому еще раз добавляем кадр (7 шаг) и он будет под номером 17...
копируем 1слой (Сtrl+J) и переносим его над 4слоем устанавливая видимость 4слоя и слой1(копия) и текс Люблю всегда:
14. теперь выделяем 16 кадр и делаем ход ранее.. то есть раскладываем еще на 4.. и у нас получается всего 21 кар.. НО так как 21=1.. 21 мы удаляем.. (см хо 7 справа от выделенного есть корзина)..
15. Вот почти и все.. осталось дело за малым.. это проставить время.. на главных кадрах у нас их изначально было 4 делаем время больше чем на других.. так как на них будем задерживаться.. а на переходных делаем 0 или 0,1 сек.. больше не нужно так как у нас и так большое количество кадров..
я установила на главных №1,6,11,16 по 1,5 сек.. выбирая в функции время - другое- и прописывала его.. так как 1,0 довольно быстро а 2,0 уже медленно.. а на всех других -без задержки-
теперь переходим фотошоп ил если вы в нем и оставались осталось сохранить результат.. см шаг 10.
И вот наш результат
Урок №1 Как кадрировать изображение
В этом уроке вы узнаете, как кадрировать изображение правильно и красиво со всех сторон, разных форм.
Или как задать параметры изменения размеров изображения.
В некоторых уроках кадрирование называется кроп.
Инструмент "рамка" или попросту кадрирование вызывается буквой C или этим значком
Кадрировать изображение можно несколькими способами.
Итак, у нас присутствуют инструменты:
Выделение с помощью областей, масок, лассо, волшебной палочки, фигур.
Подробнее насчет выделение с помощью фигур.
Инструмент Эллипс вызывается буквой U или на пенили инструментов, вот она
Конечно, не только эти фигуры есть в ФШ, есть стандартные на этой панели
Воспользовавшись инструментом, вы замечаете, что никакой выделенной области, просто нарисованная фигура. Теперь, открываем окно контуры: Window>>Contour и образуем выделенную область, важно чтобы был отмечен слой с фигурой. Возвращаемся к слоям, заметили, теперь вокруг нашей фигуры образовалось выделение. Переходим к первому слою, где находится наше изображение, жмем комбинацию cntr+J, удаляем слой с фигурой и начальный, еще способ на изображении кликаем правой стороны мышкой, выбираем: инверсия выделенной области и жмем delete.
Это был первый способ для не стандартного кадрирования, то есть не прямоугольное кадрирование и без установок размеров.
А теперь будем использовать инструмент "рамка"
Далее, чтобы применить настройки идем: Изображение>>Размер изображения и выставляем нужные параметры.
Собственно, бывает такой вопрос, как сделать так:
Для начала повторяем процедуру с фигурами, используя фигуру Прямоугольник с округленными краями. Идем до того, как наше изображение выделится, толькосразу удалим слой с фигурой. Теперь, будем делать поправки выбираем инструмент Прямоугольная область, в верхней панели инструментов ставим его на Добавление к выделенной области и делаем нужный контур на тех углах, чтобы были видны. А дальше как было описано выше.
Теперь расскажем о планах кропа. Я взяла этоизображение.
1. Центральное кадрирование - сейчас уже используется редко, так как не советуют использовать такой кроп,но если подставлять задний фон или еще одно изображение, выходит неплохо.
переместим изображение с помощью инструмента перемещения-V. Убираем фон, а на задний вставляем любое другое изображение.
P.S я в своем примере отразила изображение по горизонтали>>Edit -Transform - Flip Horizontal
2. Лицо - лучше, когда вы используете пропорцию 1 к 3
самая распространенная ошибка - не оставлять места на аватаре и обрезать шею, никогда так не делайте
3. Лицо + Волосы.
4. Лицо+Волосы+Одежда.
=
=
=
5. Одежда, аксессуары - используется, если вы работаете на тему моды, делаете стоковые аватары.
=
Или как задать параметры изменения размеров изображения.
В некоторых уроках кадрирование называется кроп.
Инструмент "рамка" или попросту кадрирование вызывается буквой C или этим значком
Кадрировать изображение можно несколькими способами.
Итак, у нас присутствуют инструменты:
Выделение с помощью областей, масок, лассо, волшебной палочки, фигур.
Подробнее насчет выделение с помощью фигур.
Инструмент Эллипс вызывается буквой U или на пенили инструментов, вот она
Конечно, не только эти фигуры есть в ФШ, есть стандартные на этой панели
Воспользовавшись инструментом, вы замечаете, что никакой выделенной области, просто нарисованная фигура. Теперь, открываем окно контуры: Window>>Contour и образуем выделенную область, важно чтобы был отмечен слой с фигурой. Возвращаемся к слоям, заметили, теперь вокруг нашей фигуры образовалось выделение. Переходим к первому слою, где находится наше изображение, жмем комбинацию cntr+J, удаляем слой с фигурой и начальный, еще способ на изображении кликаем правой стороны мышкой, выбираем: инверсия выделенной области и жмем delete.
Это был первый способ для не стандартного кадрирования, то есть не прямоугольное кадрирование и без установок размеров.
А теперь будем использовать инструмент "рамка"
Далее, чтобы применить настройки идем: Изображение>>Размер изображения и выставляем нужные параметры.
Собственно, бывает такой вопрос, как сделать так:
Для начала повторяем процедуру с фигурами, используя фигуру Прямоугольник с округленными краями. Идем до того, как наше изображение выделится, толькосразу удалим слой с фигурой. Теперь, будем делать поправки выбираем инструмент Прямоугольная область, в верхней панели инструментов ставим его на Добавление к выделенной области и делаем нужный контур на тех углах, чтобы были видны. А дальше как было описано выше.
Теперь расскажем о планах кропа. Я взяла этоизображение.
1. Центральное кадрирование - сейчас уже используется редко, так как не советуют использовать такой кроп,но если подставлять задний фон или еще одно изображение, выходит неплохо.
переместим изображение с помощью инструмента перемещения-V. Убираем фон, а на задний вставляем любое другое изображение.
P.S я в своем примере отразила изображение по горизонтали>>Edit -Transform - Flip Horizontal
2. Лицо - лучше, когда вы используете пропорцию 1 к 3
самая распространенная ошибка - не оставлять места на аватаре и обрезать шею, никогда так не делайте
3. Лицо + Волосы.
4. Лицо+Волосы+Одежда.
===5. Одежда, аксессуары - используется, если вы работаете на тему моды, делаете стоковые аватары.
=
Урок №0 Как Сгладить текст
Часто просматривая работы указываем на недочеты.. и совсем не для того что бы обидеть человека.. а для того что бы он понял свою ошибку.. самая распространенная ошибка это не сглаженный текст.. поэтому решила написать мини урок на данную тему))* * *
Все очень просто для выполнения данного урока:
1.скопируйте шаблон и откройте его в PhotoShop (файл-открыть; File-Open)
2.выбирете цвет шрифта черный #000000 он наиболее наглядно показывает изменение..
и выбирая любой двуязычный шрифт прописываем "Sample" и "пример" изменяя вид сглаживания))
показывая готовый шаблон показывает что урок пройден) и вы наши где именно находится данная функция)
* * *
3.для наглядности вот изображение где именно находится данная функция
так же еще показала дополнительное окно которое можно тоже использовать, но оно совершенно идентично))
Все очень просто для выполнения данного урока:
1.скопируйте шаблон и откройте его в PhotoShop (файл-открыть; File-Open)
2.выбирете цвет шрифта черный #000000 он наиболее наглядно показывает изменение..
и выбирая любой двуязычный шрифт прописываем "Sample" и "пример" изменяя вид сглаживания))
показывая готовый шаблон показывает что урок пройден) и вы наши где именно находится данная функция)
* * *
3.для наглядности вот изображение где именно находится данная функция
так же еще показала дополнительное окно которое можно тоже использовать, но оно совершенно идентично))
Какие уроки вы бы хотели видеть у нас в сообе?
Не все ведь умеют превосходно работать в фотошопе (да и мы все тоже не гении), но учиться хочется. И как всегда не знаешь за что браться. Именно для этого пишите сюда: что вам не понятно, какие эффекты работы фотошопа вы хотите видеть, как получается та или иная анимация. Или вам просто понравилась ава и вы хотите сделать что-то подобное. Пишите - мы поможем и объясним!
Приведите пример того, что вам не понятно.. того, чему хотелись бы научиться
Приведите пример того, что вам не понятно.. того, чему хотелись бы научиться
Улучшение качества неудачной картинки/фотографии
Сегодня мы будем учиться улучшать качество не слишком удачных картинок)) К ним, в данном случае, будут относится снимки, снятые на профессиональную аппаратуру, но по каким-либо причинам неудачно получившиеся в плане резкости и света/теней =) Специально, конечно, такие исходники искать не нужно для того, чтобы выполнить данный простой мини-урок. Но если вам таковой попадется, то вы вполне можете им воспользоваться после небольших действий, описанных ниже.
Итак, чтобы наглядно вам было понятно, о каких исходниках идет речь, приведу несколько примеров:
Как мы все знаем, качество картинки зависит не только от умелых рук фотографа, но главное - от качества фотоаппаратуры. Как видно из вышепредставленных картинок, снимки довольно хорошего качества. Но в каждом из них - чего то не хватает... На каждой картинке недостаточно резкости (мне, любителю резких снимков это в первую очередь бросается в глаза), на картинке с бокалом пива - недостаточно яркие цвета.
Как всё это исправить? Очень легко, используя всего лишь несколько несложных приемов =)
Итак, я предлагаю остановиться на бокале пива. Именно эту картинку будем преобразовывать.
Шаг 1. Открываем нужную нам картинку в ФШ. Дублируем основной слой Ctrl+J. Идем в меню Filter - Other - High Pass (Фильтр - Другой - Цветовой Контраст) и выставляем значение в 5 px. Меняем режим наложения на Hard Light/Жесткий Cвет/
Шаг 2. Дублируем получившийся (в результате первого шага слой).
Шаг 3. Теперь дублируем основной слой и ставим в режим наложения Screen. Образовавшиеся излишне светлые места можно стереть ластиком.
Шаг 4. Объединяем все слои в один и идем в меню Image - Adjustments - Shadow and Highlights (Изображение - Коррекция - Света/Тени) и переходим в расширенный режим данного меню, нажав галочку Show More Options (Показать Больше Опций). Теперь осталось подобрать идеальное сочетание параметров; для этого передвигайте ползунки так, чтобы достичь идеального результата.
Картинка готова =)
Важно помнить, чтос помощью данного метода преобразовываются средние и большие изображения. Так что если вы хотите сделать из исходника красивый аватар, то сначала проделайте этот мини-урок, и только потом уменьшайте исходник до нужного размера (после чего можно добавить Sharpen/Резкость, в меню Filter/Фильтр).
Итак, в результате этих нехитрых действий я получила следующие результаты:
В зависимости от различных исходников, параметры тех или иных настроек можно и нужно менять)) Эксперементируйте! И у вас всё получится!
Кстати, данная техника успешно используется для имитации HDR снимков. Но это, так сказать, упрощенный вариант =)
Итак, чтобы наглядно вам было понятно, о каких исходниках идет речь, приведу несколько примеров:
Как мы все знаем, качество картинки зависит не только от умелых рук фотографа, но главное - от качества фотоаппаратуры. Как видно из вышепредставленных картинок, снимки довольно хорошего качества. Но в каждом из них - чего то не хватает... На каждой картинке недостаточно резкости (мне, любителю резких снимков это в первую очередь бросается в глаза), на картинке с бокалом пива - недостаточно яркие цвета.
Как всё это исправить? Очень легко, используя всего лишь несколько несложных приемов =)
Итак, я предлагаю остановиться на бокале пива. Именно эту картинку будем преобразовывать.
Шаг 1. Открываем нужную нам картинку в ФШ. Дублируем основной слой Ctrl+J. Идем в меню Filter - Other - High Pass (Фильтр - Другой - Цветовой Контраст) и выставляем значение в 5 px. Меняем режим наложения на Hard Light/Жесткий Cвет/
Шаг 2. Дублируем получившийся (в результате первого шага слой).
Шаг 3. Теперь дублируем основной слой и ставим в режим наложения Screen. Образовавшиеся излишне светлые места можно стереть ластиком.
Шаг 4. Объединяем все слои в один и идем в меню Image - Adjustments - Shadow and Highlights (Изображение - Коррекция - Света/Тени) и переходим в расширенный режим данного меню, нажав галочку Show More Options (Показать Больше Опций). Теперь осталось подобрать идеальное сочетание параметров; для этого передвигайте ползунки так, чтобы достичь идеального результата.
Картинка готова =)
Важно помнить, чтос помощью данного метода преобразовываются средние и большие изображения. Так что если вы хотите сделать из исходника красивый аватар, то сначала проделайте этот мини-урок, и только потом уменьшайте исходник до нужного размера (после чего можно добавить Sharpen/Резкость, в меню Filter/Фильтр).
Итак, в результате этих нехитрых действий я получила следующие результаты:
В зависимости от различных исходников, параметры тех или иных настроек можно и нужно менять)) Эксперементируйте! И у вас всё получится!
Кстати, данная техника успешно используется для имитации HDR снимков. Но это, так сказать, упрощенный вариант =)
Некоторые нехитрые практические советы
При создании какого-либо изображения в фотошопе, будь то аватарка или новые обои, и постоянно пользуюсь одними и теми же приемчиками, которые, на мой взгляд, довольно заметно улучшают общий вид и качество работы. Поделюсь с вами некоторыми из них =)
1) Резкость
Я заметила, что при уменьшении картинки до размера аватарки резкость пропадает, причем значительно. Для того, чтобы этого не происходило, после уменьшения картинки я использую следующую функцию:
Filter/Фильтр - Sharpen/Резкость - Sharpen/Резкость. Обычно этого хватает, чтобы значительно улучшить резкость изображения =) Сравните сами:
===> 
2) Насыщенность/Цветовая Коррекция
На форуме довольно таки много уроков по различным колоризациям и там есть подобные приемчики, но так как это я все посвящаю новичкам, то расскажу еще раз. Бывает, что картинке очень нехватает красочных ярких цветов. Это можно исправить довольно быстро, заядя в меню Image/Изображение - Adjustment/Коррекция - Hue/Saturation/Цветовой тон/Насыщенность или просто нажать (Cntr+U) и увеличивать средний бегунок (Saturation/Насыщенность) до необходимого нам результата (если бегунок снижать в левую сторону, насыщенность будет снижаться до черно-белых цветов).
Пример:
===> 
*Saturation/Насыщенность увеличена до +45
Также можно использовать другой способ работы с цветом, в меню Image/Изображение - Adjustment/Коррекция - Selective Colours/Выборочная Коррекция Цвета. В данном меню вы можете настраивать и корректировать отдельные цвета. Подробнее об этом вы сможете узнать в уроках форума, посвященных различным колоризациям.
3) Темная/Светлая Картинка
Слишком темную/светлую картинку можно за одно действие несколько улучшить. Для этого заходим в меню Image/Изображение - Adjustment/Коррекция - Curves/Кривые. В появившемся окне меняем настройки так, как нам это необходимо:
- выгибая линию вверх (за центральную точку) - мы тем самым высветляем изображение;
- выгибая линию вниз изображения затемняется.
Пример:
===> 
Можно проделать тоже самое иным способом, отличие заключается лишь в том, что этот способ высветляет/затемняет не всю картинку, а только затененные/засвеченные области на изображении: Image/Изображение - Adjustment/Коррекция - Swadow/Highlight/Света/Тени.
Пример:
===> 
1) Резкость
Я заметила, что при уменьшении картинки до размера аватарки резкость пропадает, причем значительно. Для того, чтобы этого не происходило, после уменьшения картинки я использую следующую функцию:
Filter/Фильтр - Sharpen/Резкость - Sharpen/Резкость. Обычно этого хватает, чтобы значительно улучшить резкость изображения =) Сравните сами:
===> 2) Насыщенность/Цветовая Коррекция
На форуме довольно таки много уроков по различным колоризациям и там есть подобные приемчики, но так как это я все посвящаю новичкам, то расскажу еще раз. Бывает, что картинке очень нехватает красочных ярких цветов. Это можно исправить довольно быстро, заядя в меню Image/Изображение - Adjustment/Коррекция - Hue/Saturation/Цветовой тон/Насыщенность или просто нажать (Cntr+U) и увеличивать средний бегунок (Saturation/Насыщенность) до необходимого нам результата (если бегунок снижать в левую сторону, насыщенность будет снижаться до черно-белых цветов).
Пример:
===> *Saturation/Насыщенность увеличена до +45
Также можно использовать другой способ работы с цветом, в меню Image/Изображение - Adjustment/Коррекция - Selective Colours/Выборочная Коррекция Цвета. В данном меню вы можете настраивать и корректировать отдельные цвета. Подробнее об этом вы сможете узнать в уроках форума, посвященных различным колоризациям.
3) Темная/Светлая Картинка
Слишком темную/светлую картинку можно за одно действие несколько улучшить. Для этого заходим в меню Image/Изображение - Adjustment/Коррекция - Curves/Кривые. В появившемся окне меняем настройки так, как нам это необходимо:
- выгибая линию вверх (за центральную точку) - мы тем самым высветляем изображение;
- выгибая линию вниз изображения затемняется.
Пример:
===> Можно проделать тоже самое иным способом, отличие заключается лишь в том, что этот способ высветляет/затемняет не всю картинку, а только затененные/засвеченные области на изображении: Image/Изображение - Adjustment/Коррекция - Swadow/Highlight/Света/Тени.
Пример:
===>
Секреты Фш>Качество, форматы, маленькие хитрости...
Любая аватарка, подпись или другое изображение, создаваемое вами в фотошопе требует высочайшего качества для того, чтобы выглядеть законченной, и несомненно, притягивать взгляд.
К сожалению, все начинающие пользователи Photoshop зачастую забывают о самом главном - КАЧЕСТВО, ведь именно оно играет решающую роль в ваших работах.
Итак, сегодня я расскажу о том, как не потерять качество от пути фотошопа к интернету, а также раскрою вам несколько своих секретов, которыми я пользуюсь ПОСТОЯННО при создании своих работ!
Итак, для начала научимся сохранять изображения с максимально-возможным качеством:
1) Статика
Все статические изображения целесообразно сохранять в формате *.jpeg или *.png-24 =)
Когда я только начинала осваивать фотошоп, я сохраняла изображения через меню File/Файл - Save As/Сохранить как...
Но... Придя на этом форум узнала совершенно иной способ, которым пользуюсь и по сей день) Так что и вам расскажу более подробно про него...
Итак, ваша аватарка или любая другая работа готова. Идем в меню File/Файл - Save for Web/Сохранить для Web. Видим следующее:
Если вы правильно следуете инструкциям, то ваше изображение сохраниться на компьютере с максимальным качеством.
2) Анимация
Когда вы сохраняете анимацию, в том же окне вы вместо формата jpeg выбираете формат gif.
Но здесь есть ряд отличий, вникать в которые мы не будем, я лишь продемонстрирую самые максимально-возможные настройки лучшего качества:
К сожалению, формат gif имеет ряд недостатков, один из главных - потеря качества, так как формат gif предполагает сохранение лишь 256 цветов, поэтому качество в данном формате улучшить вам не удасться.
На практике, чтобы избежать плохого качества, сохраняя изображения в gif, лучше выбирать исходники с небольшой палитрой цветов, в идеале - черное-белые.
___________________________________________________________________________
Итак, изображение на компьютере без потери качества мы сохранили. Но, это еще не все.
Все современные сервисы по загрузке картинок для получения ссылок имеют ряд дополнительных функций, которыми НЕОБХОДИМО пользоваться для того, чтобы не потерять качество.
Я пользуюсь сервисом для загрузки картинок http://www.radikal.ru/
Для того, чтобы в результате загрузки картинка не потеряла качество, вам необходимо следать за тем, чтобы выполнялись следующие условия:
1) Для начала нажимаем на надпись: "ДОПОЛНИТЕЛЬНЫЕ ПАРАМЕТРЫ";
2) Качество с 85 меняем до 100;
ТОЛЬКО ПОСЛЕ ЭТОГО нажимаем Обзор... и загружаем необходимое нам изображение.
*Только при выполнении всех вышеперечисленных условий картинка загрузиться такой, какой вы сохранили у себя на компьютере. Проверить это можно на странице загрузки - изначальный размер должен соответствовать размеру после загрузки:
*****
Теперь поговорим про ссылочки, у некоторых новичков это тоже вызывает вопросы. Итак, вы загрузили изображение и перед вами появилось множество ссылок. Какую из них вставлять в форум?
1. Обычная ссылка. Будет иметь вид адреса картинки.
2. Картинка в тексте. Будет отображаться в виде картинки в вашем сообщении))
3. Превью - увеличение по клику. Будет отображаться маленькой картинокй (уменьшенный оригинал), а при нажатии будет выводиться на экран полноразмерный вариант
К сожалению, все начинающие пользователи Photoshop зачастую забывают о самом главном - КАЧЕСТВО, ведь именно оно играет решающую роль в ваших работах.
Итак, сегодня я расскажу о том, как не потерять качество от пути фотошопа к интернету, а также раскрою вам несколько своих секретов, которыми я пользуюсь ПОСТОЯННО при создании своих работ!
Итак, для начала научимся сохранять изображения с максимально-возможным качеством:
1) Статика
Все статические изображения целесообразно сохранять в формате *.jpeg или *.png-24 =)
Когда я только начинала осваивать фотошоп, я сохраняла изображения через меню File/Файл - Save As/Сохранить как...
Но... Придя на этом форум узнала совершенно иной способ, которым пользуюсь и по сей день) Так что и вам расскажу более подробно про него...
Итак, ваша аватарка или любая другая работа готова. Идем в меню File/Файл - Save for Web/Сохранить для Web. Видим следующее:
Если вы правильно следуете инструкциям, то ваше изображение сохраниться на компьютере с максимальным качеством.
2) Анимация
Когда вы сохраняете анимацию, в том же окне вы вместо формата jpeg выбираете формат gif.
Но здесь есть ряд отличий, вникать в которые мы не будем, я лишь продемонстрирую самые максимально-возможные настройки лучшего качества:
К сожалению, формат gif имеет ряд недостатков, один из главных - потеря качества, так как формат gif предполагает сохранение лишь 256 цветов, поэтому качество в данном формате улучшить вам не удасться.
На практике, чтобы избежать плохого качества, сохраняя изображения в gif, лучше выбирать исходники с небольшой палитрой цветов, в идеале - черное-белые.
___________________________________________________________________________
Итак, изображение на компьютере без потери качества мы сохранили. Но, это еще не все.
Все современные сервисы по загрузке картинок для получения ссылок имеют ряд дополнительных функций, которыми НЕОБХОДИМО пользоваться для того, чтобы не потерять качество.
Я пользуюсь сервисом для загрузки картинок http://www.radikal.ru/
Для того, чтобы в результате загрузки картинка не потеряла качество, вам необходимо следать за тем, чтобы выполнялись следующие условия:
1) Для начала нажимаем на надпись: "ДОПОЛНИТЕЛЬНЫЕ ПАРАМЕТРЫ";
2) Качество с 85 меняем до 100;
ТОЛЬКО ПОСЛЕ ЭТОГО нажимаем Обзор... и загружаем необходимое нам изображение.
*Только при выполнении всех вышеперечисленных условий картинка загрузиться такой, какой вы сохранили у себя на компьютере. Проверить это можно на странице загрузки - изначальный размер должен соответствовать размеру после загрузки:
*****
Теперь поговорим про ссылочки, у некоторых новичков это тоже вызывает вопросы. Итак, вы загрузили изображение и перед вами появилось множество ссылок. Какую из них вставлять в форум?
1. Обычная ссылка. Будет иметь вид адреса картинки.
2. Картинка в тексте. Будет отображаться в виде картинки в вашем сообщении))
3. Превью - увеличение по клику. Будет отображаться маленькой картинокй (уменьшенный оригинал), а при нажатии будет выводиться на экран полноразмерный вариант
Одобрение
Сюда выкладываем аватары,Видео Аватары,Статику,Эпиграфы на Одобрение(на продолжение работать тут)
В этой группе, возможно, есть записи, доступные только её участникам.
Чтобы их читать, Вам нужно вступить в группу
Чтобы их читать, Вам нужно вступить в группу
