100 уроков ФОТОШОП |
Сборник уроков ФШ (100 уроков)
Из дневникаTatyanaSwan
Серия сообщений "Уроки ФОТОШОПа":Часть 1 - Быстрый способ создания красивых букв
Часть 2 - Фото в стиле Jill Greenberg
...
Часть 39 - Имитация мягкого фокуса
Часть 40 - 25 уроков Photoshop
Часть 41 - 100 уроков ФОТОШОП
Метки: 100 уроков ФОТОШОП |
Без заголовка |
С помощью фотокниги можно красиво и оригинально оформить цифровые снимки. Это поможет упорядочить большое количество фотографий и запечатлеть счастливые моменты жизни на красочных страницах. Для такого творческого порыва существует множество причин: свадьба, путешествие, рождение малыша, выпускной бал, вечер встреч и многое другое
|
Метки: Сборник видео уроков по созданию фото-книги |
Горячие клавиши в Photoshop |
Actual Pixel (Реальный размер) CTRL+ALT+0
Auto Levels (Автоуровни) CTRL+SHIFT+L
Передвинуть слой вверх CTRL+]
Установить слой сверху CTRL+SHIFT+]
Очистить Backspace или Delete
Закрыть CTRL+W или CTRL+F4
Color Balance (Баланс цвета) CTRL+B
Метки: Горячие клавиши в Photoshop |
Делаем рамки из масок в ФотоШопе |
|
источник
Метки: Делаем рамки из масок в ФотоШопе |
Светящаеся вывеска |
Трудно поспорить с тем что эффект светящейся вывески, придает тексту очень интересный вид.
И кроме того, данный прием может очень пригодиться в многих коммерческих и просто индивидуальных проектах.
В этом уроке, я покажу вам как используя возможности программы Photoshop создать текст освещенный маленькими лампочками.
![]()
Исходники к уроку:
Шрифт "Code Bold"
Пейзаж
Текстура "Ржавчина"
Вы так же можете воспользоваться альтернативными исходниками переводчика:
Ржавчина2
Пейзаж2
Перед началом работы ознакомьтесь с тем как создавать и добавлять текстуры и фигуры в библиотеку Photoshop. Так же вы можете ознакомиться с видео уроком на данную тему.
Откройте в Photoshop текстуру "Ржавчина". Затем перейдите во вкладку Редактирование - Определить узор.
Задайте имя узора. Нажмите "Ок", для того что бы добавить узор в библиотеку.
Для загрузки контуров, вам необходимо перейти к Редактирование - Управление наборами - Тип набора "Контуры". Далее нажмите на маленькую стрелочку в верхней части окна настроек, для перехода с меню выбора. Установите необходимый набор.
Для загрузки узоров перейдите к Редактирование - Управление наборами - Тип набора "Узоры". Нажав на мини стрелочку в вехнем правом углу панели, вы сможете выбрать набор узоров.
Часть 1. Создаем фон и текст
Создайте новый документ 1200 x 1600 пикс., с разрешением 300 пикс\дюйм. Цвет переднего плана установите на #35383f, а фоновый цвет на - #1d1e23.
Активируйте инструмент Градиент
![]()
В настройках градиента установите переход цветов от основного к фоновому.
Для того что бы создать мягкий переход между цветами, установите флажок "Дизеринг"(предотвращение появление полос).
Затем, протащите линию градиента от центра холста к одному из углов документа. ![]()
Над фоновым слоем разместите изображение "Пейзаж".
Режим наложения слоя с горами измените на Умножение .
Затем разместите пейзаж так, что бы подножье горы совпадало с нижним краем холста.
![]()
Добавим к пейзажу корректировку Уровни.
Для этого перейдите к Изображение - Коррекция - Уровни.
Установите настройки как показано ниже.
![]()
Создайте новый слой поверх предыдущих. Активируйте инструмент Горизонтальный текст
![]()
Из списка шрифтов выберите " Code Bold ".
Для эффекта который мы будем создавать крайне важен тип шрифта и его размер.
Для того, что бы установить необходимые значения, нажмите на иконку "Символы и Абзац" в верхней правой части панели настроек. Установите значения, которые указаны на изображении ниже. ![]()
Дублируйте текстовый слой.
![]()
Часть 2. Стилизация текста.Встаньте на слой с копией текста. Сделайте двойной щелчок левой клавишей мыши по данному слою, для перехода к меню Стиль слоя .- Тиснение:
![]() ![]() ![]() ![]() ![]()
Добавив все вышеперечисленные стили слоя, мы добавили тексту базовое свечение и текстуру, а так же создали хорошую основу для дальнейших шагов.
![]()
Часть 3. Создаем кисти-фонарики
Создайте новый документ размером 500 х 500 пикс. На панели инструментов активируйте Многоугольник
![]()
Нарисуйте многоугольник размером около 320 х 320 пикс.
![]()
Создадим из данной фигуры кисть. Для этого перейдите к Редактирование - Определить кисть.
В появившемся окне задайте имя новой кисти. После этого вы можете просто закрыть окно с многоугольником и вернуться в основной рабочий документ.
![]()
Перейдем к настройке новой кисти.
Выберите инструмент Кисть ![]()
Внизу библиотеки кистей выберите кисть с многоугольником, которую мы создали в предыдущем шаге. Затем используя изображение ниже, установите необходимые параметры:
![]()
Создайте новый слой поверх всех предыдущих и назовите его "Кисть" . Установите цвет переднего плана на белый. На данном слое мы прорисуем горизонтальные, вертикальные и диагональные участки букв.
Выберите один из краев буквы и при зажатой клавише Shift проведите вертикальную линию кистью с многоугольниками. Для того чтобы нарисовать горизонтальную линию, действуйте точно так же, но мазок проведите по горизонтальной грани буквы.
Для того что бы разместить многоугольники по диагонали, нужно зажать клавишу Shift, сделать один щелчок на первом краю, а затем сделать щелчок на второй точке диагонали.
Перед тем как рисовать новую линию отпускайте клавишу Shift , для того что бы ваши линии не соединились в одну ломаную линию.
![]()
Вы всегда можете откорректировать линию используя Ластик
![]() ![]()
Часть 4. Заполняем фонариками округлые буквы
Оставшиеся округлые буквы мы заполним огоньками используя контуры.
Начнем с буквы "О". Для того что бы создать контур данной буквы вы можете воспользоваться инструментом Эллипс
![]() ![]()
Для того что бы создать рабочий контур других букв мы воспользуемся инструментом Перо . Активируйте данный инструмент и нарисуйте контур буквы используя опорные точки. Эскизом контура может послужить светлый блик на букве, который мы создали с помощью стиля слоя "Внутреннее свечение".
![]()
На данном этапе вам необходимо создать рабочие контуры для всех букв (и их частей).
Данные контуры будут использоваться в дальнейших шагах урока.
Для того, что бы получить отдельные контуры необходимых участков используйте клавишу Ctrl .
Это значит, что когда вы закончили создавать нужный контур, зажмите клавишу Ctrl и сделайте щелчок мышкой в любом месте рабочего холста, а затем начинайте рисовать следующий контур.
![]()
После того как вы нарисовали все контуры букв, можно их откорректировать, воспользовавшись инструментом Стрелка
![]() Так же вы можете добавить или удалить узловые точки, воспользовавшись инструментами
Перо - Добавить опорную точку и Перо - Удалить опорную точку(s)
Примечание переводчика: после того как вы закончите создавать рабочий контур букв, рекомендую вам перейти на вкладку "Контуры" и задать имя для образованного контура. Это позволит зафиксировать данный контур и вы его не потеряете.
![]()
Когда вы закончите вносить изменения в контур, снова активируйте инструмент Кисть, убедитесь что из библиотеки кистей выбрана кисть с многоугольником.
Теперь просто нажмите клавишу Enter , для того что бы быстро создать обводку контура кистью.
Если есть необходимость удалить лишние многоугольники, после обводки контура, активируйте инструмент Ластик
![]()
Что бы убрать видимость рабочего контура, нажмите клавишу Enter.
![]()
Когда ваши контуры полностью заполнены фонариками, понизьте Заливку слоя с огоньками "Кисть"до 0%. Затем дублируйте слой "Кисть".
![]()
Часть 5. Стилизация фонариков.Сделайте двойной щелчок левой клавишей мыши по слою "Кисть", для того что бы перейти к меню Стиль слоя .
Установите настройки как показано на скриншотах ниже.- Тиснение:
![]()
- Контур :
![]()
- Внутренняя тень:
![]() ![]() ![]()
После внесенных изменений ваши лампочки-семиугольники должны "включиться"
![]()
Сделайте двойной щелчок левой клавишей мыши по слою "Кисть копия", для того что бы перейти к меню Стиль слоя . Установите настройки как показано на скриншотах ниже.- Тиснение :
![]()
- Контур:
![]()
Используя стили слоя мы добились стеклянного эффекта:
![]()
Часть 6. Создаем блики
Перед тем как приступить к следующим шагам, сохраним кисть в библиотеке. Для того что бы при необходимости мы могли заново загрузить ее.
Для этого Активируйте инструмент семиугольная кисть, перейдите в меню выбора набора кистей, сделайте щелчок по мини-иконке в правом верхнем углу меню, в появившемся списке выберите пункт "Сохранить кисть" .
Далее, введите имя новой кисти и задайте путь к папке в которой вы сохраняете вашу библиотеку кисточек.
![]()
Активируйте инструмент Кисть
![]() Используя данную кисть мы нарисуем основу для лучей. По-этому, значение "Интервалы"нужно подбирать индивидуально, исходя из размеров текста, фонариков и рабочего холста.
К примеру, в данном уроке хорошо подходит значение в 700%.
![]()
Создайте новый слой поверх всех предыдущих. Установите цвет переднего плана на ярко-красный. Затем нарисуйте в центре каждой лампочки маленький квадрат. Для того что бы ускорить процесс рисования, используйте те же методы что мы применяли при рисовании фонариков в "Часть 3".
Так как рабочий контур букв мы создали ранее, процесс будет значительно проще.
![]()
Для того что бы активировать созданный ранее рабочий контур букв, перейдите к Окно - Контуры. Найдите слой с рабочим контуром и нажмите на него.
![]()
Вернитесь на вкладку "Слои" и выполните обводку контура кистью с маленькими красными квадратами.
![]()
Мы выбрали красный цвет для квадратиков с целью удобства работы по их размещению.
Теперь можем изменить их цвет на # fff5e9.
Для этого создайте выделение по контуру красных точек, активируйте инструмент Заливка, в настройках инструмента снимите флажок "Смежные пиксели" и сделайте щелчок по одной из красных точек.
Таким образом мы создали блики. Если вы хотите, то можете сделать эффект мягче. Для этого измените режим наложения слоя с маленькими точками на Перекрытие .
![]()
Часть 7. Световые эффекты
Назовите слой с маленькими квадратиками "0" и перетащите его под слой "Кисть".
Создайте три копии слоя "0". Переименуйте слои-копии в "90", "45" и "-45".
Имя слоя говорит про угол, который мы используем в настройках фильтра Размытие в движении.
![]()
Встаньте на слой "0" и перейдите к Фильтр - Размытие - Размытие в движении
. Настройки: угол - 0?; смещение - 30 пикс.
![]()
Повторите действия предыдущего шага для слоев "90", "45" и "-45". В настройках изменяйте угол размытия согласно названию слоя.
Затем выделите все слои с лучами и перейдите к Слой - Объединить слои , для того что бы создать один общий слой из лучей. Переименуйте данный слой в "Свет". ![]()
Активируйте инструмент Палец
![]()
В настройках установите мягкую круглую кисть размером 5 пикс., интенсивность - 100%.
Встаньте на слой "Свет" и продольными мазками растяните лучи в уголках букв.
![]()
Создайте выделение по контуру текста, для этого зажмите клавишу Ctrl и сделайте щелчок по миниатюре текста.
![]()
Перейдите к Выделение - Модификация - Сжать. Установите границу сжатия в 1 пиксел.
![]()
Затем перейдите к Выделение - Инверсия .
Нажмите кнопку Delete для того, что бы удалить края лучей, которые выходят за границы букв.
Чтобы снять выделение обратитесь к Выделение - Отменить выделение.
![]()
Создайте копию слоя "Свет". Режим наложения слоя-копии установите на Перекрытие .
![]()
Теперь ваши лучи выглядят похожим образом:
![]()
Часть 8. Создаем металлические опоры
Установите основной цвет на # 151414. Активируйте инструмент Прямоугольник
![]()
и нарисуйте длинный узкий прямоугольник высотой в 11 пикс., вдоль строчки.
Расположите прямоугольник за текстом. Нарисуйте еще несколько прямоугольников, и разместите позади каждой строчки два прямоугольника.
Обратите внимание, что все прямоугольники должны быть расположены на одном слое. Для этого при рисовании в настройках инструмента установите функцию "Добавить к области фигуры" .
![]()
Переименуйте слой с нарисованными линиями в "Горизонтальные полосы".
Под слоем "Горизонтальные полосы" создайте новый слой и назовите его "Вертикали" .
![]()
Нарисуйте на слое "Вертикали" две полосы шириной приблизительно в 15 пикс.
Данные полосы должны доходить до нижнего края холста.
![]()
Создайте новый слой между слоев "Вертикали" и "Горизонтальные полосы" .
Назовите новый слой "Центр".
На данном слое нарисуйте еще две полоски шириной около 11 пикс.. ![]()
Часть 9. Добавим металлическую текстуру к решетке.Дважды щелкните по слою "Горизонтальные полосы", чтобы применить следующие стили слоя:- Тиснение :
![]()
- Контур:
![]() ![]() ![]() ![]()
Теперь ваши горизонтальны линии похожи на металлические прутья.
![]()
Дважды щелкните по слою "Вертикали" и добавьте к данному слою следующие стили слоя:
- Тиснение:
![]()
- Контур:
![]() ![]()
Сделайте щелчок правой клавишей мыши по слою с вертикальными полосами и в появившемся подменю выберите пункт "Скопировать стиль слоя".
![]()
Сделайте щелчок правой клавишей мыши по слою "Центр" и в подменю найдите пункт "Вклеить стиль слоя".
![]()
Часть 10. Добавляем тени
Зажмите клавишу Ctrl и сделайте щелчок по миниатюре слоя "Центр" для того что бы создать выделение по контуру центральных полос.
Затем зажмите комбинацию клавиш Ctrl и Shift и сделайте щелчок по слою "Вертикали", это позволит добавить выделение крайних полос к ранее созданному выделению.
![]()
Создадим новый слой поверх слоя "Центр" и назовем его "Тень" .
Режим наложения слоя "Тень" изменим на Умножение.
Установите цвет переднего плана на # 959595. Активируйте инструмент Кисть. В настройках установите круглую мягкую кисть размером 100 - 125 пикс..
Сделайте один щелчок кистью на пересечении вертикальных и горизонтальных полос, для того что бы добавить тень. Затем снимите выделение перейдя к Выделение - Отменить выделение . ![]()
Перейдите к оригинальному слою с текстом и сделайте по нему двойной щелчок левой клавишей мыши. Перейдя к меню Стиль слоя, установите такие настройки:- Тень:
![]()
Стоя на слое с оригинальным текстом, перейдите к Слой - Стиль слоя - Создать слои.
Это позволит переместить тень на отдельный слой. Теперь можете просто удалить слой с текстом-оригиналом, или отключить его видимость.
![]()
Зажмите клавишу Ctrl и сделайте щелчок по миниатюре слоя "Горизонтальные полосы", чтобы создать выделение. Убедитесь что вы стоите на слое "Тень". Перейдите к Выделение - Инверсия, а затем нажмите клавишу Delete , чтобы избавиться от тени вне горизонтальных линий.
![]()
Затем перейдите к Выделение - Отменить выделение и переименуйте слой с тенью в "Тень от текста".
![]()
Часть 11. Добавляем свечение
Под слоем "Тень от текста" создайте новый слой с названием "Свечение от текста". Режим наложения нового слоя установите на Мягкий свет, а непрозрачность- 50%.
Цвет переднего плана измените на # c0b99d .
![]()
Из палитры выберете инструмент Кисть. В настройках установите мягкую круглую кисть размером около 250 пикс. Стоя на слое "Свечение от текста" прорисуйте свечение вокруг букв.
![]()
Измените цвет переднего плана на # c9b47d.
Так же, в настройках инструмента Кисть
![]() Затем создайте новый слой поверх всех предыдущих и назовите его "Свет".
Режим наложения данного слоя установите на Перекрытие , а непрозрачность - 70%.
Сделайте один щелчок кистью в центре холста. Это позволит повысить цвет и яркость всего изображения, а так же подчеркнет текстуры и детали текста.
![]()
Нажмите на иконку "Создать новый корректирующий слой"в нижней части панели слоев, и в появившемся подменю найдите корректировку под названием Карта градиента .
![]()
Режим наложения корректирующего слоя Карта градиента установите на Перекрытие, непрозрачность - 20 %.
![]()
Перейдем к настройке корректирующего слоя. Для этого сделайте двойной щелчок по миниатюре с градиентом. Затем перейдите к редактору градиента и установите следующие цвета (слева - указан цвет, справа - позиция контрольной точки в):#c6baac - 0 , #ffc960 - 50 , #ffe64b - 88
![]()
Добавим еще один корректирующий слой - Градиент
![]() ![]()
Перейдите к панели настроек корректирующего слоя и установите градиент от прозрачного к черному. Тип градиента - радиальный. Так же, установите флажок возле функции Дизеринг.
Корректирующий слой Градиент необходимо разместить под слоем с надписью, а затем изменить его режим наложения на Перекрытие и уменьшить непрозрачность до 25%.
![]()
Поздравляю! Вы успешно справились с уроком!
Надеюсь, мой урок по работе с освещением и текстом пришелся вам по вкусу и вы узнали что-то полезное из него. Теперь вы можете применить данные приемы для своих различных работ!
![]()
фон.Автор: Rose Ссылка на источник:
|
Серия сообщений "***ТЕКСТ ":
Часть 1 - Цифры.
Часть 2 - "Зимние цифры" - на прозрачном фоне.
...
Часть 7 - Красивые русские рукописные шрифты для GIMP
Часть 8 - Весёлый алфавит в PNG
Часть 9 - Светящаеся вывеска
Часть 10 - Шрифт: Lombardina Initial One
Часть 11 - 20 функций Microsoft Word, о которых вы наверняка не знал
...
Часть 23 - Добавляем кириллицу в отображении шрифтов
Часть 24 - Текст по кругу и внутри круга...
Часть 25 - Изучаю тени...
Метки: Светящаеся вывеска |
Изучаем Photoshop за 7 дней |
Метки: фото-шоп для новичков обучаемся фото-шопу |
Как сделать объект полупрозрачным |
Метки: фотошоп |
Использование текстуры в ФотоШопе |
В уроке "Как использовать текстуры" я покажу как использовать текстуру для 3D объектов на примере кресла.
Чтобы текстуру правильно наложить на 3D объект необходимо создать карту смещения. Как её создавать показано в уроке.
Для работы я взяла кресло. Изначально кресло имело кожаную обивку оливкового цвета, а в результате работы с ним у меня получилось вот такое кресло c цветочным рисунком:
Метки: фотошоп урок по фотошоп |
В СТРАНЕ ФОТОШОПА.УРОКИ |
|
Метки: бродилка фотошоп |
Страницы: | [1] |