Легкое редактирование портретной фотографии в Photoshop

В процессе работы над любым сайтом приходится обрабатывать фотографии: уменьшать размеры фото, делать изображение более четким, убирать шумы на фото с мобильника, перекрашивать красные глаза и т.д. Ретуширование портретной фотографии — это довольно сложный процесс, который требует аккуратности и чувства меры. Программа Photoshop предлагает нам массу инструментов для его осуществление. Для веб-дизайнера знать все тонкости профессионального ретуширования портретных фотографий необязательно, но знать основы все же необходимо. Рассмотрим на примере фото симпатичной девушки как провести легкое ретуширование фотографии в Фотошопе перед ее добавлением на сайт.

Фото ДО редактирования:

Редактирование фото в Фотошоп

Фото ПОСЛЕ редактирования:

После редактирования в Photoshop

(далее…)

Как улучшить фото, снятое на мобильник

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

Редактируем в Фотошопе фото с мобильника

После того, как вы убрали шумы с вашего мобильного фото, очень желательно улучшить его четкость (Filter -> Sharpen -> Smart Sharpen…).

(далее…)

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

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

Способ 1: Рамка вокруг рисунка в Photoshop как эффект фонового слоя

Допустим, у нас есть картинка, вокруг которой мы бы хотели видеть рамку толщиной в 2 пикселя. Самый простой способ сделать это – воспользоваться эффектом для фонового слоя, который рисует рамку нужного цвета и толщины. Если у картинки один слой (обычное фото или рисунок, которые не обрабатывались только что в Фотошопе), то он же и является фоновым. Для этого:

1. Открываем окно со слоями рисунка (горячая клавишаF7) и кликаем дважды по фоновому (единственному) слою в этом окне:

Рамка вокруг картинки как свойство слоя

По названию слоя (у нас – «клубника») кликать не нужно, если только мы не собираемся переименовывать слой.
(далее…)

Как в Фотошопе сделать четче фото или рисунок

Современные фотоаппараты, даже домашние «мыльницы», делают огромные фотографии. Если есть большой жесткий диск и не лень сортировать и записывать фотографии на DVD-диски, большие фото можно не уменьшать. Но если вы хотите послать несколько фото друзьям или выложить их в блоге, размер фотографий придется уменьшать в Photoshop. А при уменьшении фото теряется четкость графики. Да и фотоаппараты не всегда делают четкие снимки. Так что улучшать четкость снимков приходится часто. К счастью, эта процедура очень проста и занимает мало времени.

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

1. Открываем программу Adobe Photoshop. Если при установке вы не меняли настройки, то для запуска Фотошопа нужно выбрать Пуск->Все программы->Adobe Web Premium CS3->Adobe Photoshop CS3. При подготовке урока использовалась версия Adobe Photoshop CS3, у вас на компьютере может быть установлена другая версия.

2. После того, как Фотошоп загрузится, нужно открыть в нем фотографию или картинку, четкость которой вы хотите улучшить. Удобнее всего перетащить картинку в Фотошоп из окна Windows. Для этого достаточно зажать левой кнопкой мыши ярлычок фотографии и перетащить ее в открытую программу Photoshop. Также можно открыть изображение традиционно с помощью меню Фотошопа: File->Open…:

Открыть фото в Photoshop

(далее…)

Как существенно ускорить работу в Photoshop

В этой статье я не буду рассказывать о технической стороне вопроса ускорения работы Фотошопа. Сколько должно быть жестких дисков и оперативной памяти мы подробно обсудим как-нибудь потом. На моем рабочем компьютере двухъядерник 1.86 ГГц, 3 ГБ оперативки и 2 винчестера по 250 Гб. Мне это позволяет комфортно работать. Но помимо мощного компьютера очень важно правильно организовать свою работу и не тратить слишком много времени на решение стандартных задач. Предлагаю свой рецепт из 10 основных правил ускорения работы в Фотошопе.

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

2. Не ленится переименовывать слои и давать им осмысленные имена. Если в проекте 5-10 слоев и работать с ним 10 минут, то можно не заморачиваться с именами. Но в сложных макетах может быть пару сотен слоев, а имя слоя Layer 146 ни о чем не скажет через месяц ни вам, ни другому дизайнеру, ни заказчику. Разобраться, конечно, можно, но на этот нудный процесс уходит время и нервы.

Осмысленные имена слоев и папок

(далее…)

Прозрачность и полупрозрачность в Photoshop

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

Как сделать прозрачный фон в Фотошопе

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

