Как закруглить текст в фотошопе: Attention Required! | Cloudflare

Содержание

Закругление углов фигур и текста в photoshop

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

Вот, что должно получиться:

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

Шаг 1 Рисуем звезду при помощи фигуры.

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

Шаг 2

На той же панели параметров выберите настройку Слой-фигура

.

Теперь нарисуйте звезду.

Шаг 3

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

Шаг 5

Перейдите во вкладку фильтров. Нужно выбрать Размытие — Размытие по Гауссу. Величину поставьте в соответствии с вашими целями. Чем больше размытие, тем сильнее можно сделать закругление. У меня стоит 5 пикселей.

Шаг 6

Выделите слой со звездой — удерживая клавишу Ctrl, сделайте клик левой кнопкой мыши по миниатюре слоя (!). Данная операция выделяет содержимое слоя, то есть нашу фигуру.

  • По контуру фигуры должны появиться пунктирные линии (марширующие муравьи).
  • Шаг 7
  • Теперь откройте окно Выделение — Уточнить край. Выставите значения как показано на изображении (параметр Вид выберите На белом):

Шаг 8

Нажав на ОК, получится такой промежуточный этап.

Как видите, пунктирные линии уже показывают какими в итоге будут углы. Осталось избавиться от лишнего. Для этого сделаем инверсию выделения — Ctrl+Shift+I. После этой команды фотошоп сделает выделение наоборот, то есть выделит участок документа от фигуры до краев документа.

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

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

Источник: http://psand.ru/kak-v-fotoshope-zakruglit-ostryie-uglyi/

Как закруглить углы на изображении в фотошопе?

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

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

Простое сглаживание

  1. Откройте любое изображение в фотошопе, например фотографию машины.
  2. Теперь выберете инструмент «Прямоугольное выделение» и выделите изображение, только не полностью, а так, чтобы со всех сторон оставалось немного места. 
  3. Теперь идите в меню «Выделение» — «Модификация» — «Сгладить». Вам откроется небольшое окошко, где вам надо будет ввести радиус сглаживания. Ну тут всё зависит от размера исходного изображения. Для данного изображения я решил поставить
    20
    пикселей. Но чем больше картинка — тем желательно и больше ставить радиус. Тут экспериментируйте. В случае чего вы всегда можете отменить последнее действие и попробовать другое число. 
  4. Вы видите? Теперь углы на выделении закруглились. Но как вы понимаете это еще не все. Вам эту область нужно вырезать. Для этого идите в меню «Редактирование» и выберете пункт «Вырезать» или воспользуйтесь комбинацией клавиш CTRL+X. После этой манипуляции у вас исчезнет содержимое внутри выделенной области. Получилось? Отлично! 
  5. Теперь вам необходимо создать новый документ в фотошопе. Сразу говорю, что не надо выставлять никаких параметров ширины и высоты, так как после того, как мы вырезали изображение, эти параметры автоматически подстраиваются под параметры вырезанного объекта. Т.е. просто нажимаете ОК.
  6. Ну и последний штрих. Теперь вам надо вставить наш вырезанный объект. Для этого идите в меню «Редактирование» и выберете пункт «Вставить», либо нажмите комбинацию клавиш «CTRL+V». Вот и всё. Как видите, теперь мы получили изображение с закругленными краями. Вам останется только сохранить это изображение.

Сглаживание с использованием границ

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

  1. Выделите всю область целиком. Для этого воспользуйтесь либо инструментом «Прямоугольное выделение», либо нажмите комбинацию клавиш CTRL+A
  2. Теперь выберете «Выделение» — «Модификация» — «Граница». Вам вылезет небольшое окошко, где вы должны будете выбрать размер границы. Я поставил 15 пикселей. Вы можете поэкспериментировать. 
  3. Как видите у вас выделение стало двойным. Это нормально. И следующим шагом вам нужно сделать то же самое, что и в первом способе, а именно выбрать «Выделение» — «Модификация» — «Сгладить». Поставьте там там радиус закругления. Я поставлю 30.
  4. Ну а теперь нажмите CTRL+X и у вас будет вырезана область вокруг вашего изображения и благодаря этому ваше основное изображение станет с закругленными углами. Правда тут останется фон вокруг картинки. Но он не будет заметен (если он белый конечно). Ну а если уж совсем напрягает, то вы сможете кадрировать изображение и ли что-нибудь другое, чтобы сделать убрать лишний фон. Ну а так сохраните, и всё будет good. 

С помощью создания фигуры

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

  1. Но для дальнейших действий нам понадобится одна фигура. Идите в панель инструментов и там выберете инструмент «Прямоугольник с закругленными краями» из группы инструментов «Фигуры». 
  2. Теперь воспользуйтесь этим инструментом также, как и прямоугольным выделением, т.е. зажмите левую кнопку мыши в левом верхнем углу, а затем тяните всё это дело в правый нижний угол. Таким образом этот прямоугольник с закругленными краями должен закрыть нашу основную картинку. 
  3. Как вы заметили, фигура создалась на новом слое. Это-то нам и нужно. Вот только последовательность их нас не устраивает. Вам нужно поставить слой с картинкой поверх слоя с прямоугольником. Для этого зажмите левую кнопку мыши на слое с изображением и переместите его на одну позицию выше. Но перед этим нажмите на замочек, чтобы разблокировать слой. Тогда слой с машиной встанет поверх фигуры. 
  4. Теперь выделите слой с изображением и  нажмите на нем правой кнопкой мыши, после чего выберите «Создать обтравочную маску». 

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

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

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

Ну а на сегодня я свой урок заканчиваю. Не забудьте подписаться на новые статьи и поделитесь этим со своими друзьями. Рад был вам на моем блоге. Жду вас снова. Пока-пока.

С уважением, Дмитрий Костин

Источник: https://koskomp.ru/rabota-s-kompyuternyimi-programmami/adobe-photoshop/kak-zakruglit-ugly/

Скругляем углы на фото в Фотошопе

Скругление углов в Photoshop

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

  1. Открываем в Фотошопе фотографию, которую собираемся редактировать.
  2. Затем создаем копию слоя с водопадом под названием «Фон». Для экономии времени воспользуемся горячими клавишами CTRL+J. Копия создается для того, чтобы оставить нетронутым исходное изображение. Если (вдруг) что-то пойдет не так, можно будет удалить неудачные слои и начать заново.
  3. Идем дальше. А дальше нам понадобится инструмент «Прямоугольник со скругленными углами».

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

  4. Далее рисуем на холсте прямоугольник любого размера (мы его потом будем масштабировать).
  5. Теперь нужно растянуть полученную фигуру на весь холст. Вызываем функцию
    «Свободное трансформирование»
    горячими клавишами CTRL+T. На фигуре появится рамка, при помощи которой можно перемещать, вращать и изменять размер объекта.
  6. Нас интересует масштабирование. Растягиваем фигуру при помощи маркеров, указанных на скриншоте. После завершения масштабирования нажимаем ENTER.

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

  7. Далее нам необходимо выделить полученную фигуру. Для этого зажимаем клавишу CTRL и кликаем по миниатюре слоя с прямоугольником.
  8. Как видим, вокруг фигуры образовалось выделение. Теперь переходим на слой-копию, а со слоя с фигурой снимаем видимость (см. скриншот).
  9. Теперь слой с водопадом активен и готов к редактированию. Редактирование заключается в удалении лишнего из углов картинки. Инвертируем выделение горячими клавишами CTRL+SHIFT+I. Теперь выделение осталось только на углах.
  10. Далее удаляем ненужное, просто нажав клавишу DEL. Для того чтобы увидеть результат, необходимо снять видимость и со слоя с фоном.
  11. Убираем ненужное выделение горячими клавишами CTRL+D, идем в меню «Файл — Сохранить как».

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

