Создаем абстрактные 3d обои в photoshop. Работа с текстом.
Мне безумно понравился этот урок, потому что он знакомит нас с работой нескольких фильтров и для его выполнения требуется знание весьма интересных возможностей photosop, которые мне очень нравятся. Ну и главный плюс урока - мы делаем все сами, используя только стандартные возможности программы. Т.е. если мы создадим "по мотивам урока" свою работу, то она будет авторская, в отличие от всех работ, в которых мы используем готовый клипарт и пр.
!!!! Я буду добавлять от себя, для новичков. Но т.к. урок авторский - мои дополнения будут написаны курсивом и нежирным, а мои скрины, как и текст будут лежать слева в посте, в отличие от скринов и текста автора, расположенных по центру.
В этом уроке я покажу вам, как сделать прохладные 3d обои с шипами в Photoshop, причем без использования 3d эффектов! В конечном итоге, работа должна напоминать картину ниже:
Хорошо!
Первый этап работы у нас будет проходить на картинке 400-400 пкс. Итак открываем новый файл
Открываем новый файл 400-400 пкс. Нажимаем сочетание клавиш Ctrl +N, или так:
В открывшемся окне проставляем настройки (я всегда ставлю прозрачный фон, мне так удобнее.):
И применяем lens - блик.
Так как к прозрачной основе файла фильтр применить невозможно, заливаем его черным цветом. Нажимаем сочетание клавиш Shift + F5. Или так - Редактирование ( Edit) > Заливка (Fill):
Так:
Я поставила примерно такие настройки, чтобы получить результат, похожий на результат автора урока:
Должно получится так:
Сейчас нажмите ctrl+A (выделить все изображение), затем нажмите ctrl+C (копировать)
Или так:
Select (Выделение) > All (Все):
Затем -
Edit (Редактировать) > Copy (Копировать). Так:
Сворачиваем наш файл нажатием на минус в правом верхнем углу.
Теперь откройте новый файл, размером 800 на 800 пкс и вставьте в него Ваше скопированное изображение.
Создаем новый файл (как мы делали в самом начале урока), но только размер файла ставим 800-800 (я поставила 1000-1000 пкс, чтоб лучики не подрезались), так:
Заливаем этот новый файл черным цветом (опять-таки, мы это уже делали - Нажимаем сочетание клавиш Shift + F5. Или так - Редактирование ( Edit) > Заливка (Fill), выбираем черный).
И нажимаем сочетание клавиш CTRL + V (Вставить). Или - Edit (Редактировать) > Paste (Вставить), так:
Теперь идем в Filter (Фильтры) > Artistic (Художественный) > Fresco (Фреска)
Стоя на только что вставленном слое, идем сюда:
Я оставила все настройки по умолчанию, так:
Сейчас ваше изображение должно быть похоже на такое:
Теперь надо слить оба слоя, чтобы остался файл размером 800-800, с одним слоем.
Нажимаем сочетание клавиш Shift + Ctrl +E. Или так:
Теперь идем в Filter (Фильтры) > Stylize (Стилизация) > Extrude (Экструзия)
Так:
Используем такие установки:
Сейчас ваше изображение должно напоминать такое:
Еще раз повторите действие этого фильтра с теми же установками.
Для повторения действия фильтра достаточно нажать сочетание клавиш Ctrl + F или щелкнуть сюда:
Сейчас вы должны иметь изображение подобное этому:
Теперь, выделите все изображение, и копируйте его.
Собственно мы это уже давно умеем. Нажимаем сочетание клавиш Ctrl +A (выделить все), затем - Ctrl + C (копировать)
Или Select (Выделение) > All (Все), затем - Edit (Редактировать) > Copy (Копировать).
Сворачиваем наш файл, нажатием на минус.
Теперь создаем новый файл с размером 400-400 пкс и вставляем в него наше скопированное изображение.
Мы это опять-таки умеем. Нажимаем сочетание клавиш Ctrl + V или - Edit (Редактировать) > Paste (Вставить)
Теперь переместите изображение так, чтобы результат был подобен этому:
Выбираем инструмент Moov Tool (Перемещение). Нажимаем клавишу V , или так :
И двигаем до получения нужного результата. У меня вышло так:
Я думаю, что полученный результат никак не выглядит прохладным. Такие цвета мы получили в результате применения фильтра lens (блик). Чтобы сделать картинку в прохладных тонах нам придется изменить цвет. Те, кому нравится полученный цвет, могут пропустить следующий шаг.
Итак, те, кому не нравится цвет, могут его изменить. Для этого создаем новый слой, к которому применяем стиль слоя "цвет" и заполняем этот слой ярким синим цветом.
В общем, попытаюсь расшифровать этот пункт. Или .. точнее)) опишу, как я это сделала. Очень надеюсь, что автор урока именно такое имел в виду. Хотя, какая разница - важен результат, а результат получился.:-)
Меняем цвет с помощью Solid Color
Итак нажимаем в палитре слоев на этот значок и создаем новый слой:
Стоя на вновь созданном слое, нажимаем сюда:
В выпавшем списке выбираем Solid Color (Ровный, сплошной Цвет), так:
Выйдет примерно так:
Теперь, стоя на этом же слое, меняем режим перекрытия на цвет (Color), так:
Вышло так:
Цвет не совсем подходящий. Чтобы его исправить, - двойной клик сюда:
В открывшейся палитре цветов выбираем нужный цвет, картинка у нас меняется, как только мы щелкаем по очередному цвету. Добившись необходимого результата - жмем ОК. У меня вышло так:
Ваше изображение должно сейчас напоминать это:
Теперь продублируйте Ваше изображение, дубликат должен расположиться выше Вашего основного изображения но ниже слоя "color" слой.
Можно так. В палитре слоев кликаем правой клавишей (по стрелке) и в выпавшем окне выбираем "Dublicate Layer" (Дубликат слоя)
Вот наш новый слой (он должен встать именно сюда.. но если вдруг... - просто перетаскиваем его сюда в палитре слоев):
Сейчас понизьте Opacity (Непрозрачность) этого слоя, и разместите его в нижнем правом угле.
Делаем так:
Двигаем этот ползунок (я оставила 36 %):
Затем убираем галочку, чтобы не было автовыбора слоя. Настройки такие:
У нас по-прежнему выбран инструмент Moov Tool (Перемещение):
Стоя на слое-дубликате основного изображения, перетаскиваем его в нижний правый угол. Примерно так:
Ваше изображение должно сейчас напоминать это:
Собственно примерно это у нас и вышло :)))
Сейчас все это заготовка, чтобы довести ее до ума можно добавить Ваш текст, и некоторые линии, как Вам нравится.
Давайте попробуем сделать все последовательно, все добавить, применить все градиенты, чтобы получить результат близкий к результату автору урока.
Работа с текстом
Будем делать этот текст:
Выбираем инструмент "Текст" (Text)
Я ставлю такие настройки текста (вы можете делать, как вам нравится. Нажатием на галочки по красным стрелкам меняем настройки, нажатием на синюю стрелочку - меняем цвет):
Щелкаем примерно сюда (появляется такая точка и вертикальная мигающая полоска):
Вводим наш текст (просто набираем). Вышло:
Щелкаем правой клавишей мышки в палитре слоев по стрелке и в выпавшем окне выбираем "Rasterize Tipe" (растрировать):
Снижаем непрозрачность слоя с текстом (мы это умеем). Я сделала так:
Дублируем тестовый слой:
Стоя на новом (продублированном слое) , увеличиваем его непрозрачность:
идем в Редактирование > Трансформация > Масштаб:
С зажатой клавишей Shift тянем за уголок, уменьшая наш текст. Ну и передвигаем, куда считаем нужным, встав на центр текста. Меня устроило так:
Нажимаем клавишу Enter для выхода из режима трансформации.
Снова дублируем этот слой, и повторяем всю процедуру заново, чтобы получить самый маленький текстовый слой. Я выкладываю только скрины, ибо все делается аналогично:
Эти текстовые слои просто пишутся, предварительно подбираете настройки (шрифт, размер, цвет и пр.):
Как вставлять скопированный текст в заранее заданный участок файла в Photoshop
Сворачиваем окно фотошопа и копируем нужный текст (из интернеты, из вордовского файла, например). Возвращаемся в фотошоп. Выбираем инструмент горизонтальный текст:
Я поставила такие настройки (по синей стрелке - цвет):
Щелкаем внутри прочерченного пути:
Затем щелкаем правой клавишей мыши и в выпавшем окне выбираем "Вставить":
Как видите, текст у нас встал строго в пределах очерченной рамки:
Растрируем слой:
Теперь "Окно" > "Пути", так:
Правой клавишей мыши щелкаем в палитре путей (стрелка) и в выпавшем окне выбираем "Удалить путь", так:
Я перетащила этот слой на самый верх (в палитре слоев просто мышкой, и снизила прозрачность):
P.S. Текст можно вставить в любой, заранее заданный контур, например так:
Теперь еще один сложноватый для новичков момент. Сделаем вот эту часть:
Берем инструмент прямоугольное выделение (о том , как им пользоваться тУт и выделяем примерно так:
Создаем новый слой, перетаскиваем его в палитре слоев на самый верх:
Теперь - Редактирование ( Edit) > Заливка (Fill), мы это уже неоднократно делали :-) . Выбираем, например, черный цвет ) хотя все равно, - можно белым.
Выйдет так:
Нажимаем Ctrl + D (или правой клавишей щелкаем по файлу и в выпавшем окошке выбираем "снять выделение"), так:
Двойной клик по стрелке:
В открывшейся палитре выбираем "Градиент" (стрелка 1), затем щелкаем сюда (стрелка 2), чтобы создать нужный нам градиент:
Общие настройки градиента:
Дальше по скрину, одинаковые цвета соединены одноцветными стрелками:
"1" - #0d0c0c
"2"- #000000
"3" - #464444
"4" - #353333
Цвета градиента можно подбирать самим, - главное, чтобы он дал нам этот вид, со всеми этими маленькими выступами-линиями и объемом.
Осталось сделать вот этот прямоугольный вырез:
Инструментом прямоугольное выделение делаем примерно такое выделение:
Жмем Delete, потом правой клавишей мыши по файлу, выбираем "снять выделение":
В палитре слоев двойной клик сюда:
В открывшемся окне выбираем "обводка, штрих" - Stroke, ставим настройки, как у меня, например:
Заходим в "Скос и рельеф" (Bevel and Emboss) выбираем рельеф обводки (штриха):
Остальные настройки смотрим по скрину:
У меня вышло так:
Как видите, штрих (обводка появились и снизу). Как делать, чтобы его не было расскажу в следующий раз, ибо сил моих больше нет)))
Дальше добавляете необходимые текстовые слои, и все, что считаете нужным. Самое интересное, мы уже обсудили. Уж очень длинно выходит, если все расписывать(((
Я, наверное, на досуге, сделаю уроки по темам , типа "текст", градиент и прочее... Иначе как-то сложно и долго(((
И расскажу, какие интересные картинки можно создавать "по мотивам"
С любыми вопросами обращайтесь - с удовольствием отвечу в комментариях со всеми скринами и прочими пояснениями.
Всем удачи!))).
P.S. Вариантов добиться какого-то определенного результата в фотошопе множество. Я рассказываю об "одном из", иначе нереально долго.