1. Открываем Photoshop. Открываем в нем картинку, которую нужно разместить на прозрачном фоне (File->Open…).

2. Выделяем все изображение/фото (Ctrl+O).

3. Копируем выделенную картинку (Ctrl+C).

4. Открываем новый файл в Фотошопе (File->New… или Ctrl+N). В появившемся окне в самом нижнем выпадающем списке выбираем значение Transparent – «прозрачность»:

Новый файл в Photoshop с прозрачным фоном

(далее…)

Как сделать PrintScreen (принтскрин, скриншот)

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

Делай скриншоты грамотно

Как скопировать содержимое экрана компьютера

Чтобы скопировать вид экрана и сделать принтскрин, нужно на клавиатуре нажать специальную кнопку, на которой написано PrintScreen или PrtScn. На клавиатуре кнопка фотографирования экрана находится примерно здесь:

Клавиша Print Screen на клавиатуре
После нажатия на эту кнопку внешне ничего не происходит, никаких новых окон не открывается. При нажатии на кнопку PrintScreen вид экрана монитора копируется в оперативную память и чтобы сохранить скриншот на диск нужно вставить содержимое буфера обмена в любую программу, способную обрабатывать графику. Вполне подойдут Photoshop, Paint или даже Word, хотя существует много специальных программ для создания скриншотов (SnagIt, WinSnap, HyperSnap и др.).
(далее…)

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

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

Начиная с версии Adobe Photoshop CS2, программа Фотошоп обзавелась полезным инструментом Red Eye Tool, который позволяет одним парой кликов мыши убрать красные глаза на вашем фото. Т.е. для выполнения этого урока вам нужен Фотошоп версии CS2, CS3 или CS4. В подготовке этого урока использовался Photoshop CS3.

Допустим, у вас есть фотография симпатичной девушки, которая будет еще более симпатичной, если не будет красноглазой:

Фото с красными глазами

Сделаем так, чтобы ее глаза были естественного цвета.

(далее…)

С чего начать изучение веб-дизайна

Adobe Photoshop CS3

Пролог

Хотел бы рассказать небольшую историю, которая подойдет как эпиграф к этой статье. Года два назад я искал DVD диск на раскладках. Нужен был сборник дизайнерских программ, в котором, помимо Adobe Photoshop, Adobe Flash, Adobe Dreamweaver и Adobe Illustrator, были бы и CorelDraw, и несколько программ для создания иконок и скриншотов… Лень было искать и скачивать все по отдельности из интернета, а затем записывать на диск.

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

И тут парень засиял. С чувством собственного достоинства и с высоты своего дизайнерского опыта, он мне объяснил, что профессионалы сайты делают в Дримвивере. А остальные программы нужны для понторезов вроде меня. Он был так счастлив от переполнявших его знаний, что мне даже жаль было его прерывать и сообщать, что HTML-верстка сайта в Dreamweaver’е – это всего лишь один из этапов разработки сайта, далеко не первый и не последний.

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

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

(далее…)

Простой способ уменьшить фото в Фотошопе

В результате уменьшения размера фотографии в программе Photoshop вполне рально сделать из фото весом 2-5 Мб качественную фотографию на весь экран, но весом в 500 Кб или даже еще меньше. Эта статья будет полезной новичкам, которые делают первые вынужденные шаги в освоении Фотошопа и хотят быстро уменьшать свои фото.

8-мегапиксельными цифровыми фотокамерами сейчас никого не удивишь. Каждый день обычные люди, которые не являются гуру Фотошопа, делают горы снимков. Горы – если бы мы их распечатывали. Но нам нужно передавать эти файлы по ICQ, добавлять их в фотоальбомы социальных сетей вроде «Одноклассников» и «В контакте», выкладывать на своем блоге, слать по почте… Или отнести на флешке любимой тете Свете, она давно просила.

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

Устанавливаем Фотошоп. Без него нынче никак. Даже непрофессионалам Photoshop необходим. Рекомендую устанавливать версию Adobe Photoshop CS3, лично мне она больше всего нравится. Не будем спорить, какая версия программы самая лучшая, нам для уменьшения фото подойдет любая. Если вы не знаете, где бесплатно скачать Фотошоп, рекомендую ознакомиться с моей статьей Чем бесплатно скачать любую программу.

Открываем Photoshop. Перетаскиваем в него свое фото – просто зажимаем левой кнопкой мыши ярлычок фотографии и перетягиваем ее в видимую область Фотошопа, она откроется. Если так не нравится, можно открывать традиционно (File->Open…):

Открыть фото в Фотошопе

(далее…)