Результат наших действий:

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

Мы рады, что смогли помочь Вам в решении проблемы.

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

Помогла ли вам эта статья?

ДА НЕТ

Источник: https://lumpics.ru/how-to-round-the-corners-in-photoshop/

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

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

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

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

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

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

Быстрый способ закруглить фотку

Итак, работать будем в фотошопе. Открываем изображение.

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

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

Обратите внимание на свойства. Можете «поиграть» с показателями, указанными на картинке, и загнуть края сильнее. Введи свое число и жмите enter, чтобы увидеть результат. Когда он вас удовлетворит, нажмите enter повторно.

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

Теперь убираем видимость. Для этого щелкните по «глазу» рядом со слоем.

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

  1. Далее создаем новую маску слоя при помощи этой клавиши.

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

  • Вам нужен именно png.

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

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

  1. Просто выделяете ее (Ctrl+A) затем копируете (Ctrl+C) и вставляете в другое изображение (Ctrl+V).
  2. Готово.

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

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

Вот посмотрите на мой пример. Кстати, если хотите, то можете скачать этот psd- файл, открыть его фотошопом и попрактиковаться (скачать).

Выделяем нужный нам слой. Я собираюсь работать с большим изображением совы. Поэтому зажимаю Ctrl и кликаю на центру миниатюрного изображения этого слоя. Не по тексту или глазу. По картинке с картинкой. Простите за тавтологию.

  • Далее в верхней панели находим выделение – модификация – сгладить.

Первым делом ставим галочку напротив «применить эффект на границах». Затем ставим радиус.

К сожалению, придется выбирать на глаз. Здесь, как правило, ставят 15. Это стандарт, но, как вы понимаете, от него можно отходить.

  Где сделать видео: анализируем приложения и онлайн-сервисы

  1. Подбираем идеальный вариант.
  2. Затем во вкладке «Выделение» находим «Инверсия».
  3. Нажимаем кнопочку «del» на клавиатуре и готово.
  4. Чтобы убрать ползающих муравьев по краям нужно нажать одновременно Ctrl и D.
  5. Готово.

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

Можно изучить все фишки «от А до Я» по видео урокам. Получите бесплатную презентацию последней версии курса на русском фотошопе.

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

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

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

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

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

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

Источник: https://start-luck.ru/poleznyy-soft/photoshop-zakruglit-ugly.html

Как закруглить углы с помощью Adobe Фотошоп

Категория: Фотошоп, Алексей, 2011.11.21

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

И так чтобы выполнить такую несложную операцию необходимо запустить приложение Adobe Photoshop и закинуть нужную нам картинку внутрь программы, либо воспользоваться Меню->Файл->Открыть->Нужная картинка.jpg.Я буду использовать обычное изображение природы.

Обратите внимание на правый нижний угол, в “Слоях” появилось фоновое изображение, его надо преобразовать в слой. Для этого жмём по фону правой кнопкой мыши и выбираем “Слой из заднего фона”.

  • В результате данного действия, наш фон преобраузется в слой.
  • Создаём дубликат картинки, для этого жмём правой кнопкой мыши по Слой 0 и выбираем “Создать дубликат слоя”.
  • Рисунок2

Скрываем с рабочей области “Слой 0”. Чтобы скрыть слой необходимо нажать иконку ГЛАЗА рядом с названием слоя.

  1. Далее выбираем “Прямоугольник со с скруглёнными углами”.
  2. Выделяем нужную часть на изображение.

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

  • Дальше заходим  в меню Выделение->Инверсия.

Очень важный момент! Выделяем Слой 0 (Копия), затем нажимаем кнопку DELETE на клавиатуре. Слой 0 (копия) должен быть выделен обычным щелчком мыши.

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

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

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

Затем заходим в меню Редактировать->Скопировать. Заходим в меню Файл->Создать , и просто нажимаем ОК. Программа автоматически подгонит ширину и высоту холста выделенного участка изображения. В новом проекте “Без имени 1”, а мы автоматически окажемся именно в нём, заходим в меню Редактировать->Вставить. Сохранять картинку лучше всего с помощью пункта “Сохранить для Web”. Во-первых можно вручную выбрать качество изображения в процентах, во-вторых размер изображения будет в несколько раз меньше чем если сохранять обычным способом. Заходим в меню Файл->Сохранить для Web, а затем выбираем настройки будущего изображения. Так как картинка имеет закругление, нам нужно выбрать формат PNG24, а затем нажать кнопочку сохранить. И что у нас получилось на выходе.

Источник: https://softokno.ru/zakrugljonnye_ugly_v_fotoshope

Закругленные углы в Фотошоп

В Фотошоп для того, чтобы закруглить углы, нет специального фильтра, как например в программе Иллюстратор, в которой для этого достаточно воспользоваться вкладкой меню Effect > Stylize и выбрать команду Rounded Corners.

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

Создайте новый холст и перейдите к инструменту Произвольная фигура (Custom Shape Tool), нажав клавишу (U). В настройках этого инструмента из списка произвольных фигур кликните по фигуре со звездой и образуйте её в центре холста.

На слое со звездой щёлкните правой кнопкой мыши и из контекстного меню выберите опцию Rasterize Layer (Растрировать слой).

После этого перейдите Filter > Blur (Фильтр – Размытие) и выберите Gaussian Blur (Размытие по Гауссу). Значение радиуса для размытия установите в зависимости от размера звезды и желаемого результата.

Создайте выделение для звезды (Ctrl + клик правой кнопкой мыши по миниатюре слоя со звездочкой). Далее нажмите Ctrl + Alt + R для выбора инструмента Refine Edge (Утончить край) и установите значения, подобно скриншоту ниже. C такими параметрами, как Feather (Растушевка) и Smmoth (Сглаживание) вы можете поэкспериментировать, но значение для Контрастности должно оставаться 100%.

На новом слое заполните выделение цветом оригинальной фигуры.

Добавьте к нему маску и углы вашей фигуры закруглятся.

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

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

Закруглить углы в Фотошоп можно также при помощи этого экшена.

Ссылка на источник урока.

Источник: https://pskurs.ru/book/zakruglennye-ugly-v-photoshop.html

Урок 11 Как закруглить углы в фотошопе

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

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

Я Вам предлагаю способ, как округлить углы фотошопе буквально в пару кликов!

Берем стоковую фотографию, кстати, это я делаю на гудфоне. Не реклама 😀
Используем выделение, как у меня на скришоте:

Переходим в вкладку ( Выделение > Модификация > Сгладить ). Внимание! Тут могут возникнуть трудности у некоторых. В некоторых версиях фотошопа нету «Сгладить», за то есть «Оптимизировать». Так что, не пугайтесь, если не найдете «Сгладить». Это одно и тоже.

  • Здесь мы выбрали радиус закругления.
  • Теперь, как Вы видите, у вас область выделение уже с закругленными углами.
  • Осталось вырезать изображение.

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

  1. Очень просто и быстро! Не то что предлагают другие 😉
  2. Надеюсь, Вы поняли как закруглять края в фотошопе.

Источник: http://adobe-master.ru/urok-11-kak-zakruglit-ugly-v-fotoshope.html

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

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

Мои откровения в телеграме

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

И в появившемся окне нужно установить радиус закругления углов изображения. Примерно 10-15 пикселей будет нормально.

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

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

Делаем круглые картинки в фотошопе

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

Выбираем инструмент «Эллипс», и рисуем круг в области картинки, которую нужно сделать круглой с зажатым Shift При необходимости, изменяем ее масштаб Ctrl + T и делаем инверсию, таким же способом, как было описано выше.

