Как сделать круглую рамку в фотошопе?

Как сделать картинку круглой

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

Инструмент «кроп» или «рамка» нам всегда готов в этом помочь. Но что делать с круглой? Ведь в фотошопе нет такого инструмента.

Помнится, во времена начала изучения программы Adobe Photoshop у меня вызвал ступор. Действительно, а как?

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

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

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

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

Выделили. Теперь нам следует скопировать его на новый слой. Проще всего будет нажать комбинацию клавиш ctrl+c, а затем ctrl+v. Ваше изображение скопируется на новый слой автоматически.

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

Результат будет тем же.

Вот что мы видим в окне слоев.

Выделяем нижний слой и нажимаем del на клавиатуре.

Вот так выглядит слой.

Теперь нам остается только сохранить его в формате png. Это важно! Именно этот формат не оставляет фонового поля.

В выпадающем списке ищем png и сохраняем.

Выше я упомянула о недостатке этого способа. Каков же он?

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

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

Нам следует сделать изображение с котенком невидимым. Для этого мы тыкаем в пиктограмму с глазиком рядом со слоем. Кликаем. «Глазик» исчезает. Изображение с котенком становится невидимым.

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

Теперь ищем инструмент «эллипс». Опять же, зажимаем shift и проводим окружность. Цвет ее нам не важен.

Переходим к окну слоев. Кликаем по слою с котенком левой клавишей мыши. И выбираем команду «создать обтравочную маску».

Вот, что мы увидим.

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

Теперь вам следует выделить оба слоя, зажав клавишу ctrl. И опять вы, кликнув по ним левой клавишей мыши, вызываете команду «объединить слои».

Вот, что у нас получится.

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

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

Источник: http://photoshop-work.ru/kruglaja-kartinka-v-fotoshope

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

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

С другой стороны, вопрос не такой уж простой. Что это был бы за «Фотошоп», если бы он не смог предложить своим пользователям дюжину вариантов рамочного оформления картинок? Однако перейдем к делу. Редактор открыт?

Выполнить обводку

Проще всего воспользоваться прямым предложением программы, которое недвусмысленно намекает нам, как в «Фотошопе» сделать рамку. Это команда «Выполнить обводку», и вы найдете ее в меню «Редактирование», но прежде нужно, конечно, выделить свое изображение (Ctrl + A).

В диалоговом окне выбираем параметры (ширину, цвет, расположение, режим наложения, непрозрачность) и жмем OK. Рамка готова. Только если выберете «Снаружи», нужно прежде зайти в «Изображение» > «Размер холста», где увеличить документ с учетом желаемой толщины рамки или вызвать трансформацию (Ctrl + T) и уменьшить размеры самого изображения.

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

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

Обводка как стиль слоя

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

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

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

Используем готовые стили

Неплохая рамка для фото в «Фотошопе» может получиться, если воспользоваться стандартными предустановленными стилями («Окно» > «Стили»), которые, кстати, можно создавать самому или скачивать в Сети.

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

Возможности фильтров

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

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

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

Затем инвертируем выделение («Выделение» > «Инверсия») и включаем быструю маску, щелкнув по иконке с пунктирным колечком в самом низу панели слоев или выбрав команду «Редактировать в режиме быстрой маски» с меню «Выделение».

Теперь переходим в «Фильтр» > «Галерея фильтров» и подбираем какой-нибудь эффект, манипулируя его настройками и наблюдая за предварительным результатом в окне просмотра.

Нормально работает, например, эффект «Стекло» или «Океанские волны» в группе (папке) «Искажение»; эффекты «Разбрызгивание» и «Аэрограф» в группе «Штрихи»; «Рваные края» в группе «Эскиз».

Читайте также:  Чем отличается алоэ от столетника

Выбрав вариант по вкусу, выключаем маску повторным щелчком по ее кнопке, жмем Delete, снимаем выделение (Ctrl+D) и придирчиво смотрим на результат. Если с цветом что-то не так, открываем двойным щелчком по нижнему слою «Параметры наложения», и, выбрав «Наложение цвета», устанавливаем нужный тон.

Если вернуться назад и на этапе включенной маски выбрать «Фильтр» > «Оформление» > «Фрагмент», а затем продублировать эффект несколько раз, выключить маску и удалить выделенное, результат тоже не разочарует.

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

Создаем пустую рамку с нуля

В отличие от изложенных выше процедур обрамления картинок создание пустой рамки начинается с нового документа. Допустим, на белом фоне с размерами, достаточными для изображений с высоким разрешением (на всякий случай).

