ФотошопСундучок photoshopsunduchok

Начните свой путь в мир ФОТОШОПА сейчас!

 

 

 

БЕСПЛАТНЫЕ РАССЫЛКИ ВКОНТАКТЕ

(более 20 рассылок) 

 

 

Помощь сайту

Понравился сайт? Внесите вклад в его развитие, пожертвовав любую сумму.

Деньги пойдут на оплату серверов и на развитие сайта.

В примечании к платежу, при желании, укажите свои данные.

Меценаты

Присоединяйтесь в

Вход на сайт

Профиль

Последние комментарии

Кто на сайте

Сейчас на сайте 126 гостей и нет пользователей

 

 

 

 

 

 

Яндекс.Метрика

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

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

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

Большая просьба сообщать о неработающих ссылках в комментариях.

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

 

Создание кнопки в фотошопе

 
 

Создание кнопки в фотошопе

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

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

 15

Подобные публикации:

 

Печать

Как сделать кнопку для сайта

Как сделать кнопку для сайта

 

В этом уроке по работе фотошопом будет показан простой способ создания кнопки для сайта.

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

Урок сделан по мотивам книги "Adobe Photoshop CS6. Мастер-класс Евгении Тучкевич".

Объёмная кнопка

Подобные публикации:



{smooth-scroll-top}

Печать

Как сделать обводку в фотошопе

Как сделать обводку в фотошопе

 

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

Так как сделать обводку в фотошопе?

Окружность


{smooth-scroll-top}

Печать

Быстрый способ создания объёмной кнопки в фотошопе

 

 

Быстрый способ создания

объёмной кнопки в фотошопе

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

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

Этот способ можно использовать и для придания каким-то элементам Вашего фото 3D эффекта.

 

Бирюзовая кнопка

 

Подобные публикации:

 

Печать

Создание кнопки

Создание кнопки


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

Урок сделан по мотивам произведений Скотта Келби в программе Photoshop CS3.

Кнопка

Подобные публикации:


{smooth-scroll-top}

Печать

Как сделать кнопку с тенью

Как сделать

кнопку с тенью


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

Графика

Подобные публикации:


{smooth-scroll-top}

Печать

Создание объёмной кнопки для сайта

Создание объёмной кнопки для сайта
В этом уроке по работе с фотошопом я покажу как можно создать красивую объёмную кнопку для сайта.
Один из вариантов создания похожей кнопки я уже рассматривал в уроке под названием: "".
Откроем новый документ: "Файл - Новый" или просто нажмём Ctrl+N.
В окне документа установим параметры, указанные на рисунке. В дальнейшем размер кнопки можно будет уменьшить.
Установим цвет переднего плана чёрный. Для этого достаточно нажать клавишу D.
Выберем инструмент "Заливка" (G).
Щёлкнем по нашему документу и он окрасится в чёрный цвет.
Создадим новый слой. Для этого щёлкнем по второй справа иконке в палитре "Слои".
Выберем инструмент "Овальная область" (M).
Нажмём и удерживаем клавиши Alt и Shift, наведём курсор на центр нашего слоя, щёлкнем левой кнопкой мыши и создадим круглое выделение, расположенное по центру нашего изображения.
Зальём наше выделение любым цветом, отличным от чёрного. Для этого щёлкаем по иконке цвета переднего плана и в окне выбора цвета устанавливаем необходимый цвет, к примеру зелёный.
Выбираем инструмент "Заливка" (G) и щёлкаем им по нашему выделению. Оно окрасится в зелёный цвет.
Придадим верхнему слою некоторые стили. Для этого щёлкаем по второй слева иконке fx в палитре "Слои" и в раскрывшемся списке выбираем "Внутренняя тень".
В окне "Стиль слоя" я поставил значения, которые Вы видите на рисунке. Вы конечно можете выбрать свои параметры.
Переходим к параметру "Внутренне свечение". Я установил вот такие значения. Вы, как всегда, вольны выбрать то, что Вам нравится.
Выбираем "Глянец" и устанавливаем такие параметры, чтобы кнопка выглядела объёмной. Нажимаем "Да".
Придадим ещё большую объёмность нашей кнопке. Для этого идём по такому пути. Создаём новый слой - Ctrl+N.
Устанавливаем цвет перднего плана белый. Для этого вначале нажимаем D (цвета переднего и изаднего плана установились по умолчанию, т.е. цвет перднего плана чёрный, а заднего - белый), а затем X (цвета переденго и заднего цветов поменялись местами).
Выбираем инструмент "Градиент" (G).
Щёлкнув по окошку градиента, выбираем градиент от цвета переднего плана к прозрачности, градиент - линейный.
Проводим нашим градиентом сверху вниз.
Вот что у нас получилось.
Снимаем выделение - Ctrl+D.
Применяем инструмент трансформирования - Ctrl+T.
Нижний центральный маркер двигаем вверх.
Левый и правый центральные маркеры двигаем вправо и влево соответственно.
Поворачиваем рамку трансформации по часовой стрелке.
Перемещаем рамку в верхний правый угол.
Нажимаем Enter.
Дублируем верхний слой, просто перетащив его на вторую справа иконку "Создать новый слой" палитры "Слои".
Идём в "Редактирование - Трансформирование - Отразить по горизонтали".
Точно также отражаем по вертикали и перетаскиваем с помощью инструмента "Перемещение" (V) наш блик в нижний левый противоположный угол.
У нас остался активным верхний слой. Нажимаем сочетание клавиш Ctrl+E и наши два слоя с бликами объединятся.
Выбираем "Фильтр - Размытие - Размытие по Гауссу".
В окне фильтра примерно устанавливаем такой радиус размытия.
Переходим на слой с зелёной кнопкой и устанавливаем параметр "Заливка" для этого слоя равным нулю.
Переходим на верхний слой и создаём новый слой - Ctrl+N.
Выбираем, к примеру, синий цвет и заливаем им, с помощью инструмента "Заливка" (G) наш верхний слой. Всё точно также, как и описывалось выше.
Выберем инструмент "Горизонтальный текст" и что-нибудь напишем.
Объединим текстовый слой и "Слой 3" - Ctrl+E.
Перетащим наш объединённый слой под слой с кнопкой и инструментом "Перемещение" (V), разместим нашу надпись по центру кнопки.
Щёлкнем левой кнопкой мыши по зелёной кнопке (Слой 1) и наша кнопка выделится.
Нажмём сочетание клавиш Shift+Ctrl+I и наше выделение инвертируется.
Нажимаем кнопку Delete и снимаем выделение - Ctrl+D. Наша кнопка готова!

