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


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

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

 

 

Помощь сайту

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

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

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

Меценаты

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

Вход на сайт

Профиль

Кто на сайте

Сейчас 177 гостей и один зарегистрированный пользователь на сайте

  • OlegNakroshaev

 

 

 

 

 

 

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

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

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

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

Думаете делать графику для сайта в 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. Предыдущие уроки Вы найдете по ссылкам под картинкой. В уроке «Как использовать смарт-фильтры в фотошопе неразрушающим способом» поговорим о...

Читать далее

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

Видеоуроки

Как сделать фотошоп макияж неразрушающим способом  Продолжение серии уроков по неразрушающей обработке фотографий в Photoshop. Предыдущие уроки Вы найдете по ссылкам под картинкой. В уроке «Как сделать фотошоп макияж неразрушающим способом» поговорим о...

Читать далее

Фон из фото

Уроки фотошопа коллажи

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

Читать далее

15 советов, как сделать…

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

15 советов, как сделать обработку в фотошопе, неразрушающим способом Привычка работать в фотошопе так, чтобы сохранять историю работы в слоях, не менять исходник и максимально упростить свою работу, дорого стоит. В уроке «15 советов...

Читать далее

Обои облака

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

 Обои облака Всем привет! Сегодня мы будем рисовать с нуля обои облака для рабочего стола. Как часто вы любуетесь облаками, красотой неба? Предлагаю в этом уроке побыть художником, нарисовать собственные облака. Из урока...

Читать далее

Что такое неразрушающ…

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

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

Читать далее

Поп арт в фотошопе

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

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

Читать далее

Фон круги

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

Фон круги Всем привет! Сегодня будем создавать фон в виде кругов. Это интересная идея, например, для создания фона открытки, фона баннера, или просто для создания обоев. В уроке вы научитесь пользоваться инструментами Кисть, Заливка...

Читать далее

Рисуем штамп в фотошо…

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

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

Читать далее

Эффекты для текста - з…

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

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

Читать далее

Эффект для текста в фо…

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

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

Читать далее

Как улучшить снимок, …

Видеоуроки

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

Читать далее

Полуавтоматический с…

Видеоуроки

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

Читать далее

Яркая обработка фото

Фотошоп уроки эффекты

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

Читать далее

Эффекты для текста в ф…

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

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

Читать далее

Эффект масляной краск…

Фотошоп уроки эффекты

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

Читать далее

Текст золотом в фотош…

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

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

Читать далее

Создание сферы в фото…

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

Создание сферы в фотошопе Всем привет! Сегодня мы будем рисовать сферу. В уроке вы научитесь пользоваться инструментами Заливка, Кисть, Овальная область, Прямоугольная область, Эллипс, Перемещение, фильтрами Размытие по Гауссу, Сферизация, Рябь, режимами наложения...

Читать далее

Коллаж Love is...

Уроки фотошопа коллажи

Коллаж Love is... Всем привет! Сегодня мы будем создавать коллаж в стиле вкладышей жевательной резинки «Love is…», популярной в 90-х годах прошлого столетия. Такой коллаж «Love is…»может быть прекрасным подарком любимому человеку...

Читать далее

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

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

Как нарисовать луну и звезды  Всем привет! В сегодняшнем уроке мы узнаем как нарисовать звезды и луну на фотографии. Из урока вы узнаете, как пользоваться инструментами Кисть, Рамка, Прямоугольная область, Перемещение, фильтрами Шум и...

Читать далее

Как рисовать огонь в ф…

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

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

Читать далее

Эффект старой кинопле…

Фотошоп уроки эффекты

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

Читать далее

Поворот в фотошопе ин…

Видеоуроки

Поворот в фотошопе инструментом "Поворот вида" Инструмент поворот в фотошопе вращает холст — не нанося вред ни единому пикселю. Поэтому, вы можете редактировать, рисовать и раскрашивать изображение под более удобным для работы углом. Это как сдвигать...

Читать далее

Палитра история в фот…

Видеоуроки

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

Читать далее

Светлячки для фотошоп…

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

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

Читать далее

Как использовать инст…

Видеоуроки

Как использовать инструмент архивная кисть в фотошопе Инструмент "Архивная кисть фотошопе" позволяет рисовать стилизованными штрихами с использованием исходных данных. К мазкам архивной кисти могут применяться различные параметры, которые позволяют менять состояние выделенного обьекта, на...

Читать далее

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