Документ создан. Выделяем его полностью (Ctrl + A), включаем инструмент выделения «Прямоугольная (или овальная) область», создаем внешний контур рамки. Затем на панели настроек вверху переключаемся на режим «Вычитание из выделенной области» и выделяем контур внутренней стороны рамки. Теперь инвертируем выделение («Выделение» > «Инверсия») и жмем Delete.

Все, болванка готова. Теперь можно обрушить на нее всю мощь инструментов редактора — от простой заливки (цветом, узором, градиентом) до фантастической стилизации.

Интересные результаты получаются при использовании предустановленных стилей («Окно» > «Стили») групп «Эффекты для текста», «Кнопки», «Текстуры», «Web-стили».

Некоторые стили можно использовать в комбинации с заливкой, если выделенную рамку (Ctrl + клик по миниатюре в палитре слоев) скопировать на новый слой (Ctrl + J).

Закругляем углы

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

Включаем инструмент «Прямоугольник с закругленными углами», на панели настроек вверху слева переходим в режим «Контур», на той же панели задаем радиус закругления, растягиванием — оба контура рамки, переходим на вкладку «Контуры» («Окно» > «Контуры»), жмем на иконку с пунктирным колечком («Загрузить контур как выделенную область»), инвертируем выделение («Выделение» > «Инверсия») и жмем Delete. А дальше действуем по аналогии с прямоугольной рамкой.

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

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

Готовые варианты

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

Но и готовые фигуры рамок тоже неплохо смотрятся, тем более что в двухцветных вариантах к вашим услугам параметры «Заливка» и «Штрих», в каждом из которых можно изменять «Чистый цвет», «Градиент» или «Узор». Как видите, для творческих задач с тем, как в «Фотошопе» сделать рамку, нет пределов для фантазии.

Кроме того, рамки можно украшать (дополнять) другими готовыми фигурами (в том числе узорами), выбрав на панели настроек вариант «Объединить фигуры» (кнопка со смежными квадратиками с подсказкой «Операции с фигурами»).

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

Теперь фоновый слой можно удалить (или прикрыть ему глазик), и, перейдя в меню «Файл», «Сохранить для Web» c расширением PNG.

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

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

Источник: https://www.syl.ru/article/163369/new_kak-v-fotoshope-sdelat-ramku-poshagovaya-instruktsiya

Как сделать рамку в Adobe Photoshop?

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

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

Рассмотрим несколько простейших способов.

Способы создания рамки в Photoshop

Способ №1: обводка

Откройте в фотошопе фотографию и выделите изображение с помощью комбинации клавиш ctrl+a или инструментами выделения, перейдя в меню «Редактирование» и кликнув по пункту «Выполнить обводку»:

Выберите цвет, толщину и расположение обводки:

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

Способ №2: рамка вокруг картинки как эффект фона

Предположим, что нужная нам рамка имеет толщину 2 пикселя. Если у открытой в Photoshop картинки имеется всего один слой, то он же и является фоновым.

Нажмите F7, дважды кликните по фоновому слою, и, когда откроется окно «Стиль слоя», выберите панель «Обводка». Селектор «Снаружи» обязательно необходимо поменять на «Внутри». Указав все необходимые вам параметры, кликните на «ОК»:

Способ №3: использование кисти

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

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

Повторите данное действие ещё трижды ко всем сторонам картинки, и получится простая обводка. Неудачные действия можно отменить с помощью комбинации ctrl+z. Конечный результат мало отличается от первого способа, однако делать такую рамку вы можете не только по краям изображения, но и в любой части рисунка:

Способ №4: прозрачная рамка

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

Находясь на первом слое, выберите «Фильтр», «Размытие» и «Размытие по Гауссу» и размойте изображение:

Затем в окне «Фильтр» кликните на «Шум» — «Добавить шум». В параметрах наложения слоёв слоя 2 уже знакомым способом выполните одно пиксельную черную или белую обводку.

Включите видимость всех слоёв и слой 2, применив свободное трансформирование, уменьшите по контуру на необходимую величину.

Получится такая рамка:

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

Читайте также:  Чем отличается искусство от науки

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

Как вставить фотографию в готовую рамку?

Шаг №1

Откройте загруженную рамку и фотографию в одном проекте Adobe Photoshop:

Шаг №2

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

Шаг №3

В окне «Слои» поместите слой с рамкой выше, чем слой с фотографией, как показано на рисунке:

Теперь фотография находится под рамкой.

Шаг №4

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

В разделе «Тиснение» поставьте галочки, руководствуясь своим вкусом и предпочтениями:

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

Надеемся, что данный урок стал для вас полезен!

Источник: http://www.internet-technologies.ru/articles/kak-sdelat-ramku-v-adobe-photoshop.html

Как сделать круглую рамку | СублиМастер

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

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

