• Авторизация


Урок "Картинка с закруглёнными краями" ! 18-07-2008 15:30 к комментариям - к полной версии - понравилось!


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

1. Берем нужную нам картинку, я взяла эту:
[500x315]

2. Берём инструмент Rounded Rectangle Tool – векторный прямоугольник с закруглёнными краями.
[368x348]
Устанавливаем Radius : 50 px (эту настройку можно менять в зависимости от того, насколько должны быть закруглены края).
 (176x56, 3Kb)
Создаем дубликат слоя! Верхняя панель - Слой - Создать дубликат слоя
Рисуем прямоугольник так, чтобы края его точно совпадали с краями нашего изображения.
[500x280]
Кликаем правой кнопкой мыши по черному скругленному прямоугольнику и выбираем "Растрировать слой" (Rasterize Layer), теперь наше изображение выглядит вот так вот странно (цвет формы может быть любым, не пугайтесь):
[404x236]

3. Идем в верхнюю панель Выделение (Select) - Все (All) (верхняя строка)
кликаем по вертикальной левой панели "Инструмент Перемещение" (Move Tool),
[236x100]
стрелочками на клавиатуре подвигаем наш слой на 1 пиксель вправо: теперь выделено не всё изображение, а только черный прямоугольник.
Выбираем в верхней панели Выделение (Select) - Инверсия (Inverse).
Создаём новый слой. (Верхняя панель, Слой - Новый слой) заливаем выделение на новом слое например белым цветом (на будущее учтем, что цвет рамки должен быть отличен от цветов на картинке).
Снимаем выделение с картинке - левая вертикальная панель - инструмент "Прямоугольное выделение" - щелкаем мышкой по картинке - выделение снимается!
В панеле слоев - в правом углу - кликаем по слою с черным прямоугольником, в самом нижнем правом углу - значок корзина, кликаем по ней или же на слой с фигурой кликаем правой клавишей и выбираем удалить слой!
[313x197]
Вот что у нас получилось! Наша картинка в белой рамке - можно так и оставить, а рамку - выбрав слой с рамкой - залить нужным нам слоем и будет красиво, или просто оставить картинку с белой рамкой.
[559x370]
4. Объединяем слои картинка (дубликат) и слой с рамкой! Правая панель слоев - кликаем на слой с белой рамкой. Верхняя панель - Слой - Объединить с предыдущим.
Теперь у нас один слой!
Идем дальше - левая вертикальная панель - инстурмент "Волшебная палочка"
[270x91]
Кликаем по белой рамке - она у нас выделилась - кликаем кнопку Del на клавиатуре, рамка удалилась. И теперь у нас картинка с нужным нам закруглением.
Кликаем по полю чтобы снять выделение.
На будущее, если Вы хотите именно картинку с закругленными краями то старается рисовать форму прямоугольника как можно ближе к краю картинки.
И вот что у нас получилось в итоге, картинку сохраняем в формате GIF или PNG!
[500x315]

Все вопросы в коменты!
вверх^ к полной версии понравилось! в evernote
Комментарии (19): вперёд»
Gladly05 18-07-2008-16:01 удалить
Создала дубликат слоя, но прямоугольник у меня не черный, а прозрачный. как исправить?
Gladly05 18-07-2008-16:05 удалить
это полбеды. хотя насколько я поняла, не важно какого он цвета.
когда нажимаю на прямоугольник правой кнопкой, "растрировать слой" и прочее, что описано у Вас, не появляется.есть только "сделать выделение, заполнит путь, чертить путь"
Анатолия 18-07-2008-16:30 удалить
Gladly05, посмотри на панели все должно быть так как подчеркнуто:
[245x302]
x_Heart_Attack_x 18-07-2008-21:41 удалить
спасибо за урок! всё получилось сразу. давно этого хотела)
Malibusha 18-07-2008-22:03 удалить
вот только 4 пункт не совсем поняла как делать((
просто хочется,чтоб не было задней белой рамки...
хочу просто фото с закругленными краями...
Анатолия 18-07-2008-22:06 удалить
HubbaBubba, слой с рамкой и слой с картинкой объединяешь, потом волшебной палочкой по рамке она выделяется - нажимаешь Del и все - картинка с закругленными краями готова.
BraveDefender 18-07-2008-22:56 удалить
Можно все намного быстрее сделать :)
Во втором пункте поставить в настройках не "Shape layers", а "Paths". На прямоугольнике - правой кнопкой мыши и выбрать "Make selection". Затем, Ctrl+J (скопировать выделение в новый слой) и удалить слой "Background". Все. Осталось сохранить.
Анатолия 18-07-2008-23:02 удалить
BraveDefender, когда нажимаю Ctrl+J у меня совершенно другое выдает - пластырь (восстанавливающая кисть) и дальше ничего не дает делать! как на русской раскладке так и на англ.
BraveDefender 18-07-2008-23:50 удалить
Анатолия
http://bravedefender.lici.ru/post80678008/
"Пластырь" выдает при нажатии на J без Ctrl
С0Л0ВЕЙ 19-07-2008-01:05 удалить
Это все я знал) проблема в том что когда я сохраняю в формате GIF или PNG у меня один хрен остаются углы не закругленными!
может я что-то делаю не так?
BraveDefender 19-07-2008-01:22 удалить
С0Л0ВЕЙ
При сохранении надо поставить галочку на Transparency (Прозрачность)
С0Л0ВЕЙ 19-07-2008-01:29 удалить
Исходное сообщение BraveDefender
С0Л0ВЕЙ
При сохранении надо поставить галочку на Transparency (Прозрачность)

ок) пасиба)
Анатолия 19-07-2008-08:35 удалить
BraveDefender, а у меня выдает! я ведь не зря написала что просмотрела другие уроки!
BraveDefender 19-07-2008-11:12 удалить
Анатолия
Я не могу сказать в чем причина, это стандартное сочетание клавиш для фотошопа всех версий. Ctrl и букву "J" надо нажимать одновременно или "J" при нажатой клавише Ctrl. Если это не работает (хотя, я не понимаю, почему), можно в меню: Layer - New - Layer via Copy (Слои - Новый - Слой через Копирование). Кстати, в меню напротив "Layer via Copy" написано именно Ctrl+J :)))
Анатолия 19-07-2008-12:12 удалить
BraveDefender, у меня это не работает! я нашла другой способ и написала урок! потом я нашла еще один способ и освоила еще пару функций!
пока меня все устраивает!
BraveDefender 19-07-2008-12:47 удалить
Анатолия
Прошу прощения, если помешал Вашему триумфу с этим уроком.
Сомневаюсь только, что у Вас не работает то, что работает у всех других пользователей Photoshop. Это возможно только в одном случае: программу для Вас делали по спецзаказу, в чем я не уверен.
С0Л0ВЕЙ 19-07-2008-13:06 удалить
у меня когда загружаю в инет, вместо прозрачности черные углы! это может быть из-за самого браузера?
Анатолия 19-07-2008-13:10 удалить
С0Л0ВЕЙ, если честно не знаю...у меня фотошоп нормально установился только с третье попытки...
С0Л0ВЕЙ 19-07-2008-13:37 удалить
короче я видимо что-то делаю не так наверно... углы все равно остаются...
Анатолия 19-07-2008-13:40 удалить
С0Л0ВЕЙ, сожалею но мне надо видеть то что не получается..так сказать не могу...
подождем может профессионалы подскажут как и что сделать!
С0Л0ВЕЙ 19-07-2008-14:52 удалить
по ходу я делаю все нормально! но у меня интернет-браузер показывает черные углы.
diary_pr 19-07-2008-15:11 удалить
по-моему, края получились несколько "пушистыми"
я делаю примерно так же, но проще.
http://dreamlandspace.narod.ru/photoshop1.html
Fluffy_Sugar 19-07-2008-15:30 удалить
я недавно начала пользоваться фш....можно узнать где находится заливка?.....а то остановилась на заливке,дальше ниче делать не могу....ппц ^^"
BraveDefender 19-07-2008-15:48 удалить
Fluffy_Sugar
Заливка находится на той же кнопке, что и Градиент. Надо нажать на нее левой кнопкой мыши и удерживать.
[305x513]
Анатолия 19-07-2008-16:58 удалить
-No_Regrets-, я знаю про такой способ но из за глюка он у меня не шел...сейчас удалось исправить - пошло...но края все равно не идеальны!
Анатолия, такая проблемка .. я когда нажимаю волшебную палочку , у меня не выделается белая часть . а берёт с собой и часть картинки (((
Анатолия 19-07-2008-22:44 удалить
-SWEET_BITCH-, попробуй залить не белым а тем цветом который в картинке не присуствует!


Комментарии (19): вперёд» вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Урок "Картинка с закруглёнными краями" ! | Photoshopinka - Photoshopinka: первые шаги | Лента друзей Photoshopinka / Полная версия Добавить в друзья Страницы: раньше»