Сюда выносятся все уроки.
IS LOVE
Блестки в картинке
Простейшие блестки
Шум
Вспышка
Проблик света
Эффект биения
Анимированный дождь
Глит. надпись
Анимация из видео
Рисование в облаках
Делаем кисти
Делаем узоры
Анимированый глянец
Линии "от толстого к тонкому"
Рамка в точечку
Простой юзербар
Уменьшаем вес картинки
Создание радуги
Перекраска волос
Уроки [Photoshop]
Сообщений 1 страница 20 из 21
Поделиться12009-10-04 10:45:14
Поделиться22009-10-04 10:46:49
Как делать is love (излавки)
Создание своей собственной излавки
Стандартный размер излавок 470×129px, внутренних картинок: 90×98px.
Создаем основу нашей is love: File> new> width=470px, height=129px, background: transparent
Открываем 5 изображений для излавки: file> open.
Каждую картинку нужно привести к форме 90×98px
Для этого вырезаем из картинки нужный фрагмент: выделяем нужную область изображения инструментом Reqctangular Marquee Tool (пунктирная рамочка)> ctrl+c, ctrl+n, ctrl+V (или image> crop)> и уменьшаем картинку до нужных размеров (image> size) по ширине или высоте. Чтобы она была ровно 90×98px, создаем чистый лист размером 90×98px (file> new), обводим его инструментом Reqctangular Marquee Tool (пунктирная рамочка) и перетаскиваем эту пустую рамочку, не отпуская левой кнопки мыши, на нашу уменьшенную картинку, после чего вырезаем из нее выделенный фрагмент 90*98px по нашему "шаблону": image> crop. Вырезанную картинку копируем на наш лист 470×129px. Точно так же поступаем с оставшимися 4 изображениями.
Картинки переставляем в нужном порядке и так, чтобы расстояние между краями всего изображения и картинками было 2 пикселя, а между самими картинками — по 4 пикселя. Просто двигаем стрелками вверх-вниз нужное число раз.
Дублируем все слои с картинками 90×98:
И каждый такой дубль ставим на Blend mode: soft light.
Для этого просто кликаем правой кнопкой мыши по слою-копии и выбираем там "Blending Options...". Далее идем на вкладку "Blending Options Default" и ставим "Blend mode: soft light" > ok. Картинка станет ярче и увеличится резкость. Можно так же поиграться с фильтрами яркости-контрастности-резкости.
По желанию, заливаем фон цветом и обязательно обводим каждую картинку рамкой:
веделяем изображение прямоугольной областью, или проще: ctrl+a — жмем на слое в палитре слоев, чтобы он выделился сам > жмем правую кнопку по выделенному изображению> Stroke. Откроется окно, в котором нужно задать цвет будущей рамки и толщину линии в пикселях.
Добавляем надпись шрифтом Century Gothic и сердечки кистью islove (можно скачать шрифт и кисть). У меня получилась такая излавка:
Урок делала Ollenkka http://fantasyflash.ru
Поделиться32009-10-04 10:51:02
1 Урок: 2 урока, как загрузить узор (блестки) и как влепить их в картинку.
Открывает Photoshop, затем запускаем ImageReady. Загружаем в ImageReady блестяшку (я взяла эту)
Она разделяется на три слоя, теперь загружаем эту блестяшку в Photoshop из ImageReadу
Убираем "глазики" у всех слоев кроме первогоЗаходим в "Редактировать" выбираем "Определить узор" и кликаем "Да"
Потом ту же самую операцию на остальных слоях
Открываем картинку, я выбрала эту
Создаем ещё 2 дубликата слоя, всего у вас должно быть 3 слоя.
Берем лассо, кому как нравится, я люблю работать с магнитным лассо, удобнее, для начала увеличиваем картинки, для этого нажмите "лупу".
Теперь, начинаем выделять область волос:Далее убераем "Глазки" у всех слоев кроме первого
Выбираем "Лассо" и жмем правой кнопкой мыши на волосах
Далее нажимаем "Выполнить заливку", появится такое окошко
В поле "Использовать" выбираем "Узор", там где появилась надпись (на этом же окошечке) выбираем наши блестки, берем бервую блестку и выбираем не прозрачность 50%
Жмем "Да". Теперь выбираем 2 слой, бредварительно убрав "Глазик" у первого. Совершаем со вторым слоем тоже самое что и с первым, только выбираем не первую блестку, а вторую.
Теперь открываем окно "Анимации" (Окно ---> Анимация)
Нажимаем 2 раза на маленькой закладочке в окне анимации, так мы создадим слоиВыбираем первый слой анимации, и ставим глазик как у меня на скрине (окно анимации и окно со слоями)
Поделиться42009-10-04 10:52:27
2 Урок: Простейщие блестки
Открываем картинку щелкаем "Изображение", далее выбираем "Режим", потом "RGB"
Теперь создаем дубликаты слоев, жмем правой кнопкой мышки на изображении и выбираем "Создать дубликат слоя", жмем "ОК", повторяем эту операцию пока у нас не станет 3 слоя
Теперь убираем "Глазики" у всех слоев кроме первого
Теперь выбираем "Кисти", далее выбираем папку "Разные кисти", выбираем звездочку и "рисуем"
Запомните:
- не бликать слишком часто. Много – не значит хорошо.
- выбрать подходящий цвет для блёсток, лучше всего белыйТоже самое проделываем с остальными слоями. Пример: убираем "глазик" у первого слоя и ставим его у второго, потом лепим звездочки так же как и на первом, только в другом месторасположении
Далее выбираем "Окно", затем "Анимация"
Появится окошко, затем нажимаем 2 раза на листочек бумаги с загнутым углом (скрин) 2 раза
Жмем "Файл", потом "Сохранить для Web и устройств", появится окно, жмем "Да"
Поделиться52009-10-04 10:53:22
3 Урок: Шум
Итак открываем фотошоп, загружаем изображение, создаем слои (в данный момент 3), убираем "глазики" у всех слоев кроме первого и берем "волшебную палочку" и выделяем нужную область
Теперь жмем "Фильтр" ---> "Шум" ---> "Использовать шум"
Появится окошко, выбираем % шума, остальное как на скрине и жмем "ОК"
Тоже самое проделываем и с остальными слоями, не забывая убирать и ставить "Глазики" и менять % шума
Теперь открываем окно "Анимации" и создаем на нем 3 слоя (Урок №2)
Сейчас делаем тоже самое самое что мы делала в 1 и 2 уроке. Смотрим скрины
]
Поделиться62009-10-04 10:54:51
4 Урок: Вспышки
Итак, создаем 3 слоя (как создавать слои, смотрим в уроке №2), и сразу же убираем "глазики" у всех слоев кроме первого
Затем выбираем "Рендеринг" и "Блик..."
Появляется такое окошко, ныбираем место блика, его размер и жмем "ОК". Я выбрала для первого слоя размер 100%
На остальных слоях проделываем ту же операцию, изменяя лишь % блика (не забываем убирать "глазики")
Открываем окно "Анимация", создаем слои (Урок №2), уставливаем время 0.5 сек
Поделиться72009-10-04 10:56:05
5 Урок: Проблик света
Теперь выбираем "Изображение ---> Коррекция ---> Изогелия" и
Появится окошко, ставим значение 100
Жмакаем "Фильтр ---> Размытие ---> Радиальное размытие"
И ставим параментры как на скрине, не забываем переместить курсором мыши нужный нам угол (в зависимости от того куда должны идти лучи)
Теперь уменьшим прозрачность слоя до 60% и поставим в режим наложения слоя "Замена светлым" или "Осветление"
Поделиться92009-10-04 11:16:03
Урок делаем дождик
1)Опять же загружаем ФШ)))
2)Загружаем картиночку,на которой вы хотите сделать дождик)
3)Дублируем слой (Ctrl + J) желательно продублировать несколько раз)
4)В окне внизу самом низу справа появляется несколько продублированных слоев)
5)берем один из слоев(нажимаем на него,вокруг него должна появиться синеватая рамочка)6)Нажимаем "редактирование"("Edit") там жмем "выполнить заливку"
7)Появляется картиночка с параметрами заливки. Вы жмете на "Использовать" а там "цвет" вам предлагают выбрать цвет,выбираете такой цвет, в зависимости вашей загруженной картинки)
8)Идем в "Фильтр" на верху))) там нажимаем "шум",далее "добавить шум" то есть filter --- noise --- add noise
9)Появляется картиночка где вы можете выбрать частоту(количество)шума..выбираем сколько вам надо)
вот)
10)Опять же идем в Фильтр,но сейчас нажимаем "Размытие",потом "Размытие в Движении"
((Fiter->Blur->Motion Blur)11)В появившейся картинке выбираем в какую сторону будет лить ваш дождик) тто есть Угол))) вот смотрите)
12)Теперь проделываем то же самое с другими слоями,но изменяйте угол размытия) иначе никакого дождика не получится!
13)Сделали все что надо с остальными слоями? Тогда устанавливаем непрозрачность для каждого слоя...для этого жмем сюда:
Устанавливаем,на столько, на сколько вам надо))) разумеется)))14)Непрозрачность готова? Значит все готово для анимации! Идем в имэйдж рейди(Image Ready) Картиночка в панели инструментов в самом! низу))
Или же остаемся в Фотошопе,если у вас нету данной выше программы...ля этого идем в "окно" наверху)) там жмем "анимация" или же Windows---animation
15)Внизу появляется окно анимации...кадрируем изображение:
Столько,сколько у вас кадров с размытием)15)Далее,изображение кадрировано, остается сделать анимацию) делается так:
а) Ищем глазики стоящие рядом со слоями) вот такие:
б) теперь мы должны кое какие убрать,кое какие оставить) Приступаем)
Жмем первый кадр в окне анимации..должна высветиться синяя рамка вокруг него)
В этом окне убираем все глазки со слоев,оставляем видимым лишь первоначальный слой и первый слой размытия,который вы сделали)
Потом жмем на второй кадр анимации,убираем глазик в первого слоя размытия,ставим глазик на второй) и так далее в зависимости от числа созданных вами кадров)урок очень легкий желаю вам удачи
Анелия
Поделиться102009-10-18 08:00:32
Давно мечтали сделать глиттерную надпись без помощи всяких сайтов? Это просто! Я научу вас, как это делать!
1) Возьмите глиттер, с помощью которого хотите сделать надпись. Я взяла вот этот:
2)Зайдите в Adobe Image Ready и вставьте туда глиттер.
3)Конвертируйте глиттер в фотошоп.
4)Наш глиттер в фотошопе. Теперь по очереди берите слои и делайте следующее: Редактирование-)Определить узор
5)Когда вы определили в узоры все три слоя глиттера, создайте новый файл, где будет надпись. Я люблю формат 400 на 100 пикселей.
6)Напишите на этом документе надпись, которую хотите сделать глиттерной и растроите её.
7)Далее проходите Параметры наложения-)Перекрытие узора и на каждый слой вставляете глиттеры. На первый слой глиттер №1, на второй-№2 и на третий-№3.
8)Теперь осталась анимация. Создаём в анимации три кадра и в каждый кадр вставляем по одному слою: в первый кадр 1-ый слой, во второй-2-ой слой и в третий третий слой.
9)Глиттер готов! Теперь можете украсить его и вставить в подпись! Вот что получилось у меня:
Урок сделан Багамой (с)Bahama. Копирование без указывания автора СТРОГО ЗАПРЕЩЕНОВзято с форума: http://webstyle.bestff.ru/edit.php?id=1335
Поделиться112009-10-18 08:02:57
Делаю специально для Кимки.Чтобы картинки увеличивались нажми на неё.
1.Открываем Муви Мэйкер и загружаем нужное видео.
2.Перетаскиваем в строку нужное нам видео и нажимаем кнопку Print Screen Sys Rq(поищите на клаве.)
3.Открываем картинку в ФШ.Делаем новый слой и нажимаем Ctrl+V.Если файл не вставляется принт скиньте в муви мейкере ещё раз.
4.Делаем рамку вокруг картинки любого цвета.Используем кнопку "Произвольная фигура" и выбираем такую:
5.С помощью инструмента "рамка" вырезаем кадр вокруг рамки.вырезалка должно точно ровно идти по рамке.Убераем рамку из видимоси(нажимаем на "глазик" рядом с слоем.Получается маленький кадр:
6.Сохраняем файл в новую папку назовем его 1.Каждый кадр называйте по его числу.ВНИМАНИЕ!Сохранять обязательно в формате Photoshop (*.PSD.*.PDD)
7.Открываем Муви Мейкер и быстро включаем и останавливаем чтобы получился следущий кадр.(Рамка каким-то магическим образом переместилась в Муви Мейкер )
8.Перемещаем в ФШ и делаем тоже самое что и с первым кадром и так все кадры.Потом переходим в Имейдж Рейди и загружаенм все кадры.По цифрам мы знаем теперь в каком порядке они идут!
9.Выбираем 1 кадр и передвигаем на видное место.Берём 2 кадр,нажимаем маленькую стрелочку под крестиком в табличке "Анимация" и нажимаем "Копировать кадр"
10.Второй кадр можно закрыть.Переходит в 1 кадр,нажимаем стрелочку и ктопку "Вставить кадр"
11.В появившейся табличке ставим "Вставить после выбранных"
12.Вот примерно так должно всё выглядеть:
13.Вставляем остальные кадры и закрываем их.Внизу ставить выбранную скорость. Я поставила 0,1 сек.
14.Ещё вы можете просмотреть что получилось чтобы по 100 раз не сохранять, нажав на стрелочку в табличке "Анимация"
15.Если всё нормально то можно сохранять.Нажмите "Файл"---"Сохранить оптимизированный как..." и сохраняем в формате GIF
[url=http://radikal.ru/F/s48.radikal.ru/i122/0904/24/5162e901f679.jpg.html][/url
]
Поделиться122009-10-18 08:15:23
Первое нам понадобится картинка с озображением облаков я взяла такую.
1.Рисуем на облаке чёрным цветом рисунок
2.Берём волшебную палочку и выделяем рисунок черного цвета.
3.Далее пипетку и находим то место где нет облаков ,нажимаем на него пипеткой.
4.У вас есть нужный цвет, берём кисть и закрашиваем этим цветом рисунок (ведь вы его выделили и теперь у вас всё будет ровно по рисунку)
5.Далее инструмент вода, берем воду и проводим несколько раз по контуру.
6.вот и всё готово.
Поделиться132009-10-18 08:21:35
КАК ДЕЛАТЬ КИСТИ
1. открываем фотошоп и ждём 2 часа, пока он загрузится
2. Открываем картинку, из которой вы хотите сделать кисть
3. выделям картинку или область, из которой вы хотите сделать кисть
4. выбираем: редактировать -> определить кисть
6. кисть появится у вас в конце списка кистей. Выбираем и пользуемся как обычной кистью
Поделиться152009-10-18 08:23:39
Анимированный глянец
В этом уроке мы научимся создавать анимацию, которую Вы можете применять в своей практике очень часто.
Над этим видом анимации можно экспериментировать и экспериментировать, потому что результатов может быть огромное множество.
Давайте теперь непосредственно изучим, как создать этот необыкновенно красивый эффект.
Шаг 1. Создайте новое изображение, а далее слой с объектом (Не Черным!) где Вы хотите добавить этот эффект. Добавьте любые layer-styles (стили слоя), которые захотите, обязательным является лишь Satin (глянец). Именно от него зависит успех анимации (не обязательно использовать те же самые цвета).
Шаг 2. Как только вы сделали это, Вы должны увидеть забавное сияние на вашем изображении, примерно как у меня (стиль слоя используйте - глянец-Satin):
Шаг 3. Перейдите в Image-Ready, щелкая на нижнюю кнопкуШаг 4. Потом в IR, в палитру слоя и добавить блеск снова.
Когда Вы кликнете, должно будет появиться следующее окошко:Шаг 5. Понизьте непрозрачность (Opacity) до 0 %, и создайте новый слой снова 80 % ;
Щелкните tween – создать промежуточные кадры (кнопка рядом с кнопкой слоя с 3 точками) и сделайте этот слой предыдущим 7-му слою
Шаг 6. Вы могли добавить другой слой, изменить угол или что –то еще или просто последний 7 кадр сделать одинаковым с 1-ым (для изменения нажмите tween - создать промежуточные кадры), измените настройки.
Шаг 7. Вы можете сделать миллион анимаций , помимо той, что здесь.
Автор: MICK MOOLHUIJSEN
Перевод: Дикалова Надежда
Взято с photoshop-master.
Поделиться172009-10-18 08:30:13
Урок 1 - "рамка в точечку"
1.Открываем картинку, на которой хотим сделать пунктирную рамочку
я выбрала это
3.С помощью инструмента Marquеe (выделение) – прямоугольной области
4.Правой кнопкой мыши кликаем по выделеному изображению, появляется такое меню. Выбираем – выполнить обводку.6.создаем новый файл размером 2 на 2 пикселя с прозрачным первым слоем
с помощью лупы увеличиваем его до максимума (1600%)
7.выбираем инструмент карандаш
9.редактирвоание а определить узор
в появившемся окошке нажимаем ок
один раз проделав такую операцию, потом вам не придется делать ее еще раз:узор сохранится среди прочих.
10.возвращаемся к тому изображению, на которое хотим рамку наложить.
А точнее выделяем последний наш слой, где красуется наша беленькая рамочка.
Идем слой а стиль слояаперекрытие узора
и выбираем наш только сделанный узор
Поделиться182009-10-18 08:30:52
Урок 2 - "делаем простой юзербар"
1.открываем фотошоп
2.создаем новый файл размером 350*19 пикселей
3.заливаем его фоновым цветом
4.Создаем новый файл 4*4 пикселя для того, чтобы сделать узор(полосочки на юзербарах)
5.увеличиваем его до максимума 1600%
выбираем инструмент карандаш (в 1 пикс) и делаем как на рисунке:
цвет зависит от того,какие полоски вы хотите у себя
6. редактирование ---определить узор
в появившемся окошке нажимаем ок
один раз проделав такую операцию, потом вам не придется делать ее еще раз: узор сохранится среди прочих
7.затем заливаем наше изображение этим узором
8.затем пишем надпись(надеюсь это вы делать умеете)
шрифт стандартный для юзерпиков visitor
я написала первое пришедшее на ум - photoshop user
но буковки выглядят скучновато, на мой взгляд, поэтому меняем стиль слоя по нашему усмотрению
(проще использовать уже готовые стили, которые можно найти в нете)
9. теперь можно украсить наш юзербар любой картинкой, тут дело вкуса и желания
я взяла эту
http://www.kopona.net/uploads/posts/200 … toshop.jpg
как видим скучновато все равно, точнее плоско, а нам хочется объемности
10. создаем новый слой
заливаем его светлым цветом, я брала 8ffaf4 ,но все опять-таки зависит от фонового цвета, в моем случае неочень удачно получилось
ставим непрозрачность у слоя 30%
почти готово
11.делаем рамочку
12все готово
простое мы делать научились, дальше ваша фантазия, умение работать с текстурами и т.п.
Поделиться192009-10-18 08:42:32
1 Урок: Как уменьшить вес картинки
У многих возникает вопрос , как уменьшить вес картинки , не затрагивая её размер и качество.
У меня есть два очень простых способа.Те , у кого нет фотошопа, используют Paint
1) Paint
Открываем нужную картинку в Paint и ставим одну точку в любом месте картинки (где хотите) и сохраняем в формате JPG. Вес уменьшается в 2 раза.Пример : у меня авик весил 106Кб и сжался до 50Кб
2) Photoshop
1.Открываем картинку и сохраняем File --- Save for Web (файл --- сохранить для веб...).
2.Открывается окно , где вы выбираете нужные вам параметры (формат и качество). Размер сжатой картинки показан внизу. Затем нажимаете Save (Сохранить).со 106Кб авик сжался до 21,5Кб (формат Jpg)
При этом качество и размер картинки не теряются.
Поделиться202009-10-18 08:43:09
2 Урок: Создание радуги
Очень нравится урок , поэтому решила выложить)
1.Открываем исходное изображение и создаём новый слой.
3.Устанавливаем Linear Gradient
4.Выбираем градиент "Transparent Rainbow"
5.Дальше устанавливаем всё так же как на картинке (галочка возле Small Thumbnail)
6.Устанавливаем галочку возле Reverse.
7.Теперь,удерживая кнопку shift и нажимая левую кнопку мыши ,делаем маленькую вертикальную линию в середине рисунка (Длина линии будет соответствовать ширине радуги, так что не надо делать слишком толстую радугу)8.Теперь идем в Filter / Distort / Polar Coordinates...
Выбираем Rectangular to Polar и OK9.Для изменения места и формы радуги нажимаем Ctrl + T (Free Transformation) и помещаем радугу в правый нижний угол, меняя пропорции по вкусу.
10.Идем в меню Filter / Blur / Gaussian Blur... выбираем Radius of 4.5 pixels или чуть менше и нажимаем OK
11.Меняем blending mode слоя на Screen и снижаем opacity до 80%
12.Добавляем маску, кликнув на кнопку внизу панели слоев Add layer mask (Убедитесь что передний цвет (foreground color) маски черный)
13.Выбераем мягкую круглую кисточку Brush tool с размерами , указанными на картинке и, чтобы скрыть левую нижнюю часть радуги, кисточкой осторожно закрашиваем ее.