Давайте приступим. Photoshop у вас, наверняка, уже открыт. Теперь создадим новый слой — идем в меню Файл—Создать. В открывшемся окошке задаем параметры нашего слоя. Я возьму 20 х 20 см, 300 пикс/дюйм с прозрачным фоном. Жмем ОК.

Теперь откроем нашу ветку сирени — Файл—Открыть. Формат картинки должен быть PNG с прозрачным фоном. Для своей картинки я выбрал размер 5 х 5 см при том же расширении (300 пикс/дюйм).

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

Теперь иду в меню Редактирование—Скопировать, далее, открыв прозрачный слой, открываю меню Редактирование—Вставить.

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

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

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

Теперь все четыре слоя с веточками нужно объединить в один. Для чего, удерживая нажатой кнопку Ctrl на клавиатуре, кликните по каждому слою в окне Слои. На выделенных слоях нажмите правую кнопку и выберете строку Объединить слои.

Четыре веточки стали одним слоем. Теперь идем в меню Редактирование—Трансформирование—Масштабирование.

В параметрах впишите 33,33 по ширине, по длине оставьте 100%.

То есть мы сжали наше изображение по ширине ровно на треть. Нажмите Enter чтобы убрать выделение вокруг картинки и с помощью мыши снова придвиньте ее к левому краю.

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

Ну и, в качестве заключительного аккорда, идете в меню Фильтр—Искажение—Полярные координаты…

Обязательно выберите пункт Прямоугольные в полярные и нажмите ОК.

И, о чудо, перед нами симпатичная круглая рамка!

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

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

Всем успехов!

Источник: http://sublimaster.ru/kak-sdelat-shablon-samomu/kak-sdelat-krugluyu-fotoramku.html

Как сделать рамку в фотошопе 7 простых способов

7 простых способов как делать свои рамки в фотошоп.
Приветствуем тебя,  дорогой  читатель сайта Гикфо!

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

Достаточно и минимальных знаний фотошопа.

Итак, начинаем от простого к более сложному.

Способ 1выполнить обводку.

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

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

После того, как выделение готово, идем в –

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

Если же будет выбрано расположение обводки –снаружи-, то тогда размер изображения можно уменьшить воспользовавшись командой –Свободное трансформирование –  сочетание клавиш CTRL+T, удерживая клавишу Shift для сохранения пропорций.

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

Из вышесказанного вытекает способ 2: с использованием подлежащего слоя:

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

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

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

Способ 3. Используем стили.

Создаем новый слой над слоем с изображением и заливаем его любым стилем. Стили на любой вкус можно скачать в Интернет.

Выделяем, допустим, овальную область, ощищаем ее – нажимая клавишу Del.

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

Можно добавить текст, также применив к нему стиль.

Способ 4. Используем параметры наложения – стили слоя.

Создаем новый документ, допустим 10 см х15 см.

Заливаем слой понравившемся узором.

Выделяем область,  ощищаем содержимое – клавиша Del

Снимаем выделение, Ctrl+D.

Дважды кликаем по слою, или же вызываем параметры наложения, кликнув по значку :

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

Под полученный слой помещаем  изображение.

Способ 5. Маски в фотошоп. 

Открываем изображение, добавляем новый слой.

На новом слое создаем быструю маску – клавиша Q.

Затем свободная трансформация – уменьшаем маску в размере.

Идем в Фильтр –Штрихи- Аэрограф.

Размеры устанавливаем по своему вкусу

Выходим из быстрой маски: еще раз нажимаем клавишу Q

Получили выделение:

Инвертируем выделение

Читайте также:  Чем отличается знание от познания

Заливаем выделенную область (слой 1) цветом или градиентом.

Снимаем выделение.

Способ 6. Используем растровые фигуры.

Открываем изображение, разблокируем фоновый слой.

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

Выделяем нужный фрагмент

Меняем расположение слоев, и нажав клавишу Alt встаем мышкой между слоями.

Появится значок – кликаем.

Затем можно объединить слои Ctrl+E

Добавить новый слой ниже слоя с изображением

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

Нижний слой залить фоном переднего плана, и можно применить фильтр .

Или любой другой, поиграться – что больше всего будет по душе.

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

Способ 7.  Делаем прозрачную рамку в фотошоп.

Открываем изображение, дублируем три раза фоновый слой – нажимая три раза сочетания клавиш Ctrl+J

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

Находясь на слое 1 идем в —.

Размываем изображение

Добавим шум. Идем в —

Все в том же Слое 1 вызываем параметры наложения слоев

Выбираем обводку:

Включаем видимость слоев, и на активном верхнем слое уже знакомым способом создаем маски в фотошоп: кликая между Слоем 2 и Слоем 3 при нажатой клавише Alt.

На Слое 2 вызываем свободное трансформирование Ctrl+T, удерживая клавишу Shift, уменьшаем изображение.