Нажимаем кнопку Delete 2 раза, снимаем выделение Ctrl + D и любуемся полученным результатом. То же самое можно сделать с применением инструмента «Овальная область». Но ее нельзя масштабировать.

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

Источник: https://serblog.ru/kak-zakruglit-kartinku-v-fotoshope-ili-sdelat-ee-krugloj/

Как закруглить углы в фотошопе

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

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

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

Какой вариант выбрать, решать Вам.

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

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

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

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

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

Правой кнопкой мыши кликаем на прямоугольнике. В контекстном меню выбираем «Образовать выделенную область», радиус растушевки поставим 1 пиксел и нажимаем кнопку «Да».

С помошью меню Выделение → Инверсия выделяем все, что вне прямоугольника со скругленными углами, и удаляем выделенное клавишей Delete.

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

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

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

Источник: http://mojbiznes.ru/kak-zakruglit-ugly-v-fotoshope.html

Photoshop закругленные углы. Как закруглить углы на изображении в фотошопе? Закругление углов у картинок

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

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

Используя ряд простых шагов в Photoshop, вы сможете сделать прямоугольник с закругленными углами. В Photoshop нет фильтра или какого-нибудь инструмента, чтобы сразу сделать круглый угол, но вы можете сделать это с помощью Illustrator. Он позволит вам создавать эффект закругленного угла практически для каждого объекта. В нем вам нужно перейти в меню Эффекты > Стилизация > Скругленные углы (Effects > Stylize > Rounded Corners).

Шаг 1

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

Шаг 2

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


Шаг 3

Перейдите в меню Фильтр > Размытие (Filter > Blur) и выберите Размытие по Гауссу (Gaussian Blur). Радиус размытия будет зависеть от размера вашего изображения и от результата, который вы хотели бы получить. Я выберу радиус 5 пикселей.


Шаг 4

Зажав клавишу «Ctrl», кликните мышкой на миниатюру слоя, чтобы активировать выделение изображения. Далее переходим в меню Выделение и выбираем Уточнить край (Select > Refine Edge). Вы можете поэкспериментировать с параметрами Сглаживания (Smooth) и Растушевки (Feather), чтобы подобрать нужный эффект. Контрастность (Contrast) сделайте 100.


Шаг 5

Возьмите цвет фигуры, в нашем случае это желтый цвет и залейте все выделение этим цветом. Вы можете это сделать, нажав комбинацию клавиш «Shift + F5».


Шаг 6

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


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

1 голос

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

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

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

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

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

Быстрый способ закруглить фотку

Итак, работать будем в фотошопе. Открываем изображение.

Находим инструмент «Прямоугольник со скругленными углами».

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

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

Обратите внимание на свойства. Можете «поиграть» с показателями, указанными на картинке, и загнуть края сильнее. Введи свое число и жмите enter, чтобы увидеть результат. Когда он вас удовлетворит, нажмите enter повторно.

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

Теперь убираем видимость. Для этого щелкните по «глазу» рядом со слоем.

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

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

Вам нужен именно png.

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

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

Просто выделяете ее (Ctrl+A) затем копируете (Ctrl+C) и вставляете в другое изображение (Ctrl+V).

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

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

Вот посмотрите на мой пример. Кстати, если хотите, то можете скачать этот psd- файл, открыть его фотошопом и попрактиковаться (скачать ).

Выделяем нужный нам слой. Я собираюсь работать с большим изображением совы. Поэтому зажимаю Ctrl и кликаю на центру миниатюрного изображения этого слоя. Не по тексту или глазу. По картинке с картинкой. Простите за тавтологию.

Первым делом ставим галочку напротив «применить эффект на границах». Затем ставим радиус.

К сожалению, придется выбирать на глаз. Здесь, как правило, ставят 15. Это стандарт, но, как вы понимаете, от него можно отходить.

Подбираем идеальный вариант.

Затем во вкладке «Выделение» находим «Инверсия».

Нажимаем кнопочку «del» на клавиатуре и готово.

Чтобы убрать ползающих муравьев по краям нужно нажать одновременно Ctrl и D.

Если вам понравились эти уроки, то можете найти еще. Для этого не обязательно искать по Youtube, что в голову придет. Можно изучить все фишки «от А до Я» по видео урокам. Получите бесплатную презентацию последней версии курса на русском фотошопе. В этом случае вы не только сможете делать элементарные вещи, но и научитесь выполнять сложную работу, увидите, как применяют простые навыки настоящие специалисты и что из этого получается.

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

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

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

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

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

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

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

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

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

Шаг 1

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

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

Шаг 5

На панели слоев кликните на самый первый слой с нашим исходным изображением и нажмите сочетание клавиш Ctrl+Shift+I . В итоге у нас должна выделиться вся область вне границ нашего квадрата. Это называется . Присмотритесь внимательней, что изменилось:

Шаг 6

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

Шаг 7

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

Шаг 8

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

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

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

А как сделать только, например, один закругленный угол?

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

Надеюсь инструкция вам помогла и вы сможете сделать что-нибудь классное! Успехов.

Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter . Спасибо!

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

В этом уроке 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. Нарисованную в новом слое фигуру можно двигать с помощью стрелок на клавиатуре. Ее форму можно менять, нажав на клавиатуре 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) .

Узнать больше про продвижение мобильных приложений вы можете на сайте advertmobile.net. Этот сервис предлагает мотивированные установки в больших объемах для разработанного вами приложения, а также их грамотную раскрутку в App Store и Google Play.

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

И так чтобы выполнить такую несложную операцию необходимо запустить приложение и закинуть нужную нам картинку внутрь программы, либо воспользоваться Меню->Файл->Открыть->Нужная картинка.jpg.Я буду использовать обычное изображение природы.

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

В результате данного действия, наш фон преобраузется в слой.

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

Рисунок2

Скрываем с рабочей области «Слой 0». Чтобы скрыть слой необходимо нажать иконку ГЛАЗА рядом с названием слоя.

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

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

В диалоговом окошке жмём кнопочку ОК, растушёвку не трогаем.

Очень важный момент! Выделяем Слой 0 (Копия), затем нажимаем кнопку DELETE на клавиатуре. Слой 0 (копия) должен быть выделен обычным щелчком мыши.

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

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

Затем заходим в меню Редактировать->Скопировать.

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

В новом проекте «Без имени 1», а мы автоматически окажемся именно в нём, заходим в меню Редактировать->Вставить.

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

И что у нас получилось на выходе.

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

Как округлить углы в фотошопе cs6. Как закруглить острые углы в фотошоп

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

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

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

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

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

Быстрый способ закруглить фотку

Итак, работать будем в фотошопе. Открываем изображение.

Находим инструмент «Прямоугольник со скругленными углами».

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

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

Обратите внимание на свойства. Можете «поиграть» с показателями, указанными на картинке, и загнуть края сильнее. Введи свое число и жмите enter, чтобы увидеть результат. Когда он вас удовлетворит, нажмите enter повторно.

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

Теперь убираем видимость. Для этого щелкните по «глазу» рядом со слоем.

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

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

Вам нужен именно png.

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

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

Просто выделяете ее (Ctrl+A) затем копируете (Ctrl+C) и вставляете в другое изображение (Ctrl+V).

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

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

Вот посмотрите на мой пример. Кстати, если хотите, то можете скачать этот psd- файл, открыть его фотошопом и попрактиковаться (скачать ).

Выделяем нужный нам слой. Я собираюсь работать с большим изображением совы. Поэтому зажимаю Ctrl и кликаю на центру миниатюрного изображения этого слоя. Не по тексту или глазу. По картинке с картинкой. Простите за тавтологию.

Первым делом ставим галочку напротив «применить эффект на границах». Затем ставим радиус.

К сожалению, придется выбирать на глаз. Здесь, как правило, ставят 15. Это стандарт, но, как вы понимаете, от него можно отходить.