В этом уроке по работе с фотошопом я покажу как можно создать красивую объёмную кнопку для сайта.

Один из вариантов создания похожей кнопки я уже рассматривал в уроке под названием: "Создание круглой кнопки для Вашего сайта".


Подобные публикации:


{smooth-scroll-top}

Печать

Создание круглой кнопки для Вашего сайта

 

Создание круглой кнопки для Вашего сайта
В этом уроке по работе с фотошопом я покажу простой способ создания круглой кнопки для Вашего сайта.
Создадим новый документ - "Файл - Новый" или просто нажмём Ctrl+N.
В окне нового документа выберем примерно такие параметры, которые указаны на рисунке. Нажмём "Да".
Появится новый документ.
Выберем инструмент "Овальная область".
Установим параметры: заданный размер и ширину и высоту поставим по 80 пикселов.
Чтобы получился круг, удерживаем клавишу Shift и проводим по нашему документу. Появляется выделение в виде круга.
Выбираем инструмент "Градиент" (G), щёлкаем по полю градиента для его редактирования.
В окошке "Редактор градиента" щёлкаем по нижним маркерам (поочерёдно), потом по полю "Цвет" и в окне "Выберите цвет" подбираем необходимые нам цвета для левого и правого маркеров градиента.
Я остановился на таких, а Вы можете подобрать цвета более подходящие для дизайна Вашего сайта. В окне "Редактор градиентов" нажимаем "Да".
Проводим градиентом под углом 45 градусов по нашему выделению.
Получился вот такой градиентный переход.
Опять выбираем инструмент "Овальная область", с теми же параметрами, за исключением высоты и ширины - устанавливаем по 60 пикселов.
Удерживаем клавишу Shift, создаём новое выделение и размещаем его по центру нашей картинки.
Опять выбираем тот же самый градиент.
Проводим градиентом по нашему выделению под углом в 45 градусов, но уже в другую сторону.
Вот что у нас получилось.
Снимаем выделение - Ctrl+D.
Что-нибудь напишем, к примеру цифру 1. Придайте ей любые эффекты, я добавил тень, тиснение и наложение цвета. А Вы вольны выбрать что Вам понравится. Если кто забыл, эффекты добавляются щелчком по второй слева иконке fх в палитре "Слои".
Все предыдущие скриншоты экрана я делал при увеличенном масштабе, чтобы можно было понять как применять те или иные инструменты. А теперь посмотрите как выглядит наша кнопка при 100% просмотре.

В этом уроке по работе с фотошопом я покажу простой способ создания круглой кнопки для Вашего сайта.



{smooth-scroll-top}

Печать

Популярные уроки сайта:

Prev Next

Художественные эффек…

Видеоуроки

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

Читать далее

Как сделать иллюстрац…

Уроки рисования в фотошопе

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

Читать далее

Разностные режимы нал…

Обработка фотографий в фотошопе

  РАЗНОСТНЫЕ РЕЖИМЫ НАЛОЖЕНИЯ В PHOTOSHOP: [drawer open_title="Разница, Исключение, Вычитание, Разделить" close_title="Закрыть" open_icon="icon: sun-o" title_background="#01227e" title_color="#ffffff"]ЧТО ЭТО ТАКОЕ И КАК ИСПОЛЬЗОВАТЬ НА ПРАКТИКЕ.[/drawer]   У нас на очереди заключительная группа режимов наложения, которую мы...

Читать далее

Текстура кожи для фот…

Уроки рисования в фотошопе

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

Читать далее

Режимы наложения Photosho…

Видеоуроки

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

Читать далее

Тонирование фото в фо…

Видеоуроки

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

Читать далее

Новости на Первом о са…

Видеоуроки

  Новости на Первом о сайте PhotoshopSunduchok Друзья! Наш сайт – PhotoshopSunduchok, попал в новости первого канала! Смотрите видео.  [divider style="7" color="#000000"]    [youtube url="https://www.youtube.com/watch?v=q0Ea5kW2zpo"]   [button style="bubbles" url="https://www.photoshopsunduchok.ru/uroki/fotograf/5597-rezhimi-nalozhenia-v-photoshop-2" target="blank" background_hover="#0d69ce" size="9" center="yes"]Нажмите на кнопку и посмотрите подробности о...

Читать далее

Контрастные режимы на…

Обработка фотографий в фотошопе

  КОНТРАСТНЫЕ РЕЖИМЫ НАЛОЖЕНИЯ В PHOTOSHOP: [drawer open_title="Перекрытие, Мягкий свет, Жесткий свет, Яркий свет, Линейный свет, Точечный свет, Жесткое смешение" close_title="Закрыть" open_icon="icon: sun-o" title_background="#284803" title_color="#ffffff"]ЧТО ЭТО ТАКОЕ И КАК ИСПОЛЬЗОВАТЬ НА ПРАКТИКЕ.[/drawer]   Мы...

Читать далее

Чем отличается заливк…

Обработка фотографий в фотошопе

  Чем отличается заливка от непрозрачности в фотошопе для режимов наложения В палитре «Слои» существуют две настройки «Непрозрачность» и «Заливка». К сожалению, далеко не все любители фотошопа понимают в чем между ними разница и...

Читать далее

Анимация помех в фото…

Уроки анимации в фотошопе

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

Читать далее

Как сделать яркий рет…

Уроки рисования в фотошопе

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

Читать далее

Как сделать золотой т…

Уроки фотошопа текст

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

Читать далее

Как нарисовать дым в ф…

Уроки рисования в фотошопе

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

Читать далее

Автоматическая цвето…

Видеоуроки

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

Читать далее

Как фотошоп обсчитыва…

Обработка фотографий в фотошопе

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

Читать далее

Осветляющие режимы на…

Обработка фотографий в фотошопе

  ОСВЕТЛЯЮЩИЕ РЕЖИМЫ НАЛОЖЕНИЯ В PHOTOSHOP: [drawer open_title="Замена светлым, Экран, Осветление основы, Линейный осветлитель, Светлее" close_title="Закрыть" open_icon="icon: sun-o" title_background="#29f1fa" title_color="#000000"]ЧТО ЭТО ТАКОЕ И КАК ИСПОЛЬЗОВАТЬ НА ПРАКТИКЕ.[/drawer]   Мы переходим к следующей группе режимов...

Читать далее

Как нарисовать мандал…

Уроки рисования в фотошопе

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

Читать далее

Резкость за 3 шага (реж…

Видеоуроки

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

Читать далее

Текстура глиттера для…

Уроки рисования в фотошопе

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

Читать далее

Как усилить детализац…

Видеоуроки

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

Читать далее

Как убрать жирный бле…

Обработка фотографий в фотошопе

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

Читать далее

Как сделать красивое …

Видеоуроки

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

Читать далее

Затемняющие  режимы …

Обработка фотографий в фотошопе

  ЗАТЕМНЯЮЩИЕ РЕЖИМЫ НАЛОЖЕНИЯ В PHOTOSHOP: [drawer open_title="«Затемнение», «Умножение», «Затемнение основы», «Линейный затемнитель»,  «Темнее»" close_title="Закрыть" open_icon="icon: heart" close_icon="icon: remove" title_background="#eb0000" background="#fffbc2" color="#000000" padding="0" animation="easeInSine" duration="2.5"]ЧТО ЭТО ТАКОЕ И КАК ИСПОЛЬЗОВАТЬ НА ПРАКТИКЕ.[/drawer]   Мы переходим к следующей группе...

Читать далее

Как в фотошопе сделат…

Уроки фотошопа текст

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

Читать далее

Как быстро выбрать ре…

Практические советы

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

Читать далее

Введение в Фокус-стек…

Обработка фотографий в фотошопе

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

Читать далее

Творческое тонирован…

Видеоуроки

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

Читать далее

Соглашение / Оферта
Автор сайта: Накрошаев Олег, Все права защищены Copyright, © 2009-2020

.tm-logo{float:center}