В слое 2 вызываем параметры наложения слоев, выставляем примерно такие значения:

 Получили вот такую славную рамочку:

Не бойтесь экспериментировать, включайте свою фантазию, и у вас обязательно все получится!

Удачи в творчестве и в жизни!

Лучшие видеокурсы по фотошоп

Источник: https://gikfo.ru/photoshop-uroki-fotoshop-kak-sdelat-ramku-v-fotoshope-html/

Как создать круглый аватар в графическом редакторе Adobe Photoshop самому

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

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

В том числе и поисковую оптимизацию изображений своих сайтов.

Как создать круглый аватар или картинку в adobe photoshop

Сделав запрос в поисковую систему Яндекс, я всё-таки нашёл то, что мне требовалось.

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

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

Открываем Photoshop и идём по пути:ФАЙЛ-ОТКРЫТЬ и открываем нужную для преобразования картинку.
Если размеры изображения и его вес довольно велики,то воспользуйтесь подсказкой в моей статье- как уменьшить размер картинки без потери её качества.

Затем приступаем к созданию круглой,или овальной рамки,для чего открываем инструмент —ОВАЛЬНАЯ ОБЛАСТЬ.

И выделив нужную область изображения круглой рамкой нажать CTRL+C,то есть сохранить действие. Далее идём по пути:ФАЙЛ-СОЗДАТЬ.

Тут при открывании этой опции сразу автоматом выставляется размер будущей картинки,нам необходимо только выставить —Содержимое Фона на ПРОЗРАЧНЫЙ и подтвердить действия нажатием кнопки ОК.

После этого в образованную область вставляем наше изображение нажатием CTRL+V (как на скриншоте).

Самым важным моментом, в получении картинки необходимых свойств, является выбор расширения.Идём -ФАЙЛ-СОХРАНИТЬ ДЛЯ WEB УСТРОЙСТВА в формате PNG.
Таким образом мы с вами за короткое время сами создали круглый аватар в графическом редакторе фотошоп.
Если вам понравилась статья то подпишитесь на обновление блога,я постараюсь чтобы вам было всегда интересно.

{lang: 'ru'}

ПОХОЖИЕ ЗАПИСИ :

  • Как отредактировать изображения для сайта
  • Создать фон для сайта за пять минут
  • Как увеличить картинку
  • Как улучшить резкость изображения при его значительном уменьшении
  • Как уменьшить размер картинки без потери качества

Источник: http://monymaker.ru/kak-sozdat-kruglyj-avatar-v-graficheskom-redaktore-adobe-photoshop-samomu.html

Практический урок о том как фото сделать круглым и с прозрачным фоном. – ФотоКто

Рубрика: «Личное»
Автор: Максим Фиськов
Опубликовано: 08.02.2016 в 19:30:07

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

Предположим, мне нужна фотография цветка, круглой формы. 
 

Как сделать в фотошопе фотографию в круге — исходник

Я открываю свой исходник в Photoshop. Для удобства дальнейших действий я сразу же обрезаю снимок в квадрат. 

Как сделать в фотошопе фотографию в круге — квадрат

Теперь мы приблизились вплотную к тому, как сделать круг на фотографии. Выбираем инструмент фотошопа «Овальная область» (Elliptical Marque). Его так же можно вызвать с помощью клавиши «М».

Как сделать в фотошопе фотографию в круге — круг

Данный инструмент предназначен для производства овалов и прочих неровных кругов. Но, так как нам нужен идеальный круг, то мы зажимаем клавишу «Shift». Если то, что должно оказаться в круге находится в центре квадратной заготовки, то я начинаю вести наш круг из угла. 

Как сделать в фотошопе фотографию в круге

После этих манипуляций мы видим, что у нас получился идеально ровный круг! 

Как сделать в фотошопе фотографию в круге — круглое выделение

Я переношу выделенное изображение на новый слой, для этого я использую быструю комбинацию «ctrl + j». 

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

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

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

Как сделать в фотошопе фотографию в круге — разблокировка слоя

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

Как сделать в фотошопе фотографию в круге — конечный результат

В принципе это все. Мы не просто ответили на вопрос, как сделать фото в круге, но и немного его расширили для удобства. Завершающим штрихом будет сохранение фото в необходимом формате, которым является PNG. 

Я люблю пользоваться быстрыми комбинациями, поэтому нажимаю «ctrl + s» и в выпадающем меню «формат» выбираю нужный мне.

Урок закончен. Спасибо за внимание и удачных вам обработок! 

Источник: http://fotokto.ru/blogs/kak-sdelat-v-fotoshope-fotografiyu-v-kruge-26121.html

Ссылка на основную публикацию