В этом уроке Photoshop мы увидим как просто закруглить углы рисунка на примере аватарки, не ограничиваясь добавлением простой рамки толщиной в 1px:

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

Закругляем все углы рисунка с помощью формы Photoshop

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

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

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

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

4. Создаем новый слой (Ctrl+Shift+N). И в этом новом слое с помощью инструмента Rounded Rectangle Tool (U) рисуем квадрат или прямоугольник нужного размера:

5. Цвет фона нарисованного прямоугольника не имеет значения. Параметр Radius, характеризующий степень закругленности угла, для этого урока равен 8, но вы можете изменить его по своему усмотрению:

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

7. Удерживая клавишу Ctrl кликаем по превью слоя в панели слоев Layers (у нас это красный квадрат). Это позволит нам выделить красный прямоугольник с закругленными углами, о чем свидетельствует появившаяся пунктирная линия по его границе:

8. В панели слоев Layers переходим на нижний слой с основным изображением и нажимаем комбинацию Ctrl+Shift+I (или Select -> Inverse в главном меню Photoshop). Это позволит выделить область, которая лежит за пределами красного квадрата с закругленными уголками.

9. Нажимаем на клавиатуре клавишу Delete, чтобы удалить эту ненужную нам часть основной картинки. После этого делаем невидимым верхний слой с красным квадратом (в панели Layers нажимаем на иконку глаза возле слоя с красным квадратом). Нажимаем на клавиатуре M и кликаем в любом месте на холсте рисунка, чтобы снять выделение на готовом изображении аватарки с закругленными углами. Если фон мы установили прозрачным, получим следующее:

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

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

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

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

Сделать мигающую аватарку несложно. Для этого нам достаточно будет программы Adobe Photoshop CS3 (Adobe Photoshop CS2 и Adobe Photoshop CS4 тоже подойдут). Кроме возможности редактировать отдельные кадры нашей анимированной аватарки Фотошоп дает возможность создания самой анимации, т.е. нам достаточно будет одной этой программы.

Если вам не очень удобно делать анимацию в Photoshop, можно воспользоваться им для подготовки кадров аватарки или баннера, а саму анимацию сделать в другой программе. Наиболее популярная программа, которая позволяет делать анимированные картинки – Ulead GIF Animator 5. Я подробно описывал работу с ней в статье Как сделать анимированный GIF баннер. Программа платная, но скачать ее вместе с «таблэткой» можно на через торренты или с помощью программы eMule. Лично я gif-анимацию всегда делаю в Ulead GIF Animator 5, а Photoshop использую только для подготовки кадров баннера или аватарки – привычка .

Пошаговая инструкция как сделать мигающую аватарку в программе Photoshop:

1. Открываем Photoshop. С помощью команды File -> New… создаем новый фотошоповский файл. Его размеры 120х120 пикселей (или 100х100, 90х90, в зависимости от того, какого размера аватарка вам нужна), фон прозрачный:

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

3. Первый кадр мигающей аватарки готов. Приступим к созданию второго. Воспользуемся комбинацией горячих клавих Ctrl+J чтобы дублировать имеющийся слой:

4. Сделаем второй кадр аватарки чуть затемненным, подправив уровни дублированного слоя. Для этого нажимаем комбинацию Ctrl+L и двигаем ползунки в открывшемся окне так, как нам нравится. Лично мне показалось наилучшим вариантом подвинуть средний серый ползунок в верхнем окне немного вправо, до значения 0.64:

5. Теперь оба кадра готовы. Осталось сделать из них одну мигающую аватару, для чего мы воспользуемся стандартной функцией Photoshop. Чтобы открыть окно анимации, выберите из главного меню программы Window -> Animation. В открывшемся окне Animation (Frames) уже будет первый кадр анимации. И выглядеть он будет так же, как в данный момент выглядит вся картинка (в нашем случае заготовка аватарки выглядит так же, как верхний слой kadr_01 copy):

6. Добавим второй кадр нашей мигающей аватарки в окно Animation (Frames), для чего в самом низу этого окна нажмем на иконку Duplicates selected frames (Дублировать выделенный кадр). После того, как появится второй кадр, сделайте невидимым верхний слой в панели Layers (кликните на глазик рядом с картинкой верхнего слоя, глазик пропадет и слой станет невидимым):

