Содержание

15 простых и эффективных уроков по фотошопу

Поправить резкость фотографии, отбелить зубы, удалить лишние детали на снимке — это все делается легко и быстро в хорошем графическом редакторе, таком, например, как Adobe Photoshop. У программы есть собственный канал на YouTube, и это очень удобно: в коротких видеороликах можно посмотреть, как выполнить ту или иную операцию.

AdMe.ru выбрал 15 уроков из этого видеоучебника, которые могут пригодиться вам при воплощении в жизнь творческих замыслов.

Стабилизация изображения

(только для Adobe Photoshop CC)

Удаление красных глаз и отбеливание зубов

Искусственное боке

Удаление ненужных объектов

Выделение сложных участков

Выборочное изменение цвета

Изменение пропорций кадра без потерь

Марионеточная деформация изображения

Как пользоваться кривыми

Подавление шума

Исправление искажений объектива

Изменение перспективы объекта

Быстрое выделение объекта в фокусе

Как создать GIF-анимацию

Умное кадрирование

Гайд по фотошопу сс

Перед вами цикл уроков, которые учат пользоваться графическим редактором Photoshop — невероятно популярным и незаменимым в веб-дизайне инструментом, с помощью которого для сайта создаются не только кнопки, баннеры и логотипы, но даже целые макеты. Дизайн практически любого сайта, который вы посещали, изначально был прорисован в Photoshop, так что знание этой программы веб-мастеру будет однозначно полезным, хотя навыки обработки изображений и создания собственных рисунков простому пользователю ПК тоже не навредят. Оцифровка фотографий, ретушь старых снимков, создание открыток и коллажей — это только начало длинного списка полезных действий, которые позволяет совершать редактор, а цикл уроков поможет вам в нём освоиться.

Добавьте эту страницу в закладки, чтобы не терять оглавление и последовательно изучать статью за статьёй, постигая всё новые и новые приёмы работы в Photoshop.

Но что же вы узнаете в этих уроках?

Здесь вы познакомитесь с интерфейсом программы, узнаете, для чего предназначены основные элементы интерфейса, научитесь создавать документы и сохранять их, освоите выделение областей на холсте. Также из урока вы поймёте, как заливать области цветом, поймёте принципы работы с программой. После освоения информации вы научитесь выполнять простые действия и сможете самостоятельно изучать другие инструменты редактора.

Все изображения Photoshop строятся на слоях. Именно поэтому редактировать в программе так удобно. Урок расскажет, что такое слои, зачем они нужны и как с ними работать. Кроме того, здесь описаны приёмы создания и обработки надписей, а также перемещения расположенных на холсте объектов. После прохождения урока обработка многослойных документов не будет для вас проблемой.

Вы познакомитесь с огромной библиотекой изменяющих картинку скриптов. Фильтры редактора могут не только придавать готовому изображению тот или иной эффект, но даже создавать новые объекты и обрамлять фото.

В статье даются основы обработки уже существующих графических файлов. Редактирование сразу нескольких изображений, перемещение объектов из одного рисунка в другой, изменение размеров и удаление ненужных частей — вот лишь неполный список тем урока.

Урок научит масштабировать элементы изображения, изменять пропорции, наклонять, искажать и деформировать их

Первая в череде рассказывающих об инструментах создания собственных шедевров статья. Уже давно компьютерные технологии развились до того, что позволяют имитировать рисование на бумаге. Вы научитесь творить с помощью виртуальных карандаша и кисти — эскизы и картины акварелью теперь можно легко рисовать и распространять на электронных носителях, делая неограниченное число копий и не переживая за сохранность труда.

Создание объектов «от руки» — одно, а точность и скорость иногда бывают превыше всего. Урок рассказывает об инструментах, с помощью которых буквально в несколько щелчков можно создавать идеально ровные геометрические фигуры заданных размеров. От простого квадрата до эллипса, звезды и даже музыкальной ноты — в статье рассматривается всё.

Вы раз и навсегда запомните, чем отличается вектор от растра, какие плюсы и минусы есть у обоих подходов, а также узнаете, зачем в Photoshop нужны контуры фигур и что делает пиксельный режим.

В продолжение работы с контурами изучаем инструменты группы Перо. Назначение, способ применения, описание параметров, а в результате вы научитесь рисовать нетипичные контуры и создавать сложнейшие геометрические объекты.

Магнитный режим инструмента Свободное перо стал настолько популярным, что его называют «Магнитным пером», хотя такого отдельного инструмента в Photoshop нет. Что же такого позволяет делать функция, за что её так сильно любят пользователи и чем она поможет лично вам — читайте в статье.

Чтобы применять для интернета эти функции редактора, не нужно быть ни верстальщиком, ни дизайнером, ни веб-мастером — вообще никем. Достаточно быть активным пользователем социальных сетей. Как сделать лицо красивей, убрать родинки и веснушки? Как обработать старое отсканированное фото, чтобы цвета стали ярче, а царапины, пятна и пылинки — не так заметны? Чем аккуратно вырезать объект, переместить его или клонировать? Где находится инструмент, который буквально за пару минут поможет избавить фотоснимок от эффекта «красных глаз»? Ответы на эти и другие вопросы ищите в статье.

Вы уже так много знаете, что освоение новых инструментов не является проблемой. Мне оставалось только сделать обзор с описанием возможностей, позволяющих улучшать качество картинок — осветлять там, где слишком темно, затемнять там, где засвечено, размывать и добавлять резкость, смешивать и размазывать цвета. В общем, дополнительная информация о том, как ещё сделать изображение лучше, ждёт вас в уроке.

Ещё раз поговорим о текстовых элементах. Как совместить надпись с геометрической фигурой, чтобы она шла по сложному контуру? Как отразить и переместить неудачно расположенный текст? Какими ещё эффектами можно украсить надпись? Также вы узнаете о том, что такое, зачем нужен и как использовать текст-маску.

С таким багажом знаний, какой накопился у вас за время прохождения предыдущих уроков, вы и сами в состоянии придумать коллаж любой сложности. Тем не менее общий порядок действий может пригодиться. Он, а также пример простейшего фотоколлажа, ждут вас в статье.

Вершина творчества для веб — отрисовка шаблонов сайта. Когда освоено большинство инструментов, а навыков достаточно, чтобы рисовать и разделители с фигурами, и кнопки для меню, и логотипы, и красивые надписи, ничто не мешает создать хороший, сложный макет. Статья рассказывает, из чего состоит стандартный шаблон, описывает принцип создания, а также учит разрезать макет, используя ранее незнакомые вам инструменты.

Уделив внимание каждому из уроков, разобрав практические примеры и поэкспериментировав самостоятельно, по мере освоения курса вы пройдёте путь от начинающего до продвинутого пользователя программы Photoshop и сможете самостоятельно углубиться в неё, переходя на новый уровень освоения, а поможет вам в этом крепкий и надёжный фундамент, заложенный циклом наших статей.

Дубликаты не найдены

Всегда любил Adobe за лаконичные хоткеи!

«Удалить текущий слой можно зажав Alt и трижды кликнув L»

Отличный пост, уважаемый – восхитительно оформлено и очень, очень полезно!
(увидел ответы на пару раздражавших меня долгое время вопросов :))

1. Удалить текущий слой можно зажав Alt и нажав 3 раза L.

2. Работая с инстрмуентом Move Tool Вы можете выбрать любой слой кликнув по части объекта с нажатым Ctrl.

3. Двойной клик по верхней синей полосе, в любом окне палитры, свернет ее.

4. Двойной клик по серому фону откроет диалоговое окно для открытия файла, Shift+двойной клик откроет браузер Adobe Bridge.

5. Устали от серого фона вокруг изображения? Возьмите инструмент Paint Bucket Tool (Ведро), зажмите Shift+клик по серому фону и он сменится любым цветом, который Вы выбрали в качестве цвета переднего плана.

6. Чтобы выбрать все слои нажмите Alt+Ctrl+A.

7. Caps Lock сменит Ваш курсор на более четкий крестик.

8. Нажмите клавишу F, и Вы сможете выбрать один из 3х различных режимов экрана, что позволит сделать рабочую область больше.

9. Чтобы нарисовать прямую линию с помощью кисти или карандаша, сделайте один клик в точке начала, затем зажмите Shift+клик в точке конца.

10. Нажатый Ctrl превратит любой инструмент в Move Tool (Перемещение), пока удерживаете его.

11. Ctrl+Alt+клик создаст копию изображения и переместит его по ходу движения мышки.

12. Нажатый Space (Пробел) превратит любой инструмент в Hand Tool (Рука), пока удерживаете его.

13. Ctrl+Space+клик увеличит масштаб изображения, Alt+Space+клик –– уменьшит.

14. Нажав Ctrl и «+» или «-» изменит масштаб изображения в процентах.

15. Если использовать Eyedropper Tool (Пипетка) с нажатой Alt –– это позволит взять образец цвета для цвета фона.

16. Инструмент Measure Tool (Линейка) –– сделайте линию, а затем зажмите Alt и создайте другую линию из конца первой –– это поможет Вам определить угол между ними.

17. Ctrl+Alt+Z и Ctrl+Shift+Z используйте для отмены и возврата ряда действий.

18. Alt+Backspace и Ctrl+Backspace зальет изображение цветом переднего плана и фона соответсвенно. Shift+Backspace вызовет диалоговое окно для заливки изображения. Alt+Shift+Backspace и Ctrl+Shift+Backspace зальет изображение цветом переднего плана и фона соответсвенно, но оставив при этом прозрачные места прозрачными.

19. Если зажать Alt и вызвать свободную трансформацию с помощью Ctrl+T, то она будет производиться над копией объекта. Ctrl+Shift+T повторит любые последние трансформации.

20. Рамер холста легко можно увеличить используя инструмент Crop Tool, растяните его за пределы холста и нажмите Ок.

21. Ctrl+J создаст копию текущего слоя.

22. Ctrl+Shift+E сольет все видимые слои в один, Ctrl+Shift+Alt+E сольет копию видимых слоев в один новый слой.

23. При использовании Marquee Tool (Выделение), зажмите Alt, чтобы сделать стартовую точку центром выделенной области.

24. Ctrl+D для снятия выделения, Ctrl+Shift+D для возврата выделения.

25. Когда Вы создаете выделение с помощью инструментов Marquee Tool, зажмите Space, чтобы переместить выделение, отпустите, чтобы продолжить выделять.

26. Нажав Shift и «+» или «-» сменит режим наложения слоя на: Normal, Dissolve, Multiply, Screen, Overlay.

27. Если выбран инструмент Brush или любой другой, прозрачность слоя можно менять нажатием на соответсвующую цифру на клавиатуре:

– при нажатии на одну цифру [4=40%]
– для задания более точного % прозрачности [зажмите 7, а затем 2, что в результате даст 72%].

28. Зажмите Alt и сделайте клик по значку глаза рядом с иконкой слоя на палитре слоев, чтобы скрыть все остальные слои, кроме текущего.

29. Образец цвета можно взять не только с изображения в Photoshop, но и за пределами программы. Уменьшите окно фотошопа так, чтобы видеть изображение, на котором хотите определить цвет, возмите инструмент Eyedropper Tool (Пипетка), сделайте клик внутри фотошопа и не отпуская выведите ее за пределы окна.

30. Выберите слой, зажмите Alt и сделайте клик на границе между верхним и текущим слоем, чтобы создать Cliping Mask, т.о. верхний слой будет виден в рамках нижнего, а нижний заменит маску.

31. Удерживая Alt нажмите кнопку создания нового слоя «Create a new layer» на палитре слоев, чтобы появилось диалоговое окно с настройками для нового слоя.

32. Выберите слой и, удерживая нажатой Alt, сделайте клик по мусорной корзине на палитре слоев, т.о. слой удалится без лишнего вопроса. Сделайте выделения для прозрачности где Вы хотите, перейдите на вкладку Channels и нажмите Ctrl+клик по кнопке «Create new channel», т.о. создастся альфа-канал только для выделенных областей.

33. File > Automate > Contact Sheet II –– создаст небольшие превьюшки для каждого файла, октрытого в данный момент в фотошопе, в отдельном документе в ряд и подпишет их.

34. У инструмента Move Tool в настройках доступна опция автовыделения слоя «Auto Select Layer» в зависимости от места клика.

35. Работая с инструментом Move Tool, нажав Alt+Shift+клик правой кнопкой мыши по различным объектам изображения, расположеных на различных слоях, позволит выделить все эти слои.

36. Работая с сеткой Grid, потяните за верхний левый угол, где расположены шкалы для Grid, и начало отсчета для них станет в том месте, где Вы отпустите клавишу мыши. Двойной клик в верхнем углу, сбросит точку отсчета в первоначальное положение.

37. Создав путь с помощью инструмента Pen Tool можно скрыть/показать его вновь с помощью комбинации Ctrl+Shift+H.

38. Управление навигацией с помощью клавиш может быть часто эффективней мышки:

Home = пролистать в верхний левый угол
End = пролистать в правый нижний угол
PageUp = пролистать вверх на одну страницу
PageDown = пролистать вниз на одну страницу
Ctrl+PageUp = пролистать влево на одну страницу
Ctrl+PageDown = пролистать вправо на одну страницу
Shift+PageUp = пролистать вверх на 10 pixel
Shift+PageDown = пролистать вниз на 10 pixel
Ctrl+Shift+PageUp = пролистать влево на 10 pixel
Ctrl+Shift+PageDown = пролистать вправо на 10 pixel

39. Ctrl+Tab переключит Вас между различными окнами с изображениями.

40. F12 вернет состояние изображения, которое было при последнем сохранении.

В этом разделе мы представляем различные уроки фотошопа, которые помогут как начинающим обработчикам изображений, так и продвинутым пользователям фотошопа.

Есть люди, полагающие, что приукрашивать снимки – это неспортивно. Но есть и другие, идущие в ногу со временем, и понимающие, что повернуть прогресс вспять невозможно. Именно поэтому и легкая коррекция, и глубокая обработка фотографий с помощью Photoshop(CS3, CS5, CS6), Lightroom, Corel и некоторых других подобных программ вошла в нашу жизнь и с каждым днем достигает новых высот.

Слово «фотошоп» давно стало нарицательным. Под ним уже давно подразумевают обработку изображения в любом графическом редакторе. Так и раздел «Уроки Фотошопа» объединил в себе все уроки, относящиеся к обработке фотоизображений.

Что же может дать коррекция фотографии в Photoshop снимку?
Прежде всего, это возможность нивелировать незначительные ошибки фотографа и исправить дефекты фотоснимка, возникшие в результате особенностей работы техники. Самый лучший макияж для женщины тот, который не заметен. Так же и фотоснимок после коррекции должен выглядеть так, словно он в ней и не нуждался.
Фотошоп решает проблемы нехватки света, низкой четкости и нарушения цветового баланса, позволяет производить художественную и техническую ретушь, создавать коллажи.

Кадрирование и чистка снимка, цвето-яркостная коррекция фотографии, устранение шумов, повышение резкости, устранения эффекта «красных глаз» и прочих мелких недостатков — далеко неполный список возможностей обработки фотографии в графическом редакторе.

Создание взрывающейся планеты


в Photoshop

Ровно 56 лет назад первый человек полетел в космос. Сегодня, чтобы сделать космическую фотографию, лететь никуда не нужно — можно даже не вставать из-за компьютера. В этом уроке мы создадим сцену в космосе с разрывающейся планетой и ярким светом энергетического взрыва.

Photoshop CC:


новый функционал для фотографа

В Photoshop CC появилось довольно много новых интересных функций. Сейчас компания все дальше и дальше идет по пути разделения функционала своих программ Photoshop и Lightroom. Photoshop позиционируется как инструмент для графических дизайнеров, а Lightroom — для фотографов.

Клеим HDR панораму


в Lightroom CC

Иногда так бывает, что задуманный кадр никак не хочет входить даже в самый широкоугольный объектив. Например, невозможно отойти от объекта съемки дальше, а может, и можно, но авторская задумка требует акцента на переднем плане, которого никак не добиться без склейки нескольких вертикальных кадров в один горизонтальный.

Как делать раскадровки в спортивной фотографии?


Советы Кирилла Умрихина

Один из лучших экстремальных спортивных фотографов России, участник Russian Photo club, Кирилл Умрихин наглядно объясняет, как качественно, а главное, быстро сделать в Photoshop эффектный снимок трюка, называемый раскадровкой.

Эмоциональная сцена


с танцующей в лесу девушкой

В этом уроке мы создадим эмоциональную сцену с танцующей в лесу девушкой. Вы научитесь объединять объекты с разных изображений, изменять их цвета, пользоваться масками и создавать правильное освещение.

Раздельное тонирование


черно-белых фотографий в Photoshop

В этом уроке по созданию спецэффектов в Photoshop мы рассмотрим простой способ раздельного тонирования.

Создание фото-рамки со снежинками в Photoshop:


оформляем зимние фотографии!

Зима подходит к концу, значит, — самое время разобрать фотографии. В этом уроке мы расскажем, как сделать простую рамку со снежинками, которая станет интересным дополнением к снимкам. Мы будем объяснять на примере Photoshop CS5, но подойдет любая свежая версия программы.

Как сделать пазл из фотографии?


Урок Photoshop

В этом уроке мы рассмотрим простой способ создания пазла из фотографии в Photoshop. Полезно знать, что в Photoshop имеется специальный фильтр Texturizer с бесплатной текстурой, созданной специально для этих целей. В нашем уроке мы будем пользоваться инструментом Pen Tool.

Урок по обработке пейзажа:


стекинг

Фотограф-пейзжист Даниил Коржонов делится со своими читателями не только прекрасными фотографиями и интересными рассказами, но и наглядно показывает, как ему удается передавать красоту природы. Сегодня мы публикуем его урок по обработке пейзажа.

Горячие клавиши Photoshop


Инфографика

Хотите работать в фотошопе быстрее и профессиональнее? Предлагаем запомнить сочетания «горячих» клавиш, благодаря которым ваша работа станет комфортнее и удобнее! Удачной постобработки!

Как добавить зернистость в фотошопе?


Имитируем пленочный кадр

В этом уроке по Photoshop мы научимся создавать имитацию зернистости, как на фотографии с пленки. Подойдет любая версия Photoshop, но если вы работаете с Photoshop CS3 или более поздней версией (у нас Photoshop CS5), то благодаря смарт-фильтрам, впервые появившимся в Photoshop CS3, у вас будет возможность в любой момент отрегулировать любой параметр спецэффекта. Если у вас версия Photoshop CS2 или более ранняя, просто пропускайте шаги, относящиеся к смарт-фильтрам, и у вас все получится.

Как наложить текстуру на лицо?


Спецэффекты в Photoshop

В этом уроке, посвященном созданию спецэффектов в Photoshop, мы рассмотрим способ, позволяющий с помощью фильтра Displace и карты смещения нанести интересную текстуру на человеческое лицо. Карта смещения позволяет как будто бы обернуть текстурой лицо с учетом его контура; это не то же самое, что налепить на портрет плоскую текстуру. Впервые карты смещения появились еще в Photoshop 2.0, так что если ваша версия Photoshop куплена не 20 лет назад, то у вас все получится. Мы будем объяснять на примере Photoshop CS4, но для данного урока подойдет любая свежая версия программы.

photoshop cc — Фотосессия своими руками

Adobe photoshop — это инструмент для всех тех, кто занимается фотографиями, монтажом, дизайном и т.д. Предлагаем видео уроки по adobe photoshop для начинающих. Следуя с первого урока вы с легкостью освоите photoshop cs6, photoshop cc.[…]

Читать дальше …

В этом уроке я обучаю как использовать Indesign CC вместе с Photoshop CC. Иконки, мокапы и блюр на бекграунд — как это внести в InDesign с помощью Photoshop. Файлы проекта: Ссылка на ресурс с иконками[…]

Читать дальше …

✅ Материалы из урока: ✅ Подписывайся на новые видео: =============================================== В этом видео мы сделаем простой, но впечатляющий текстовый эффект. Для этого нам понадобятся фотографии взрывающегося порошка и подходящий шрифт с кистью. В уроке используются[…]

Читать дальше …

УРОКИ РЕТУШИ ПО СКАЙПУ: dhyurail Instagram: Vkontakte: FB: Не забываем подписываться на канал и ставить лайки — это помогает нам развивать канал и делать его интереснее! Подписываемся здесь — Фотошкола в Минске: Все для микростокера:[…]

Читать дальше …

В этом видео курсе вы научитесь работать в программе Фотошоп, а также полностью разберетесь с функциями PhotoShop. В уроках мы создадим множество картинок и полностью обучимся работе в этой программе. 1) Видеокурс на itProger: ✔[…]

Читать дальше …

Фотошоп обладает большим набором функций для добавления различных эффектов к объекту. В этом уроке мы изучим специальную панель эффектов, а также добавим свойства к основному нашему объекту. 1) Урок на сайте: ✔ Сообщество программистов: ✔[…]

Читать дальше …

Фотошоп обладает множеством инструментов, с которыми мы ещё не работали. В ходе урока мы научимся добавлять картинки и работать с ними при помощи инструментов, а также свойств слоя. 1) Урок на сайте: ✔ Сообщество программистов:[…]

Читать дальше …

Фотошоп обладает мощным инструментом, который называется Layer Masks (Маски слоя). В ходе урока мы познакомимся с этим инструментом, а также научимся добавлять различный свет в проект. 1) Урок на сайте: ✔ Сообщество программистов: ✔ ————-[…]

Читать дальше …

Еще одно видео о том как быстро и качественно выделить сложный объект в Adobe Photoshop CC ► РЕКОМЕНДУЮ УРОКИ: 1. КАК УЛУЧШИТЬ ФОТО В 1 КЛИК В PHOTOSHOP: 2. РЕТРО ПОСТЕР В СТИЛЕ PIN-UP В[…]

Читать дальше …

Спсибо за просмотр. Мой телеграм-канал —

Читать дальше …

Перспектива в Фотошопе: исправление, деформация и изменение

Вопросы перспективы являются одной из главных проблем фотографов, которые только начинают свой творческий путь. Благодаря компании Adobe, разработавшей Photoshop, эта задача легко решается. Программа способна решить большинство проблем и привести в порядок даже самые спорные снимки.

Данный урок посвящен исправлению перспективы на фотографиях в Фотошопе.

Исправление перспективы

Исправить перспективу в Фотошопе можно двумя простыми способами: использовать специализированный под данную задачу фильтр «Коррекция дисторсии» или воспользоваться функцией «Свободное трансформирование». Но для начала нужно определиться с фотографией, которую мы будем обрабатывать.

Способ 1: Применение коррекции дисторсии

  1. В данном варианте исправления перспективы, необходимо прибегнуть к помощи фильтра «Коррекция дисторсии», найти который можно в меню «Фильтр».
  2. Но вначале необходимо скопировать исходный слой, а уже затем включить фильтр. В настройках следует перейти во вкладку «Заказная», найти блок «Перспектива» и обратить внимание на пункт «По вертикали».
    Эта функция позволит скорректировать косые стены зданий, сделав их параллельными. Однако этот вариант требует наличия собственной оценки и интуиции, поскольку работать придется, ориентируясь исключительно на свои ощущения. Поэтому двигаем ползунок до тех пор пока вам не покажется, что здание теперь имеет симметрию и параллельные линии стен. После кликаем “ОК” и наслаждаемся результатом. Так получилось у нас:

Способ 2: Применение свободного трансформирования

До того, как будет произведена «Свободная трансформация», фотографию следует подготовить. Для этого необходимо включить линейки, чтобы выставить направляющие маркеры. Переходим в верхнем меню “Просмотр” и выбираем “Линейки”.

Линейки появятся сверху и слева. Вы это заметите. Часто бывает, что они предустановлены.

Чтобы определить границы, до которых будет возможно растянуть изображение, необходимо ориентироваться на вертикальные направляющие и горизонтальные. Последние корректируют высоту объекта на картинке, их несколько, и они помогут настроить размер здания после выполнения корректировки.

А теперь пошагово выполняем эти действия:

  1. В меню находим «Свободное трансформирование», как показано на скриншоте:
    Вызвать его можно при помощи клавиш CTRL+T. Далее нажать на правую кнопку мыши (ПКМ) и выбрать кнопку «Перспектива».
  2. Используем крайние маркеры сверху, чтобы растянуть изображение, наблюдая за вертикальными ориентирами. Необходимо следить за корректировкой фото самостоятельно, чтобы горизонт также получился правильным.
  3. Снова нажимаем на правую кнопку мыши и находим пункт «Масштабирование».
  4. Ориентируясь на направляющие, растягиваем здание вертикально.
    Когда корректировка выполнена, применить трансформирование, нажав на Enter.

Прибегнув к данному методу, можно максимально гибко оптимизировать искаженную перспективу на своих изображениях.

Давайте сравним начальную фотографию и наш финальный вариант:

Это был урок о том, как исправить или подкорректировать неправильную перспективу в Фотошопе. Если вам что-то показалось непонятным, задавайте вопросы в комментариях и мы обязательно на них ответим. До встречи в наших следующих уроках.

60 лучших уроков Photoshop, чтобы попробовать

Несмотря на усиление конкуренции со стороны таких, как Sketch и Affinity Photo, 28-летний инструмент Adobe для редактирования изображений Adobe CC остается стандартом промышленности.

Учебники по Photoshop: быстрые ссылки

Используемый всеми от ретушеров фотографий для графических дизайнеров, типографов для специалистов в области 3D-печати и за его пределами, этот универсальный инструмент становится все более и более мощным с течением времени. Тем не менее, всегда есть кривая обучения с Photoshop, и в наши дни даже продвинутым пользователям все еще может многое узнать. Если вы еще не подписались, вы можете подписаться на Adobe Creative Cloud здесь.

В этом посте мы собрали лучшие уроки Photoshop в Интернете. Итак, независимо от того, являетесь ли вы новичком или ветераном Photoshop, вы обязательно найдете отличный учебник, чтобы повысить свои навыки.

Учебники для начинающих

Познакомьтесь с Photoshop
Если вы новичок в полной мере, вот хороший учебник по Photoshop, который можно начать с: серии видео-походов, которые учат вас основные инструменты и методы Adobe Photoshop CC. Вы познакомитесь с рабочей областью Photoshop и узнаете, как открывать и сохранять изображения, увеличивать и уменьшать масштаб и устранять ошибки.

Как изменить размер изображения
В этой серии видео-походов от Яна Кабали объясняется, как изменить размер изображения, обрезать и выровнять, а также добавить к холсту изображения в Adobe Photoshop CC.

Как работать с слоями
В этом уроке Photoshop вы узнаете, как использовать слои на панели «Слои», изменять размер содержимого слоя, добавлять изображения в многоуровневый файл и работать с фоновым слоем в Adobe Photoshop CC.

Как настроить качество изображения
Узнайте, как повысить яркость и цвет и улучшить качество изображений в Adobe Photoshop CC в этом пошаговом руководстве.

Как сделать выбор
В этом учебном пособии раскрывается, как создавать подборку, работать с популярными инструментами выбора и точно настраивать края выделения в Adobe Photoshop CC.

Как ретушировать изображения
Следуйте этому руководству, чтобы узнать, как удалить ненужные объекты, добавить объекты путем клонирования и исправить другие недостатки в вашем изображения с инструментами ретуширования в Photoshop.

Как добавить текст и фигуры
Когда вы добавляете текст и фигуры в Photoshop, они остаются редактируемыми, и вы можете настроить их до мельчайших деталей.

Как использовать инструмент Pen Pen
Марк Уайт объясняет, как максимально использовать инструмент «Перо» Photoshop, простую функцию выделения, которая позволяет вам заполнять, обводить или делать выбор из того, что вы рисуете.

Как совместить изображения
Одним из самых сильных аспектов Photoshop является его способность комбинировать изображения для создания образных композитов.

Как применять фильтры
]
Легко добавлять быстрые эффекты к изображению, используя фильтры в Photoshop CC.

Отредактируйте свою первую фотографию
Выведите лучшее на своих фотографиях с помощью фундаментальных методов редактирования фотографий, изложенных в этом учебнике для начинающего уровня Photoshop.

Мгновенно делитесь фотографиями и проектами
Хотите быстро показать свою работу клиентам и сотрудникам или поделиться идеей мгновенно по электронной почте, тексту, социальным сетям и т. Д., Все в Photoshop?

Что такое Camera Raw?
Сделайте быстрые и быстрые действия, обратимые изменения с помощью Adobe Camera Raw.

Создайте свой первый дизайн
] В этой серии видео рассказывается о том, как работать со слоями, комбинировать изображения, использовать маски слоя и добавлять креативную графику, текст и эффекты. Затем вы можете использовать эти навыки для объединения проектных активов в простой, уникальный составной для печати или онлайн-использования.

Создание изображения для социальных сетей
В этом уроке Photoshop на начальном уровне объясняется, как объединить фотографию, текст и художественные работы для ваших Facebook, Twitter и других сообщений в социальных сетях.

Как использовать слои Photoshop: 6 верхних подсказок

Обучение использованию системы слоев Photoshop является ключом к разблокированию универсальности программного обеспечения. В этом уроке вы узнаете, как все от создания слоев до их блокировки, группировки и корректировки непрозрачности.

Как использовать маски слоя Photoshop

Этот учебник поможет вам оптимизировать рабочий процесс цифрового искусства. Поскольку любой начинающий Photoshop быстро узнает, маски слоя являются одной из самых фундаментальных частей программного обеспечения: без них ваша работа будет выглядеть ровной. Следуйте этим семи подсказкам и ярлыкам, чтобы работать быстрее и легче с помощью маски слоя.

Сделайте быстрый выбор в Photoshop
Возможность выполнения простых вырезов и маскирование задач является основным требованием любого дизайнера. В этом пошаговом учебнике Photoshop мы используем три основных метода создания простых вариантов, а затем накрываем опции маски слоя и то, как они работают немного глубже.

Цифровая живопись с Photoshop CC для начинающих
Если вы можете работать на холсте с красками, то многие из тех же методов рисования, которые вы используете, перенесли прямо на цифровое рисование в Photoshop.

Следующая страница: Обучающие программы для промежуточного Photoshop

Обзор новых возможностей Photoshop CC | Soohar

Новая версия Photoshop выйдет уже в июне этого года! Photoshop CC (Creative Cloud) это новое название, по существу того же Фотошопа, что был и ранее но с десятками новых возможностей. Некоторые из лучших особенностей включают фильтр «Camera Shake Reduction», который позволяет исправлять размытые фотографии,  «Intelligent Upsampling»  позволяющий увеличивать размер фотографии, сохраняя детали, и обновленный фильтр «Smart Sharpen». Ознакомьтесь с новыми возможностями Фотошопа прямо сейчас и подумайте, стоит ли вам на него переходить.
 

Обзор Photoshop CC

Почему Photoshop CC, а не CS7? Как вы уже знаете из этой новости, Photoshop CC будет доступен только через сервис Creative Cloud. Adobe официально объявила о прекращении выпуска коробочной версии Creative Suite.  Следовательно, было бы более целесообразно переименовать из Photoshop CS (Creative Suite) в CC (Creative Cloud).
 

Новые и усовершенствованные возможности

Smart Sharpen

Обновленный фильтр Smart Sharpen позволит получить лучшие результаты уменьшения шума на фотографиях. Кроме того, через этот фильтр, вы также можете увеличить резкость фотографии с минимальным шумом. Пример возможностей обновленного фильтра Smart Sharpen, вы можете увидеть ниже:
 

 

 

Увеличение размера

При увеличении размера, скорее всего вы получите размытую фотографию и изображение. Конечно сейчас есть программы и плагины, которые могут увеличить фотографию с приемлемым качеством, чем например в том же Photoshop CS6. (Несколько таких плагинов вы можете найти здесь)

Но теперь в новой версии Photoshop CC, нам обещают новую возможность, позволяющую увеличивать размер изображения и сохраняя при этом все детали. Назваться будет Intelligent Upsampling. Также в этом в фильтре будет ползунок «Reduce Noise» позволяющий уменьшать количество шума.
 

 

Camera Shake Reduction

Теперь у вас будет возможность исправить размытые фотографии. В 2011 на своей конференции, Adobe показали технологию, которая способна это делать. Теперь спустя 2 года эта технология будет представлена как фильтр под названием Deblur.
 

 

 

Editable Rounded Rectangles

Это функция, которые уже существуют в Adobe Fireworks, но совсем скоро поддержка Fireworks будет прекращена. Поэтому разработчиками было решено перенести эту возможность в Photoshop CC.

Что такое «Editable Rounded Rectangles». Это инструмент, позволяющий создавать закругленные векторные прямоугольники с необходимым радиусом и тд. Данным инструментом чаще всго будут пользоваться для создания веб сайтов и тд. В Photoshop CC, вы можете настроить нужный радиус угла и экспортировать данные в CSS для сайта.
 

 

Adobe Camera RAW 8

В Adobe Camera RAW 8 будет включена новая восстанавливающая кисть, радиальные градиенты, и инструмент, который корректирует точки фокусировки фотографии. Кстати эти инструменты есть и в Lightroom 5 Beta. Еще одна интересная особенность состоит в том, что вы можете применить ACR в качестве слоя. Это очень полезная возможность для фотографов.
 

 
На этом обзор новых возможностей Photoshop CC закончен. Подписывайтесь на новости сайта и добавляйтесь в социальные сети, чтобы следить за новостями и обновлениями сайта. Успехов.

Канал телеграм @photoshoptips — Photoshop: Tips & Tricks

Разбор Adobe MAX 2017 — Day 1 Keynote
Иллюстратор
https://youtu.be/4j_pd1awSac?t=115 — новый супер быстрый лайаут для работы с большими файлами.
адобы очень оптимизировали люстру с работой с кучей артбордов (на 30%)
https://youtu.be/4j_pd1awSac?t=286 — цветные шрифты
https://youtu.be/4j_pd1awSac?t=328 — вариативные шрифты
https://youtu.be/4j_pd1awSac?t=396 — паппет варп тул. очень крутая фигня, которая делает что-то похожее на работу костей в 3д программах.
Полный список изменений — https://helpx.adobe.com/illustrator/using/whats-new.html
Фотошоп
https://youtu.be/4j_pd1awSac?t=677 — новый вид пен тула, который автоматичеки определяет угол сгиба кривых, трудно объяснить, смотрите сами
https://youtu.be/4j_pd1awSac?t=755 — новая панель с кистями (НАКОНЕЦ-ТО БЛЯТЬ ДОБАВИЛИ ПАПКИ!)
https://youtu.be/4j_pd1awSac?t=824 — строук кетчап (izi nazumi integration)
Полный список изменений — https://helpx.adobe.com/photoshop/using/whats-new.html
ХД
https://youtu.be/4j_pd1awSac — фича, которая повторяет элемент по сетке
https://youtu.be/4j_pd1awSac?t=1820 — ассеты
https://youtu.be/4j_pd1awSac — мгновенная синхронизация прототипа с приложением
Дименшн
https://youtu.be/4j_pd1awSac?t=2456
тулза для графический дизигнеров, кто не может в 3д, чтобы рендрить свои дизайны упаковочек на мокапах
Спарк
какой-то непонятный сборник из 3-ех инстументов: редактор видео, создатель адаптивных лонгридов и редактор для графики в соц. сетях
https://youtu.be/4j_pd1awSac?t=3215
Лайтрум
https://youtu.be/4j_pd1awSac?t=4326 — переработанный браузер картинок
https://youtu.be/4j_pd1awSac — градиентные выделения и редактирования РАВ файлов в мобильной версии
АЕ
https://youtu.be/4j_pd1awSac — фиксированное размещение кусков анимации из библиотек
https://youtu.be/4j_pd1awSac?t=5155 — респонсив кифрейм анимация
https://youtu.be/4j_pd1awSac?t=4326 — песня про моушн график темплс ин адоби стааааак
https://youtu.be/4j_pd1awSac?t=5823 — просто для тех, кто хочет послушать послушать индуса. рил ток
Сенсеи — это такой ассисттент, который интегрируется в продукты Адоб и анализириет, что вы делаете
https://youtu.be/4j_pd1awSac?t=6338 — тут сенсеи с помощью нейронок проанализировал скетч и выдал по тегам его состовляющие, после чего можно попросить Сенсеи найти картинки из стоков по этим тегам
https://youtu.be/4j_pd1awSac — сенсеи хранит всю историю изменений и цепочку взаимосвязей и позволяет ее изменять прямо на ходу