Подбираем идеальный вариант.

Затем во вкладке «Выделение» находим «Инверсия».

Нажимаем кнопочку «del» на клавиатуре и готово.

Чтобы убрать ползающих муравьев по краям нужно нажать одновременно Ctrl и D.

Если вам понравились эти уроки, то можете найти еще. Для этого не обязательно искать по Youtube, что в голову придет. Можно изучить все фишки «от А до Я» по видео урокам. Получите бесплатную презентацию последней версии курса на русском фотошопе. В этом случае вы не только сможете делать элементарные вещи, но и научитесь выполнять сложную работу, увидите, как применяют простые навыки настоящие специалисты и что из этого получается.

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

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

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

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

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

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

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

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

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

Чтобы приведенные примеры в статье корректно отображались у вас на экране, вы должны использовать самые свежие версии браузеров, FireFox, Chrome и те что сделаны на основе их: Яндекс.Браузер, Амиго и так далее.

Закругление углов у блоков DIV

По стандарту CSS3 чтобы блок DIV имел скругленные углы, ему необходимо придать стиль border-radius , например так:

Border-radius: 10px;

Для наглядности нарисуем два блока с прямыми и скругленными углами:

Блок с прямыми углами

Блок с закругленными углами

Закругление углов у картинок

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

Вот изображение без CSS обработки

А теперь с загругленными углами:

Border-radius: 10px;

Чтобы стало совсем «красиво» с начала добавим окантовку…

Border-radius: 10px; border: 5px #ccc solid;

а затем и тени:

Border-radius: 10px; border: 5px #ccc solid; box-shadow: 0 0 10px #444;

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

Border-radius: 10px; box-shadow: 0 0 10px #444;

И напоследок полное издевательство над изображением

Border-radius: 50%; border: 5px #cfc solid; box-shadow: 0 0 10px #444;

Если вы откроете изображении в новом окне, то увидите, что оно (изображение) в неизменном виде, а все углы, тени и так далее — всего лишь результат обработки CSS стилей вашим браузером.

Маленькое лирическое отступление

Стиль border увеличивает размер изображения на величину окантовки. Если указано значение border: 5px , то итоговое изображение станет шире и выше на 10 пикселей. Учитывайте это, в некоторых случаях может «поехать» верстка сайта.

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

Как закруглить углы картинок на WordPress

Во всех приведенных примерах выше я прописывал стили прямо в тегах html кода. Например последний выглядит так:

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

Например для всех изображений, для который не указано выравнивание, в файле style.css вашей темы WordPress пропишите следующее:

Alignnone { border-radius: 10px; border: 5px #cfc solid; box-shadow: 0 0 10px #444; }

Либо самый жесткий метод для всех картиной на сайте. Переопределим стиль для всех тегов IMG :

Img { border-radius: 10px; border: 5px #cfc solid; box-shadow: 0 0 10px #444; }

Последний вариант подойдет не только для WordPress, а для любой CMS. И даже для простой HTML странички в том случае когда при выводе изображений тегу IMG не присваеватся никаких классов стилей. Но будьте внимательны. Если вы переопределите параметры отображения тега IMG вы измените внешний вид ВСЕХ картинок на сайте!

Вместо заключения

Все примеры в статье условные и призваны лишь продемонстрировать некоторые возможности CSS по обработки изображений и показать как это просто.

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

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

Используя ряд простых шагов в Photoshop, вы сможете сделать прямоугольник с закругленными углами. В Photoshop нет фильтра или какого-нибудь инструмента, чтобы сразу сделать круглый угол, но вы можете сделать это с помощью Illustrator. Он позволит вам создавать эффект закругленного угла практически для каждого объекта. В нем вам нужно перейти в меню Эффекты > Стилизация > Скругленные углы (Effects > Stylize > Rounded Corners).

Шаг 1

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

Шаг 2

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

Шаг 3

Перейдите в меню Фильтр > Размытие (Filter > Blur) и выберите Размытие по Гауссу (Gaussian Blur). Радиус размытия будет зависеть от размера вашего изображения и от результата, который вы хотели бы получить. Я выберу радиус 5 пикселей.

Шаг 4

Зажав клавишу «Ctrl», кликните мышкой на миниатюру слоя, чтобы активировать выделение изображения. Далее переходим в меню Выделение и выбираем Уточнить край (Select > Refine Edge). Вы можете поэкспериментировать с параметрами Сглаживания (Smooth) и Растушевки (Feather), чтобы подобрать нужный эффект. Контрастность (Contrast) сделайте 100.

Шаг 5

Возьмите цвет фигуры, в нашем случае это желтый цвет и залейте все выделение этим цветом. Вы можете это сделать, нажав комбинацию клавиш «Shift + F5».

Шаг 6

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

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

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

Закругление углов снимка происходит в несколько этапов:

1. Откройте изображение в Photoshop. Для этого нажмите «Файл» и «Открыть» или сочетание клавиш на клавиатуре Ctrl+O.


2. Создайте новый слой, нажав «Слои», затем «Новый слой».


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


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


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


6. Кликните по изображению правой кнопкой мыши и выберите параметр «Образовать выделенную область». Появится пунктир выделения.


7. Теперь перейдите в горизонтальную панель инструментов и откройте вкладку «Выделение», а затем выберите «Инверсия».


8. Теперь все наоборот – выделено не само изображение, а ненужные углы. Для того чтобы убрать их, просто нажмите на клавиатуре сочетание клавиш Ctrl+Delete.


9. Теперь снимите выделение, нажав на клавиатуре Ctrl+D. Наслаждайтесь результатом!


Не забудьте сохранить готовую фотографию на компьютер.

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

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

Шаг 1

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

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

Шаг 5

На панели слоев кликните на самый первый слой с нашим исходным изображением и нажмите сочетание клавиш Ctrl+Shift+I . В итоге у нас должна выделиться вся область вне границ нашего квадрата. Это называется . Присмотритесь внимательней, что изменилось:

Шаг 6

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

Шаг 7

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

Шаг 8

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

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

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

А как сделать только, например, один закругленный угол?

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

Надеюсь инструкция вам помогла и вы сможете сделать что-нибудь классное! Успехов.

Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter . Спасибо!

Как закруглить острые углы | ZZ.GURU

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

Перейдите в меню Фильтр > Размытие (Filter > Blur) и выберите Размытие по Гауссу (Gaussian Blur). Радиус размытия будет зависеть от размера вашего изображения и от результата, который вы хотели бы получить. Я выберу радиус 5 пикселей.

Шаг 4

Зажав клавишу «Ctrl», кликните мышкой на миниатюру слоя, чтобы активировать выделение изображения. Далее переходим в меню Выделение и выбираем Выделение и маска… . Вы можете поэкспериментировать с параметрами Сглаживания (Smooth) и Растушевки (Feather), чтобы подобрать нужный эффект. Контрастность (Contrast) сделайте 100.

Шаг 5

Возьмите цвет фигуры, в нашем случае это синий цвет и залейте все выделение этим цветом. Вы можете это сделать, нажав комбинацию клавиш «Shift+F5».

Шаг 6

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

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

На этом у меня все, до скорого!

Подписывайтесь на канал @phtgr, чтоб не пропускать новые интересные уроки.

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

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

И так чтобы выполнить такую несложную операцию необходимо запустить приложение и закинуть нужную нам картинку внутрь программы, либо воспользоваться Меню->Файл->Открыть->Нужная картинка.jpg.Я буду использовать обычное изображение природы.

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

В результате данного действия, наш фон преобраузется в слой.

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

Рисунок2

Скрываем с рабочей области «Слой 0». Чтобы скрыть слой необходимо нажать иконку ГЛАЗА рядом с названием слоя.

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

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

В диалоговом окошке жмём кнопочку ОК, растушёвку не трогаем.

Очень важный момент! Выделяем Слой 0 (Копия), затем нажимаем кнопку DELETE на клавиатуре. Слой 0 (копия) должен быть выделен обычным щелчком мыши.

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

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

Затем заходим в меню Редактировать->Скопировать.

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

В новом проекте «Без имени 1», а мы автоматически окажемся именно в нём, заходим в меню Редактировать->Вставить.

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

И что у нас получилось на выходе.

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

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

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

Используя ряд простых шагов в Photoshop, вы сможете сделать прямоугольник с закругленными углами. В Photoshop нет фильтра или какого-нибудь инструмента, чтобы сразу сделать круглый угол, но вы можете сделать это с помощью Illustrator. Он позволит вам создавать эффект закругленного угла практически для каждого объекта. В нем вам нужно перейти в меню Эффекты > Стилизация > Скругленные углы (Effects > Stylize > Rounded Corners).

Шаг 1

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

Шаг 2

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

Шаг 3

Перейдите в меню Фильтр > Размытие (Filter > Blur) и выберите Размытие по Гауссу (Gaussian Blur). Радиус размытия будет зависеть от размера вашего изображения и от результата, который вы хотели бы получить. Я выберу радиус 5 пикселей.

Шаг 4

Зажав клавишу «Ctrl», кликните мышкой на миниатюру слоя, чтобы активировать выделение изображения. Далее переходим в меню Выделение и выбираем Уточнить край (Select > Refine Edge). Вы можете поэкспериментировать с параметрами Сглаживания (Smooth) и Растушевки (Feather), чтобы подобрать нужный эффект. Контрастность (Contrast) сделайте 100.

Шаг 5

Возьмите цвет фигуры, в нашем случае это желтый цвет и залейте все выделение этим цветом. Вы можете это сделать, нажав комбинацию клавиш «Shift + F5».

Шаг 6

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

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

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

В этом уроке 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. Нарисованную в новом слое фигуру можно двигать с помощью стрелок на клавиатуре. Ее форму можно менять, нажав на клавиатуре 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) .

Узнать больше про продвижение мобильных приложений вы можете на сайте advertmobile.net. Этот сервис предлагает мотивированные установки в больших объемах для разработанного вами приложения, а также их грамотную раскрутку в App Store и Google Play.

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

Берем стоковую фотографию, кстати, это я делаю на гудфоне. Не реклама:D
Используем выделение, как у меня на скришоте:

Переходим в вкладку ( Выделение > Модификация > Сгладить ). Внимание! Тут могут возникнуть трудности у некоторых. В некоторых версиях фотошопа нету «Сгладить», за то есть «Оптимизировать». Так что, не пугайтесь, если не найдете «Сгладить». Это одно и тоже.

Здесь мы выбрали радиус закругления.

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

Осталось вырезать изображение.

И теперь . Размер там выставляет автоматический. И теперь просто вставляем картинку в новый файл.

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

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

Шаг 1

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

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

Шаг 5

На панели слоев кликните на самый первый слой с нашим исходным изображением и нажмите сочетание клавиш Ctrl+Shift+I . В итоге у нас должна выделиться вся область вне границ нашего квадрата. Это называется . Присмотритесь внимательней, что изменилось:

Шаг 6

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

Шаг 7

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

Шаг 8

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

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

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

А как сделать только, например, один закругленный угол?

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

Надеюсь инструкция вам помогла и вы сможете сделать что-нибудь классное! Успехов.

Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter . Спасибо!

Читайте также…

Как закруглить углы в фотошопе cs5 : Радиосхема.ру

История эта началась с того, что на моей старенькой MicroStar MS-7360 с процессором Core2Duo вздулись конденсаторы и я переехал на новую систему. Более современную. На базе Intel I7, которые исключительно 64-х битные. И тут пошло-поехало! Не буду описывать всех приключений, вызванных использованием именно 64-битной системы, это тема для отдельной статьи, а вот конкретную проблему, обозначенную в заголовке статьи, опишу. А именно: мой PhotoShop CS5 почему-то не видит сканер в составе МФУ Samsung SCX-4100.

В общем, в процессе постепенной доустановки в свежую систему новых программ и их использования, оказалось, что во вновь установленном PhotoShop версии CS5 напрочь отсутствует пункт для работы со сканером моего МФУ Samsung SCX-4100. Для тех, кто не в курсе — это пункт меню «Файл» — «Импортировать» и там модель Вашего сканера. На старой, 32-битной Windows 7 и PhotoShop CS3, такой проблемы не было. Первое подозрение — драйвера. Обыскал весь интернет, устанавливал и переустанавливал разные версии драйверов МФУ, как отельно для принтера и сканера и универсального, так и драйвер поддержки TWAIN отдельно. Ничего не помогало.

Я то бросал это дело, то возвращался к нему снова и снова, пока не припекло… И вот тогда я сел за изучение вопроса основательно. И решил, что замыкаться на модели своего МФУ не стоит, раз уж ничего толкового из выдачи поисковиков по этой теме я не смог извлечь. Ну и расширил поиск к формулировке о проблемах в PhotoShop CS5 со сканерами в целом. И, о чудо! — набрёл на совет, который мне помог.

Как оказалось, у Фотошопа, начиная с версии CS4, работа с внешними источниками импорта реализованы в виде плагинов. И эти плагины, очевидно, от пиратки к пиратке и от версии к версии, то включены в инсталляцию, то нет. Я не утверждаю, что так оно и есть — проверять нет ни времени, ни желания. В моём случае его не было.

Недостающий плагин, в числе прочих, был скачан с официального сайта Adobe, по адресу http://www.adobe.com/support/downloads/detail.jsp?ftpID=4688. Сам плагин, в иде файла с именем Twain_32.8BA был обнаружен в папке плагинов, по пути PSCS5OptionalPlugins_Win_en_US\Optional Plug-Ins\Win32. Как видно из этого пути, плагин существует только для 32-битных версий Фотошопа, о чём Adobe, собственно, предупреждает в статье на странице скачивания плагинов.

Далее, мы просто берём этот файлик и кладём (или ложим?!) в папку плагинов своего Фотошопа, по адресу, типа X:\Program Files\Photoshop\Plug-ins\Import-Export (для 32-х битных) или X:\Program Files (x86)\Photoshop\Plug-ins\Import-Export (для 64-х битных систем), где Х — буква диска, где у Вас стоит система. Перезапускаем свой PhotoShop CS5 и вуа-ля — сканер виден, доступен и работает.

К слову… Счастливые обладатели 64-х битных систем, спешу вас огорчить — для 64-х разраядных версий PhotoShop этот плагин не подходит. Проверял. Хотя это не проблема, т.к. версии Фотошопа обеей битности устанавливаются на Ваш компьютер одновременно, в процессе одной инсталляции, которая даже создаёт 2 ярлыка. Так что просто не забывайте какой из них запускать, если хотите что-нибудь сканировать!

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

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

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

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

Я предполагаю, что форма уже создана. Выберите слой формы и щелкните форму, используя инструмент выделения контура ( A ). Тогда иди к Window > Properties . Теперь вы можете найти все четыре значения углового радиуса. Просто нажмите и измените значения радиуса.

Да, вы можете все, что вам нужно сделать, это установить

Это старый вопрос, но, похоже, все еще интересен хороший ответ. Вот короткая версия: Используйте смарт-объекты. Сделайте прямоугольник как символ в Illustrator.

Более подробно, вот как вы это делаете:

  1. Откройте новый документ в иллюстраторе. Установите единицу измерения в пикселях, а цветовое пространство — в RGB. Если вы делаете это много, сохраните шаблон документа.
  2. Используйте инструмент прямоугольник с закругленными углами в иллюстраторе, чтобы нарисовать форму. Помните, что, удерживая кнопку мыши нажатой, вы можете использовать клавиши со стрелками вверх и вниз для изменения округления. Скорее всего, ваша фигура не будет точным пикселем, поэтому, когда она выглядит примерно так, вы должны удалить ее и нажать на холст. Это создаст новую форму, подобную той, которую вы только что нарисовали. Отрегулируйте пиксели до точных значений (но продолжайте округлять, как вы установили).
  3. Откройте палитру символов (из меню окна, если вам нужно) и нажмите кнопку нового символа. Назовите его и установите флажок «включить направляющие для 9-масштабного масштабирования».

Теперь прямоугольник готов к использованию в фотошопе.

  1. Выберите версию на артборде. Скопируйте это.
  2. Вставьте его в документ Photoshop. Появится диалог о том, как его импортировать. Выберите смарт-объект (верхний вариант в CS5).
  3. Если вам нужно несколько копий, просто перетащите его или дублируйте слой. Чтобы отредактировать его, просто нажмите значок слоя, и он откроется в иллюстраторе. Поскольку это символ, вы можете просто изменить размер по своему усмотрению и сохранить документ. Новый размер будет отражен в фотошопе с такими же закругленными углами.
  4. Я предлагаю вам не применять какие-либо преобразования размера в фотошопе, чтобы все было ясно. Таким образом, если он равен 240px x 80px в иллюстраторе, то же самое в фотошопе.
  5. Если вам нужно несколько размеров, создайте стиль слоя в фотошопе, но используйте несколько оригинальных иллюстраторов.

Как создать шестиугольник с закругленными углами в фотошопе с помощью инструмента «Многоугольник»?

Ответы

Выбрав инструмент Polygonal Tool, щелкните маленький значок шестеренки на панели управления a, а затем установите флажок Smooth Corners .

Photoshop CC или CS6:

Photoshop CS5 или CS4:

Вам также может понадобиться настроить параметры «Звезда» .

Видеоуроки Adobe Flash CS4

Видеоуроки Adobe Flash CS4

Видеоуроки Adobe Flash CS4

Если вы хотите украсить Интернет красивыми и яркими сайтами, создать интерактивные приложения, игры или мультфильмы, запустить анимированный рекламный баннер, Adobe® Flash® CS4 лучше всех справится с поставленной задачей!

Неограниченные возможности программы делают ее незаменимой и такой популярной в мире web-дизайна, и теперь постичь все тонкости и секреты работы в ней можете и вы с нашими обучающими видео уроками. Этот самоучитель по Adobe® Flash® CS4 создан для вас!

Adobe®, Flash® and ActionScript® are registered trademarks of Adobe® Systems Incorporated in the United States and/or other countries.

Обновлен: 11 сентября 2011

Видеоуроки Adobe Flash CS4,
TeachVideo — Администрирование и разработка сайтов

– 1 – 5320Как нарисовать круг или овал >
Вконтакте
Facebook
Twitter
LiveJournal
Мой Мир
Письмо другу
В избранное
Код для блога

Этот урок можно скачать
в составе одного из наших продуктов:

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

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

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

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

Оглавление

Знакомство с программой
1.Как работать в Adobe Flash CS41:45018959
2.Настройка сцены1:4317608
3.Рабочее пространство2:1704920
4.Создание своего рабочего пространства2:2103837
5.Редактирование панели инструментов1:3003973
6.Расширения файлов SWF и FLA1:0808309
Программные инструменты
7.Инструмент выделения2:3004458
8.Инструмент «Лассо»1:1313523
9.Инструменты «Рука» и «Масштаб»1:2803087
10.Заливка и контур1:5003870
11.Рисование форм1:5015675
12.Скругление углов1:1515320
13.Как нарисовать круг или овал1:49012682
14.Как изменить овальную форму0:4402393
15.Рисование многоугольников и звезд1:5905269
16.Рисование линий1:1903755
17.Инструмент «карандаш»2:1502952
18.Инструмент «перо»1:4305234
19.Инструмент «Кисть»2:2103692
20.Режим Рисования объектов1:4403200
21.Инструмент «Заливка»1:3703826
22.Инструмент «Чернильница»1:3502781
23.Инструмент «Пипетка»1:0803251
24.Инструмент «Текст»2:2004123
Операции с инструментами
25.Смена положений и размеров форм1:1302978
26.Панель преобразования объектов1:3403333
27.Панель выравнивания1:5802371
Возможности рисования
28.Принципы взаимодействия форм и линий1:3313242
29.Взаимодействие форм0:4902282
30.Взаимодействие линий1:0802293
31.Превращение контура в заливку2:4403720
32.Принципы работы с цветовой панелью2:1602485
33.Градиент1:4616788
34.Заливка картинкой1:0903584
35.Переливы градиента1:2404286
36.Работа со слоями (часть первая)1:0505706
37.Работа со слоями (часть вторая)1:2306129
38.Работа со слоями (часть третья)1:2203099
39.Импорт картинок1:2104400
40.Маска1:3805989
41.Трассировка изображения2:47415875

© TeachVideo.ru 2021, Все права защищены

  • О проекте
  • Контакты
  • Реклама на сайте
  • Пользовательское соглашение
  • FAQ

Разработка сайта и техническое сопровождение

Как сделать круглые изображения? | htmlbook.ru

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
9.0+4.0+11.60+5.0+4.0+2.1+2.0+

Задача

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

Решение

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

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

Пример 1. Круглые изображения

HTML5CSS3IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Круглые изображения</title>
  <style>
   .round {
    border-radius: 100px; /* Радиус скругления */
    border: 3px solid green; /* Параметры рамки */
    box-shadow: 0 0 7px #666; /* Параметры тени */
   }
  </style>
 </head>
 <body>
   <p><img src="images/thumb1.jpg" alt="">
      <img src="images/thumb2.jpg" alt="">
      <img src="images/thumb3.jpg" alt=""></p>
 </body>
</html>

Результат данного примера в Opera показан на рис. 1.

Рис. 1. Круглые изображения

Браузеры Chrome и Safari некорректно отображают скруглённые уголки, что выглядит довольно некрасиво (рис. 2).

Рис. 2. Рамка в браузере Chrome

Здесь можно посоветовать только отказаться от рамки вообще или заменить border на свойство box-shadow. Вспоминаем, что оно может давать не только размытую тень, но и тень с резкими краями. К тому же box-shadow одновременно допускает наличие нескольких теней, параметры которых перечисляются через запятую. Таким образом, первая тень будет формировать рамку, а вторая добавлять затемнение. В примере 2 показан изменённый стиль, решающий проблему в Chrome с обрамлением.

Пример 2. Рамка из тени

HTML5CSS3IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Круглые изображения</title>
  <style>
   .round {
    border-radius: 100px; /* Радиус скругления */
    box-shadow: 0 0 0 3px green, 0 0 13px #333; /* Параметры теней */
   }
  </style>
 </head>
 <body>
   <p><img src="images/thumb1.jpg" alt="">
      <img src="images/thumb2.jpg" alt="">
      <img src="images/thumb3.jpg" alt=""></p>
 </body>
</html>

Результат данного примера показан на рис. 3.

Рис. 3. Рамка в браузере Chrome

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

Как изогнуть текст в GIMP

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

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

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

В этой редакционной статье я буду использовать два инструмента редактирования для изгиба текста в gIMP: один для создания контура, а другой для создания текста.

Приступим…

шагов для изгиба текста в GIMP

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

Step 1: Чтобы создать путь в gimp, первое, что я сделаю, это открою новый белый холст.Затем выберите инструмент «Пути» и нарисуйте начальную и конечную точки пути на белой поверхности, и путь будет создан.

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

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

Шаг 3: После создания контура и его изгиба пора написать фактический текст, который вы хотите изогнуть.Но сначала создайте новый слой, и это важно, потому что это поможет вам разделить элементы. Перейдите на панель инструментов и выберите инструмент «Текст» со значком «A».

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

Шаг 5: Теперь в поле настроек текста выберите желаемый шрифт текста и размер шрифта.Вы также можете изменить цвет в настройках. Настройте параметры текста в соответствии с вашими требованиями.

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

Шаг 7: Пришло время изогнуть его, как путь, который мы создали. Чтобы изогнуть текст, выберите текстовый слой и щелкните его правой кнопкой мыши. Оттуда появится раскрывающееся меню, нажмите «Text Along Path», и текст будет изгибаться так же, как путь, который мы проложили ранее.

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

Шаг 8: Теперь мы заполним наш изогнутый текст желаемым цветом. Для этого выберите опцию « Path » и щелкните правой кнопкой мыши слой пути. В появившемся окне выберите « Path To Selection » и вернитесь на панель «Слой».

Шаг 9: Чтобы залить цвет в тексте, мы должны использовать « Bucket Tool» , поэтому выберите инструмент, а затем выберите цвет, который вы хотите заполнить, как на изображении ниже.Теперь нажмите на текст, и ваш текст будет заполнен выбранным вами цветом.

Шаг 10: Наконец, сохраните текст и экспортируйте его, как хотите.

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

N.B: Я хочу предложить вам несколько вещей, которым вы должны следовать в этом руководстве, и это

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

Если вам нужна видеоверсия этой статьи, вы можете проверить это, этот видеоурок может помочь

Как изогнуть текст в GIMP [за 5 простых шагов]

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

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

Как создать кривый текст в GIMP

Убедитесь, что в вашей системе уже установлен GIMP.

Шаг 1. Создайте путь, соответствующий нужному типу кривой

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

Создайте путь

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

Изгиб контура

Шаг 2. Создайте текст, который вы хотите изогнуть

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

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

Создайте текст

Шаг 3: Создайте новый слой

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

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

Создайте новый слой для изогнутого текста

Шаг 4: Изогните текст

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

Text Along Path

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

Шаг 5: Последние штрихи и экспорт

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

Путь к выделению

Наконец, выберите инструмент ведро, цвет по вашему выбору и примените свой выбор, как показано ниже.

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

Дополнительный совет: создайте эффект тени

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

Я дам вам несколько подсказок:

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

Окончательный результат!

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

Не забудьте подписаться на рассылку новостей, ведь в ближайшем будущем команда It’s FOSS приготовит для вас гораздо больше!


Нравится то, что вы читаете? Пожалуйста, поделитесь этим с другими.

Фотопеа — текст

Вставка текста в изображения — важная операция редактирования изображений. Photopea предлагает богатый набор инструментов для работы с текстом. Текст хранится в документах PSD внутри Type Layers , у которых есть эскиз с заглавной буквой T.

Существует три типа слоев типа:

  • Точечный текст — определяется исходной точкой.Текст начинается с этого места и продолжается на одной строке до разрыва строки (Enter).
  • Текст абзаца — определяется прямоугольником. Абзацы автоматически разбиваются на несколько строк для заполнения прямоугольника.
  • Текст на кривой — определяется кривой, буквы расположены вдоль кривой.

Создание текстового слоя

Инструмент Тип используется для работы со слоями типа:.

Чтобы создать текст Point , выберите инструмент «Текст» и щелкните (нажмите и отпустите) мышь в каком-либо месте, которое станет началом координат.

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

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

Чтобы создать текст на кривой , сначала выберите кривую (на панели «Контуры» или в слое-фигуре / векторной маске) ​​и щелкните по ее контуру.

На кривой появятся два новых символа (точки): символ X и символ O.Текст помещается между ними. Используйте инструмент «Выбор контура», чтобы переместить эти точки, или переключить рендеринг текста на противоположную сторону кривой.

Редактирование текстового слоя

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

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

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

Как сделать круглый текст в Photoshop

Люсия Эверсон

Критерии выравнивания текста для фотошопов устанавливаются в формате. В фотошопе есть скрытые меню, где вы можете выполнить что-то более легкое или совершенно непохожее. Чтобы указать цвет, который он сделает для рубашки, Колин выбрал синюю рыбу-попугай.Добавление новой кровати на нижнем этаже изображения. Инструмент «Кисть для исправления краев» может удерживать волоски в ширину, добавляя их обратно. Помимо этого (и сбоя на днях, когда я работал с файлом размером 500 м), я ни разу не пропустил Photoshop :-). Теперь у нас есть интеллектуальная цель архетипа в центре, уровень с помощью копирования интеллектуальной цели слева и интеллектуальная цель с помощью интерпретации копии справа: Денежная стоимость этой панели составляет 99 долларов — то, что вы получаете взамен, представляет собой сложный на вид плагин, который многие называют лучшим инструментом цветовой маркировки для фотошопа на рынке.В окне настроек перейдите на вкладку «производительность».

как сделать круглый текст в фотошопе

Но если я перетащу его сюда, где бы он ни попал на два, где бы он ни перекрывал два, теперь активны оба слоя. Убедитесь, что наклон удерживает текст внутри параметров холста фотошопа, а не на сером фоне, где бы текст не был обрезан. Самый простой способ — нанести ее там, где вы хотите, чтобы она начиналась, то есть после того, как вы изобрели кисть. По правде говоря, есть предложение majuscule, написанное Брайаном Пексом, в котором обсуждаются маски яркости, связанные с этим предложением — вы можете найти этот пункт, щелкнув здесь.Но их удаление на самом деле может оказаться головной болью. Совместимость с фотошопом 7 и более поздних версий, а также с элементами фотошопа. Как изменить фон фотографии на Mac с помощью «предварительного просмотра». Итак, как можно предотвратить появление пиксельных изображений целиком. Невозможно увидеть сквозь одежду в фотошопе.

Все, что вам нужно, это фотошоп и. Это не требует регистрации или инициации. Еще один классный текст, вызывающий напряжение, — это текст zalgo, который является файлом. Когда появится окно согласования кривых, щелкните в центре системы питания и перетащите линию вверх, пока темная часть вашей экспозиции не станет настолько светлой, насколько вы этого хотите.Замените цвет и текстуру глиняной посуды (справа от файла) с крапчатой ​​текстурой глиняной посуды на левом крыле. Переместите обрезанные границы в желаемое положение на картинке. Между фоновым слоем и слоем 1 появляется новая пустая грядка.

Выберите одну из текстур, которую вы хотите использовать в качестве фона, и откройте ее в фотошопе. То же самое можно найти в Photoshop, если вы добавите слой непрозрачности 0% — если оглавление полностью чистое, оно будет выглядеть так, как будто их даже нет.Это означало, что теперь у меня появился еще один компонент, пересекающий край моего рисунка. Изображение передатчика состоит из линий и форм. Направьте это будет смотреться на белом фоне. Вы не можете добавлять шрифты в фотошоп. Каталог компьютерной программы: c: program filesadobeadobe photoshop lightroom 1. N) с размером по вашему выбору для окончательного выходного сигнала (у меня будет 5 × 7) с разрешением 300 пикселей на дюйм и белым фоном. Кроме того, можно удалять небольшие дефекты, которые в любом случае исчезнут, например, прыщи. Следовательно, чем больше пикселей вы можете втиснуть в дюйм, тем более выборочная информация сохраняется на фотографии и тем лучше она будет выглядеть.

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

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

Какова бы ни была причина, это непримечательно настоящая боль в шее — закрывать все, над чем я работал в фотошопе, только для того, чтобы вернуться к необработанному телевидению, отредактировать, а затем снова начать в фотошопе. . Выбирайте из тысяч готовых дизайнов. Эти кисти встроены в Photoshop. У вас есть их все, вы можете легко скачать их, и одним из ярких преимуществ является то, что он полностью на испанском языке, он быстрый, он точный (мы можем выровнять уровень, сравнить результаты …), и это действительно просто использовать с.Откройте изображение и выберите инструмент «Губка» на панели инструментов. Наклон растра позволит вам лучше контролировать заслонку или добавить шум для устранения полосы. Во-первых, вы можете выбрать и удалить экспозицию или цель из вида и поместить их на совершенно новый фон — или просто дать им их собственную экспозицию, как мы уже говорили здесь. Мы готовы помочь вам в любое время суток и без выходных. Внутри этого уровня не забудьте нажать на инструмент «палец».

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

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

Как сделать фоновые текстуры в Photoshop

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

Внезапно картина приобрела глубину и текстуру. Синее нажатие активирует «inpainting» — ключевую функцию подписи программного обеспечения, которая извлекает цвета и текстуры из фонового изображения, чтобы плавно покрыть все, что вы выбрали, чтобы удалить нежелательные детали.Как удалить объекты с изображения с помощью фотошопа. Это помогает иметь фоновое изображение с большим контрастом, особенно с более темными областями, которые могут просматриваться после того, как верхняя кровать установлена. Если вы ищете удивительные текстуры и фоны для фотошопа, исследуйте textures4photoshop везде, где вы можете найти более 1000 непревзойденных изображений. Изображение Heron Cope создано на веб-сайте textures4photoshop, где вы можете найти другие классные фоны Cope, которые можно использовать для использования в коммерческих сообщениях. Вы будете широко использовать их в фотошопе для изменения фона, добавления узоров и изменения текстур.Аппаратное обеспечение компьютера с исправлениями является супер-авторитетным в ущерб эксплуатации, супружеская пара компьютерного оборудования и программного обеспечения для гибкой, стабильной системы правил еще более авторитетна.

Как заменить черный цвет в Photoshop

Так что, даже если вы не одобряете выборочный цвет или не высказываете ему особого мнения, вы должны понимать, что это отличный навык, который можно использовать, когда вы нервничаете, чтобы рисовать, обращаясь к запечатанному предмету, и это то, что полезно иметь в пояс для инструментов.Панель «Слои» на правой боковой панели фотошопа (вы также можете перейти на. Нажмите на клитор маски уровня. Удерживая нажатой клавишу Command, щелкните элементы Adobe Photoshop и выберите «Показать оглавление пакета». Причина в том, что мужским лицам нужен грубый вид, разные женские лица. По правде говоря, нужно время, чтобы научиться этому. Изображение, которое будет установлено в текстовом издании. Факты о пакете курсов «Фотография и фотошоп»:

Тонирование по буквам в Photoshop дает вам превосходный контроль, потому что вы можете использовать кривые, чтобы определить, какие солнцезащитные очки серого цвета заменяются каким цветом, тонирование в indesign — это простой двухцветный процесс для замены черного (чернила) и белого (фон) разными цветами.Сверху сравните архетип, инструмент красных глаз (только для Photoshop cs2), инструмент замены цвета, инструмент кисти (использование черного, способ смешивания и 60% непрозрачности), инструмент губки и команду выборочного цвета. . Вы можете видеть, что это 72 дюйма в поперечнике. В Illustrator и indesign есть возможность создавать их с помощью инструмента «Линия». Обратите внимание, что поры у него по-прежнему красивы, а ретушь выглядит естественно.

Как сделать текст на фоне изображения Photoshop

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

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

Как сделать рамку вокруг текста в Photoshop

Начните по инициативе с изображения в фотошопе или выберите уровень, содержащий какой-то цвет. Здесь мы хотим, чтобы размер текста соответствовал меньшему тексту из предыдущего шага — «5. Я думаю, что толстый — единственный, кто правильно задает ваш вопрос, когда вы говорите, что парные текстовые поля, пользователи фотошопа механически думают, что они связаны — как в связанных слоях, вещи, которые перемещаются и масштабируются вместе. Что такое обрезная маска в фотошопе из сырцового кирпича.Более новые версии Photoshop вставляют «lorem ipsum» в качестве текста прокуратора в текстовое поле. Я нажму на умную цель на панели слоев, чтобы выбрать ее. Для этой демонстрации я выбрал особенно сложное изображение — такое, которое вам не нужно оценивать вручную, и вам не нужно делать двойное. Часто в наше время мы тратим время на обработку с мыслями о том, что можно добавить к нашим изображениям, чтобы сделать их более впечатляющими; больше резкости, контраста или цвета. Photoshop также позволяет пользователям создавать свои собственные шаблоны, что я считаю ценным, потому что мне нравится, что моя работа отличается от всех остальных, а текстуры, документы и узоры являются одними из моих «секретных уловок», которые я храню в своем оригинальном наборе инструментов.CVS — третий розничный продавец средств по уходу за кожей и косметики в Великобритании.

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

Как сделать текст на фоне изображения Photoshop

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

Я не умею укладывать плитку, так что я наверняка где-то перепутал у кромки воды: yell :. Теперь вы трахаетесь, как создать макет джерси и макет iphone без фотошопа. Эти учебные пособия по микро Adobe Photoshop для начинающих помогут вам получить представление о типах файлов изображений, компостировании (корректировке нескольких изображений), обрезке изображений, паразитных изображениях (в качестве фона веб-страницы), создании масок, слоях виктимизации, применении фильтров и т. Д. данные форматирования текста с уровнями, слоями и другими личными эффектами.Изображение открывается как новое, наложенное изображение в элементах. Есть еще два метода открытия ночного изображения в фотошопе. Я указал на то, что зеленый и синий фон экрана создают проблемы для фотографа-линзмена, который хочет контролировать фон.

Как сделать круглый текст в Photoshop Photoshop: применение исправлений использования совмещающих слоев и масок. А если ничего не помогает или вы …

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

Как изогнуть текст в Silhouette Studio

Узнайте, как изогнуть текст в Silhouette Studio, чтобы создавать забавные и уникальные дизайны!

Создавать дизайны в Silhouette Studio — это очень весело. Мне нравится создавать индивидуальный дизайн практически для любой поверхности. Но что произойдет, если вы хотите, чтобы текст изгибался вокруг формы, а не был на прямой линии? Изогнуть текст в Silhouette Studio легко и открыть множество различных возможностей для создания уникального дизайна.Сегодня я покажу вам, как легко искривлять текст. Давайте начнем!

КАК ИЗГИБАТЬ ТЕКСТ В SILHOUETTE STUDIO

Когда вы изгибаете текст в Silhouette, в основном вы размещаете текст вдоль контура. Этот путь может быть любой изогнутой формы, но сегодня я помещу текст в круг. Я собираюсь использовать дизайн, который я создал для предыдущего поста, и покажу вам, как обвести вокруг него текст. Давайте поместим слова «You’re Sweet» вокруг рожка мороженого. Если вы хотите узнать, как создать рожок мороженого, вы можете узнать, как создавать файлы SVG в Silhouette Studio здесь.

ШАГ 1

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

ШАГ 2

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

ШАГ 3

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

Теперь поместите слово «Sweet» в нижнюю часть круга. Чтобы разместить текст в нижней части круга, дважды щелкните по нему и перетащите черный кружок поверх формы круга.Когда вы это сделаете, ваш текст может выглядеть следующим образом (см. Ниже).

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

ШАГ 4

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

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

ПОДРОБНЕЕ ПО СИЛУЭТУ

НРАВИТСЯ? ПРИКОЛИ ЭТО!

.
Оставить комментарий

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

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