Вы не подключены. Войдите или зарегистрируйтесь
Сообщение [Страница 1 из 1]
Уроки Photoshop'а Вс Ноя 06, 2011 2:52 am
Здесь будут выкладываться Уроки Фотошопа.Уроки Photoshop'а
При возникновении вопросов по урокам, можете задать их здесь =)
Также можете выложить сюда, то что у вас получится =)
Re: Уроки Photoshop'а Вс Ноя 06, 2011 2:52 amУрок 0"Горячие" клавиши для Фотошопа
Ctrl + A - выделить ВСЕ
Ctrl + C - копировать
Ctrl + V - вставить
Ctrl + N - новый документ
Shift + Ctrl + N - новый слой
Ctrl + S - сохранить
Shift + Ctrl + S - сохранить как...
Alt + Shift + Ctrl + S - сохранить для Web
Ctrl + Z - вернуть назад
Alt + Ctrl + Z - вернуть на несколько шагов назад
Shift + Ctrl + Z - вернуть на шаг вперед
Ctrl (-) - уменьшение изображения
Ctrl (+) - увеличение изображения
Alt + Ctrl + 0 - натуральный размер изображения
Вызов часто используемых инструментов:
B - кисть
E - ластик
H - рука(то же действие выполняет "пробел")
L - лассо
M - выделение
P - перо
T - текст
V - перемещение
D - установить цвета черный/белый
X - поменять цвета местами
[ - уменьшает размер кисти
] - увеличивает размер кисти
Ctrl + T - свободная трансформация
Ctrl + D - снять выделение
Ctrl + U - окно цвет/насыщенность
Ctrl + Shift + U - обесцветить изображение
Ctrl + E - слить слой с нижним слоем
Shift + Ctrl + E - слить все слои
Ctrl + I - инвертировать цвета
Ctrl + Shift + I - инвертировать выделение
Re: Уроки Photoshop'а Вс Ноя 06, 2011 2:52 amУрок 1Форматы(с) KitaNoВ этом уроке я постараюсь рассказать о самых частоиспользуемых форматах фотографии. О том как сохранить качество при уменьшении размера или изменении формата. Попытаюсь объяснить какая между ними разница.
1. Для своих работ нужно выбирать исходники только хорошего качества. Конечно можно поколдовать над плохой фотографией, но всё равно идеала вы не добьётесь.
2. Но! Более или менее хорошее качество можно получить при уменьшении фотографии. Все изьяны становятся менее заметными, но мы уменьшать её до определённых размеров.
3. Выбирем исходник. Оригинал - https://redcdn.net/ihimizer/img130/5206/060502.png
Уменьшенная копия.
Разница видна.
4. После всех обработок мы сохраняем результат.
File-Save for Web & Devices
(файл-сохранить для Web и устроиств...)
Вылезает такое окно.
Что я отметила красным это всевозможные форматы в которых можно сохранить наше изображение.
Начнём с GIF
Гиф - это формат анимаций и элементов интернет страниц. Конечно сохранять в гифе можно и статику, но нужно поработать с его настройками, чтобы обойтись без потерь в качестве. GIF считается "маловесомым" форматом, поэтому веб-дизайнеры оформляют сайты именно в гифе, страница грузится быстрей.
Что нужно сделать чтоб не потерять качество, сохраняя в формате GIF?
Выбираем любой гиф. 128 Dithered лучший из всех представленых, но всё равно мы будем его дорабатывать.
Скопируйте все настройки с указанного блока и сохраните.
Что получилось. Разница ощутима.
На зато размер стал намного меньше. С 353 KБ до 135 KБ.
Второй будет известный и самый распространённый JPEG.
Этот формат также может быть хорошим или плохим в зависимости от настроек.
В идеале должно быть так:
Ну и последний формат PNG
Формат, который даст вам такой же результат, какой вы видите в фотошопе. Не изменённый в качестве после сохранения. Это идеальный вариант для фотошопера, для которого важно качество работы.
При сохранении выбирайте PNG-24, не забудьте галочку Transparency, а остальное ничего трогать не нужно.
Re: Уроки Photoshop'а Вс Ноя 06, 2011 2:53 amУрок 2Первый шаг для будущей аватары размером в 100х100уровень сложности: легкий
(с) KitaNo1) Открываем базу.
2)Уменьшаем размер. Ширину изображения задаём любую на ваше усмотрение, а высота уже подстраивается сама. У меня получилось 100 на 110
3)Наша аватара будет 100*100. Следовательно создаём новый фаил(Фаил>Новый) Задаём ему высоту и ширину 100 пикселей.
4) Выбираем инструмент Перемещение.
5)И перетаскиваем наше изображение на пустой белый фон.
Немного поправляем
И сохраняем в формате JPEG или PNG(предпочтительней)
Вот наш результат
Re: Уроки Photoshop'а Вс Ноя 06, 2011 2:54 amУрок 3Меняем цвет глазуровень сложности: легкий
(с) KitaNo1.Возьмём картинку.
Выбираем круглую кисточку и подстраиваем её размер под размер глаза..На этой картинке примерно 19 пикселей.
Теперь дублируем слой базы.
Выбираем цвет, какими будут наши глаза. Я выбрала зелёный. И щелкаем по глазу…старайтесь не выходить за края….
И этот дублированный слой ставим на Мягкий свет.
Вот и всё) Наша картинка преобразилась…
Не забывайте неточности подтирать ластиком.
Re: Уроки Photoshop'а Вс Ноя 06, 2011 2:54 amУрок 4Урок, который даёт первое представление о работе со слоями.уровень сложности: легкий
(с) KitaNo1)Открываем базу. Я выбрала эту
2)Дублируем слой.
3)Ставим на Осветление
Регулируем ползунок непрозрачности
4)Теперь пробуем анимацию. Если у вас не открыто окно анимации, сделать это можно Окно-Анимация.
Дублируем в окне анимации выделенный кадр
5)Убираем глазик с осветлённого слоя
Поставьте время отображения кадра на 0.2 секунды
И в окне анимации нажимаем на Запуск воспроизведения анимации
Должна быть вот такая картина
6)Сохранять можно как в Image Ready, так и в самом фотошопе.
В Image Ready - Сохранить оптимизированный как - Gif/
В Photoshop - Save for Web - Gif
И всё! Наше мигание готово ;)
Re: Уроки Photoshop'а Вс Ноя 06, 2011 2:55 amУрок 5Отдельный бликуровень сложности: легкий
(с) KitaNo1) База.
2)Дублируем слой.
3)Фильтр-Рендеринг-Блик Filter - Render - Lens Flare(или можно кисточкой поставить блик).
Выбираем тип и яркость блика, двигая ползунок.
4)Делаем анимацию.
Если у вас нет окошка анимации, поставить его можно Окно-Анимация.
Резкоем мигание.
5)В окне анимации дублируем первый кадр.
6)В окне слои снимаем глазок с дублированного слоя.
И выбираем время отображения кадра. Я выбрала 0.1с.
Сохраняем.
Результат
Re: Уроки Photoshop'а Вс Ноя 06, 2011 2:55 amуровень сложности: легкий
(с) KitaNoПлавное мигание
1)После блика, также дублируем кадр в окошке анимации и снbмаем глазик в окне Слои.
2)Жмём на кнопочку, показанную на рисунке.
3)Оставляем 5 кадров.Чем больше кадров тем плавней будет анимация.
Просматриваем анимацию и сохраняем.
Результат.
Re: Уроки Photoshop'а Вс Ноя 06, 2011 2:55 amУрок 6Колоризация. Как пользоваться PSD файламиуровень сложности: легкий
(с) KitaNoМногие колоризации заключены в psd файлы, что очень упрощает перекрашивание аватарок. Уроки не всегда совершенны и бывают неточности при их выполнении, а псд максимально точно поможет перекрасить аватар. Ими пользоваться очень просто.
1.
2.
3.
Забыла ещё добавить в скрины.
Очень часто встречаются в слоях дубликаты основ, которые стоят на мягком свете или в любом другом режиме, их тоже обязательно нужно делать на своём исходнике.
Теперь колоризации будут только в ПСД формате. Их нужно скачать и открыть в своё ФШ.>>
http://www.mediafire.com/?egznozncwqn
Если хотите не такого яркого результата некоторые слои можно убрать.
Re: Уроки Photoshop'а Сб Ноя 12, 2011 4:11 amУрок 7Анимация из видеоуровень сложности: средний
(с) Charisma Doll
Для того, чтобы сделать анимацию из видео понадобится помимо фотошопа любой конвертер.
у меня - Ultra MPEG-4 2Converter.
1) Открываем видео в конвертере.
Сейчас надо поменять формат (если видео изначально не в формате .mov, .avi, .mpg, .mpeg) и вырезать нужный нам для анимации момент. Для этого нажимаем, как показано на картинках:Далее нажимаем
- Спойлер:
2) Открываем фотошоп.
- Спойлер:
3) уменьшаем размер видео. для этого нажимаем: Изображение - размер изображения (Alt+Ctrl+I)
в появившемся окне вводим нужный размер и нажимаем "да"
4) Нажимаем: Окно - Анимация
5) Сохраняем анимацию.6) анимация готова :D
- Спойлер:
Re: Уроки Photoshop'а Вс Ноя 13, 2011 4:22 am
Re: Уроки Photoshop'а Ср Дек 07, 2011 12:02 am
Re: Уроки Photoshop'а Ср Дек 07, 2011 12:56 am Re: Уроки Photoshop'а Ср Дек 07, 2011 1:02 am Re: Уроки Photoshop'а Сб Май 05, 2012 6:34 pm
Re: Уроки Photoshop'а Ср Май 09, 2012 5:19 am Re: Уроки Photoshop'а Чт Сен 27, 2012 6:12 amУрок 8:
Популярность приложений, таких как Instagram, показала огромный спрос на интересные фотоэффекты. Для пользователей в Facebook уже не достаточно выкладывать свои обычные фотографии, они хотят использовать фильтры к своим фотографиям, приближающие их к реализму, такие фильтры, как обесцвечивание, размытие и винтаж.
Это, конечно, верно, что эти фильтры могут многое добавить к вашим фотографиям, и вы действительно получите потрясающие результаты. Однако, что делать, если у вас нет iPhone, или нет доступа к этим популярным приложениям? Что ж, к счастью, удивительный эффект винтажного фото можно создать, используя только программу Photoshop!
Не переживайте, если вы начинающий пользователь, потому что данный эффект можно создать всего за 10 шагов. Ниже вы можете ознакомиться с техникой создания эффекта винтажного фото в программе Photoshop, которая описана пошагово.
ШАГ 1. Откройте изображение Улица Лондона по ссылке вначале этого урока. Продублируйте данное изображение, нажав клавиши Ctrl + J или щёлкните правой кнопкой по слою в палитре слоёв и выберите опцию Создать дубликат слоя (duplicate layer).
- Спойлер:
ШАГ 2. Щёлкните правой кнопкой мыши по дубликату слоя и выберите опцию Преобразовать в смарт- объект (Convert to Smart Object), как показано на скриншоте ниже. С помощью данной опции, вы сможете менять настройки фильтров в любое время.
Для того, чтобы не потерять качество изображения во время рабочего процесса, рекомендуется преобразовывать изображения в смарт- объекты.
ШАГ 3. Далее, чтобы получить хороший контраст на краях вашего изображения, идём Фильтр – Другие – Цветовой контраст (Filter > High Pass Filter).
В настройках фильтра Цветовой контраст (High Pass Filter), примените значение 0.3 px, как показано на скриншоте ниже:
ШАГ 4. Поменяйте режим наложения для слоя с дубликатом на Перекрытие (Overlay), чтобы увидеть полученный эффект. Вы можете сравнить полученное изображение с оригинальным изображением, с помощью незначительных действий, вы получите отличный контраст на краях вашего изображения.
- Спойлер:
ШАГ 5. Давайте, продолжим дальше. Добавьте новый корректирующий слой Яркость / Контрастность (Brightness/ Contrast). У кого более новая версия фш, то добавляем корректирующий слой так: Изображение - Коррекция - Яркость/Контрасность... На этот раз, вам необходимо ослабить цветовой тон всего изображения.
Примените следующее значение для опции Контрастность (Contrast).
- См. результат после проведённого действия::
ШАГ 6. Итак, мы приближаемся к самому важному шагу данного эффекта, в этом шаге, мы применим цветное тонирование для создания винтажного эффекта с помощью корректирующего слоя Кривые (curves), регулируя Каналы (channels) Красный- Зелёный – Синий (Red-Green-Blue).
Добавьте новый корректирующий слой Кривые (Curves) и откорректируйте кривые, как показано на скриншотах ниже.
Вначале, выберите Красный канал (Red channel) и откорректируйте кривую, как показано на скриншоте в спойлере.Далее, давайте осветлим изображение и добавим немного зелёного оттенка. Откорректируйте кривую Зелёного канала (green channel), как показано на скриншоте в спойлере:
- Спойлер:
И в заключении, добавьте общий штрих, синий оттенок является самым важным для создания винтажного эффекта. Для этого, откорректируйте Синий канал (Blue channel), как показано на скриншоте а спойлере:
- Спойлер:
- Спойлер:
- См. результат. Изображение выглядит гораздо более винтажным!:
ШАГ 7. В этом шаге, мы продолжим проводить тонирование цвета нашего изображения. Создайте новый слой, залейте этот слой цветовым оттенком #E9077C.
Поменяйте режим наложения для этого слоя на Осветление (Screen) и уменьшите непрозрачность слоя до 30%. Результат, который у вас получится:
- Спойлер:
ШАГ 8. Для того, чтобы уменьшить розоватый оттенок всего изображения, создайте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) и далее уменьшите значение насыщенности до -20, как показано на скриншоте ниже:
- Результат:
ШАГ 9. Итак, мы приближаемся к заключительному шагу. Перейдите на оригинальный слой, на самый нижний слой. Продублируйте его и преобразуйте дубликат в смарт – объект.
Далее, примените фильтр Шум (Noise), идём Фильтр – Шум - Добавить Шум (Filter-> Noise > Add Noise). Примените значение Количество шума (strength) 4 %, Распределение (Distribution) – Равномерное (uniform). Единственное, что мы хотим, это добавить к изображению нежный эффект шума.
- Результат:
ШАГ 10. Далее, давайте, применим фильтр Искажение (Distort), Коррекция Дисторсии (Lens Correction), это заключительный, но очень важный штрих к изображению.
Находясь на слое, который вы создали в Шаге 9, идём Фильтр – Искажение – Коррекция Дисторсии (Filter -> Distort > Lens Correction), перейдите в настройки опции Виньетка (Vignette). В настройках Виньетки, уменьшите значение Эффекта (Amount) до -100 (затемнённый режим) и установите значение Средней точки (Midpoint) +25. Остальные настройки оставьте без изменений.
Re: Уроки Photoshop'а Чт Сен 27, 2012 6:13 am
Сообщение [Страница 1 из 1]
Похожие темы
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