@photoshoptips

Дизайн Реалистичный фон и текст из нержавеющей стали [Учебное пособие по Photoshop]

Вдохновленный их дизайном, я пытаюсь вернуть эти стили в свой личный дизайн и, таким образом, создал что-то солидное, немного напоминающее кусок металла из нержавеющей стали.

Подробности впереди.

30+ высококачественных металлических текстур, узоров и кистей Photoshop
30+ высококачественных металлических текстур, узоров и кистей для Photoshop

Большинство текстур и узоров не выглядят привлекательно в сыром виде или в автономном режиме, а также в этих металлических… Читать далее

Фон из нержавеющей стали
Шаг 1

Создайте новый пустой документ размером 600 × 400. Создайте новый слой, назовите его «фон» и залейте его серым цветом [# c0c0c0]. Дублируйте слой «фон» , назовите новый слой « стальной фон » и поместите его поверх « фон ».

Шаг 2

Выбрав слой «стальной фон», примените Filter> Add Noise и введите следующие настройки:

  • Количество: 14.21
  • Распределение: по Гауссу
  • Монохроматический проверенный
Шаг 3

Не снимая выделения со слоя « стальной фон », выберите Filter > Blur > Motion Blur и введите следующие настройки:

  • Ангел: 0
  • Расстояние: 34 пикселя

Щелкните правой кнопкой мыши « стальной фон », выберите Blending Options и введите следующие настройки для Gradient Overlay — Gradient Editor :

Цветной стоп 1

  • Цвет: # 000000
  • Непрозрачность: 50%
  • Расположение: 0%

Цветной стоп 2

  • Цвет: #ffffff
  • Расположение: 50%

Color Stop 3

  • Цвет: # 000000
  • Непрозрачность: 50%
  • Расположение: 0%
Металлический текст
Шаг 4

Ваш фон из нержавеющей стали в основном готов, мы продолжим вставлять металлический текст, который должен выглядеть одинаково.Используйте инструмент Text Tool , напишите что-нибудь посередине, желательно жирным шрифтом (здесь я использую Myriad Pro Bold). Щелкните правой кнопкой мыши (или дважды щелкните) текстовый слой, чтобы открыть диалоговое окно « Blending Options ».

  1. Тень
  • Непрозрачность: 38%
  • Расстояние: 1px
  • Распространение: 1%
  • Размер: 2px
  • Фаска и тиснение
    • Глубина: 100%
    • Размер: 0px
    • Смягчение: 0px
    • Непрозрачность выделения: 42%
    • Непрозрачность тени: 32%
  • Наложение градиента , Редактор градиента

    Цветной стоп 1

    • Цвет: # 3f3f3f
    • Расположение: 0%

    Цветной стоп 2

    • Цвет: # a1a1a1
    • Расположение: 100%
  • Ваш текст должен выглядеть примерно так, как показано ниже.

    Шаг 5

    Вот кое-что, за чем нужно внимательно следить. Удерживайте клавишу Control (Mac: клавиша Command) и щелкните левой кнопкой мыши текстовый слой, чтобы выделить его контур. Убедитесь, что контур все еще на месте, выберите слой « стальной фон » и нажмите Ctrl + J (Mac: Command + J)

    .

    Делая это, вы дублируете стальной фон в форме вашего текста. Переименуйте слой в « текстовый фон » и переместите его наверх.

    Шаг 6

    Измените « фон текста » на Color Burn , уменьшите непрозрачность до 67% .

    Ваш окончательный результат должен выглядеть примерно так, как на изображении ниже.

    учебных пособий по Photoshop для электронной торговли: улучшите фотографии товаров

    Есть несколько сообщений в блогах о фотографии своими руками, в которых рассказывается о том, какие лайтбоксы, камеры и объективы нужно покупать, чтобы создавать красивые фотографии продуктов.В этом посте рассказывается о следующем этапе процесса фотографирования продукта: редактировании. После того, как вы сделали фотографию продукта, которая хорошо выглядит, в Photoshop можно многое сделать, чтобы украсить изображения, чтобы они выглядели еще лучше. В этом посте я опишу часто используемые методы Photoshop для редактирования фотографий продуктов и некоторые инструменты, которые помогут ускорить этот процесс.

    Для кого предназначен этот учебник: Этот учебник написан для владельцев бизнеса, которые занимаются фотографией своих товаров своими руками.Возможно, вы пробовали работать с Photoshop или Photoshop Elements в прошлом, но у вас не было времени изучить различные инструменты в них.

    Требования к программному обеспечению: В приведенных ниже примерах я использую Photoshop CC, версию SaaS, которая стоит 9,99 долларов в месяц. В качестве альтернативы инструменты, о которых я говорю здесь, также доступны в Photoshop Elements, которые можно приобрести за один платеж в размере 99 долларов США. Существуют также бесплатные инструменты, такие как GIMP, хотя у меня нет личного опыта их использования.

    Начнем.

    Использование точечной восстанавливающей кисти для коррекции изображений

    Кисть «Заживление пятен» используется для удаления мелких пятен и дефектов с таких продуктов, как пыль, царапины, незакрепленные нити и т. Д. Основной процесс заключается в следующем: мы выделяем области, которые хотим исправить, а затем Photoshop анализирует эти пиксели и заменяет их. с окружающими его цветами.

    Вот образец изображения. Черный цвет сзади по центру кажется отражением камеры на металле.Давайте исправим это, заменив черный на золотой так, чтобы он гармонировал с остальной частью изображения.

    Шаг 1: Выберите «Точечную восстанавливающую кисть» в левом меню.

    Шаг 2: Затем в верхнем меню выберите размер кисти. В Photoshop кисти используются во многих инструментах. Это как кисть. Например, если вы хотите удалить пылинку, вам нужна крошечная кисточка, чтобы точно удалить это пятнышко.

    Когда вы нажмете на инструмент «Точечная восстанавливающая кисть», а затем наведете курсор на изображение, вы увидите, что ваш курсор изменится на круг — размер круга соответствует размеру кисти.Когда вы увеличиваете или уменьшаете размер кисти, размер круга соответственно изменяется. Выберите размер кисти, который позволит вам закрасить черную область одним движением.

    Следующая настройка кисти — «жесткость». Вот пример, когда я использую кисть с разными настройками жесткости. Чем выше число, тем более твердый край кисти.

    Примечание: Щетка с низкой жесткостью называется мягкой щеткой. Вы часто будете встречать этот термин при просмотре других руководств по Photoshop.

    При таких исправлениях я выбираю более низкую жесткость, чтобы цвета смешивались более плавно. При настройке 100% изображение будет выглядеть так, как будто оно было отредактировано. Я выбрал 40% для этого урока, но немного выше или ниже обычно работает нормально. Оставьте остальные настройки по умолчанию.

    Шаг 3: Щелкните и перетащите кисть на черную область. Когда вы это сделаете, кисть «Точечное исцеление» выделит черным светом окрашенную область.

    Шаг 4: Теперь, когда вы перестаете рисовать и отпускаете, Photoshop анализирует область вокруг окрашенной области и заменяет ее цветами вокруг нее. Вот фиксированное изображение — и все это одним щелчком и перетаскиванием.

    Точно так же вы можете настроить размер кисти и щелкнуть по другим пятнам, которые хотите удалить. При фотографировании ювелирных изделий и других небольших изделий, когда изображение больше, чем реальный товар, часто видны мелкие пятна и царапины.Используйте этот инструмент, чтобы исправить это.

    Использование инструмента оттенка / насыщенности для изменения цветов

    Если у вас есть один и тот же продукт в нескольких цветах, вы можете сфотографировать один продукт и использовать инструмент «Цветовой тон / насыщенность», чтобы изменить цвета. Это особенно полезно, когда сложно сделать снимок — например, если у вас есть рубашка из 10 цветов, и каждую рубашку нужно гладить и осторожно надеть перед фотографированием, обычно легче сфотографировать 2 или 3 цвета, а затем сделать цветную. изменения в фотошопе для остальных.

    Когда использовать этот инструмент

    Этот инструмент хорошо работает, когда цвет, который вы хотите изменить, — красный, синий, зеленый или некоторые вариации этих цветов. Это не сработает, если ваш товар белый, черный или серый. Это означает, что вы не можете изменить белый цвет на розовый, но можете изменить синий на розовый.

    Вот изображение синего браслета с золотой подвеской. С помощью этого инструмента мы изменим цвет браслета на бирюзово-голубой, на розовый, а затем заменим золотой брелок на серебряный.

    Шаг 1: Перейдите в Image> Adjustments> Hue / Saturation.

    Шаг 2: Вы увидите диалоговое окно с несколькими параметрами. В раскрывающемся меню, показанном на изображении ниже, выберите «Блюз». Это сообщает Photoshop, что вы хотите изменить цвет «синего» изображения. Поскольку у этого изображения золотой шарм, вы не хотите, чтобы Photoshop менял цвет шарма.

    Шаг 3: Затем вы перемещаете ползунки, чтобы изменить цвет синего на другой.Вот что делает каждый из ползунков:

    • Hue изменяет основной цвет
    • Saturation изменяет интенсивность цвета
    • Lightness делает цвет светлее или темнее.

    Начните с ползунка «Оттенок», затем используйте ползунки «Насыщенность» и «Яркость», чтобы добиться нужного цвета.

    Вот несколько примеров:

    Замена синего браслета на бирюзовый

    При отрицательной настройке оттенка цвет меняется на морской синий или бирюзовый.Обратите внимание, что золотой шарм остается прежним.

    Замена синего браслета на розовый

    При перемещении ползунка в другую сторону синие бусинки становятся ярко-розовыми.

    Обратите внимание на цветной ползунок в нижней части диалогового окна выше. На верхней панели отображается диапазон цветов, который вы выбрали в раскрывающемся меню, в данном случае «Блюз». Центральные серые полосы указывают основной цвет, который нужно изменить, а две внешние полосы указывают диапазон, до которого изменение цвета будет плавным, чтобы смешаться.Поиграйте с ним и посмотрите, как изменится изображение.

    Нижняя полоса показывает новый цветовой диапазон в зависимости от положения ползунков.

    Изменение амулета с золотого на серебряный

    Далее меняем золотой брелок на серебряный. Для этого вернитесь в раскрывающийся список и выберите «Желтые». Мы выбрали этот вариант, потому что золото — это оттенок желтого. Затем полностью уменьшите насыщенность до минимума. Это по существу убирает цвет и делает его оттенком серого. Затем увеличьте ползунок яркости, чтобы он больше походил на серебро.

    Этот метод экономит время, а также обеспечивает единообразие изображений. Сложность состоит в том, чтобы отрегулировать настройки ровно настолько, чтобы цвет выглядел как настоящий цвет продукта.

    Другое применение инструмента «Цветовой тон / насыщенность»

    Большинство из нас, вероятно, использовали основной фильтр яркости, который включен в редактор изображений по умолчанию на наших компьютерах. Этот ползунок полезен, когда вы хотите увеличить или уменьшить яркость всего изображения, но что, если вы хотите сделать определенный цвет в изображении более или менее ярким? С помощью инструмента «Цветовой тон / насыщенность» вы можете выбрать нужный вам цвет и переместить ползунок яркости, чтобы повлиять на яркость только этой части изображения.

    Повышение резкости изображений с помощью инструмента Unsharp Mask Tool

    С помощью маски Unsharp Mask Photoshop находит края в вашем продукте и делает одну сторону темнее, а другую — светлее. Благодаря более высокому контрасту по краям изображение выглядит резче, а из-за увеличения контрастности по краям изображение с повышенной резкостью также выглядит ярче.

    Вот изображение, демонстрирующее, как работает повышение резкости. Обратите внимание на текст логотипа на этих ножницах. Он немного тусклый и не сильно отличается от лезвий из нержавеющей стали.

    Откройте маску нерезкости, выбрав Фильтры> Резкость> Маска нерезкости

    Перемещайте ползунки, чтобы увидеть, что лучше всего подходит для вашего продукта. Вот что означает каждая из настроек:

    • Сумма сообщает Photoshop, сколько контраста добавить или убрать с каждой стороны края.
    • Радиус сообщает Photoshop, сколько пикселей по обе стороны от края следует регулировать контрастность. Например, если вы установите слишком высокое значение, вы увидите искусственные края, которые выглядят неправильно.
    • Порог указывает Photoshop не увеличивать резкость слишком похожих по цвету областей. Например, предположим, что у вас есть изображение неба и облаков, в котором есть несколько оттенков синего и белого. Вы не хотите, чтобы Photoshop изменял контраст для каждого тона синего, это сделало бы изображение неоднородным. Таким образом, этот параметр указывает Photoshop на повышение резкости только в том случае, если контраст по обе стороны от края не ниже указанного уровня.

    Когда вы начнете использовать этот фильтр, поиграйте с ползунками, чтобы почувствовать, как меняются ваши изображения.Каждое изображение отличается, поэтому вы получите разные настройки для каждого изображения.

    Здесь я использовал радиус 3,4 пикселя, что довольно агрессивно. Обычно я рекомендую установить радиус 1,5–2 пикселя, чтобы получить более тонкий эффект. Я обычно оставляю порог 0 или 1 для большинства фотографий товаров.

    Вот сравнение до и после. Обратите внимание, что новое изображение тоже ярче, а не только резче. Это из-за повышенной контрастности.

    Сохранение изображений

    Вы можете открывать каждое изображение, редактировать его и сохранять, но вот способ получше.

    Когда вы выбираете Файл> Открыть в Photoshop, вы получаете стандартное диалоговое окно открытия, в котором вы можете выбрать файлы для открытия. Вы можете открыть несколько файлов, удерживая клавишу Ctrl (или Cmd на Mac) и щелкая различные изображения, которые хотите открыть. Здесь я выбрал 8 изображений, выделенных синим цветом.

    Когда вы открываете несколько файлов вместе, Photoshop открывает каждое изображение во вкладке. Затем просмотрите каждую вкладку и при необходимости отредактируйте.

    Затем перейдите в меню «Файл»> «Автоматизация»> «Обработчик изображений».

    В открывшемся окне вы можете указать Photoshop сохранить все открытые изображения в виде файлов JPEG и даже изменить их размер в соответствии с требованиями шаблона вашего сайта. В приведенном ниже примере я установил размер изображений 1200 x 1200 пикселей и сохранил их в том же месте, что и исходные изображения. Photoshop создает папку под названием «JPEG» в исходной папке и сохраняет в ней окончательные файлы.

    После завершения описанного выше процесса перейдите в исходную папку и найдите папку с именем JPEG.Убедитесь, что изображения сохранены так, как вы ожидали.

    Затем перейдите в Файл> Закрыть все. Появится окно с вопросом, хотите ли вы сохранить открытое изображение с изменениями. Нажмите кнопку «Применить ко всем» внизу и нажмите «Да». Теперь у вас есть папка JPEG с отредактированными изображениями и изображениями с измененным размером, а также копии полноразмерных изображений, если они вам понадобятся позже для создания других размеров. Я также предлагаю сохранить исходные изображения перед редактированием, на случай, если вы захотите вернуться и переделать некоторые из них позже.

    Дальнейшее обучение: ресурсы Photoshop

    Целью этого поста было дать вам представление о том, на что способен Photoshop в контексте фотографии продукта, однако, пока я обсуждал инструменты, я не касался основных концепций Photoshop, таких как слои и маскирование, которые вам следует изучить. чтобы воспользоваться всеми преимуществами программного обеспечения.

    Чтобы начать изучение Photoshop, ознакомьтесь с учебными материалами по Photoshop на сайте Adobe. Это серия бесплатных коротких видеороликов, в которых показаны различные способы использования Photoshop.Они не относятся к работе, связанной с продуктом, но дают общее представление о концепциях Photoshop.

    Среди платных курсов обратите внимание на Phlearn, которым руководит профессиональный ретушер Аарон Нэйс. Есть и бесплатный раздел, но его новые курсы являются частью платного плана или могут быть приобретены курсом. Существует подробное руководство по удалению фона с фотографий — очень полезно для фотографии продуктов, если вам нужен идеальный белый фон. Есть несколько методов удаления фона, и в этих видеороликах они подробно описаны.

    Photoshop огромен, и есть чему поучиться. Продуктовые фотографы знают другой набор инструментов, чем фотографы-портретисты, которым в первую очередь приходится иметь дело с оттенком кожи, глазами и волосами, и свадебными фотографами, у которых другой набор проблем. Итак, освоитесь с несколькими инструментами и разберитесь с различными параметрами и ползунками, которые идут с ними. Вскоре вы разместите на своем сайте гораздо более качественные изображения и начнете замечать рост ваших продаж.

    Готовы перейти к следующему шагу? Узнайте больше о создании идеального дизайна страницы продукта и о том, как создавать красивые и полезные описания продуктов.

    Создание реалистичного пламени в Photoshop Tutorial

    Совместимость:
    Photoshop 7, CS-CS6, CC

    Из этого туториала Вы узнаете, как наилучшим образом использовать мои кисти и узоры с пламенем для создания реалистичного пламени и огня.

    Необходимые инструменты:
    Кисти Photoshop и GIMP с пламенем
    Шаблоны Fire Photoshop

    1. Когда у вас будут инструменты, перечисленные выше, откройте новый файл (File> New).Сделайте 500 на 500 пикселей. Разрешение должно быть 72, цветовой режим должен быть RGB, а фоновое содержимое должно быть белым. Выберите инструмент «Ведро с краской» и выберите черный цвет в качестве цвета переднего плана, затем щелкните холст, чтобы сделать его черным. Пламя лучше видно на черном или темном фоне.

    2. Загрузите набор кистей пламени. Если вы не знаете, как это сделать, ознакомьтесь с нашим руководством о том, как загружать и устанавливать наборы кистей.

    3. Щелкните инструмент кисти и выберите кисть с пламенем, которую вы хотите использовать для этого урока.Я собираюсь использовать кисть «flames6», поэтому не стесняйтесь использовать ее, чтобы следовать за мной.

    4. Нам нужно, чтобы пламя находилось на отдельном слое, чтобы мы могли управлять им. Итак, в палитре слоев нажмите «Создать новый слой» (если палитра слоев не открыта, выберите «Окно»> «Слои» в верхнем меню).

    Выберите красивый ярко-оранжевый цвет в качестве цвета переднего плана (я использую # ff7500). Измените размер кисти примерно до 450, чтобы она поместилась на холсте, и щелкните один раз в середине.Мой выглядит так:

    5. Вы захотите применить узор к этому пламени, поскольку пламя, как правило, не имеет однородного оранжевого цвета. В них есть пятна желтого, красного и даже белого цвета. Для этого сначала вам нужно убедиться, что ваши шаблоны пламени извлечены в правильный каталог. Используя свою любимую программу для распаковки (WinZip — это то, что я использовал, но если вы пользователь Windows, она вам не понадобится — она ​​встроена в операционную систему Windows), разархивируйте SS-flames-patterns.zip-файл. В качестве места назначения выберите Program Files> Adobe> Photoshop (версия ##)> Presets> Patterns.

    Теперь, вернувшись в Photoshop, щелкните маленькую букву «f» в нижней части палитры слоев. Кнопка «Добавить стиль слоя». На изображении справа он выделен фиолетовым цветом.

    Выберите в меню «Pattern Overlay». Вы увидите всплывающее меню, подобное приведенному ниже. Нажмите на маленькую стрелку вниз справа от текущего выбранного шаблона, и вы увидите все шаблоны в текущем выбранном наборе шаблонов.Мы хотим загрузить образцы огня, поэтому щелкните маленькую стрелку, которую я выделил фиолетовым цветом.

    Поскольку мы поместили файл SS-fire-patterns.pat в каталог Photoshop Patterns, он должен появиться во всплывающем списке. Найдите «SS-fire-patterns» и щелкните по нему, чтобы загрузить. Теперь вы должны увидеть в этом окне несколько узоров, похожих на пламя.

    6. Выберите тот, который вам нравится. На самом деле не имеет значения, какой именно. Я использую шаблон «flames20».Я изменил масштаб на 57%, возможно, вы захотите немного изменить непрозрачность. Это зависит от цвета, который вы выбрали, и от того, насколько сильно вы хотите, чтобы узор пламени отображался.

    Если вы хотите, чтобы «расположение» вашего рисунка пламени было немного другим, вы также можете это изменить. Пока открыто это окно Pattern Overlay, щелкните левой кнопкой мыши на холсте и перетащите его. Вы увидите, как узор перемещается вместе с курсором. Если вы хотите в любой момент вернуть его туда, где он был запущен, нажмите кнопку «Привязать к исходной точке».

    Вот как сейчас выглядит мой:

    Становится немного лучше, правда? Но все еще не совсем так.

    Это потому, что пламя тем светлее и ярче, чем ближе вы подходите к источнику пламени. Пламя свечи горит сильнее всего вокруг фитиля, а затем гаснет по мере подъема. Итак, цвета у основания — желтый и белый, а цвета у вершин — темно-оранжевый и красный. К счастью, в Photoshop есть инструмент, который отлично помогает нам в создании такой вещи — градиенты!

    7.Прежде чем сделать следующий шаг, убедитесь, что ваш паттерн такой, как вам нравится, потому что вы не сможете его изменить. В палитре слоев щелкните фоновый слой, чтобы выбрать его. Затем нажмите кнопку «Создать новый слой» еще раз. Это создаст новый слой между фоновым слоем и слоем с вашим пламенем.

    Ваша палитра слоев теперь должна иметь 3 слоя. Нажмите на самый верхний слой (тот, что с вашим пламенем). Теперь нажмите «Слой»> «Объединить слои» (я думаю, что более старые версии PS могут сказать «Объединить вниз» вместо «Объединить слои») в главном меню.Или нажмите CTRL-E (Mac: CMD-E). Это объединит ваш слой с пламенем с пустым слоем под ним, и вы должны снова вернуться к двум слоям, как на изображении справа.

    8. Щелкните верхний слой, чтобы выбрать его. Выберите маленькую кнопку в виде буквы «f» в нижней части палитры слоев, точно так же, как мы делали это раньше, когда собирались применить узор (кнопка «Стили слоя»). Однако на этот раз выберите в меню «Наложение градиента».

    Появится окно «Стили слоя».Скорее всего, когда вы начнете, у него будет выбран черно-белый градиент, если только у вас не загружен какой-то специальный набор градиентов. Однако не имеет значения, что там есть, потому что мы собираемся сделать свое собственное.

    Щелкните по фактической области градиента, где вы можете увидеть переход одного цвета в другой. Справа от слова «Градиент:» — область с цветами. При нажатии на нее откроется новое всплывающее меню, похожее на показанное ниже. Если вы уже знаете, как добавлять цвета к градиентам, пропустите шаг 9 и просто добавьте цвета к градиенту, чтобы он выглядел так, как я здесь.(Черный — это левый цвет, кстати, он помогает пламени раствориться на черном фоне — если за ним нет сплошного черного фона, выберите темно-красный или оранжевый цвет.)

    Если вы раньше не работали с градиентами, не волнуйтесь. Я проведу вас через это.

    9. Эта полоса с цветами — это то, каким будет ваш градиент. Градиент — это в основном один цвет, который медленно сливается с другим. Как видите, у меня довольно много цветов в градиенте, чтобы помочь правильному переходу цвета пламени.

    Щелкните на маленьком черном квадрате прямо под крайней левой стороной области градиента. Текущий цвет будет выбран справа от места, где написано «Цвет:» в самом низу этого окна. Теперь нажмите на этот цвет — прямо в середине этого поля.

    Появится палитра цветов. Выбирайте черный или темно-красный. (Мы используем такой темный цвет, чтобы он сливался с черным фоном, когда пламя достигает вершины. Если у вас нет сплошного фона на фотографии, на которой вы пытаетесь использовать пламя, выберите темно-красный или темно-оранжевый для этого цвета.) Щелкните ОК.

    Сделайте то же самое с рамкой прямо под правой стороной градиента. Выберите светло-желтый цвет.

    Теперь нам нужно добавить больше цветов к градиенту. Для этого просто щелкните в любом месте под полосой градиента. Вы должны были создать еще одну коробку. Нажмите на это поле и измените цвет так же, как и раньше. Продолжайте делать это, пока у вас не будет 5 коробок с разными цветами, как у меня на изображении выше. Затем вы можете щелкнуть по маленьким квадратам и перетащить их в нужное положение, пока они не будут расположены так, как я на изображении.

    В градиенте я использовал следующие цвета: # 310101, # 7d1a00, # ff9600, # ffc000 и # fffcc8.

    10. После того, как они будут у вас такими, как вы хотите, нажмите «ОК», чтобы вернуться в окно «Стили слоя».

    Щелкните на «Reverse» справа от полосы градиента, так как мы хотим, чтобы тени были вверху, а источники света внизу.

    Есть много разных вещей, с которыми вы можете поиграть, чтобы ваше пламя выглядело как надо. Как вы можете видеть на моем изображении ниже, я изменил стиль наложения слоя на «Жесткий свет», непрозрачность на 70%, угол градиента на 112 и масштаб на 133%.Все это зависит от вас. Поиграйте с настройками, посмотрите, какой стиль наложения вам больше нравится, насколько темным вы хотите, чтобы градиент отображался, и т. Д. Они будут варьироваться в зависимости от вашего изображения, фона, какой кисти вы использовали, какой узор вы выбрали — любой ряд факторов. Так что не бойтесь экспериментировать с этим!

    11. В качестве последнего шага я взял круглую мягкую кисть с очень низкой непрозрачностью и стер по верхним краям пламени, чтобы они растворились на черном фоне.Пламя довольно прозрачное, и его становится больше около вершин области пламени. Мое пламя теперь выглядит так:

    Возможно, все еще не так идеально, как могло бы быть, но это ОГРОМНЫЙ шаг на пути к созданию более реалистичного пламени с помощью моих кистей и узоров. Я пошел дальше и сделал изображение, используя кучу слоев, каждый с другой кистью с пламенем из моего набора и некоторыми из различных узоров. Как видите, выглядит неплохо! Это было сделано с использованием перечисленных здесь методов.

    Вот и все! Я надеюсь, что вам понравился этот урок, и я надеюсь, что он ответит на некоторые из ваших вопросов о том, как лучше всего использовать мои кисти с пламенем и шаблоны огня. Если у вас есть вопросы, не стесняйтесь спрашивать!

    Создание текстового эффекта в стиле гранж или штампа в Photoshop

    Из этого туториала Вы узнаете, как применить эффект штампа к тексту или изображению с помощью Photoshop. В этом случае мы имитируем резиновый штамп, но вы также можете использовать этот эффект для создания гранжевого или ржавого эффекта на тексте или графике.

    Эти инструкции применимы к Photoshop CC 2015 и более поздним версиям. Некоторые команды и пункты меню могут отличаться в других версиях.

    Как создать эффект резинового штампа в Photoshop

    1. Создайте новый документ с белым фоном желаемого размера и разрешения.

      Перейдите к пункту меню File > New и выберите новый размер документа, который вы хотите, а затем нажмите OK , чтобы создать его.

    2. Нажмите на клавиатуре букву T , чтобы открыть инструмент «Текст».Добавьте текст жирным шрифтом, например Bodoni 72 Oldstyle Bold .

      Сделайте его достаточно большим (100 пунктов на этом изображении) и введите прописные буквы. Если с вашим конкретным шрифтом вам не нравится тесный интервал между буквами, откройте окно Символ пункт меню Окно > Символ или щелкните его значок на панели параметров для текстового инструмента.

      Щелкните между буквами, интервал которых вы хотите отрегулировать, а затем на панели «Символ» установите для значения кернинга большее или меньшее число, чтобы увеличить или уменьшить интервал между символами.

      Вы также можете выделить буквы и настроить значение отслеживания.

    3. Переместите текст. Если вы хотите, чтобы текст был немного выше или короче, без регулировки ширины, используйте сочетание клавиш Ctrl + T или Command + T , чтобы поместить вокруг текста поле редактирования. Щелкните и перетащите маленькую рамку в верхней части границы, чтобы растянуть текст до нужного размера.

      Нажмите Введите , чтобы подтвердить настройку.

      Вы также можете использовать это время для изменения положения текста на холсте, что вы можете сделать с помощью инструмента «Перемещение» (ярлык V ).

    4. Добавьте прямоугольник с закругленными углами. Штамп лучше всего выглядит с закругленной рамкой вокруг него, поэтому используйте клавишу U , чтобы выбрать инструмент формы. После того, как он выбран, щелкните правой кнопкой мыши инструмент в меню «Инструменты» и выберите Rounded Rectangle Tool из этого небольшого меню.

      Используйте эти настройки для свойств инструмента в верхней части Photoshop:

      • Радиус: 30 (сделайте это в соответствии с размером вашего документа)
      • Заливка: Нет (серая рамка с красной линией сквозь нее)
      • Ход: Черный

      Нарисуйте прямоугольник немного больше вашего текста, чтобы он окружал его со всех сторон.

      Если он не идеален, переключитесь на инструмент «Перемещение» ( V ) с выделенным слоем прямоугольника и перетащите его туда, где вам нужно. Вы даже можете отрегулировать интервал прямоугольника от букв штампа с помощью Ctrl + T (Windows) или Command + T (на Mac).

    5. Добавьте обводку к прямоугольнику. Переместите слой с прямоугольником на него так, чтобы он находился под текстовым слоем, перетащив его из палитры слоев.

      Выделив слой с прямоугольником, щелкните его правой кнопкой мыши и выберите « Blending Options»… , и используйте эти настройки в разделе Stroke :

      • Размер: 12
      • Позиция: Снаружи
      • Тип заливки: Цвет
      • Цвет заливки: Белый
    6. Выровняйте слои и конвертируйте в смарт-объект. Выберите и фигуру, и текстовый слой из палитры «Слои», активируйте инструмент «Перемещение» ( V ) и нажмите кнопки, чтобы выровнять вертикальные и горизонтальные центры.

      Эти параметры находятся в верхней части Photoshop после активации инструмента «Перемещение».

      Не снимая выделения с обоих слоев, щелкните правой кнопкой мыши один из них в палитре «Слои» и выберите « Convert to Smart Object ». Эта команда объединит слои, но оставит их доступными для редактирования на тот случай, если вы захотите изменить текст позже.

    7. В палитре слоев нажмите кнопку Создать новый слой заливки или корректирующего слоя . Это тот, который выглядит как круг в самом низу палитры слоев.Выберите Pattern … из этого меню.

      В диалоговом окне заливки узором щелкните миниатюру слева, чтобы палитра выскочила. В этом меню щелкните маленький значок в правом верхнем углу и выберите Artist Surfaces , чтобы открыть этот набор шаблонов.

    8. Выберите Промытую акварельную бумагу в качестве образца заливки. Вы можете навести указатель мыши на каждую из них, пока не найдете нужную.

      Теперь нажмите ОК в диалоговом окне «Заливка узором».

      Если вас спросят, следует ли Photoshop заменить текущий узор узорами из набора Artist Surfaces, нажмите ОК или Приложение .

    9. На панели Adjustments ( Window > Adjustments ) добавьте настройку Posterize .

      Установите уровни примерно на 6, чтобы уменьшить количество уникальных цветов в изображении до 6, что придаст узору более зернистый вид.

    10. Сделайте выделение Magic Wand и добавьте маску слоя.Используя инструмент Magic Wand ( W ), щелкните по наиболее преобладающему серому цвету в этом слое.

      Если вам не хватает выделенного серого, снимите выделение ( Cntrl / Cmd-D ) и измените значение Sample Size в верхней части Photoshop.

      Скройте слой заливки узором и корректирующий слой постеризации. Сделайте слой с изображением вашего штампа активным, выбрав его. Нажмите кнопку Добавить маску слоя (прямоугольник с кружком) в нижней части палитры слоев.

      Пока выбор был сделан, когда вы нажимали эту кнопку, изображение должно выглядеть потрепанным и больше походить на штамп.

    11. Щелкните правой кнопкой мыши пустую область на слое штампа в палитре слоев. Перейдите к Blending Options … , затем выберите Color Overlay на этом экране и примените следующие настройки:

      • Режим наложения: Яркий свет
      • Цвет: Выберите цветовое поле рядом со строкой «Режим наложения» и используйте следующие значения RGB для создания блекло-красного цвета: R255 G60 B60
      • Непрозрачность: 100%
    12. Если края вашего штампа слишком острые для хорошего вида штамповки, примените внутреннее свечение, чтобы смягчить его.Снова откройте Blending Options … из слоя, если вы еще не там.

      Это настройки, которые мы использовали, просто убедитесь, что цвет свечения соответствует тому, что в конечном итоге будет вашим цветом фона (белый в нашем примере):

      • Режим наложения: Экран
      • Непрозрачность: 50%
      • Шум: 50%
      • Техника: Мягче
      • Источник: Edge
      • Дроссель: 0%
      • Размер: 3 px

      Нажмите ОК в окне «Стиль слоя», чтобы закрыть диалоговое окно.

    13. Добавьте слой заливки узором сразу под изображением штампа. Установите режим наложения на слое штампа на Яркий свет, чтобы он лучше сочетался с новым фоном. Наконец, переключитесь на инструмент «Перемещение», переместите курсор за пределы одного из угловых маркеров и слегка поверните слой. Эффекты резинового штампа редко применяются с идеальным выравниванием.

      Если вы выберете другой фон, вам может потребоваться отрегулировать цвет эффекта внутреннего свечения. Вместо белого попробуйте выбрать преобладающий цвет фона.

    14. Вы можете заметить некоторую регулярность в текстуре вокруг вашего штампа, если вы использовали повторяющийся узор текстуры для создания маски. Поверните маску слоя, чтобы замаскировать повторяющийся узор в эффекте.

      1. В палитре «Слои» щелкните цепочку между миниатюрой изображения штампа и маской слоя, чтобы отсоединить маску от слоя.
      2. Щелкните миниатюру маски слоя.
      3. Нажмите Ctrl + T или Command + T , чтобы войти в режим свободного преобразования.
      4. Поворачивайте маску, пока повторяющийся узор не станет менее заметным.
    15. Готово. Вы использовали маски слоя и узнали, как использовать текстовый эффект резинового штампа.

    Самое замечательное в слоях-масках то, что они позволяют нам вносить изменения позже в наших проектах без необходимости отменять шаги, которые мы уже выполнили, или как-то знать, на несколько шагов назад, что мы увидим этот эффект в конце.

    Спасибо, что сообщили нам об этом!

    Расскажите, почему!

    Другой Недостаточно подробностей Сложно понять

    Создание профессионального шаблона музыкального альбома — Урок Photoshop

    Всем привет.Сегодня я покажу урок о том, как сделать шаблон альбома для музыкального компакт-диска. Это не обычный учебник типа «как манипулировать или рисовать».

    Скорее, основное внимание уделяется тексту и макетам. Хотя нужна небольшая ретушь.

    После прочтения этого урока у вас может возникнуть идея сделать личный альбом для себя. Также, если вы хотите следовать этому руководству так же точно, как оно есть, обязательно загрузите исходный код и шрифты. Также не забудьте спросить разрешения, собираетесь ли вы использовать наушники для девочек.

    Ссылки:

    Исходники девушки в наушниках
    Исходники девушки с гитарой
    Исходники гитары Mockingbird
    Исходники на компакт-диске
    Шрифт Armor Piercing
    Шрифт Borneo
    Шрифт Stoney Billy

    Конечный результат:

    Автор:

    93799 Просмотров: 93799

    Оценка: 9,25 / 10

    Автор заработал: $ 40


    Шаг 1

    Хорошо, мы начинаем с пустого документа. Размер документа 2929 * 1494 пикселей.Ну, это не настоящий размер обложки компакт-диска, но пропорции точны.

    Я выбираю этот размер, чтобы у меня было больше свободы при редактировании, а также мне было удобнее редактировать изображения большого размера. Убедитесь, что установлено значение 300 dpi или выше, если вы собираетесь его распечатать.

    Убедитесь, что привязка к направляющим включена. В меню Вид> Привязать к> Направляющие . Также включите линейку. Нажмите ctrl + R (команда для Mac).

    Теперь настраиваю направляющие. Настроить их довольно просто, если вы знаете, как это сделать.

    Для создания горизонтальной направляющей щелкните горизонтальную линейку (неважно, какой инструмент у вас есть на данный момент). Удерживая кнопку мыши, перетащите и отпустите в том месте, где вы хотите разместить направляющую.

    Для вертикальных направляющих используйте вертикальную линейку. Если вы испортили настройку направляющей, перейдите в меню View> Clear Guides или с помощью инструмента перемещения щелкните направляющую и перетащите ее обратно на линейку.

    Как вы можете видеть в ss, я разделил документ на множество частей и также отметил в ss, какая из направляющих является средней точкой.Также направляющая автоматически привязывается к средней точке как по горизонтали, так и по вертикали (при условии, что привязка включена).

    Не пренебрегайте частью компоновки направляющих. Справочник причин действительно важен в настольной публикации. Тщательно спланируйте различные разделы альбома.

    Подсказка: на протяжении всего руководства ss обращайтесь к снимку экрана . Также клавиша ctrl в Windows эквивалентна клавише command в Mac. Точно так же ключ alt — это ключ option в Mac.


    Step 2

    Также, прежде чем фактически помещать в него изображения и текст, давайте поговорим подробнее о макетах. Также помните, что я не могу быть экспертом во всем этом. Но я знаком с некоторыми концепциями.

    Так что мы можем сделать довольно приличную обложку альбома для вашей личной коллекции. Теперь подробнее о процессе верстки.

    Первый макет, который я хотел сделать, это двойная передняя крышка, которую можно складывать, и обе стороны можно использовать в качестве обложки. Как вы можете видеть в ss, я хотел, чтобы элементы.

    Обычно более практично располагать ремешок в верхнем левом углу крышки, но я разместил его с правой стороны. Чтобы люди сначала видели модель, а затем название группы.

    Также текст поверх изображений не очень хорошо сочетается. Однако вы можете избежать этого, если поместите его на краю с какой-то падающей тенью или зачеркиванием. Также никогда не помещайте текст на лица.

    Другое дело, что вам не нужно размещать элементы так же точно, как направляющие, вы можете импровизировать.Хотя с текстом будьте осторожны.

    Ну, теперь вы, должно быть, думаете, когда, черт возьми, он когда-нибудь начнет добавлять графику и текст. Скоро мой молодой джедай.


    Step 3

    Хорошо, тема заключалась в создании альбома каверов для рок-группы. Что же такое рок, это жанр, рок-песня независимо от жанра или песня, которая просто потрясает вас.

    Что ж, если мы начнем обсуждение этого вопроса, оно никогда не закончится. Я не верю в жанровые вещи. Мне просто нравятся песни вне зависимости от жанра.

    Я люблю Энрике «Она будет той» из «Колыбели пятой» «Нимпатская девочка» до «Роллинг Стоунз» «Кто-нибудь видел моего ребенка», «Труп каннибала», «Ликантрофия», Кристина Аугилера, «Джин в бутылке», и Дэвид Боуи, «Космическая странность» к Тейлор Свифт «История любви» к Лохматой «Надежде» на Sum41 «Толстая губа» к Ужасным проливам «Промышленная болезнь» к Ройксоппу «Эпл». Что ж, этот список длинный, поэтому я на этом закончу.

    Я считаю рок, поскольку этот жанр сейчас очень редок, особенно в наши дни. чистый рок. Говорят, что мой альбом выглядит попсовым.Ну, я никогда не хотел, чтобы он выглядел как старый рок или хард-рок. Он должен был быть современным, современным и немного попсовым. Что ж, я могу быть эгоистом, но я не самоуверенный человек, я уважаю мнение других людей, пока они уважают и мое.

    Ну, теперь, оставив то, что я сказал обо мне, давайте продолжим. Теперь, когда я хотел, чтобы альбом выглядел в современном стиле, мне пришлось выбрать картинку, которая подошла бы к этому. Случайно я нашел запас наушников и понял, что это то, что мне нужно.

    Также, поскольку я представлял музыку группы мягкой и блаженной .Мне пришлось выбрать классных цветов, схему, например синий, зеленый и т. Д.

    Было 12 картинок, и я не мог использовать их все. Итак, я выбрал 4 из них.

    У одного был вид профиля, у другого тоже был профиль, когда ее рука касалась наушников. У третьего был вид спереди, а у последнего была такая откинувшись назад.

    Рисунки 1 и 3 были выбраны для передней обложки. Обе позы подходили для обложки. Рис 2 был выбран для входа, а рис 4 — для задней крышки.


    Шаг 4

    Теперь с помощью направляющей измените размер и поместите изображение 1 внутрь документа. С помощью инструмента «Перо» замаскируйте модель. Растушевка поправила прическу.

    Совет: при использовании инструмента «Перо» для маскировки человека или сложной формы, которая не является примитивной по своей природе (например, круг, квадрат и т. Д.), Убедитесь, что направляющие скрыты (ну, это личное предпочтение), чтобы они не мешали и не поворачивались от оснастки.

    Сокращение для скрытия направляющей — ctrl +;

    Я также убедился, что конец ее тела прикреплен к средней направляющей.


    Шаг 5

    Теперь воспользуемся лечебной кистью, чтобы залечить некоторые из ее пятен. Я предпочитаю использовать лечебный инструмент вместо клона. Иногда клон может быть суровым. Лучше всего использовать комбинацию того и другого.

    Затем я скопировал слой с рисунком и добавил к нему умное размытие со следующими настройками:

    Радиус: от 2 до 3
    Порог: от 22 до 25

    Качество: Низкое
    Режим: Нормальный

    Также я забыл упомянуть одну вещь. Всегда создавайте множество слоев для этого типа работы, назовите его правильно и храните в упорядоченных папках.Поможет позже вырвать волосы.


    Шаг 6

    Теперь я сделал маску для нового дублированного слоя и скрыл размытие. Теперь выберите мягкую кисть (размер кисти зависит от вас. Я выбираю от 20 до 30 пикселей) и кисть черного цвета поверх маски.

    Я обработал кистью такие области, как лицо и тело. Однако я, , избегал глаз, губ, шеи, складок волос и темных затененных участков, чтобы не получить чрезмерно ретушированный вид.

    Я мог бы сделать ее губы более красноватыми, закрасив их красным цветом на новом слое наложения.Но мне понравились ее уже глянцевые губы.


    Шаг 7

    Таким же образом я добавил картинку 3. С помощью направляющей отрегулировал и разместил изображение, как показано на рисунке.

    Направляющие действительно помогают в выравнивании изображений.


    Шаг 8

    Теперь я выбрал цвет из исходного фона изображения и залил новый слой позади изображения в качестве фона.

    Значение цвета # b7beac .


    Шаг 9

    Теперь я залил градиент от белого к прозрачному, как показано в ss на новом слое поверх фона.Я использовал градиент, чтобы показать, что свет исходит от справа .


    Шаг 10

    Теперь я сделал дубликат слоя градиента. А затем я переместил и зафиксировал градиент, как показано в ss.

    При создании этого альбома я буду повторно использовать множество элементов, которые я создал ранее. Это экономит время и добавляет целостности альбому.


    Шаг 11

    Теперь я создал новый документ размером 3500 * 3500 пикселей. Теперь я сделал две центральные направляющие (по горизонтали и вертикали), чтобы определить центральную точку документа.

    Теперь используем инструмент эллипс. Нажав клавиши shift + alt , я щелкнул по центру и перетащил, чтобы создать круговой путь (я использовал вариант пути). Затем я обводил контур черным цветом размером 10 пикселей.

    Аналогично я сделал другой круг. Таким образом я сделал концентрический круг. Теперь, убедившись, что фон прозрачный, я продублировал круг и импортировал его в документ передней обложки.


    Шаг 12

    Теперь я разместил завихрение над фоном и под всем остальным.Также изменил непрозрачность слоя водоворота на 75%.

    Вообще-то сначала я подумал разделить завихрение и расположить его по-другому. Но я заметил, что такой способ размещения будет выглядеть лучше и по-другому.

    Также это похоже на волну (что я имел в виду), соответствующую слову «резонанс» в названии группы.


    Step 13

    Теперь используя шрифт Armor Piercing 2 написал «Gaussian» и «Resonance» в двух отдельных слоях.Я также выровнял букву «R» резонанса с «а» гауссианы.

    Используемый здесь цвет — белый и # 28a289 , который я взял из зеленого цвета волос модели с помощью инструмента выбора цвета. Также сохраните цвет как образец, это пригодится позже.

    Затем я создал символ для гауссовского резонанса, используя инструмент произвольной формы и инструмент «Перо». На следующем этапе я объясню, как я его создал.

    Я также добавил эффект слоя stikeout 3 pt .Я выбираю чередующийся цвет для названия и зачеркивания.

    Теперь сохраняем все эти 3 элемента в группе папок. Я не объединяю текст, пока он мне не понадобится, например если мне придется применить определенный фильтр, причина позже, если вам нужно отредактировать текст, нерастеризованный текст очень помогает. Также, если вам нужно растрировать его, сделайте копию, а затем растрируйте.


    Шаг 14

    Для символа я создал новый документ размером 500 * 500. Размер значения не имеет, но размер побольше делать удобно. Также убедитесь, что это квадратная пропорция.

    И я выбираю форму Bull’s Eye из выпадающего списка нестандартных форм. При рисовании нестандартной формы / фигур я думаю, что по умолчанию выбран вариант «Пиксельная заливка». Но я предпочитаю вариант «путь». «Заполнить пиксель» требует на меньше шага , но мне нравится вариант пути по неизвестной причине.


    Шаг 15

    Теперь сделайте 2 средние направляющие, как показано в ss, чтобы определить центральную точку документа.

    Теперь нажимая alt и shift (курсор меняется как на ss), удерживайте его точно в центре.Удерживая кнопку мыши, перетащите курсор.

    Что это значит: он создает пропорций и симметричную форму (в данном случае круг), начиная с его центральной точки .


    Шаг 16

    Это форма, которую я создал. Выглядит красиво и чисто, да ??? Теперь, поскольку он был создан как путь, необходимо заполнить его цветом, в данном случае предпочтительно черным.


    Шаг 17

    Теперь заполняем путь цветом переднего плана (так как здесь цвет переднего плана черный), а затем удаляем путь.

    Это то, что у меня есть сейчас.


    Шаг 18

    Теперь с помощью инструмента «Перо» нарисуйте такой путь. Поскольку у вас есть привязка, он будет правильно выровнять вашу точку, как показано в ss (но только в направляющих. Не выравнивается, если направляющих нет).

    Если он не щелкает, убедитесь, что он включен. Ярлык: shift + crtl +; .

    Ну, вам не обязательно использовать лассо здесь. Можно даже использовать инструмент многоугольного лассо. Я настолько привык к инструменту «Перо», что использую его почти для всего в фотошопе.


    Шаг 19

    Теперь выделите путь и удалите его. И вы это понимаете.

    Я также забыл упомянуть ранее. Создайте форму на новом слое. Таким образом, вы легко сможете редактировать свою форму и легко экспортировать ее с прозрачностью.


    Шаг 20

    Теперь удалите часть напротив него. И вращая его, я получаю форму, как показано в ss.

    Также я щелкните правой кнопкой мыши на слое в палитре слоев и выберите «Дублировать слой» в контекстном меню слоя.И я выбираю место назначения в качестве имени вашего титульного документа (в данном случае cover1.psd).

    Вот как я создал символ. Инструмент «Произвольная форма» и инструмент «Перо» очень полезны при создании ваших собственных фигур.


    Шаг 21

    Теперь продублировал папку с названием группы и расположил ее, как показано в ss.

    Также переключает шрифт и цвет зачеркивания. Посмотрите, как помогает отсутствие растеризации текста или слияния. 🙂


    Step 22

    Теперь, используя шрифт Borneo , я снова написал «Gaussian» и «Resonance» , как показано в ss. «Gaussian» здесь записывается с помощью инструмента вертикального текста .

    Также добавлены зачеркивания в чередующемся стиле.


    Step 23

    Теперь создадим тень для обоих текстов.


    Step 24

    Сделайте еще раз копию названия альбома и расположите ее, как показано в ss.

    Еще раз меняю цвет шрифта и зачеркивания.


    Шаг 25

    Теперь используем завитки, которые я создал ранее (на шаге 11).Изменил цвет на белый и изменил его размер до подходящего.

    Затем поместите его на наушники модели. Моей целью было создать звуковую волну, похожую на движение, чтобы показать, что наушники воспроизводят что-то .

    Ну, это помогло бы, но он закрывает лицо модели, и я хотел, чтобы лицо модели было видно.


    Шаг 26

    Теперь я создал форму, используя маску и оценку lol. Вы можете сделать это, как указано в шаге 18.


    Step 27

    Теперь копируем и настраиваем положение волны на втором изображении модели.


    Step 28

    Теперь сделаем коробку для наклейки с рекомендациями для родителей. Хорошо, конечно, мне не нужно объяснять, как я это сделал. Сделать это просто.

    Вы можете сделать это с помощью инструмента «Линия», «Перо», прямоугольной области или инструмента «Форма». Я думаю, что использовать инструмент shape tool лучше и быстрее.

    И я разместил как показано в сс.


    Шаг 29

    Теперь я добавил текст. Используемый шрифт — Arial . Ну, я действительно не упомянул размер кегля, не так ли? Ну что ж, решать вам.

    При компоновке вам просто не нужно беспокоиться о размере текста, но вы должны поэкспериментировать с другими настройками в палитре символов.

    Некоторые из опций, которые я использовал:

    Установить интерлиньяж — он контролирует вертикальное расстояние между строками или текстом.

    Установить отслеживание — Он контролирует интервал между каждым символом.

    Вертикальное масштабирование — управляет высотой текста.

    Масштабирование по горизонтали — Управляет шириной текста.

    Чтобы узнать, что это за значок, просто наведите указатель мыши на значок, и вы узнаете, что делает этот значок.


    Step 30

    Теперь скопируйте наклейку с рекомендациями для родителей и вставьте ее с другой стороны, как показано в ss.

    На этом урок закончен. Нет, шучу. Это сделано всего на 25%, осталось 75%.


    Шаг 31

    Хорошо, сделал еще один документ размером 2929 * 1494 пикселей. А также сделали направляющие, которые помогут расположить текст и картинки.

    Как вы можете видеть в ss, как я планировал макет, должен быть. Сначала я произвольно пометил это, а потом работал над этим.


    Шаг 32

    Теперь снял № фото. 3, замаскировал его и проделал то же самое ретуширование, что и раньше с изображениями модели.


    Step 33

    Теперь добавили черную рамку и добавили обнаженную девушку с изображением гитары (не маскировали или что-то еще, просто поместили ее как есть.Сделал изменение размера хоть lol).

    Также, как вы могли заметить, я не поместил обнаженную девушку прямо в центре кадра. Использовал немного другой подход, лол. Также сделал обычную ретушь.


    Шаг 34

    Теперь добавлен верхний заголовок в стиле черного баннера и черный нижний желоб.

    Также добавлен приклад для гитары Mockingbird. Я уже замаскировал, скорректировал цвет и добавил к нему отражение. Забыл, какую настройку использовал. Возможно оттенок / насыщенность, уровень и кривая.XD


    Step 35

    Теперь я импортировал название полосы из предыдущего документа, удалил зачеркивание и сделал его одноцветным.

    Делая макет для альбомов, убедитесь, что вы повторно используете объект творчески. Это минимизирует вашу рабочую нагрузку и помогает поддерживать целостность всего альбома.


    Step 36

    Теперь я добавил несколько зеленых и белых точек, как показано на рисунке, используя 100% жесткую кисть. Через след и ошибку получил следующий стиль.


    Шаг 37

    Теперь, используя шрифт Borneo , я добавил текст «Размытие размытия в музыке» просто для удовольствия.Добавлены зачеркивание и изменение цвета между текстами.

    Также у шрифта Borneo нет скобок 🙁 Так что мне пришлось использовать скобки из шрифта Arial.

    Кстати, строка «Размытие размытия в музыке» не должна означать » сделать размытие в музыке », но , чтобы удалить размытость, которая присутствует в музыке.

    Что-то вроде этого, подумайте о том, что два отрицательных элемента создают положительное. Ну, это только моя мысль.>.>


    Step 38

    Вот подумал чего не хватает и заметил… Никаких завихрений, лол.

    Итак, копируем завихрение из предыдущего документа, вставляем его поверх фонового слоя и меняем его непрозрачность на 75%.


    Step 39

    Теперь я добавил тень к модели, чтобы показать иллюзию того, что модель находится перед стеной.

    Я не использую тени слоя, , я рисую их вручную, используя мягкую черную кисть с непрозрачностью 20%.

    Или выделение вырезанного изображения, заполнение его за изображением черным цветом, размытие по Гауссу (величина устанавливается в соответствии с предполагаемым расстоянием, на котором должна быть тень) и установка непрозрачности менее 60% (зависит) .

    В данном случае я использовал заливку с линейным градиентом от черного к прозрачному.


    Step 40

    Теперь я добавил список песен с правой и левой стороны лица модели, используя шрифт Arial .

    Цвет текста зеленый, как взято с волос модели (я сохранил образец раньше, помните.)

    Также по схеме альбома, дал зачеркнутый. Но на этот раз давая 2 pt .


    Step 41

    Хорошо, теперь я использовал пространство внутри кадра обнаженной девушки как доску для каракулей (позже я отказался от идеи рисовать самим пером).Так сказать страница, на которой группа благодарит.

    Также текст, написанный с левой стороны девушки, был выровнен по умолчанию, тогда как текст, написанный с правой стороны девушки, был выровнен по правому краю.

    Также я сделал текстовый формат, показанный красной линией в ss. Следуя за счетчиком ее тела. Текст на изображении (в данном случае тело девушки) выглядит не очень хорошо. Думаю, я уже упоминал об этом раньше.

    Несколько сообщений попали на ее тело, но выглядит не так уж плохо. xD


    Step 42

    Теперь я добавил такие вещи, как информация об авторских правах, предупреждения и другие вещи в нижний желоб.

    Нужна помощь в написании, возьмите музыкальный компакт-диск и взгляните. Вот что я сделал. xD


    Step 43

    Хорошо, теперь добавлены логотипы «Rockwell Studio» и «Avacado Music» .

    Rockwell был написан с использованием шрифта Stoney Billy , а studio был написан римским шрифтом Times. Настроил тексты с трекингом.

    Сделал логотип Avacado , сначала создав прямоугольник с закругленными углами, создав этот символ с помощью инструмента произвольной формы (эта форма является предустановленной в списке).

    И текст написан шрифтом Times Roman .


    Шаг 44

    Итак, впускная крышка готова. Готово на 50%, и мы находимся на этапе 44 lol.


    Шаг 45

    Теперь создаем еще один документ размером 1898 * 1494 пикселей и заливаем фон цветом # b7beac . И как обычно нарисовал гидов.

    Как видно в сс. Как я планировал макет. Однако это было не так системно, как показано в ss lol.;)

    Скорее так было у меня в голове. Я просто пометил это красиво, чтобы вы могли понять, о чем я думал. xD


    Step 46

    Теперь я замаскировал модель с рисунка 4, выпрямил ее и отретушировал.


    Step 47

    Здесь я снова добавил завихрение и сделал тень за стеной.

    Признаюсь, стена позади нее (явно подделанная) выглядит странно (но неплохо). Я мог бы сделать его похожим на угол, искажая завихрение и добавляя тени возле искажения.

    Но мне понравилась эта странность, и я сохранил ее. xD


    Step 48

    Хорошо, теперь я сделал черную полосу, размер которой совпадает с размером направляющего пространства, отмеченного в ss.


    Step 49

    Теперь я добавил то, что отмечено в ss. Я добавил случайное число для серийного номера.

    Я повторно использовал название группы из предыдущего документа. Также повторно использован логотип «Rockwell Studio» .

    Изменить размер и расположить их, как показано в сс.Также все элементы хранятся в одной папке, так что позже их будет легко дублировать и переставлять.


    Step 50

    Я избавился от черной полосы (просто как скрыть слой с черной полосой) … И сделал ее копии и расположил, как показано в ss.

    Также обратите внимание на направление полосы. Один начинается сверху, а другой снизу. У некоторых задних крышек компакт-дисков есть две такие боковые планки, у некоторых — нет.


    Step 51

    Теперь добавлено название группы, на этот раз с полностью белым и черным фоном.

    Также добавлен список песен. Используемый шрифт: Arial с зачеркиванием размером 2 пикселя.


    Шаг 52

    Теперь я просто скопировал информацию об авторских правах, материалы и логотип, которые я создал на шагах 42 и 43, и вставил их, как показано в ss.

    Сейчас в большинстве материалов просто повторно используются элементы из более ранних документов. Эй, нет смысла делать их снова и снова. xD


    Step 53

    Теперь делаем штрих-код. Чтобы сэкономить время, вам следует искать готовые штрих-коды, или существует множество сайтов, которые делают их для вас (я думаю, бесплатно).Это сэкономит вам больше времени, а также будет хорошо выглядеть.

    Но почему я сделал это сам? Потому что я сделал этот кавер-альбом для конкурса, и никаких готовых вещей не разрешалось>.> Так что нет выбора, кроме как сделать его сам.

    Ладно, поговорим. Я начал с создания белого прямоугольного ящика.


    Step 54

    Теперь добавили черную линию разной ширины. Можно использовать инструмент «Линия», инструмент «Кисть» (удерживая нажатой клавишу «Shift») или инструмент «Перо».

    Я использовал перо.


    Step 55

    Добавлен текст, используется шрифт Arial .Также не забудьте замаскировать или закрасить область за текстом белым цветом.


    Step 56

    Итак, задняя крышка готова, общая работа, которую нужно сделать, также выполнена на 80%. Ну и здесь можно остановиться.

    Но если вы хотите, вы также можете создать обложку для компакт-диска для альбома … Поскольку я тоже сделал обложку для компакт-диска, я покажу и ее.


    Step 57

    Итак, я взял исходный образ компакт-диска, и размер документа был равен размеру исходного изображения i.е. 3000 * 3000 пикселей.

    Это не настоящий размер шаблона компакт-диска, но я предпочитаю сделать его больше. Также более крупное изображение при изменении его размера на меньшее изображение выглядит лучше, чем меньшее изображение, увеличенное до большего размера.

    Также можно заметить направляющие. Обязательно узнайте центр изображения. Потому что это поможет вам лучше понять расположение текста и изображений на обложке компакт-диска.


    Шаг 58

    Теперь я добавил базовый цвет # b7beac , а также добавил тень на компакт-диск.

    Shadow на самом деле не нужен, так как вы просто собираетесь распечатать область компакт-диска (то есть, если вы делаете это для печати).


    Step 59

    Снова повторное использование (ну, я также повторно использую здесь слово «повторное использование», верно? Lol) название группы и название альбома.

    Я использовал направляющие в качестве направляющих (смеется), чтобы правильно разместить название группы и название альбома на обложке компакт-диска.


    Step 60

    Добавлено информационное сообщение, логотип Rockwell и логотип Avacado … И обложка компакт-диска завершена, и шаблон альбома — тоже.

    Хотя не забудьте изменить размер обложек альбомов до нужного размера. Вы можете проконсультироваться с другим шаблоном (я думаю, что у nero есть приложение для обложки компакт-диска), чтобы узнать правильный размер.

    Ну крышка хоть пропорциональная. Хотя может быть меньше на 1 или 2 пикселя.

    Step 61

    Теперь вот конечный результат, показанный на одном изображении. Обложка компакт-диска здесь не пропорциональна остальным обложкам.

    Но это изображение просто для того, чтобы показать весь результат этого урока (который, как мне кажется, обычно заставляет меня тявкать бесконечно).

    Также, если есть какая-либо ошибка (поскольку это действительно длинный учебник) или любое предложение или запрос. Пожалуйста, не стесняйтесь комментировать.

    Надеюсь, вам понравилось, как я бесконечно болтала, лол. xD



    Monticello Camera Club, Монтичелло, Миннесота, Фотография, редактирование фотографий

    Эта страница посвящена списку советов по Adobe Photoshop Elements , о которых наши участники хотели бы узнать. Он может включать ссылки на веб-сайты, на которых представлены эти советы.Хотите узнать, как что-то делать в Adobe Photoshop Elements? Сообщите нам, и мы постараемся решить эту проблему здесь. Отправьте свои вопросы веб-мастеру на адрес электронной почты, указанный ниже.


    *** Новые вопросы начинаются сверху ***

    Q: Где я могу найти несколько хороших руководств по Photoshop Elements?

    A: MCPactions.com предлагает серию видеоуроков по Photoshop, Photoshop Elements и Lightroom.

    Q: Где я могу найти загрузки для Camera Raw? Я использую Photoshop Elements 9.

    A: http://www.adobe.com/support/downloads/detail.jsp?ftpID=4920. Если вы используете другую версию Photoshop Elements, просто выполните поиск на сайте adobe.com по запросу «camera raw for photoshop elements #», где # будет вашей версией Photoshop Elements.

    Эти вопросы относятся к учебному пособию по Photoshop Elements, представленному на собрании нашего фотоклуба 17.11.2010.Дайте им попробовать.

    Q: Как я могу создавать панорамы в Photoshop (продемонстрировал Jean D)?

    A: Вот ссылки на различные учебные пособия, которые помогут вам научиться делать панорамы.

    Эти ссылки рассказывают, как делать хорошие панорамные фотографии: http://www.photographyblog.com/articles/how_to_take_great_panorama_photos/ http: // www.ephotozine.com/article/Photomerge-in-Photoshop-Elements—software-guide-4695

    Q: Что такое слои и как они используются (продемонстрировано Джин Д.)?

    A: Следующие ссылки помогут вам понять слои и способы их использования.

    Q: Что такое маски и как их можно использовать (продемонстрировал Жан Д.)?

    A: Следующие ссылки должны помочь вам понять ограниченное использование масок в Photoshop Elements, которое официально не поддерживается.

    В. Что такое Camera Raw и как оно используется (продемонстрировано Кеном К.)?

    A: Следующее руководство, которое можно найти на веб-сайте Adobe, должно помочь вам понять использование Camera Raw. Это видео, поэтому используйте ссылку « нажмите, чтобы посмотреть фильм », показанную на странице.

    http://www.adobe.com/digitalimag/tips/phs7rbrawbasics/index.html

    Q: Как изменить размер фотографий, сделать их больше или меньше и в пакетном режиме (продемонстрировала Клэр М)?

    A: Все еще ожидаю копию раздаточного материала, который был предоставлен, но, возможно, эти ссылки могут помочь вам тем временем (предоставлены Jean D).


    Эти вопросы связаны с учебным курсом по Photoshop Elements, представленным на встрече нашего клуба камеры 21.07.2010. Дайте им попробовать.

    Q: У меня проблемы с серым небом, которые я хотел бы заменить другими изображениями «голубого неба». В общем, я хотел бы узнать, как заменить небеса.

    A: Обратитесь к руководству «Замена тусклого неба в Photoshop Elements» на сайте graphicsoft.about.com.

    Q: Как можно объединить фотографии фейерверков в один большой фейерверк?

    A: См. Https://www.youtube.com/watch?v=GsTHa319kvs.

    В: Как осветлить темную фотографию? (Примечание: это только один способ — есть много других.)

    A: См. Http://www.youtube.com/watch?v=GJ3euaLFTII & http: //www.makeuseof.ru / tag / lighten-dark-photos-photoshop /.

    Q: Я хотел бы знать, как воспроизвести эффект следующей фотографии. (Примечание: я называю это эффектом мультфильма.)

    A: См. Http://photoshopper27.blogspot.com/search?q=cartoon+effect+in+Photoshop.


    Q: Можно ли создавать изображения с расширенным динамическим диапазоном (HDR) в Photoshop Elements?

    A: Нет, ну может быть… Photoshop Elements до версии 8 не поддерживает эту функцию. Photomatix по-прежнему остается более дешевым вариантом, чем обновление программного обеспечения или переход на полноценный Photoshop. См. Страницу «Обучение» для получения дополнительной информации о изображениях HDR. Исправленный ответ : Да, в Photoshop Elements 8 можно. Вот учебник. http://www.photoshopsupport.com/elements/tutorials/hdr-high-dynamic-range/hdr-high-dynamic-range.html

    Q: Как добавить текстовый водяной знак поверх фотографии в Adobe Photoshop Elements?

    A: Посмотрите эту ссылку на graphicsoft.about.com . В нем приведены пошаговые инструкции по созданию текстового водяного знака в Adobe Photoshop Elements. Примеры представлены на сайте.

    Q: Как вы создаете экшены для Adobe Photoshop Elements?

    A: Действия нельзя создавать непосредственно в Adobe Photoshop Elements. Однако перейдите по этой ссылке на сайте graphicsoft.about.com . В нем приведены инструкции о том, как можно обойти это ограничение Photoshop Elements с помощью друга, использующего Photoshop.

    Q: Есть ли бесплатные бесплатные сайты с учебными пособиями по элементам Adobe Photoshop?

    A: Я включаю в этот раздел все хорошие сайты, которые я нахожу. Лучшее место, которое я нашел для руководств по Adobe Photoshop Elements, — прямо на веб-сайте Adobe в зоне поддержки.

    http://www.photoshopelementsuser.com/learningcenter/ — этот более специфичен для версии 7.0 из Adobe Photoshop Elements .

    http://www.photoshopsupport.com/elements/index.html — у этого есть видеоуроков для версий 3-5. на их странице руководств: http://www.photoshopsupport.com/elements/tutorials.html.

    Следующий сайт предоставляет справку и руководства для различных версий Photoshop Elements : http://graphicssoft.about.com/od/pselements/Photoshop_Elements_Tutorials_and_User_Resources.htm.Graphicsoft.about.com предлагает множество отличных руководств как по Photoshop, так и по Photoshop Elements.

    Вот ссылка на видеоуроки по Adobe Photoshop Elements. Щелкните ссылку « Версия 7, Версия 6 или Версия 5 ». Если вы выполните поиск на этом веб-сайте, вы также можете найти некоторую помощь для версий 3 и 4 Photoshop Elements.

    Q: Где найти бесплатные экшены Photoshop Elements?

    A: Adobe имеет свой Adobe Marketplace и Exchange.Для этого требуется логин Adobe, который вы могли сделать, если зарегистрировали свой продукт. Если вы выполните поиск по действиям в Exchanges for Photoshop, вы найдете всевозможную информацию и доступные действия. Некоторые из них бесплатны, а некоторые могут стоить вам. Вам просто нужно осмотреться. Если вы выполните поиск по запросу «действия с элементами фотошопа», вы можете найти несколько вариантов, которые могут вам подойти для использования с Photoshop Elements. Другой сайт, где можно найти « Как использовать бесплатное содержимое Photoshop в Photoshop Elements », можно найти, перейдя по этой ссылке (http: // graphicssoft.about.com/od/pselements/qt/freegoodies.-T0Y.htm) или этот (http://graphicssoft.about.com/od/pselements/qt/oldlayerstyles.htm).

    Q: Как исправить проблемы с балансом белого на фотографии?

    A: Хороший учебник показывает, как исправить изображение, которое хорошо выглядит с одной стороны, но требует корректировки с другой стороны. Это руководство применимо только к Photoshop и Photoshop Elements.http://graphicssoft.about.com/od/pselements/ss/adjustmentlayer.htm.

    Q: Где я могу изучить основы моей программы для редактирования фотографий?

    A: Graphicsoft.about.com имеет страницу со ссылками на общие задачи для различных программ. Это включает в себя основы работы с графикой, форматы графических файлов, инструкции для общих графических задач, основы работы с Adobe Photoshop, основы работы с Adobe Illustrator, основы работы с элементами Adobe Photoshop, основы работы с фото в Corel Paint Shop Pro, основы работы с Corel Painter, основы CorelDraw, основы Corel PhotoPAINT и другие основы программного обеспечения.http://graphicssoft.about.com/od/beginnerbasics/u/learnthebasics.htm#s6

    Q: Как повысить резкость изображения в Photoshop Elements? Примечание. Остерегайтесь чрезмерной резкости изображений!

    A: В этом руководстве представлен метод, который можно использовать в Photoshop Elements для повышения резкости изображений. http://www.photoxels.com/tutorial_sharpen_display.html.

    Как создать дизайн упаковки для службы доставки закусок в Photoshop

    В этом уроке я покажу вам, как создать в Photoshop упаковку для службы доставки здоровых закусок.Эти услуги стали довольно популярными, и сегодня мы будем создавать собственный дизайн упаковки для нашей компании под названием Freshbox. Для этого мы будем использовать красивые иллюстрации, шрифты и текстуры из набора Timeless Vintage Design Bundle. Как только мы создадим иллюстрацию для сервиса, мы применим его к реалистичному макету почтового ящика, чтобы продвинуть идею еще дальше. Если вы готовы начать, перекусите, откройте Photoshop и приступим!

    ВЫ ВИДЕЛИ НАШ КАНАЛ YOUTUBE?

    Посмотрите видеоинструкцию ниже и подпишитесь на наш канал YouTube, чтобы получать регулярные обновления прямо в свой почтовый ящик.

    Вот что мы будем создавать:

    Следуйте инструкциям по этому руководству:

    Загрузите бесплатные файлы

    Этот бесплатный набор — лишь часть того, что вы можете ожидать от набора «Вневременной винтажный дизайн» всего за 29 долларов (это 99% скидка). Это самый обширный и универсальный набор с винтажным дизайном, который мы когда-либо выпускали! А внутри этого огромного набора вы найдете множество потрясающих винтажных шрифтов, тысячи качественных векторных иллюстраций, экшены, эфемеры и многое другое!

    Шаг 1: Дизайн упаковки Freshbox

    Начнем с создания нового документа в Photoshop.Мы сделаем наш документ шириной 1167 пикселей и высотой 1333 пикселей с разрешением 300, цветовой режим может оставаться в RGB, а для параметра Background Contents можно установить черный цвет. . Как только вы это сделаете, дайте своему документу имя — здесь я использую «freshbox-Packaging-design». После того, как вы установили свои параметры, нажмите кнопку «Создать» в правом нижнем углу.

    Теперь у вас должен быть открыт новый документ, и вы заметите, что есть только один слой с именем «Фон», который заблокирован и залит сплошным черным цветом.

    Шаг 2: нижняя панель

    Теперь мы собираемся создать второй документ, чтобы мы могли определить размеры для нижней панели, которая в дальнейшем будет служить «лицевой стороной» нашего макета упаковки. Чтобы не усложнять задачу, мы собираемся разработать как основную, так и нижнюю панели в одном документе. Для этого вернитесь в меню «Файл» и выберите «Новый документ» или нажмите Command / Ctrl + N на клавиатуре. На этот раз оставим все настройки без изменений, за исключением того, что дадим этому документу другое имя — подойдет что-то вроде «нижняя панель», а затем установите высоту «296 пикселей» и измените «Содержание фона» на «Белый».Отсюда еще раз нажмите кнопку «Создать» в правом нижнем углу.

    Когда ваш новый документ будет заполнен белым цветом, переместите эту вкладку, затем, удерживая клавишу Shift, перетащите ее в основной документ с черным фоном. После этого снова удерживайте клавишу Shift и сдвиньте белое поле до конца документа так, чтобы оно выглядело так:

    Что мы хотим сделать дальше, так это разместить направляющую в верхней части нижней панели, чтобы мы знали, где она начинается.Давайте сначала убедимся, что у нас есть линейки, перейдя в меню «Просмотр» и выбрав «Линейки» в раскрывающемся меню, показанном здесь:

    Затем щелкните и перетащите направляющую вниз от верхней линейки, и она должна защелкнуться на месте, где находится верхняя часть белого поля. После того, как вы разместили руководство, вы можете либо выключить белое поле, либо полностью удалить его.

    Шаг 3. Разблокировка фона

    Теперь, когда мы разместили руководство и знаем, где разделятся главная и нижняя панели, давайте дважды щелкните заблокированный слой «Фон», чтобы разблокировать его и дать ему новое имя.После двойного щелчка вам будет предложено диалоговое окно с надписью «New Layer», и именно здесь мы хотим ввести новое имя для слоя. Сейчас я просто назову слой «ФОН», а затем нажмите «ОК» или нажмите «Return» на клавиатуре, чтобы применить изменения и переименовать слой.

    Теперь вы увидите, что ваш слой разблокирован и переименован, как показано ниже:

    Шаг 4: Размещение дополнительных направляющих

    Выберите слой «BACKGROUND» и нажмите Command / Ctrl + T, чтобы выполнить свободное преобразование.После этого вы увидите ручки вокруг ограничивающей рамки, и теперь мы можем перетащить направляющую из линейки с левой стороны и поместить ее прямо в центр по вертикали. Это руководство должно встать на место, как и предыдущее, и вы увидите здесь вертикальную линию, обозначающую центр вашего изображения:

    Поместив вторую направляющую в центр, возьмитесь за нижнюю ручку и переместите черный слой «ФОН» вверх так, чтобы нижняя часть защелкнулась на нижней направляющей.Как только вы это сделаете, вы сможете увидеть горизонтальный центр верхней части изображения над нижней панелью. Давайте также перетащим еще одну направляющую сверху вниз в середину этой области.

    Теперь мы можем переместить ручку слоя «BACKGROUND» обратно в нижнюю часть, чтобы он снова заполнил весь холст. Может показаться, что это еще не так, но эти руководства помогут нам, когда мы начнем разрабатывать дизайн упаковки! Ваш документ должен теперь иметь три направляющих, как показано на изображении ниже:

    Шаг 5. Цвета фона

    Выбрав слой «ФОН», щелкните значок корректирующего слоя в нижней части палитры слоев, а затем выберите «Сплошной цвет…» из списка.

    В качестве цвета заливки введите шестнадцатеричное значение «# F7F2D4», как показано ниже:

    Добавьте второй корректирующий слой «Сплошной цвет…» над предыдущим, и на этот раз введите шестнадцатеричное значение «# 7B9835», которое представляет собой приятный естественный зеленый цвет.

    После создания обоих корректирующих слоев нажмите «M», чтобы переключиться на инструмент «Область», а затем щелкните и перетащите прямоугольник, покрывающий всю нижнюю часть. Здесь вы можете использовать руководство, которое мы разместили, чтобы помочь вам сделать выбор.

    Сделав выбор вокруг нижней панели, перейдите в меню «Выбор» и выберите «Инверсия» в раскрывающемся меню.

    Убедитесь, что зеленый корректирующий слой сплошного цвета активен, а затем щелкните по маске слоя, прикрепленной к нему в палитре слоев. Отсюда нажмите «D» на клавиатуре, чтобы сбросить цвета по умолчанию, а затем убедитесь, что ваш цвет переднего плана сплошной черный, а не белый. Отсюда нажмите Alt / Option + Delete на клавиатуре, чтобы залить перевернутое выделение черным.В результате зеленый цвет будет виден только в нижней части изображения, как показано ниже:

    Шаг 6: Размещение первой текстуры

    Перейдите в меню «Файл» и выберите в меню «Поместить встроенное…».

    Перейдите в папку бесплатных материалов для этого руководства и найдите файл «Texture4.png» из шрифтов Ana’s Fonts, а затем выберите «Поместить» в правом нижнем углу.

    Текстура теперь будет импортирована с именем файла и как смарт-объект по умолчанию.Убедитесь, что текстура покрывает весь холст, удерживая клавиши Alt / Option + Shift и перетаскивая их наружу за любой из четырех углов ограничивающей рамки. После того, как вы отмасштабировали и разместили текстуру, нажмите «Return» на клавиатуре.

    Отсюда измените Режим наложения слоя текстуры с «Нормальный» на «Умножение», как показано ниже:

    Шаг 7: Регулировка уровней

    Выберите слой смарт-объекта «Текстура4», затем, удерживая клавишу Alt / Option, щелкните значок корректирующего слоя в нижней части палитры слоев.Когда появится всплывающее меню, выберите «Уровни…» из списка.

    Теперь вам будет предложено диалоговое окно, в котором мы хотим отметить опцию «Использовать предыдущий слой для создания обтравочной маски», а затем нажать «OK» или нажать клавишу «Return», чтобы продолжить. Это гарантирует, что корректирующий слой будет обрезан непосредственно под слоем.

    Для свойств переместим левый серый ползунок влево, пока он не установится на «66», а затем переместим правый белый ползунок по направлению к центру, пока он не будет установлен на «227», как показано здесь:

    Шаг 8: Вторая текстура

    Вернитесь в меню «Файл» и еще раз выберите «Поместить внедренное…».

    Перейдите к файлу «Texture2.png» в Ana’s Fonts и выберите «Поместить» в правом нижнем углу.

    Текстура теперь будет отображаться как смарт-объект с именем файла автоматически. Давайте также увеличим масштаб этой текстуры, чтобы она заполнила весь холст, а затем нажмите «Return» на клавиатуре, чтобы применить изменения.

    Следующее, что нам нужно сделать, это изменить режим наложения этого слоя с «Нормальный» на «Разница», как показано на изображении ниже:

    Шаг 9: Вторая текстура

    Убедитесь, что в палитре слоев выбран слой «Текстура 2», затем, удерживая клавишу Alt / Option, еще раз щелкните значок корректирующего слоя в нижней части палитры слоев.Отсюда выберите «Уровни…» из появившегося списка.

    Так же, как мы делали в предыдущих шагах, отметьте опцию «Использовать предыдущий слой для создания обтравочной маски», чтобы убедиться, что он обрезается на слое текстуры непосредственно под ним.

    Для свойств переместите левый ползунок к центру, пока он не станет равным ’23’, а правый ползунок переместите к центру, пока он не станет равным ‘164’, как показано ниже:

    Выберите слой «Текстура2» еще раз, затем щелкните значок корректирующего слоя и выберите в меню «Кривые…».На этот раз вам не нужно удерживать клавишу Alt / Option, так как этот слой будет добавлен ниже существующего корректирующего слоя, у которого уже есть обтравочная маска.

    Затем добавьте одну точку в середине сетки и переместите ее вниз и вправо, чтобы она оказалась в нижнем квадранте сетки. Для «Input» установите его на «216», а затем установите «Output» на «55». Мы также хотим убедиться, что корректирующий слой «Кривые» находится поверх корректирующего слоя «Уровни», поэтому мы можем выбрать корректирующий слой «Кривые» и затем нажать Ctrl +] на клавиатуре, чтобы переместить его на одну позицию вверх в палитре слоев.Будьте осторожны, не поднимайте его более одного раза, так как это освободит обтравочную маску.

    Шаг 10: Группа текстур

    Выберите верхний слой в палитре слоев, который должен быть корректирующим слоем «Кривые», а затем, удерживая клавишу Shift, щелкните слой смарт-объекта «Текстура4», чтобы все текстуры и корректирующие слои были выбраны одновременно.

    Выделив слои, нажмите Command / Ctrl + G, чтобы поместить их в папку, а затем дважды щелкните текст «Группа 1», чтобы переименовать папку «ТЕКСТУРЫ», как показано здесь:

    Шаг 11: Текст Freshbox

    Создайте новый слой чуть ниже папки «TEXTURES» и нажмите «T», чтобы открыть инструмент Type Tool.Нажмите на холст и введите слово «FRESHBOX» заглавными буквами, используя шрифт «SS Nickson Four» из папки бесплатных материалов для руководства. Обязательно откройте панель персонажа, перейдя в меню «Окно» и выбрав «Персонаж», чтобы вы могли изменить размер пункта примерно на «33,14», как показано ниже:

    Дважды щелкните текстовый слой, чтобы открыть панель «Стиль слоя», и установите флажок «Наложение цвета».

    Для цвета заливки введите шестнадцатеричное значение «# 7B9835» и затем дважды нажмите «ОК», чтобы применить изменения и закрыть оба диалоговых окна.

    Шаг 12: Искажение текста

    Не снимая выделения с инструмента «Текст», щелкните внутри текста два или три раза, чтобы выделить его, а затем нажмите кнопку «Создать деформированный текст» на верхней панели инструментов, выделенную на изображении ниже:

    Когда появится панель «Деформация текста», выберите «Дуга» в раскрывающемся списке «Стиль», затем обязательно выберите «Горизонтально» и измените настройку «Изгиб» примерно на «28%» перед тем, как нажать «ОК», чтобы применить. перемены.

    Шаг 13: Тень текста

    Выберите слой с деформированным текстом и нажмите Command / Ctrl + J, чтобы продублировать слой. После этого нажмите Command / Ctrl + [, чтобы переместить дубликат слоя под оригинал. Отсюда используйте клавиши со стрелками, чтобы переместить копию вниз и влево на несколько щелчков мышью, чтобы сместить текст.

    Дважды щелкните дублированный текстовый слой, чтобы открыть панель «Стиль слоя», и снова отметьте опцию «Наложение цвета».

    Для цвета заливки на этот раз мы введем шестнадцатеричное значение «#CFCAAD», а затем дважды нажмем «OK», чтобы применить изменения и закрыть.

    Теперь у вас должен быть красивый стилизованный эффект тени, который выглядит так:

    Шаг 14: Дополнительный текст

    Создайте еще один новый слой и с помощью инструмента «Текст» (T) введите заглавными буквами «ЕЖЕНЕДЕЛЬНАЯ ДОСТАВКА ЗДОРОВЫХ ЗАКУСОВ, СДЕЛАННЫХ ТОЛЬКО ДЛЯ ВАС». Если у вас есть доступ к файлам пакета, используйте панель символов, чтобы выбрать шрифт «SS Nickson Six», в противном случае вы можете использовать аналогичный шрифт из своей собственной коллекции. Затем мы создадим тип «5.53 pt »с настройкой трекинга« 300 »для отступа букв. Мы также можем оставить здесь цвет заливки сплошным черным.

    Вернитесь на панель текста деформации и примените те же настройки, которые мы использовали для основного текста на предыдущем шаге.

    Добавьте еще один новый текстовый слой и введите слово «Healthy» в левой части верхней панели, используя шрифт «SS Nickson Seven» от Spencer and Sons Co.. Вернитесь на панель символов и измените размер примерно на «16».79 pt ’, как показано ниже:

    Затем перейдите в меню «Окно» и откройте параметр «Глифы», показанный здесь:

    После открытия панели «Глифы» используйте инструмент «Текст», чтобы выбрать букву «H», и тогда вы увидите, что у вас есть несколько альтернативных букв для прописной буквы. Давайте продолжим и выберем третий вариант слева, чтобы у нас было красивое подчеркивание под таким шрифтом:

    Выделите текстовый слой «Healthy» и нажмите Command / Ctrl + J, чтобы продублировать его.Нажмите и удерживайте клавишу Shift, чтобы перетащить эту копию на противоположную сторону и изменить ее на «Закуски». Отсюда выделите букву «S», а затем выберите третий глиф на панели «Глифы», чтобы получить подчеркивание под всем словом, как показано здесь:

    Шаг 15. Выноски

    Нажмите на букву «U», чтобы переключиться на инструмент «Прямоугольник», а затем нажмите на образец «Заливка» на верхней панели инструментов, выделенный на изображении ниже:

    Щелкните значок цветового спектра в правом верхнем углу появившейся панели, после чего откроется диалоговое окно «Палитра цветов (цвет заливки)», в котором мы можем ввести шестнадцатеричное значение «# 7B9835».После этого нажмите «ОК», чтобы закрыть панель.

    Удерживая клавишу Shift, щелкните и растяните маленький зеленый квадрат под словом «Здоровый» с левой стороны. Отсюда нажмите Command / Ctrl + T, чтобы выполнить свободное преобразование, удерживайте клавишу Shift и поверните квадрат на 45º так, чтобы в итоге получилась зеленая ромбовидная форма вроде этого:

    Создайте новый слой над зеленым ромбиком и с помощью инструмента «Текст» (T) напечатайте слова «ЗАКУСКИ, ДОСТАВЛЯЕМЫЕ ЕЖЕНЕДЕЛЬНО!» На трех отдельных строках.Если у вас есть доступ к файлам пакета, используйте панель символов для выбора гарнитуры «SS Nickson Six», в противном случае вы можете использовать аналогичный шрифт из своей библиотеки шрифтов. Установите размер пункта «6,19», настройку отслеживания «-40» и междустрочный интервал можно установить на «5,65», чтобы он хорошо вписывался в ромб. Что касается цвета заливки, давайте продолжим и нажмем на образец «Цвет» на панели символов, чтобы изменить его.

    Затем введите шестнадцатеричное значение «# F4F0D6» и нажмите «OK», чтобы применить изменения.

    Шаг 16. Дублирование поля выноски

    Выберите текстовый слой «ЗАКУСКИ ДОСТАВЛЕНЫ…» на палитре слоев, удерживая клавишу Shift, нажмите на зеленый ромбовидный слой ниже, чтобы выбрать оба слоя одновременно.

    Нажмите Command / Ctrl + G, чтобы поместить оба этих слоя в папку, и дважды щелкните текст «Группа 1», чтобы переименовать папку в «CALLOUT BOX 1», как показано здесь:

    Выберите папку «CALLOUT BOX 1» и нажмите Command / Ctrl + J, чтобы скопировать ее.Щелкните папку, затем, удерживая клавишу Shift, сдвиньте ее на противоположную сторону, где мы разместим ее ниже и слева от слова «Snacks». Переключитесь на инструмент Type Tool (T) и измените текст на этой стороне, чтобы он читался как «ПОЛУЧИТЕ СВОЙ ПЕРВЫЙ ЯЩИК БЕСПЛАТНО!» В трех строках, как на изображении, показанном здесь:

    Шаг 17: Ключевые слова

    Если у вас есть доступ к файлам пакета, создайте новый слой и вернитесь к инструменту «Текст» (T). Введите строчную букву «w», а затем используйте панель символов, чтобы изменить шрифт на «SS Nickson Catchwords».Это даст нам красивое декоративное словечко, в котором заглавными буквами написано «OF THE». Для настроек установите размер пункта «23,86 pt», как показано ниже. В противном случае перейдите к Spencer and Sons Co из папки бесплатных ресурсов для учебника, откройте SS Nickson Catchword.eps и перетащите его в свой основной файл. Затем измените размер и поместите в положение, как показано ниже.

    Дважды щелкните текстовый слой с ключевыми словами, чтобы открыть диалоговое окно «Стиль слоя», а затем установите флажок «Наложение цвета».

    Для цвета заливки введите то же зеленое шестнадцатеричное значение, которое мы использовали ранее — «# 7B9835», а затем дважды нажмите «ОК», чтобы применить изменения и закрыть оба диалоговых окна.

    Шаг 18: Завершение фразы

    Если у вас есть доступ к файлам пакета, создайте еще один новый слой и введите слова «САМЫЙ ЛУЧШИЙ», используя «SS Nickson One» с размером точки «22,62» и настройкой отслеживания «20» со сплошным черным цветом. наполнять. В противном случае вы можете использовать аналогичный шрифт из своей библиотеки шрифтов.Поместите текст непосредственно перед ключевым словом, которое мы создали на предыдущем шаге.

    Выберите текстовый слой «САМЫЙ ЛУЧШИЙ» и нажмите Command / Ctrl + J, чтобы продублировать его. Отсюда нажмите на слой, удерживайте клавишу Shift и сдвиньте его вправо от ключевого слова, а затем с помощью инструмента «Текст» (T) измените текст на «СВЕЖИЙ» заглавными буквами. Вы можете оставить шрифт и все остальные настройки без изменений.

    Шаг 19: Посетите нас

    Добавьте новый слой и введите «VISIT US AT WWW.НА FRESHBOX.COM ДОПОЛНИТЕЛЬНАЯ ИНФОРМАЦИЯ »под строкой« ЛУЧШЕЕ ИЗ СВЕЖИХ ». Используйте панель символов, чтобы изменить шрифт на «SS Nickson One», используя размер шрифта «6,08 pt» с настройкой отслеживания «100» и сплошной черной заливкой, как показано ниже. Если у вас нет доступа к этому шрифту, вы можете использовать аналогичный стиль из своей коллекции.

    Давайте посмотрим, что у нас есть:

    Шаг 20: Нижняя панель

    Теперь, когда мы разместили большую часть текста в верхней части дизайна, давайте переключим передачи и поработаем с нижней зеленой панелью.Мы начнем с добавления нового слоя, а затем с помощью инструмента «Текст» (T) напечатайте «FRESHBOX» еще раз, используя тот же шрифт «SS Nickson Four». Давайте также изменим размер шрифта на «33,15 pt», а затем щелкнем образец цвета.

    Измените цвет шрифта на шестнадцатеричное значение «# F4F0D6», а затем нажмите «OK», чтобы применить изменения.

    Выделите текстовый слой и нажмите Command / Ctrl + J, чтобы дублировать его, а затем переместите дублированный слой под оригинал. Как и раньше, мы собираемся создать тот же эффект стилизованной тени для нашего текста, поэтому мы будем использовать клавиши со стрелками, чтобы сместить дублированный текстовый слой на несколько щелчков вниз и влево.

    Дважды щелкните дублированный текстовый слой, чтобы открыть панель «Стиль слоя», и установите флажок «Наложение цвета».

    На этот раз мы изменим цвет заливки на «# 607A23», который будет более темным оттенком зеленого. Как только вы это сделаете, дважды нажмите «ОК», чтобы применить изменения и закрыть обе панели.

    Шаг 21: Второй слоган

    Добавьте еще один новый слой и снова напечатайте слоган — «ЕЖЕНЕДЕЛЬНАЯ ДОСТАВКА ЗДОРОВЫХ ЗАКУСОВ, СДЕЛАННАЯ ТОЛЬКО ДЛЯ ВАС».Используйте панель символов, чтобы изменить шрифт на шрифт «SS Nickson Six», который мы использовали ранее, а затем измените размер на «5,64 pt», а настройку отслеживания следует установить на «300». Мы можем использовать тот же цвет заливки, что и для нижнего текста «FRESHBOX» — «# F4F0D6». Если у вас нет доступа к этому шрифту, вы можете использовать аналогичный стиль из своей коллекции.

    Добавьте еще один новый слой под слоганом и введите URL-адрес «WWW.FRESHBOX.COM», используя шрифт «SS Nickson One». Для этого текста нам нужно будет изменить размер на «10.53 pt ’с отслеживанием’ 60 ’и используйте тот же цвет заливки, что и раньше -‘ # F4F0D6 ’. Если у вас нет доступа к этому шрифту, вы можете использовать аналогичный стиль из своей коллекции.

    Теперь у нас есть хорошая обработка нижней панели, которая будет отлично смотреться на нашем макете коробки! Ваше изображение должно теперь выглядеть примерно так:

    Шаг 22: текстовая группа

    Теперь выделим самый верхний текстовый слой в палитре слоев, чуть ниже папки «TEXTURES».После этого, удерживая клавишу Shift, щелкните самый нижний текстовый слой, чтобы все слои между текстурами и фоном были выделены вместе.

    Выделив все слои, нажмите Command / Ctrl + G, чтобы поместить их в папку, а затем дважды щелкните текст «Группа 1», чтобы изменить имя папки на «ТЕКСТ», как показано здесь:

    Затем сделайте то же самое с нижними слоями и поместите их в новую папку под названием «BG». Это поможет сохранить все наши слои аккуратными и организованными.

    Шаг 23: Винтажные иллюстрации

    Теперь мы начнем импортировать некоторые из наших прекрасных винтажных иллюстраций, любезно предоставленных Vector Hut. Для начала перейдите в меню «Файл» и выберите в меню «Поместить встроенное…».

    Перейдите в папку бесплатных подарков и выберите файл «Orange Jelly Turnip.png», а затем выберите место в правом нижнем углу.

    После импорта репы уменьшите ее масштаб, перетащив внутрь от любого из четырех углов ограничивающей рамки, удерживая клавишу Shift, и поместите ее под текстом «Здоровая», как показано здесь:

    Повторите этот шаг, чтобы импортировать файл Grapes 2.png »и поместите его на противоположной стороне, чуть ниже текста« Закуски ».

    Затем давайте импортируем файл «Fruiting Branch of Apricot.png» и разместим его, большой, в центре композиции. Давайте также немного повернем абрикос, нажав Command / Ctrl + T, чтобы выполнить произвольное преобразование, а затем навести курсор на любой из четырех углов ограничительной рамки и немного повернуть его против часовой стрелки.

    Теперь ваше изображение должно выглядеть так:

    Шаг 24: фоновая иллюстрация

    Давайте вернемся в меню «Файл» и снова выберем «Поместить внедренное…».На этот раз перейдите к файлу «Cauliflower.png» и выберите «Место» в правом нижнем углу.

    Мы хотим сохранить эту иллюстрацию красивой и большой, а затем поместить ее в папку «BG», чуть ниже слоя заливки зеленого цвета, чтобы ее можно было видеть только в верхней части дизайна. Как только вы это сделаете, уменьшите непрозрачность слоя с иллюстрацией цветной капусты до 10%, как показано ниже:

    Шаг 25: фоновый значок

    Если у вас есть доступ к файлам пакета, создайте новый слой чуть выше папки «BG», а затем с помощью инструмента «Текст» (T) введите заглавную букву «P».Отсюда используйте панель символов, чтобы изменить шрифт на «SS Nickson Badges and Labels», а также измените размер примерно на «172,11 pt», как показано ниже. В противном случае перейдите в Spencer and Sons Co из папки бесплатных ресурсов для руководства, откройте SS Nickson Badge.eps и перетащите его в свой основной файл. Затем измените размер и поместите в положение, как показано ниже.

    Дважды щелкните слой значка, чтобы открыть панель «Стиль слоя», и отметьте опцию «Наложение цвета».

    Измените цвет заливки этого слоя на «# 607A23», а затем дважды нажмите «OK», чтобы применить изменения и закрыть оба диалоговых окна.

    Теперь ваше изображение должно выглядеть так:

    Шаг 26: Выход из строя

    Удерживая клавишу Command / Ctrl, щелкните значок миниатюры слоя с иллюстрацией абрикоса, чтобы активировать выделение вокруг него.

    Перейдите в меню «Выбрать» и выберите «Изменить> Развернуть…» в раскрывающемся меню.

    Когда появится панель «Expand Selection», введите значение «5» и затем нажмите клавишу Return.

    Отсюда перейдите в меню «Выбор» и выберите «Инверсия» из меню, чтобы инвертировать выбор.

    Убедитесь, что ваш слой «P» активен в палитре слоев, а затем щелкните значок «Маска слоя» внизу, чтобы применить маску. Теперь у вас должна быть 5-пиксельная рамка, выбитая из значка, идущего за пределами иллюстрации абрикоса.

    Шаг 27: Прикрыть

    Удерживая клавишу Control, щелкните маленький значок «fx» на слое значка. Когда появится раскрывающееся меню, выберите «Копировать стиль слоя» из списка.

    Отсюда создайте новый слой прямо над слоем значка, удерживайте клавишу Control и щелкните слой, а затем выберите «Вставить стиль слоя», как показано ниже:

    Что мы хотим сделать дальше, так это выбрать инструмент Brush Tool (B) и убедиться, что у вас относительно небольшая кисть с непрозрачностью 100%.Увеличьте изображение значка и начните прокрашивать линии внутри значка. Это закроет линию, проходящую внутри, так как сам слой уже будет того же цвета, что и значок. Обойдите значок и сделайте это, чтобы заполнить линии.

    Шаг 28: Группа иллюстраций

    Выберите верхний слой иллюстрации смарт-объекта в палитре слоев, удерживая клавишу Shift, выберите нижний слой значка чуть выше слоя «BG». Теперь у вас должны быть выделены все свободные слои, как показано здесь:

    Выделив слои, нажмите Command / Ctrl + G, чтобы поместить их в новую папку, и дважды щелкните текст «Группа 1», чтобы переименовать папку «ИЛЛЮСТРАЦИИ».

    Мы закончили дизайн упаковки нашего почтового ящика, и в следующей части урока мы применим его к нашему ящику и создадим красивую сцену с похожим внешним видом. Давайте посмотрим на готовое изображение этикетки ниже:

    Шаг 29: Дублирование папок

    Выберите самую верхнюю папку, удерживайте клавишу Shift, а затем выберите нижнюю папку «BG», чтобы все папки в палитре слоев были выбраны одновременно.

    Выделив все папки, нажмите Command / Ctrl + J, чтобы продублировать все папки над оригиналами.

    Не снимая выделения с дублирующихся папок, нажмите Command / Ctrl + E, чтобы объединить их в один слой, и переименуйте этот слой «MERGED ARTWORK», как показано ниже:

    Шаг 30: Разделение изображения

    Теперь мы можем выбрать инструмент Marquee Tool (M) и затем нажать Command / Ctrl +:, чтобы отобразить направляющие. Затем щелкните и растяните большой прямоугольник, выбрав только верхнюю часть нашего дизайна, а затем нажмите Command / Ctrl + J, чтобы скопировать выделение на новый слой.

    Повторите то же самое для нижней части, сначала выбрав слой «MERGED ARTWORK» и перетащив прямоугольник вокруг него перед нажатием Command / Ctrl + J. Теперь у вас должны быть верхняя и нижняя части на отдельных слоях в верхней части палитры слоев.

    Шаг 31: Мокап почтового ящика

    Далее мы загрузим бесплатный шаблон мокапа из Graphic Burger здесь и откроем его в Photoshop. Первое, что нам нужно сделать здесь, это дважды щелкнуть по слою смарт-объекта «Дизайн: передняя часть», чтобы открыть его в новом окне.

    Теперь вы увидите переднюю панель макета коробки следующим образом:

    Давайте перейдем к нашему дизайну этикеток и возьмем слой «FRONT ARTWORK», удержим клавишу Shift и перетащим его в это окно смарт-объекта. Вам нужно будет выполнить свободное преобразование (Command / Ctrl + T), а затем слегка перетащить наружу из любого из четырех углов ограничивающей рамки вокруг объединенного графического объекта, чтобы немного увеличить его и убедиться, что он заполняет всю область документа, например это:

    После размещения рисунка лицевой панели нажмите Command / Ctrl + S, чтобы сохранить его, а затем Command / Ctrl + W, чтобы закрыть и обновить основной файл макета.Теперь вы должны увидеть обложку передней панели, как показано здесь:

    Затем дважды щелкните слой смарт-объекта «Дизайн: верх», чтобы открыть его в новом окне. Отсюда нам нужно будет удерживать клавишу Shift и перетащить слой «TOP ARTWORK» в этот файл, сохранить его, а затем закрыть окно.

    Теперь ваша работа должна быть идеально размещена на коробке, и вот как выглядит наш макет:

    Шаг 32: Цвет коробки

    Затем включите видимость слоя «Color» и щелкните красный образец.

    Для нового цвета заливки введите шестнадцатеричное значение «# 597024» и затем нажмите «OK», чтобы применить изменения цвета.

    Выберите слой «Дизайн: передний», удерживая клавишу Shift, щелкните слой «тень», чтобы все слои, относящиеся к основному блоку, были выделены вместе.

    Нажмите Command / Ctrl + G, чтобы поместить эти слои в новую папку, и переименуйте ее в «Box Mockup».

    Шаг 33: Цвета фона

    Выберите только что созданную папку «Box Mockup» и затем щелкните значок корректирующего слоя в нижней части палитры слоев.В появившемся списке выберите «Оттенок / Насыщенность…», как показано ниже:

    При появлении запроса в следующем диалоговом окне установите флажок «Использовать предыдущий слой для создания обтравочной маски», а затем нажмите «Return» на клавиатуре.

    Теперь у вас есть корректирующий слой оттенка / насыщенности с примененной к нему обтравочной маской. Теперь на панели свойств мы просто хотим переместить ползунок «Насыщенность» вверх, чтобы он был установлен на «+21» для усиления цветов.

    Шаг 34: Пользовательские цвета

    Затем щелкните слой «Custom Color» внутри папки «Backgrounds».

    В качестве цвета заливки воспользуемся шестнадцатеричным значением «# B0AE9D», а затем нажмите «OK».

    Нажмите Command / Ctrl + J, чтобы продублировать этот слой, а затем измените режим наложения с «Нормальный» на «Жесткий свет». Как только вы это сделаете, нажмите на образец цвета слоя «Custom Color copy» вверху.

    Измените шестнадцатеричное значение этого слоя на «# 605D4C» и затем нажмите «OK», чтобы применить изменения.

    Выбрав этот более темный слой «Custom Color copy», щелкните значок корректирующего слоя и выберите «Hue / Saturation…» из списка.

    На этот раз нам не нужна обтравочная маска, так как мы хотим, чтобы корректирующий слой оттенка / насыщенности влиял на все слои под ним. Для свойств изменим «Оттенок» на «+124», «Насыщенность» на «-24» и «Яркость» на «-15», как показано ниже:

    Шаг 35: Импорт иллюстраций и текстур

    Давайте вернемся к нашему основному дизайну этикеток и отключим объединенные слои.Активируйте видимость всех исходных папок, а затем откройте папку «BG». Внутри этой папки выберите слой смарт-объекта «Цветная капуста», удерживайте нажатой клавишу Shift и перетащите его в макет PSD в верхней части папки «Фоны». Возможно, вам придется немного увеличить его, чтобы он служил скорее фоновым элементом, как в нашем основном дизайне этикетки, но он должен выглядеть примерно так:

    Давайте также возьмем папку «TEXTURES» из нашего основного дизайна этикетки и перетащим ее в шаблон макета.Здесь мы будем использовать Free Transform (Command / Ctrl + T), чтобы масштабировать текстуры, чтобы они заполняли весь фон шаблона макета, и просто убедитесь, что он находится под макетом коробки.

    Шаг 36: Призыв к действию

    Создайте новый слой и затем используйте инструмент «Текст» (T), чтобы ввести «ПОЕЗДИТЕ НА WWW.FRESHBOX.COM ДЛЯ ПОДРОБНОЙ ИНФОРМАЦИИ», используя шрифт «SS Nickson One» с размером «16,32 pt» с настройкой трекинга « 60 ‘, как показано здесь:

    Затем измените цвет заливки текстового слоя на «# F4F0D6» и затем нажмите «ОК», чтобы применить изменения цвета.

    Шаг 37: Импорт заголовка

    Вернитесь к основному дизайну этикетки и выберите заголовок «FreshBox» внутри папки «ТЕКСТ». Удерживая клавишу Command / Ctrl, выберите стилизованный слой тени прямо под ним, а затем также выберите слоган. Теперь у вас должно быть три текстовых слоя, выбранных в верхней части нашего исходного файла изображения.

    Щелкните и перетащите эти три слоя в свой макет PSD, удерживая клавишу Shift, и переместите его в верхнюю часть холста.Давайте также переместим прямоугольник немного, чтобы отцентрировать его — для этого вам нужно будет взять папку ‘Box Mockup’, снова удерживать клавишу Command / Ctrl, а затем щелкнуть в самой верхней папке с надписью ‘Overlay Layers ( не редактировать) ‘, чтобы убедиться, что они движутся вместе. Вы также можете просто перетащить эту верхнюю папку в папку ‘Box Mockup’, но это может повлиять на внешний вид наложений, поскольку тогда она унаследует свойства корректирующего слоя Hue / Saturation, который был применен к папке ‘Box Mockup’. так что остерегайтесь этого.

    Затем дважды щелкните верхний слой «FreshBox», чтобы открыть панель «Стиль слоя».

    Отсюда отметьте опцию «Color Overlay».

    Измените цвет заливки на шестнадцатеричное значение «# F4F0D6», чтобы оно соответствовало нашему предыдущему призыву к действию. Как только вы это сделаете, нажмите «ОК», чтобы продолжить.

    Шаг 38: Перетаскивание стилей слоя

    Теперь, когда мы применили Color Overlay к нашему основному тексту FreshBox, удерживая клавиши Alt / Option + Shift, перетащите маленький значок «fx» на слой слогана, чтобы применить те же цветовые эффекты.

    Шаг 39: Импорт заголовка

    Затем дважды щелкните слой «FreshBox copy», чтобы снова открыть панель «Стиль слоя».

    На этот раз мы будем использовать шестнадцатеричное значение «# B7B18B», чтобы использовать более темный оттенок нашего светло-коричневого цвета. Как только вы это сделаете, дважды нажмите «ОК», чтобы применить изменения и закрыть обе панели.

    Шаг 40: Уборка вещей

    Выберите верхний слой FreshBox, удерживайте клавишу Shift, а затем выберите текстовый слой с призывом к действию, чтобы все наши текстовые слои были выделены вместе, как показано здесь:

    Нажмите Command / Ctrl + G, чтобы поместить эти слои в папку, и дважды щелкните текст «Группа 1», чтобы переименовать его в «ТЕКСТ».Как только вы это сделаете, переместите эту папку под папку «TEXTURES», чтобы текстуры отображались поверх текста, как на нашей исходной обложке этикетки.

    Этот последний шаг не является обязательным, но для единообразия давайте продолжим и просто переименуем здесь другие папки, чтобы они были заглавными. Я знаю, что, вероятно, переборщу здесь, но меня бесит, когда некоторые папки пишутся заглавными и строчными буквами, а другие — заглавными!

    Мы завершили дизайн упаковки Freshbox! Для создания дизайна упаковки мы использовали несколько красивых векторных иллюстраций из Vector Hut, а также несколько стилей из семейств S и S Nickson и текстуры из Ana’s Fonts.Оттуда мы применили наши рисунки к реалистичному макету почтового ящика и добавили несколько элементов из нашего дизайна упаковки, чтобы настроить сцену и связать все вместе. Это лишь малая часть того, что есть в наборе Timeless Vintage Design Bundle! Эти великолепные винтажные ресурсы были созданы из аутентичных материалов и призваны придать вашим работам подлинную винтажную эстетику, точно такую ​​же, как та, которую мы создали сегодня.

    Помните, что независимо от того, является ли это результатом вашего урока или что-то новое, что вы создали, мы будем рады видеть ваши проекты на нашей странице в Facebook.

    Пожалуйста, оставьте комментарий, если у вас есть вопросы или предложения. Я всегда с нетерпением жду вашего ответа!

    Еще есть время попробовать The Timeless Vintage Design Bundle, в котором вы найдете огромную коллекцию качественных ресурсов по винтажному дизайну по непревзойденной цене в 29 долларов!

    .
    Автор записи

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *