-Цитатник

Рамки - валентинки - (0)

Рамки - валентинки А до Дня Святого Валентина осталось всего-то 18 дней ) Пора уже думать о небол...

Перекидные календари на 2011 год - (3)

Перекидные календари на 2011 год Делюсь с Вами еще двумя перекидными календарями на 2011 год. &n...

Текстуры для коллажей - (7)

Текстуры для коллажей Abstract Bokeh Textures  Размер 3200х2400, формат jpeg. Кликабельны д...

5 наборов фонов - (1)

5 наборов фонов Набор фонов "Cool Breeze"  14 JPЕG | 3600 x 3600 px | 300 dpi...

Коллекция осенних рамочек - (4)

Коллекция осенних рамочек С помощью этих рамочек можно красиво оформить Ваши осенние фотографии ...

 -Сообщества

Участник сообществ (Всего в списке: 1) Photoshopia
Читатель сообществ (Всего в списке: 1) Я-МОДЕРАТОР

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 12.11.2005
Записей:
Комментариев:
Написано: 17080


Урок "Картинка с закруглёнными краями" !

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

1. Берем нужную нам картинку, я взяла эту:
 (500x315, 150Kb)

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

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

Все вопросы в коменты!
Рубрики:  Уроки


Процитировано 28 раз
Понравилось: 2 пользователям

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

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

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку