Всем привет! Есть такой интересный инструмент в Фотошопе - микс- кисть. У нее множество разных возможностей и применений, особенно в рисовании.

Открытка к празднику.

Здравствуйте, дорогие подписчики и гости сайта

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

Это действительно простая работа, без заморочек, но ведь этот сайт для начинающих! Надеюсь, что хоть что-то полезное вы для себя почерпнете. А также под видео вы увидите ссылки на скачивание материалов для создания открыток к 3-м праздникам: 8 марта, День Святого Валентина и День защитника Отечества. 2 из них уже прошли, но ведь будет и следующий год.

Приветствую всех любителей Фотошопа!

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

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

Обрезка уголков рисунка.

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

Вариант 1
Открываем рисунок. Убеждаемся, что режим рисунка - RGB (Вкладка Изображение --> Режим --> RGB или на англ. Image --> Mode --> RGB). Открываем Панель слоёв (клавиша F7) и разблокируем фоновый слой , два раза кликнув по расположенному справа замочку левой клавишей мыши. Далее жмём Ctrl+A, заходим на вкладку Выделение --> Трансформировать выделенную область. В верхней панели изменяем угол на 45°, как указывает стрелочка на рисунке.

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

После этого жмём Ctrl+Shift+I (инверсия выделенной области) и нажимаем клавишу Delet.
Уголки удалились,под ними образовался прозрачный фон,обозначаемый в Фотошопе серо-белыми шашечками.

Смотреть другие материалы по секретам Photoshop:
Секреты Photoshop: улучшите свои навыки
Секреты Photoshop: улучшите свои навыки, продолжение
Секреты Photoshop: тонкости работы с текстом

Вариант 2
Этот приём более сложный и подойдёт для обрезки только прямоугольных участков. Действовать по заранее определённому алгоритму также не получится. Изобретать придётся на ходу. Примерный вариант действий такой:
Сперва надо выделить нужный участок с помощью прямоугольного выделения (клавиша V).

Затем нажмём Ctrl+J, этим мы копируем выделенный участок на новый слой.

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

Так что после всех этих действий следует с помощью инструмента "Свободное трансформирование" (активируется клавишами Ctrl+T) увеличить новый слой так, чтобы он перекрыл участок, который мы выделяли в самом начале.

Если увеличение недопустимо, то с помощью инструмента Штамп (клавиша S) замаскировать уголки на исходном слое.

Рамки для фото

О создании рамок с помощью выделения рассказывается в статье: Создание рамки в программе Adobe Photoshop. Круглая, овальная рамка

Стирание ластиком мелких объектов

Если диаметр ластика слишком большой, вместе с дефектом он затрагивает и нужный участок, то уменьшать диаметр ластика до минимума не нужно.
Достаточно выделить кусок с дефектом с помощью инструмента Лассо, а потом уже применять ластик. Стирать он будет только в зоне выделения. Потом не забываем убрать выделение, нажав Ctrl+D.

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

Как начать работать с Adobe Photoshop?

Запустить фотошоп

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

Запустите фотошоп

Открыть изображение

Что бы изменять фотографии в фотошопе, их нужно открыть в нем. Для этого идем в меню Файл → Открыть (или нажимаем сочетание клавиш Ctrl+O) и в открывшемся окошке выбираем нужную картинку (в моем случае – это картинка photo.jpg с архива в конце статьи) .

Откройте картинку

Изменение масштаба

Иногда фотографии бывают слишком большими (полностью не помещаются на экране), а иногда – слишком маленькими (ничего не видно).

В таких случаях неплохо помогает инструмент и его “дополнительные кнопочки” на панели инструментов (под главным меню). Думаю, очевидно, какая кнопка увеличивает изображение, а какая уменьшает.
Увеличьте масштаб фотографии в несколько раз и посмотрите как изменилось ее качество. Можно увидеть “кирпичики”, из которых строятся растровые изображения – пиксели.

Также увеличивать (уменьшать) фотографии можно с помощью меню Просмотр или сочетания клавиш Ctrl+ и Ctrl- соответственно. Это только несколько из множества способов менять масштаб в программе фотошоп.

Поменяйте масштаб

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

Приведите изображение к реальному размеру

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

• Кнопка “Размер оттиска” на панели инструментов;
• С помощью меню Просмотр 🙂

Задайте изображению размер, что будет при печати

Настройка интерфейса фотошоп

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

Для этого предназначены меню Окно и Просмотр . Давайте попробуем убрать все инструменты.
Это просто: в меню Окно убираем все галочки.

Уберите все панели и инструменты с окна

Окно стало “голеньким” и теперь уж точно не ясно, что можно сделать с изображением.

Отобразите:

• инструменты (“полоска” с разнообразными кнопками – обычно находится у левой границы окна),
• параметры (панель для настройки инструментов и изменения их свойств – расположена под главным меню),
• слои (вся работа в фотошоп основана на работе со слоями – через пару уроков мы рассмотрим, что это такое и с чем его едят),
• навигатор (это, что бы видеть миниатюру вашего изображения, как оно смотрится после изменений),
• и стили (а это уже готовые шаблоны для смены вида текста или других объектов вашего творения).
  Эти все настройки можно найти в меню Окно . Также могут очень помочь при работе Линейки. Найти и отобразить их можно в меню Просмотр .

  Отобразите, необходимые для работы инструменты и разместите их в удобных для вас местах

Что такое цветовые модели?

Рассмотрим теперь цветовые модели, то-есть способы и принципы построения цвета с помощью количественных характеристик.

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

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

Основные цветовые модели в фотошопе RGB и CMYK.

Что значит RGB?

RGB (Red-красный, Green-зеленый, Blue-синий) – это цветовая модель, которая используется, как основная во всех компьютерных системах. Для режима RGB в фотошопе доступны все функции редактирования изображений. И если вы готовите изображение для отображения на компьютере (для сайта, презентации, игры и т.д.), то это тот режим, который нужно использовать.

Что такое CMYK?

CMYK (Cyan-голубой, Magenta-пурпурный, Yelloy-желтый, Key-“ключевой”) – эта модель описывает реальные полиграфические краски. Голубая, пурпурная и желтая краски составляют полиграфическую триаду, но при их смешивании невозможно получить идеальный черный цвет, по-этому в число основных полиграфических красок была внесена основная краска – черная (думаю те, у кого есть принтеры, знают, что для печати необходимо три цветных и черная краски 🙂). Эта модель используется только в полиграфии, по-этому переход на нее необходимо производить уже непосредственно перед самой печатью, а редактировать изображение желательно в режиме RGB.

Для смены режима в Adobe Photoshop заходим в меню Изображение → Режим → Выбираем нужный режим .

Измените режимы отображения и посмотрите, изменится ли вид фото.

Как сделать фото черно-белым?

Таким же самым способом, как в предыдущем шаге, можно фото сделать черно-белым – режим Градации серого (но это, если Вы уж наверняка уверенны, что цветные краски Вам ни к чему, или в принтере закончился цветной картридж – для экспериментов с цветом есть другие способы, так как в этом режиме удаляются данные о цвете и их потом не восстановишь, даже если вернуть режим RGB).

Измените режимы отображения на Градации серого.

Что такое разрешение изображения?

Еще одна характеристика изображения – это разрешение – количество точек (пикселей) на дюйм. Соответственно, чем больше разрешение, тем больше размер файла. Но улучшается ли качество картинки при увеличении разрешения?
Это не совсем так.
Зависимо от цели подготовки изображений, их можно разделить на несколько групп:

• для вывода на экран (презентация, веб-страничка, анимация, видео) – считается правильным готовить такие изображения с разрешением 72 ppi или 96 ppi;
• при печати на принтере учитывается его разрешение — количество точек на дюйм, которые он может отобразить (лазерные и струйные принтера имеют разрешение от 600 до 1200 dpi). Соотношение между техническим разрешением принтера и разрешением изображения отличается в 4 раза. То-есть если техническое разрешение принтера 800 dpi, то изображение при печати будет иметь разрешение 200 ppi.
  Соответственно для печати на принтере нужно готовить изображения с разрешением 150-300 ppi.
• для полиграфический печати в типографии изображение должно иметь разрешение 300 ppi.

То-есть при создании изображения (Файл → Создать) необходимо указать название, размеры изображения, разрешение, цветовой режим и выбрать цвет фона.

Создайте новый документ для печати, размером стандартного фото (книжная ориентация) и с прозрачным фоном

Как в фотошопе открыть одновременно два окна?

У Вас теперь открыто два окна . Что бы их можно было видеть одновременно, воспользуйтесь меню Окно → Упорядочить → Мозаика. Инструментом “Перемещение” “перетащите” картинку на новый (пустой) документ и разместите ее в нужном месте (для этого нужно мышкой “схватить” картинку и тащить ее в нужное место, и только потом мышку отпустить).

Перенесите на свой новый файл картинку и расположите ее в нужном месте.

Сохраняем картинку в Adobe Photoshop

Что бы сохранить изображение, нужно в окне сохранения (меню Файл → Сохранить как… или Ctrl+S ) указать нужное название, тип файла (.jpg, .png, .gif и т.д.) и место сохранения. Если Вы собираетесь еще когда то редактировать это изображение, то нужно его сохранять в фотошопном формате.psd .

Сохраните свою “новую” картинку в двух форматах.png и.psd под название “Урок 1” (два файла)

В Adobe Photoshop cs5 есть панель, с помощью которой можно быстро настраивать вид окна: масштаб, додавать/убирать линейки, направляющие, упорядочивать окна и т.д. – мне кажется, это очень удобно.

На этом заканчиваем урок. 🙂

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

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

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

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

• 1 Начало работы в Photoshop - быстрое выделение и заливка

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

• 2 Слои и текст
  

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

• 3 Фильтры
  

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

• 4 Работа с изображениями
  

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

• 5 Трансформация
  

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

• 6 Рисование - кисть и карандаш
  

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

• 7 Рисование - фигуры
  

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

• 8 Рисование - контуры и растровые изображения
  

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

• 9 Рисование - инструмент Перо
  

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

• 10 Рисование - инструмент Магнитное перо
  

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

• 11 Инструменты ретуширования изображений
  

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

• 12 Инструменты коррекции изображений
  

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

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

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

Из серии «Пффф, я это давно знал!».

На самом деле это скорее полезные инструменты и приёмы, которые помогают в работе над проектами в CG, айдентике и вебе о которых вы могли не знать.

Начнем с полезных приёмов в Фотошопе, и так, поехали!

1 - Заливка с учётом содержимого

Edit > Fill или Shift + Backspace

Удобный инструмент для удаления с изображения объектов с учётом содержимого, просто выделите с помощью лассо объект, нажмите Shift + Backspace и Ок .

2 - Blending Options

fx > Blending Options

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

3 - Defringe

Layer > Matting > Defringe

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

4 - Rubber Band

Верхняя панель управления > Rubber Band

Наверняка многие не знают, что в настройках пентула есть такая галочка, попробуйте, вам понравится:)

5 - Нормальный нойз

Filter > Camera RAW Filter или Shift + Cmd (Ctrl) + A

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

6 - Nik Collection от Гугл

Отличный плагин для фотошопа с различными эффектами и пресетами, есть точечное редактирование. Тут не без треша конечно, но есть и несколько неплохих инструментов. Например в Analog Efex Pro есть раздел Classic Camera , где можно имитировать оптические искажения камеры, там есть достаточно корректный эффект Бокэ, размытие по углам и другие инструменты, которые помогут сделать картинку реалистичнее и живее. А в Color Efex Pro есть удобные инструменты повышения контраста и детализации изображений (Tonal Contrast, Pro Contrast, Detail Extractor) .

7 - Хроматические аберрации

Filter > Lens Correction или Shift + Cmd (Ctrl) + R

Если на фото принято убирать хроматические аберарции, то при композинге, особенно сцен с использованием 3D эти искажения наоборот делают картинку натуральнее, оживляя сырые рендеры. Только держите себя в руках, не стоит им злоупотреблять:)

8 - Просмотр конкретного слоя

Alt + левая кнопка мыши находясь на слое

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

9 - Кроп с учётом содержимого

Crop Tool > верхняя панель управления > Content-Aware

Начиная с версии Photoshop CC (2015.5) появилась возможность делать кроп с учётом содержимого, для этого нажмите клавишу C и поставьте галочку Content-Aware в верхней панели управления. Кстати в этой же панели есть замечательный инструмент Straighten , который помогает выровнять горизонт, просто проведите линию вдоль объекта и алгоритм сам все сделает.

10 - Быстрый экспорт слоёв

Правая кнопка мыши по выделенным слоям > Export As…

Чтобы сохранить сразу несколько слоёв в отдельные файлы просто выделите их и нажав правую кнопку мыши , выберите Export As … и в появившемся окне можно изменить размер, выбрать необходимый формат и