Как отразить зеркально картинку в Photoshop

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

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

Подробная инструкция для новичков как сделать зеркальное отражение фотографии в Фотошопе

1. Открываем Фотошоп и загружаем в него выбранное изображение, которое мы хотим отражать: File -> Open…

2. Из главного меню программы Photoshop выбираем Image -> Rotate Canvas -> Flip Canvas Horizontal:

Меню Фотошопа

(далее…)

Как повернуть картинку в Photoshop по часовой или против часовой стрелки

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

Допустим, у нас есть некое фэнтезийное изображение девушки, свисающей с дерева:

Картинка, которую мы будем поворачивать в Фотошопе

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

(далее…)

Как окружить фото текстом и задать отступы текста от картинки

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

Способ 1: Вписываем код отступа текста для отдельной картинки или фотки

Простой способ задания обтекания картинки текстом, не требующий знаний html и css.

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

1
2
3
4
<img src="здесь_веб-адрес_картинки" alt="" /> alt="Здесь_подсказка_если_картинка_не_загрузлась" title="Здесь_встплывающая_над_картинкой_подсказка" width="ширина_ картинки_в_точках_числом"
height="высота_ картинки_в_точках_числом"
align=”left”
style="margin: 3px 12px 0px 0px;>

Например, для вставки картинки, которую вы видите в этой статье чуть выше, код html и css выглядит так:

1
2
3
4
5
<img src="https://www.web-article.com.ua/wp-content/uploads/2009/12/otstup-kartinka-tekst.jpg" alt="" /> alt="Задаем отступ текста для фото"
title="Задаем отступ текста для фото"
width="300" height="350"
align="left"
style="margin: 3px 12px 0px 0px;>

(далее…)

Как вырезать часть картинки с помощью Photoshop

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

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

Как вырезать кусок картинки в Фотошопе. Подробная инструкция с иллюстрациями

1. Допустим, у нас есть большая картинка 500х460 пикселей, из которой нам нужен только кусочек 120х100 пикселей:

Исходное изображение, из которого будем вырезать фрагмент в этом уроке

Нажимаем на клавиатуре Ctrl+A, чтобы выделить весь рисунок, затем жмем Ctrl+C, чтобы его скопировать, Ctrl+N, чтобы открыть пустое пока окно дня обрабатываемого рисунка и вставим в него наш рисунок, нажав Ctrl+V. Все эти процедуры нужны, чтобы разблокировать единственный слой картинки для перетаскивания и одновременно оставить неиспорченную копию рисунка.

(далее…)

Как сделать черно-белое фото из цветного

Черно-белая фотография в Фотошопе

Черно-белое фото – это наиболее лаконичный и простой способ показать душу качественной фотографии. Поэтому, в этом уроке Photoshop я расскажу, как из цветной фотографии получить черно-белое изображение. Конечно, можно быстро обесцветить фото или рисунок, воспользовавшись комбинацией горячих клавиш Photoshop Ctrl+Shift+U:

Обесцвеченное в Photoshop фото

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

(далее…)

Легкое редактирование портретной фотографии в Photoshop

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

Фото ДО редактирования:

Редактирование фото в Фотошоп

Фото ПОСЛЕ редактирования:

После редактирования в Photoshop

(далее…)

Как улучшить фото, снятое на мобильник

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

Редактируем в Фотошопе фото с мобильника

После того, как вы убрали шумы с вашего мобильного фото, очень желательно улучшить его четкость (Filter -> Sharpen -> Smart Sharpen…).

(далее…)

Как сделать рамку вокруг рисунка в Фотошопе

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

Способ 1: Рамка вокруг рисунка в Photoshop как эффект фонового слоя

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

1. Открываем окно со слоями рисунка (горячая клавишаF7) и кликаем дважды по фоновому (единственному) слою в этом окне:

Рамка вокруг картинки как свойство слоя

По названию слоя (у нас – «клубника») кликать не нужно, если только мы не собираемся переименовывать слой.
(далее…)

Как в Фотошопе сделать четче фото или рисунок

Современные фотоаппараты, даже домашние «мыльницы», делают огромные фотографии. Если есть большой жесткий диск и не лень сортировать и записывать фотографии на DVD-диски, большие фото можно не уменьшать. Но если вы хотите послать несколько фото друзьям или выложить их в блоге, размер фотографий придется уменьшать в Photoshop. А при уменьшении фото теряется четкость графики. Да и фотоаппараты не всегда делают четкие снимки. Так что улучшать четкость снимков приходится часто. К счастью, эта процедура очень проста и занимает мало времени.

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

1. Открываем программу Adobe Photoshop. Если при установке вы не меняли настройки, то для запуска Фотошопа нужно выбрать Пуск->Все программы->Adobe Web Premium CS3->Adobe Photoshop CS3. При подготовке урока использовалась версия Adobe Photoshop CS3, у вас на компьютере может быть установлена другая версия.

2. После того, как Фотошоп загрузится, нужно открыть в нем фотографию или картинку, четкость которой вы хотите улучшить. Удобнее всего перетащить картинку в Фотошоп из окна Windows. Для этого достаточно зажать левой кнопкой мыши ярлычок фотографии и перетащить ее в открытую программу Photoshop. Также можно открыть изображение традиционно с помощью меню Фотошопа: File->Open…:

Открыть фото в Photoshop

(далее…)

Прозрачность и полупрозрачность в Photoshop

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

Как сделать прозрачный фон в Фотошопе

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

1. Открываем Photoshop. Открываем в нем картинку, которую нужно разместить на прозрачном фоне (File->Open…).

2. Выделяем все изображение/фото (Ctrl+O).

3. Копируем выделенную картинку (Ctrl+C).

4. Открываем новый файл в Фотошопе (File->New… или Ctrl+N). В появившемся окне в самом нижнем выпадающем списке выбираем значение Transparent – «прозрачность»:

Новый файл в Photoshop с прозрачным фоном

(далее…)