7. Теперь у нас есть аватарка из 2-х разных кадров. Но мигать она не будет, поскольку задержка у каждого ноль секунд. Для того чтобы установить подходящее время отображения каждого кадра анимации, нужно кликнуть на надписи 0 sec. под каждым кадром:

Я установил время задержка в 2 миллисекунды, вы можете выбрать любое другое значение.

8. Мигающая анимированная аватарка готова. Осталось ее сохранить. Для этого из главного меню Photoshop выдерите File -> Save for Web and Devices… и в выпадающем списке выбора формата файла указываем формат GIF:

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

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

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

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

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

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

Аналогично можно отразить картинку зеркально и по вертикали. Для этого достаточно выполнить похожую команду Image -> Rotate Canvas -> Flip Canvas Vertical. В результате получим такую картинку:

3. Сохраняем результат зеркального отражения картинки с помощью пункта меню File -> Save for Web and Devices…

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

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

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

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

1. Открываем программу Adobe Photoshop и открываем в ней нужную нам картинку (File -> Open…).

2. После того, как картинка загрузилась, поворачиваем ее на 90 градусов против часовой стрелки. Для этого выбираем из главного меню Image -> Rotate canvas -> 90 CCW:

3. В результате получим вертикально ориентированную картинку:

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

Конечно, Фотошоп может поворачивать картинку не только на 90 градусов. Чтобы развернуть картинку на произвольное число градусов по часовой стрелке выберите в главном меню Photoshop Image -> Rotate canvas -> Arbitrary… и в появившемся окне укажите нужный вам угол поворота:

Например, после поворота картинки на 10 градусов получим нестандартно расположенную картинку на прозрачном фоне:

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

4. Сохраняем результат поворота картинки в Фотошопе (File -> Save for Web and Devices…).

Попыток создать полноценную онлайн замену программе Photoshop было много. Большинство из них были либо очень слабенькими подобиями графического редактора с похожим на Фотошоп интерфейсом, либо требовали зарегистрироваться и/или оплатить доступ к расширенной функциональности. Но есть и приятные исключения, которые позволяют пользоваться Фотошопом онлайн бесплатно и без регистрации. Например, сайт www.pixlr.com:

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

Основные преимущества Photoshop онлайн:

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

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

3. Можно открывать изображения и сохранять результаты работы во всех популярных графических форматах интернета, включая JPG, GIF, PNG.

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

5. Онлайн версия Фотошопа быстро и без критичных ошибок загружает большие слоеные файлы формата PSD (даже с именами файлов в кириллице), сделанные в привычном Photoshop CS3:

Некоторые недостатки онлайн версии Фототшопа:

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

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

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

4. Работают далеко не все популярные горячие клавиши Photoshop. Мне, например, сильно не хватает понимание онлайновым Фотошопом комбинации Ctrl+Alt+ноль, с помощью которой можно установить масштаб картинки в 100%.

5. В браузере Internet Explorer 8 онлайн Фотошоп работает заметно медленнее, чем в Opera 10 или Firefox 3. Так что если вы поклонник IE или его надстроек, для работы в Photoshop онлайн вам придется отказаться от привычного браузера.

Выводы: В онлайн Фотошопе на сайте www.pixlr.com можно легко и быстро исправить мелкие проблемные участки на фото, сделать аватарки из готовых картинок и обработать несложные рисунки. Программа отлично подходит, если нет возможности или времени установить нормальный Photoshop, но для серьезной работы опытному дизайнеру функциональности Фотошопа онлайн будет явно недостаточно.

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

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

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

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

2. Уменьшаем видимую область рисунка (холст), выбрав из главного меню Фотошопа Image->Canvas Size… или воспользовавшись комбинацией горячих клавиш Alt+Ctrl+C:

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

4. Указав желаемую ширину и высоту нового изображения (120 и 100 пикселей соответственно), нажимаем ОК и видим следующее:

Холст картинки уменьшился до нужных нам размеров, но отображается не тот фрагмент, который нам нужен. Потому выбираем самый верхний инструмент Move Tool (V) (на рисунке он выбран) и перетаскиваем картинку в окошке нового холста в нужном направлении:

5. Нужный нам кусочек изображения не влез полностью на новый холст. Придется изображение чуть уменьшить, чтобы сердечко отображалось полностью. Для этого перейдем в режим свободной трансформацией изображения (Ctrl+T) и, удерживая на клавиатуре клавишу Shift, перетащим за уголок все изображение, пока оно не уменьшится настолько, чтобы полностью умещаться на холсте:

Нажимаем Enter, чтобы зафиксировать новый размер картинки, полученный в результате трансформации.

6. Помимо нужного нам изображения сердечка с бантиком на картинке видно и кусочек другого рисунка, который нам не нужен. Поскольку изображение находится на однотонном фоне, проще всего воспользоваться инструментом Кисть (для выбора инструмента Brash нажмите латинскую букву B на клавиатуре или выберите кисть на панели инструментов Photoshop) и аккуратно закрасить ненужный фрагмент белым цветом:

7. Полученное изображение, наконец, можно сохранять. Для этого в главном меню Фотошопа выбираем File->Save for Web & Devices…, проверяем, чтобы в открывшемся окне был выбран формат JPEG и качество Very High, после чего нажимаем кнопку Save.

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

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

Как грамотно получить ч/б фото из полноцветной фотографии:

1. Для начала запустим Photoshop и откроем изображение, которое мы будем редактировать:

2. Выбираем Create new fill or adjustment layer и в появившимся меню кликаем на Hue/Saturation. В этом слое у нас будет возможность корректировать насыщенность и оттенки различных цветов. В поле Edit можно подбирать оттенки отдельно по каждому цвету. Но если вы новичок в Фотошопе, рекомендую выбрать режим Master и редактировать все цвета одновременно.

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

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

5. И наконец, создаем еще один слой Curves, который придаст окончательный вид нашей фотографии. Для этого слоя выбираем режим смешивания(Blending Mode) Soft Light. Здесь мы подбираем нужный нам оттенок. В итоге у нас должно получиться четыре слоя плюс фоновый слой.

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

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

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

Этапы легкого ретуширования фото в Фотошопе:

1. Запускаем Photoshop и открываем в нем фото, которое мы хотим улучшить.

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

3. Убираем эффект красных глаз у девушки на фото.

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

5. Для фотографий, сделанных домашними фотоаппаратами при слабом освещении, характерна проблема серости, слабой цветовой насыщенности. Добавим немного контрастности: Image -> Adjustments -> Hue/Saturation или просто нажимаем Ctrl+U. В появившимся окне, изменяем параметры Lightness и Saturation. Я установил -8 для первого и +13 для последнего. Эти настройки разные для каждой фотографии и зависят от качества фото и вкуса дизайнера.

6. Увеличиваем фото до 100% (Ctrl+Alt+ноль), выбираем инструмент Spot Healing Brush и аккуратно удаляем дефекты кожи. Мелкие дефекты, например, родинки и прыщи, можно убирать инструментом Штамп (S). Если результат нам не очень нравится, можно вернуться на шаг назад с помощью Ctrl+Alt+Z или с помощью Исторической кисти (History Brush Tool) из панели инструментов Photoshop.

7. Дизайнеры часто используют размытие, что бы сделать кожу на фото более гладкой. Важно не злоупотреблять размытием и использовать его в меру и только по необходимости. Если вид кожи на фото вас чем-то не устраиваем, можно использовать фильтр Filter -> Blur -> Gaussian Blur с радиусом до 10 пикселей. Потом просто отрегулируйте размытие параметром Opacity. В большинстве случаев подходит значение от 20 до 50 %.

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

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

Убираем в Фотошопе зашумленность фото, которое снято на мобильник:

1. Загрузите Фотошоп и откройте картинку, качество которой надо улучшить.

2. Дублируйте исходный слой, нажав Ctrl+J. Кстати, ретушируя любое фото, каждое изменение лучше делать в новом слое. Как видите, на нашей картинке очень много шума, давайте избавимся от него. Для этого идем Filter -> Noise -> Reduse Noise (Фильтр -> Шум -> Убрать Шум). Убирать шум лучше на каждом канале отдельно, то есть сначала на красном, потом на зеленом и на синем, для этого следует нажать комбинации клавиш Ctrl+1, Ctrl+2 и Ctrl+3 соответственно. Чтобы опять увидеть все три канала нажмите Ctrl+~. На некоторых каналах эту процедуру следует выполнить два или даже три разы. Главное – не перестарайтесь, а то изображение получиться слишком размытым.

3. Из главного меню Photoshop выбираем Image -> Adjustments -> Levels (или же просто нажимаем горячую клавишу Ctrl+L). В появившемся окошке с диаграммой берем правый ползунок и тащим его влево до того места, где диаграмма начинает увеличиваться. Аналогично делаем и с левым ползунком. У нас должно получиться так, как на рисунке:

4. Продолжаем убирать шумы в нашем фото. Теперь выбираем Image -> Adjustments -> Threshold и тащим ползунок максимально влево, пока изображение не станет совсем белым. После этого понемногу оттаскиваем его вправо, пока не появятся черные пятна и кликаем мышкой по этому месту, удерживая Shift на клавиатуре. Проводим аналогичные действия, оттаскивая ползунок вправо.

5. Жмем Cancel и выбираем Image -> Adjustments -> Curves. Теперь в появившемся окне выбираем Set Black Point и кликаем по тому месту, где вы установили точку, когда ползунок был в крайнем левом положении. То же самое делаем и для Set White Point.

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

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

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

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

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

2. Откроется окно Layer Style, в котором можно менять многие свойства текущего слоя. Нас интересует закладка Stroke окна Layer Style, с помощью которой мы сделаем рамку зеленого цвета толщиной в 2 пикселя:

Обратите внимание на поле Position, значение которого нужно установить в Inside (рамка показывается внутри рисунка, а не очерчивает его, как установлено по умолчанию). Чтобы сменить цвет рамки, кликните на прямоугольник возле поля Color и выберите нужный цвет в открывшемся окне.

3. Собственно, все. Осталось только нажать кнопку OK в правом верхнем углу окна Layer Style и сохранить рисунок в нужном формате.

Для того чтобы сменить цвет, толщину, прозрачность и другие характеристики нарисованной в Фотошопе рамки, повторите заново пункты 1 и 2 этого урока. Чтобы удалить рамку кликните правой кнопкой на слое в окне Layers и из появившегося контекстного меню выберите Clear Layer Style.

Способ 2: Рисуем рамку карандашом в Фотошопе

Чтобы нарисовать произвольную рамку, например, вокруг фрагмента рисунка или разной толщины и цвета с каждой стороны фотографии, можно воспользоваться инструментом Photoshop под названием Pensil Tool (горячая клавиша – B). С помощью мыши нарисовать карандашом прямую линию сложно, но если удерживать нажатой клавишу Shift на клавиатуре, карандаш в Фотошопе рисует только прямую линию. Инструкция в данном случае очень простая, хоть и подробная, и не требует иллюстраций.

1. Выбираем инструмент карандаш (Pensil Tool), нажав на клавиатуре латинскую букву B.

2. В появившемся сразу под главным меню Фотошопа списке свойств карандаша указываем нужную толщину рамки, которую вы планируете рисовать. Цветом линии будет активный цвет Фотошопа (верхний из цветных квадратиков в панели инструментов Photoshop).

3. Создаем новый слой (Ctrl+Shift+N), в котором будем рисовать рамку. Можно новый слой не создавать, но так мы рискуем испортить слой с основным рисунком и придется все начинать сначала.

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

5. Отпускаем левую кнопку мыши, но не отпускаем клавишу Shift. Теперь нужно покликать там, где должны быть оставшиеся углы рамки рисунка. Поскольку рамка нестандартная, углов может быть сколько угодно. Экспериментируйте, отменяя неудачные ходы с помощью крайне популярных комбинаций горячих клавиш CTRL+Z и CTRL+ALT+Z.

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