Новости сайта
10.11.2015 Скидка 10%
01.08.2013 ВНИМАНИЕ АКЦИЯ: "Интернет магазин с бесплатной интеграцией с 1С: Предприятие и платежными системами"
01.05.2013 Поздравляем!
27.03.2013 Два бесплатных подарка
Уроки Фотошопа
В этом разделе своего сайта я решил разместить уроки фотошоп, которые могут пригодиться Вам при создании дизайна сайта. Думаю, не лишним будет, с моей стороны, перед началом обучения фотошопу, представить Вам горячие клавиши фотошоп. Используя горячие клавиши фотошоп, вы облегчите себе работу и сэкономите время. Смотрите горячие клавиши фотошоп здесь.
Первый мой урок Photoshop расскажет Вам о том как закруглить углы фото.
Закругление углов в фотошопе
При изготовлении сайтов частенько приходится сталкиваться с проблемой как закруглить углы рисунка, или как закруглить углы фото. В этом уроке Фотошоп я научу Вас как закруглить углы рисунка в фотошоп. Так же этот урок Фотошоп позволит Вам закруглить углы фотографии. Надеюсь, это и так Вам понятно. Ведь для Фотошоп и картинка и фотография всё едино. В своей работе я пользуюсь Adobe Photoshop SC5, русская версия. Ну не силён я в языках.
Сегодняшний мой урок посвящен закруглению углов фото в фотошоп. Давайте вместе сделаем фотографию с скругленными углами как у меня на картинке.
1. Чтобы осуществить закругление углов в Фотошопе, откроем с помощью Фотошоп нужную нам картинку (фотографию). Для примера я взял одну из фотографий своего фото архива.
2. Приводим размеры рисунка к нужным нам параметрам. Для этого нажимаем ALT+CTRL+I. Откроется окно "Размер изображения". Задаем необходимые нам размеры. Можно и просто обрезать картинку до нужного размера.
3. Выделяем рисунок (CTRL+A) (появится пунктирная линия по периметру) и копируем его (CTRL+C); Копируем фото для того, чтобы исходное изображение осталось без изменений, посте того, как мы осуществим закругление углов в Фотошопе. Хотя можно работать и на оригинале, но тогда, когда закругленные углы будут готовы, мы просто сохраним фото как другое изображение.
4. Открываем новое окно (CTRL+N), задаём нужные размеры изображения и нажимаем "ОК". Прошу обратить внимание, что я задал фон — "прозрачный". Вы можете сразу задать фон, требуемого Вам цвета;
5. Вставляем в новое окно скопированный рисунок (CTRL+V) и создаём новый слой (CTRL+SHIFT+N). В Этом слое с помощью инструмента "прямоугольник со скругленными углами" рисуем прямоугольник нужного размера. Цвет прямоугольника значения не имеет. Выбор инструмента производится путём нажатия на правую кнопку мыши. Или простым нажатием клавиши (U). Радиус закругления устанавливаем по своему усмотрению (см. рисунок ниже);
При необходимости Вы можете переместить нарисованную фигуру с помощью стрелок на клавиатуре или с помощью мыши, удерживая нажатой левую клавишу. Предварительно не забудьте активировать на панели инструментов "перемещение" (верхняя кнопка). Также Вы можете изменить размер фигуры. Для этого нажмите (CTRL+T) и растяните фигуру до нужных размеров с помощью мыши, удерживая левую клавишу. Если Вы хотите изменить размер с сохранением пропорций, Вам необходимо удерживать SHIFT, и растягивать за угол фигуры.
6. Переходим в панель слоёв. Удерживая CTRL кликаем левой клавишей мыши по превью (картинке) слоя прямоугольника. Появится пунктирная обводка фигуры.
7. Переходим на нижний слой. Для этого в панели слоёв кликаем справа от картинки. В нашем случае — слоя 1. Выделение голубым цветом перейдёт на слой 1.
8. Нажимаем CTRL+ SHIFT+I. Появится пунктирное выделение по границе той части картинки, которая находится за пределами нашего прямоугольника имеющего закруглённые углы.
9. Нажимаем на клавиатуре DEL. Часть изображения, что находится за пределами прямоугольника будет удалена.
10. Вновь активируем слой с прямоугольником. Удаляем его, нажав на иконку корзины.
11. Нажимаем клавишу "М" и кликаем левой клавишей мыши в любое место изображения. Выделение убрано. Закругленные углы готовы. Можно сохранять изображение, которое мы получили осуществив&закругление углов в Фотошопе, в нужном нам формате.
Если такое изображение будет использовано для создания дизайна сайта, сохраняйте его для Web и устройств (ALT+SHIFT+CTRL+S).
12. Внимание! Если у Вас по краям изображения со скругленными углами остались прозрачные пикселы, Вам необходимо выполнить тримминг. Для этого нажмите "Изображение", выберите "Тримминг", в появившемся окне установите настройки как у меня на картинке и нажмите "Ok". Размер холста приобретет размер изображения, а все лишние прозрачные пикселы будут удалены.
Данный урок фотошоп можно использовать и для получения овальных фотографий, и для получения фигурных фотографий. Для этого в п.5 вместо инструмента "прямоугольник со скругленными углами" выбираем инструмент "эллипс", "многоугольник" или "произвольную фигуру". Дальше все действия проделываем те же, что мы проделывали, чтобы получить скругление углов.
Другие уроки фотошоп
Если Вам понравился урок по скруглению углов в фотошопе, порекомендуйте его своим друзьям и знакомым, нажав +1 от Google
Перейти к следующему уроку Фотошоп — создание кистей для фотошопа.
НЕ ЗНАЕШЬ КАК
ЗАРАБОТАТЬ ДЕНЬГИ?
ОЗНАКОМЬСЯ
с
БЕСПЛАТНЫМ КУРСОМ
"ЗАРАБОТАЙ ДЕНЬГИ
ПОСТРОИВ
ИДЕАЛЬНЫЙ
БИЗНЕС"
Доброго всем утра, дня, вечера или ночи. С вами снова и опять Дмитрий Костин. Как-то я просматривал разные картинки и тут мне приглянулись некторые из них. А приглянулись он тем, что у них были закруглены края. Сразу как-то интереснее смотрится. Вы не находите? И поэтому в сегодняшнем уроке я хотел бы вам рассказать, как закруглить углы в фотошопе, чтобы фото смотрелось поинтереснее.
Вот чем я люблю фотошоп, так это тем, что во многих случаях одно и тоже дело можно сделать несколькими способами. Так и здесь. Давайте приступим к нашему фотошопству.
Простое сглаживание
- Откройте любое изображение в фотошопе, например фотографию машины.
- Теперь выберете инструмент «Прямоугольное выделение» и выделите изображение, только не полностью, а так, чтобы со всех сторон оставалось немного места.
- Теперь идите в меню «Выделение» — «Модификация» — «Сгладить» . Вам откроется небольшое окошко, где вам надо будет ввести радиус сглаживания. Ну тут всё зависит от размера исходного изображения. Для данного изображения я решил поставить 20 пикселей. Но чем больше картинка — тем желательно и больше ставить радиус. Тут экспериментируйте. В случае чего вы всегда можете отменить последнее действие и попробовать другое число.
- Вы видите? Теперь углы на выделении закруглились. Но как вы понимаете это еще не все. Вам эту область нужно вырезать. Для этого идите в меню «Редактирование» и выберете пункт «Вырезать» или воспользуйтесь комбинацией клавиш CTRL+X. После этой манипуляции у вас исчезнет содержимое внутри выделенной области. Получилось? Отлично!
- Теперь вам необходимо создать новый документ в фотошопе. Сразу говорю, что не надо выставлять никаких параметров ширины и высоты, так как после того, как мы вырезали изображение, эти параметры автоматически подстраиваются под параметры вырезанного объекта. Т.е. просто нажимаете ОК.
- Ну и последний штрих. Теперь вам надо вставить наш вырезанный объект. Для этого идите в меню «Редактирование» и выберете пункт «Вставить» , либо нажмите комбинацию клавиш «CTRL+V». Вот и всё. Как видите, теперь мы получили изображение с закругленными краями. Вам останется только сохранить это изображение.
Сглаживание с использованием границ
Этот способ похож на предыдущий, но всё же сильно отличается. Проделывать всё будем с тем же самым изображением.
- Выделите всю область целиком. Для этого воспользуйтесь либо инструментом «Прямоугольное выделение», либо нажмите комбинацию клавиш CTRL+A.
- Теперь выберете «Выделение» — «Модификация» — «Граница» . Вам вылезет небольшое окошко, где вы должны будете выбрать размер границы. Я поставил 15 пикселей. Вы можете поэкспериментировать.
- Как видите у вас выделение стало двойным. Это нормально. И следующим шагом вам нужно сделать то же самое, что и в первом способе, а именно выбрать «Выделение» — «Модификация» — «Сгладить» . Поставьте там там радиус закругления. Я поставлю 30.
- Ну а теперь нажмите CTRL+X и у вас будет вырезана область вокруг вашего изображения и благодаря этому ваше основное изображение станет с закругленными углами. Правда тут останется фон вокруг картинки. Но он не будет заметен (если он белый конечно). Ну а если уж совсем напрягает, то вы сможете кадрировать изображение и ли что-нибудь другое, чтобы сделать убрать лишний фон. Ну а так сохраните, и всё будет good.
С помощью создания фигуры
Вот третий способ уже кардинально отличается от двух предыдущих. Так что передохните пару секунд и едем дальше. Изображение менять не буду и опять загружу эту машину в фотошоп.
- Но для дальнейших действий нам понадобится одна фигура. Идите в панель инструментов и там выберете инструмент «Прямоугольник с закругленными краями» из группы инструментов «Фигуры» .
- Теперь воспользуйтесь этим инструментом также, как и прямоугольным выделением, т.е. зажмите левую кнопку мыши в левом верхнем углу, а затем тяните всё это дело в правый нижний угол. Таким образом этот прямоугольник с закругленными краями должен закрыть нашу основную картинку.
- Как вы заметили, фигура создалась на новом слое. Это-то нам и нужно. Вот только последовательность их нас не устраивает. Вам нужно поставить слой с картинкой поверх слоя с прямоугольником. Для этого зажмите левую кнопку мыши на слое с изображением и переместите его на одну позицию выше. Но перед этим нажмите на замочек, чтобы разблокировать слой. Тогда слой с машиной встанет поверх фигуры.
- Теперь выделите слой с изображением и нажмите на нем правой кнопкой мыши, после чего выберите «Создать обтравочную маску».
Вы видите, что у вас в итоге получилось? Картинка стала с загругленными краями, а все из-за того, что она отображается только так, где стоит наш нарисованный закругленный прямоугольник. Но теперь вы можете обрезать лишний фо с помощтю инструмента"Рамка", либо же сразу сохранить картинку и у вас уже будет отдельное изображение с закругленными углами.
Попробуйте проделать все сами, а заодно и скажете, какой из представленных способов болле предпочтителен вам.
И кстати, если у вас есть пробелы в фотошопе или вы его просто хотите полностью изучить в кратчайшие сроки, то очень рекомендую вам посмотреть один замечательный курс по фотошопу для начинающих . Курс отлично сделан, рассказано и показано всё просто великолепно и каждый материал разбирается очень подробно.
Ну а на сегодня я свой урок заканчиваю. Не забудьте подписаться на новые статьи и поделитесь этим со своими друзьями. Рад был вам на моем блоге. Жду вас снова. Пока-пока.
На этой странице
Обрезка изображения
Инструмент Рамка удаляет часть изображения, выходящую за пределы рамки выделения. Выполните обрезку, чтобы удалить ненужную часть изображения или сделать акцент на определенном объекте. При обрезке изображения разрешение по умолчанию остается без изменений (как у оригинального изображения).
Выберите инструмент Рамка .
Для выбора соотношения сторон рамки для обрезки (отличающегося от соотношения исходного фото) выберите одну из следующих опций из выпадающего списка слева от панели параметров инструмента или самостоятельно укажите новые значения в полях Ширина и Высота на панели параметров:
Выбор данного параметра позволяет изменять изображение при любом соотношении сторон.
Использовать пропорции фотографии
Выбор данного параметра сохраняет соотношение сторон исходного изображения при обрезке. В полях Ширина и Высота отображаются значения, применяемые при обрезке изображения. Поле Разрешение позволяет изменить разрешение изображения.
При указании значений в полях Ширина и Высота инструмента «Рамка» в выпадающем списке будет выбрано значение Пользовательский .
Перетащите курсор мыши над фрагментом изображения, который должен остаться. После того как вы отпустите кнопку мыши, на изображении появится ограничительная рамка с маркерами на углах.
- Для изменения соотношения сторон выберите значения из выпадающего списка слева от панели параметров инструмента.
- Чтобы переместить рамку в другое место, наведите курсор на любую точку внутри рамки, нажмите левую кнопку мыши и перетащите курсор либо используйте клавиши со стрелками.
- Для изменения размеров области перетащите соответствующий маркер. Если в выпадающем списке выбран пункт Без ограничений , для сохранения пропорций при масштабировании перетащите угловой маркер, удерживая нажатой клавишу Shift.
- Для того чтобы поменять местами значения Ширина и Высота , нажмите значок Поменять на панели параметров.
- Чтобы повернуть область, переместите курсор за пределы ограничительной рамки (указатель превратится в изогнутую стрелку ) и перетащите его. (В режиме Битовый формат повернуть область, выбранную для обрезки, невозможно.)
Примечание. Цвет и степень прозрачности обрезанной области вокруг изображения можно изменить путем настройки параметров инструмента Рамка . Выберите Редактирование > Установки > Дисплей и курсоры и задайте новые значения параметров Цвет и Непрозрачность в области Инструмент «Рамка» диалогового окна Установки . Если не требуется выделять цветом обрезаемые участки, снимите флажок Затенять область за пределами выделения .
Для завершения обрезки нажмите зеленую кнопку Применить , расположенную в правом нижнем углу выбранного фрагмента, или дважды нажмите ограничительную рамку. Для отмены операции обрезки нажмите красную кнопку Отмена или клавишу Esc.
Обрезка по границе выделенного фрагмента
Инструмент Рамка удаляет области, расположенные за пределами выбранного фрагмента. При обрезке по границе выделенного фрагмента Photoshop Elements обрезает изображение по рамке, ограничивающей выделенный фрагмент. (Если выбран фрагмент неправильной формы, например с помощью инструмента Лассо , обрезка выполняется по ограничивающей рамке в форме прямоугольника, описанного вокруг выбранного фрагмента.) Если перед выполнением команды Рамка в Photoshop Elements не выбран фрагмент, с каждого края изображения обрезается полоса шириной 50 пикселей.
Используйте любой инструмент выделения, например Прямоугольная область , и выделите часть изображения, которую нужно оставить.
Выберите Изображение > Рамка .
Варианты автоматической обрезки
Инструмент «Рамка» и метод обрезки играют важнейшую роль в процессе редактирования фотографий. В Photoshop Elements 13 и более поздних версиях при выборе инструмента Рамка автоматически отображаются четыре готовых варианта обрезки. Среди них можно выбрать вариант, наиболее подходящий для выполняемых задач. После принятия одного из этих вариантов или отклонения всех четырех можно продолжить обрезку произвольным образом.
Применение вариантов автоматической обрезки
- Откройте фотографию в Photoshop Elements.
- Выберите инструмент Рамка . На панели Параметры инструмента отображаются четыре миниатюры, представляющие варианты автоматической обрезки.
- Нажмите миниатюру, соответствующую наиболее подходящему варианту. Если на панели параметров инструмента выбрать в раскрывающемся меню другие пропорции, отображаются дополнительные варианты.
Наведите курсор на Варианты кадрирования на панели параметров инструмента для предварительного просмотра варианта обрезки.
Использование сетки для улучшения результатов обрезки
Размещает на изображении сетку с направляющими. Используйте сетку, чтобы настроить расположение объектов изображения перед обрезкой.
Инструмент «Кадрирование перспективы»
Впервые реализовано в Photoshop Elements 15
Инструмент «Кадрирование перспективы» позволяет скорректировать перспективу на изображении во время обрезки. Этот инструмент полезен при работе с искаженным изображением. Искажение возникает при фотографировании объекта под непрямым углом, а также при использовании широкоугольного объектива для фотографирования крупных объектов. Например, если высокое здание сфотографировать с уровня земли, то верх здания будет казаться уже, чем основание.
Откройте изображение в Photoshop Elements.
В режиме «Эксперт» в разделе «Изменить» панели инструментов выберите инструмент «Кадрирование перспективы».
Нарисуйте контур (или границу) вокруг объекта, перспективу которого требуется изменить. Выполните обрезку изображения до выделенного контура.
Перетащите углы выделенной области для изменения формы контура. Наведите курсор на любой угол; после того как курсор станет белым, щелкните мышью и переместите угол.
Для получения наилучших результатов перетащите углы таким образом, чтобы вертикальные края контура находились на одной линии с вертикальной линией узора или объекта на фотографии.
Можно указать значения в полях ширины (W), высоты (H) и разрешения на панели Параметры инструмента . Итоговое изображение будет преобразовано в соответствии с указанными значениями высоты, ширины и разрешения.
Нажмите , чтобы преобразовать перспективу и обрезать изображение до области контура.
Использование инструмента «Вырезание по фигуре»
Инструмент Вырезание по фигуре обрезает фотографии по контуру произвольной фигуры. Выберите фигуру и перетащите ее на фотографию, чтобы обрезать ее по контуру данной фигуры. Можно перемещать ограничительную рамку и изменять ее размер, чтобы охватить область, подлежащую обрезке.
В режиме «Эксперт» выберите инструмент «Рамка».
На панели Параметры инструмента нажмите значок Вырезание по фигуре и выберите фигуру. Для просмотра других библиотек выберите требуемую библиотеку в раскрывающемся списке Фигуры .
Для завершения операции обрезки нажмите кнопку Применить или клавишу Enter . Для отмены операции обрезки нажмите кнопку Отмена или клавишу Esc.
Изменение размеров холста
Холст — это рабочая область вокруг имеющегося изображения в окне изображения. Это область изображения является полностью редактируемой. Можно увеличить или уменьшить размер холста с любой стороны изображения. Цвет добавленного холста определяется фоновым цветом, выбранным на данный момент в слое Фон (по умолчанию), или значением параметра «Цвет расширения холста», выбранным в окне Размер холста . В других слоях добавленный холст прозрачен.
Выберите Изображение > Изменить размер > Холста. .
- В полях Ширина и Высота введите размеры нового холста полностью. Выберите нужные единицы измерения в раскрывающихся меню.
- Выберите Относительно и введите величину, на которую требуется увеличить или уменьшить размер холста. Чтобы уменьшить размер холста, необходимо ввести отрицательное значение. Используйте эту опцию, чтобы увеличить холст на определенное количество единиц, например на 2 дюйма с каждой стороны.
Нажмите на стрелку на значке Расположение , чтобы указать расположение на холсте.
Для изменения цвета добавленного холста выберите требуемый вариант в меню Цвет расширения холста и нажмите «ОК».
Выпрямление изображения
Дрожание камеры может привести к появлению неровной линии горизонта на изображении. Например, на снимке с изображенным закатом линия горизонта может быть не идеально прямой. Photoshop Elements позволяет выровнять фотографию и сделать горизонт идеально прямым. Если объекты на фотографии расположены под углом, то их несложно выпрямить с помощью инструмента Выпрямление (P). При необходимости можно автоматически изменить размер или обрезать холст для выпрямления изображения.
- Если инструмент «Выпрямление» (P) активирован в быстром режиме, просто проведите линию вдоль горизонта (если он виден на фото). Если горизонт не виден, проведите линию, которая, на ваш взгляд, соответствует горизонтальной оси фотографии.
Линия горизонта на фотографии будет выпрямлена. Если при выпрямлении образуются пустые углы, они будут автоматически заполнены в соответствии с выбранными настройками.
Выпрямление изображения в режиме «Эксперт»
Выберите инструмент Выпрямление .
Выберите нужный параметр:
Растянуть или сжать холст под размер
Изменяет размеры холста под размер повернутого изображения. После выпрямления углы изображения выпадают за пределы холста. Выпрямленное изображение содержит фоновые области черного цвета, при этом отсечения пикселей не произойдет.
Обрезать для удаления фона
Обрезает изображение, чтобы удалить области фона черного цвета, которые появляются после выпрямления. При этом будут отсечены некоторые пиксели.
Обрезать до исходного размера
При выборе данного параметра холст принимает размеры исходного изображения. Выпрямленное изображение содержит области фона черного цвета; при этом отсекаются некоторые пиксели.
Три указанных выше варианта выравнивания доступны в том случае, если выбран режим «Повернуть все слои».
- Для коррекции перспективы по горизонтали проведите горизонтальную линию вдоль края, который требуется выпрямить. Например, предположим, что у вас есть перекошенное изображение поезда. Проведите горизонтальную линию параллельно поезду.
- Для коррекции перспективы по вертикали проведите вертикальную линию вдоль края, который требуется выпрямить. Например, у вас есть перекошенное изображение башни. В этом случае необходимо провести вертикальную линию параллельно башне.
Автоматическое заполнение пустых краев
Инструмент Выпрямление представляет собой усовершенствованный способ заполнения краев изображения: вместо цвета фона применяются подходящие данные изображения, выбранные с помощью интеллектуальных функций, или прозрачные пиксели.
Функция «Автозаполнение краев» доступна только в режимах «Увеличить или сжать» и «Исходный размер». Перед тем как провести линию для выпрямления изображения, выберите Автозаполнение краев . При рисовании линии все промежутки вдоль краев фотографии автоматически заполняются с помощью интеллектуальных функций.
Выпрямление изображения в режиме быстрого редактирования
Выберите инструмент Выпрямление .
Выберите нужный параметр:
Сохранение размера холста
Изменяет размеры холста под размер повернутого изображения. После выпрямления углы изображения выпадают за пределы холста. Выпрямленное изображение содержит фоновые области черного цвета, при этом отсечения пикселей не произойдет.
Сохранение размера изображения
Изменение размера изображения, чтобы удалить пустые области фона, которые становятся видимыми после выпрямления. При этом будут отсечены некоторые пиксели.
- Для коррекции перспективы по горизонтали проведите горизонтальную линию вдоль края, который требуется выпрямить. Например, предположим, что у вас есть перекошенное изображение поезда. Проведите горизонтальную линию параллельно поезду.
- Для коррекции перспективы по вертикали проведите вертикальную линию вдоль края, который требуется выпрямить. Например, у вас есть перекошенное изображение башни. В этом случае необходимо провести вертикальную линию параллельно башне.
Автоматическое заполнение пустых краев
Инструмент Выпрямление представляет собой усовершенствованный способ заполнения краев изображения: вместо цвета фона применяются подходящие данные изображения, выбранные с помощью интеллектуальных функций, или прозрачные пиксели.
Перед тем как провести линию для выпрямления изображения, выберите Автозаполнение краев . При рисовании линии все промежутки вдоль краев фотографии автоматически заполняются с помощью интеллектуальных функций.
Автоматическое выпрямление изображения
- Если требуется автоматически выровнять изображение таким образом, чтобы оно осталось в пределах холста, выберите Изображение > Повернуть > Выпрямить изображение . Выпрямленное изображение содержит фоновые области черного цвета, при этом отсечения пикселей не произойдет.
- Для автоматического выравнивания изображения с обрезкой выберите Изображение > Повернуть > Выпрямить и обрезать изображение . Выпрямленное изображение не будет содержать фоновые области черного цвета, при этом произойдет отсечение пикселей.
Разделение отсканированного изображения, содержащего несколько фотографий
При сканировании нескольких изображений в один файл можно автоматически разделить отсканированное изображение на составные фотографии и выпрямить их. Для этого между фотографиями должна прослеживаться четкая грань.
Выберите Изображение > Разделить отсканированные фотографии . Photoshop Elements автоматически разделяет изображение и помещает каждую фотографию в отдельный файл.
При разделении отсканированных фотографий, у которых по краям имеются белые области (светлое небо, снег и т. д.), рекомендуется накрыть изображение на сканере темной бумагой.